.background-grid{background:#040907 url('/assets/soda-background-master.png') center center/cover no-repeat!important}.background-grid:before{opacity:.14}.detail-main,.hero{position:relative}.feature-category,.feature-category.alt{background:rgba(3,12,8,.68);backdrop-filter:blur(3px)}.soda-product-upgrade .detail-hero{min-height:760px;align-items:center}.soda-product-upgrade .detail-hero-copy h1{font-size:clamp(48px,5vw,80px);letter-spacing:-.055em;line-height:1.08;text-shadow:none}.soda-product-upgrade .detail-hero-copy p{font-size:18px;line-height:1.8;max-width:600px}.soda-product-upgrade .product-visual{min-height:650px;display:grid;place-items:center}.soda-showcase-phone.phone-ui{width:270px;height:594px;padding:0;border-radius:37px;position:relative;overflow:hidden;background:#020705;border:6px solid #15271c;box-shadow:0 25px 80px #0008,0 0 50px #24ce7033;transform:rotate(-3deg)}.phone-slides{position:absolute;inset:0;overflow:hidden;background:#030906;border-radius:30px}.phone-slides>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;padding:0!important;margin:0!important;opacity:0;transition:opacity .25s ease;filter:none!important}.phone-slides>img:first-child,.phone-slides>img[data-slide-active=true]{opacity:1}.phone-slides>img[data-slide-active=false]{opacity:0}.phone-slides>img[data-owner-selected]{opacity:1!important;z-index:5}.soda-phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);height:13px;width:77px;border-radius:20px;background:#020705;z-index:7;pointer-events:none}.soda-slideshow-pause{position:absolute;bottom:6px;right:8px;z-index:8;color:#d7f7e1;background:#03130ce8;border:1px solid #3c7652;padding:5px 9px;border-radius:20px;font-size:11px;cursor:pointer}.soda-product-feature{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:40px;padding-block:30px}.soda-feature-number{font-size:60px;line-height:1;color:#79fba0;opacity:.4;font-weight:700}.soda-product-feature h2{font-size:clamp(28px,3.3vw,48px);font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:16px 0 20px;text-shadow:none}.soda-product-feature p{color:#b6cdbf;font-size:18px;line-height:1.9;max-width:840px}.soda-desktop-showcase{width:min(100%,520px);padding:0 30px 35px;border-radius:22px;background:linear-gradient(150deg,#0a2118,#05100b);border:1px solid #3b9461;box-shadow:0 30px 70px #0008;transform:perspective(1000px) rotateY(-9deg)}.soda-screen-bar{margin:0 -30px 30px;border-bottom:1px solid #214d32;padding:17px 22px;font-size:12px;letter-spacing:.14em;color:#a3cdb1}.soda-desktop-showcase>img{display:block;width:125px;height:125px;object-fit:contain;margin:20px auto}.soda-desktop-showcase h3{text-align:center;font-size:24px;margin:24px 0}.soda-work-chips{display:grid;grid-template-columns:1fr 1fr;gap:12px}.soda-work-chips span{border:1px solid #234a32;padding:17px 12px;border-radius:11px;color:#b2d4bf;font-size:14px;background:#0a1d13}.soda-mouse-mascot{position:fixed;left:0;top:0;width:58px;height:68px;z-index:90;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s}.soda-mouse-mascot img{width:100%;height:100%;object-fit:contain;transition:transform .2s;filter:drop-shadow(0 3px 8px #0008)}.soda-mouse-mascot span{position:absolute;right:25px;bottom:76px;width:max-content;background:#ecfff1;color:#104928;border:2px solid #49b66e;border-radius:18px 18px 3px 18px;padding:10px 14px;font-size:13px;font-weight:650;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;box-shadow:0 5px 18px #0003}.soda-mouse-mascot.ready span{opacity:1;transform:translateY(0)}.soda-mouse-mascot.ready img{transform:rotate(-12deg) scale(1.15)}.soda-mouse-mascot.pressed img{transform:rotate(9deg) scale(.9)}@media(max-width:800px){.soda-product-upgrade .detail-hero{min-height:0;display:flex;flex-direction:column;gap:35px;padding-block:65px}.soda-product-upgrade .product-visual{width:100%;min-height:640px}.soda-product-feature{grid-template-columns:55px minmax(0,1fr);gap:18px}.soda-feature-number{font-size:37px}.soda-product-feature p{font-size:16px}.soda-showcase-phone.phone-ui{transform:none}.soda-desktop-showcase{transform:none;margin-block:20px}.soda-product-upgrade .detail-hero:has(.soda-desktop-showcase) .product-visual{min-height:400px}}@media(prefers-reduced-motion:reduce){.phone-slides>img{transition:none}.soda-mouse-mascot{display:none}}
.soda-desktop-carousel{width:min(100%,660px);min-width:0;background:#06110b;border:1px solid #387b50;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #0007;transform:perspective(1200px) rotateY(-5deg)}
.soda-carousel-screen{position:relative;width:100%;aspect-ratio:16/10;background:#020604;overflow:hidden}
.soda-carousel-screen>img,.soda-carousel-screen>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;padding:0;opacity:0;pointer-events:none;transition:opacity .22s ease}
.soda-carousel-screen>video:first-child,.soda-carousel-screen>[data-carousel-active=true]{opacity:1;pointer-events:auto}
.soda-carousel-screen>[data-carousel-active=false]{opacity:0;pointer-events:none}
.soda-carousel-screen>[data-owner-selected]{opacity:1!important;z-index:4}
.soda-carousel-controls{display:flex;align-items:center;gap:8px;padding:12px;background:#081a10;border-top:1px solid #244c32;flex-wrap:wrap}
.soda-carousel-controls button{font-size:12px;line-height:1.4;border:1px solid #3b6f4c;background:#102a1b;color:#d2f2dc;border-radius:8px;padding:8px 10px;min-height:36px;cursor:pointer}
.soda-carousel-controls button:hover{background:#194729;border-color:#67d98c}
.soda-carousel-controls [data-carousel-status]{flex:1;min-width:100px;font-size:12px;text-align:center;color:#b0ccb9}
@media(max-width:800px){.soda-desktop-carousel{transform:none}.soda-product-upgrade .detail-hero:has(.soda-desktop-carousel) .product-visual{min-height:0;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.soda-carousel-screen>img,.soda-carousel-screen>video{transition:none}}