@property --scene-bg{syntax:"<color>";inherits:true;initial-value:#123c88}
:root{--bg:#07090a;--surface:#0d1113;--paper:#f2f1ed;--ink:#111719;--red:#db3047;--orange:#ff6b24;--lime:#ccff00;--muted:#9ba3a6;--line:#ffffff20;--ease:cubic-bezier(.16,1,.3,1);font-family:"DM Sans",Arial,sans-serif;color:#f7f7f5;background:var(--bg);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--bg)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:"Manrope",Arial,sans-serif}h2{font-size:clamp(3.3rem,7vw,7.7rem);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:600}h2 span{color:var(--orange)}p{font-size:1rem;line-height:1.7}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wide{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;z-index:200;top:-80px;left:16px;background:#fff;color:#000;padding:14px 18px}.skip:focus{top:16px}.page-progress{position:fixed;z-index:120;inset:0 0 auto;height:3px;background:#ffffff0c}.page-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red),var(--orange));transform:scaleX(0);transform-origin:left}
.topbar{height:86px;position:absolute;z-index:100;inset:0 0 auto;display:flex;align-items:center;padding:0 48px;border-bottom:1px solid var(--line);background:linear-gradient(#050708c7,transparent)}.brand{display:flex;align-items:center;gap:9px;font-size:1.55rem;font-weight:800;letter-spacing:-.05em}.brand img{width:42px;height:42px;object-fit:contain}.topbar nav{display:flex;margin-left:auto;gap:34px;font-size:.8rem;color:#d6d9d9}.topbar nav a{position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--orange);transition:right .3s var(--ease)}.topbar nav a:hover:after{right:0}.nav-cta{margin-left:36px;border:1px solid #ffffff60;min-height:42px;padding:0 16px;display:flex;align-items:center;gap:22px;font-size:.8rem;transition:.3s}.nav-cta:hover{background:#fff;color:#111}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0;transition:.3s}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#090b0c}.hero-media,.hero-shade,.hero-grain{position:absolute;inset:0}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,#07090af2 0%,#07090ac4 34%,#07090a30 68%,#07090a80 100%),linear-gradient(0deg,#07090ac7 0%,transparent 35%)}.hero-grain{opacity:.17;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;width:min(1320px,calc(100% - 112px));height:100%;margin:auto;padding-top:145px;display:flex;flex-direction:column}.kicker,.section-tag{font-size:.7rem;line-height:1.4;font-weight:700;letter-spacing:.2em;color:var(--orange);margin-bottom:34px}.hero h1{font-size:clamp(4.2rem,8vw,8.6rem);line-height:.88;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #ffffffb8}.hero-bottom{margin-top:auto;padding-bottom:64px;display:flex;align-items:flex-end;gap:80px}.hero-bottom>p{max-width:475px;margin:0;color:#d0d4d5;font-size:1.08rem}.round-link{width:100px;height:100px;border-radius:50%;border:1px solid #ffffff70;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:.72rem;transition:.4s var(--ease)}.round-link b{font-size:1.2rem;color:var(--orange)}.round-link:hover{background:#fff;color:#111;transform:rotate(-8deg)}.media-control{position:absolute;z-index:4;right:32px;bottom:30px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff75;background:#080b0cab;backdrop-filter:blur(10px);display:grid;place-items:center}.media-control:hover{background:#fff;color:#111}.hero-index{position:absolute;right:36px;top:50%;z-index:4;transform:translateY(-50%);display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.15em;color:#b9bfc1}.hero-index i{display:block;width:1px;height:74px;background:#ffffff50}
.statement{min-height:900px;padding:150px 0;position:relative;overflow:hidden;display:flex;align-items:center}.statement-orbit{position:absolute;width:800px;height:800px;border:1px solid #ffffff10;border-radius:50%;right:-190px;top:50%;transform:translateY(-50%)}.statement-orbit:before,.statement-orbit:after{content:"";position:absolute;border:1px solid #ffffff0e;border-radius:50%;inset:16%}.statement-orbit:after{inset:34%;background:radial-gradient(circle,#ff6b2428,transparent 70%)}.statement h2{max-width:1080px}.statement-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;margin-top:80px;padding-top:32px;border-top:1px solid var(--line)}.statement .lead{font-size:1.55rem;line-height:1.5;max-width:620px}.statement-note{display:flex;align-items:flex-start;justify-content:space-between;color:var(--muted);font-size:.82rem}.statement-note span:before{content:"•";color:var(--orange);margin-right:8px}
.product-story{background:#0b0e10;padding:140px 0}.product-intro{margin-bottom:130px}.split-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:90px;align-items:end}.split-heading>p{color:var(--muted);font-size:1.05rem;margin:0 0 7px}.product-scenes{display:flex;flex-direction:column;gap:160px}.product-scene{--accent:#ff6b24;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:100px;min-height:650px}.product-scene.reverse .product-visual{order:2}.product-scene.reverse .product-copy{order:1}.product-visual{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),#111719;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff0d}.product-visual:before{content:"";position:absolute;inset:7%;border:1px solid #ffffff0d;border-radius:50%}.product-visual .halo{position:absolute;width:68%;height:68%;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.16}.product-visual img{position:relative;z-index:2;width:62%;height:62%;object-fit:contain;border-radius:3px;box-shadow:0 35px 80px #000a;transform:perspective(900px) rotateY(-6deg) rotateX(3deg);transition:transform .8s var(--ease),filter .8s var(--ease)}.product-scene.reverse .product-visual img{transform:perspective(900px) rotateY(6deg) rotateX(3deg)}.product-scene:hover .product-visual img{transform:perspective(900px) rotateY(0) rotateX(0) scale(1.04);filter:saturate(1.08)}.scene-number{position:absolute;top:24px;left:28px;font:500 .72rem "Manrope";letter-spacing:.16em;color:#ffffff70}.product-copy .mini{font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:26px}.product-copy h3{font-size:clamp(2.3rem,4vw,4.25rem);line-height:1.04;letter-spacing:-.055em;margin-bottom:30px}.product-copy>p:not(.mini){max-width:500px;color:var(--muted);font-size:1.05rem}.product-meta{margin:42px 0 26px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#c9cecf}.product-meta strong{font:600 1.45rem "Manrope";color:#fff}.product-copy>a{display:flex;justify-content:space-between;gap:24px;padding:17px 19px;background:#fff;color:#111;font-size:.84rem;font-weight:700;transition:.3s}.product-copy>a:hover{background:var(--accent);color:#fff}
.nfc-film{height:100svh;min-height:760px;position:relative;overflow:hidden}.nfc-film-media,.nfc-film-shade{position:absolute;inset:0}.nfc-film-media video{width:100%;height:100%;object-fit:cover}.nfc-film-shade{background:linear-gradient(90deg,#07090ae8 0%,#07090a75 48%,#07090a25 100%),linear-gradient(0deg,#07090acc 0%,transparent 50%)}.nfc-film-content{height:100%;position:relative;z-index:2;padding-top:110px;padding-bottom:70px;display:flex;flex-direction:column}.nfc-film h2{font-size:clamp(4.5rem,9vw,9rem)}.gesture-steps{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;border-top:1px solid #ffffff5c}.gesture-steps div{padding:24px 26px 0 0;display:grid;grid-template-columns:38px 1fr;gap:7px 12px}.gesture-steps b{grid-row:span 2;color:var(--orange);font-size:.7rem}.gesture-steps strong{font:600 1.08rem "Manrope"}.gesture-steps span{color:#b8bec0;font-size:.78rem;line-height:1.5}
.solutions,.pricing{padding:150px 0;background:var(--paper);color:var(--ink)}.section-tag.dark{color:#a52638}.solutions .split-heading,.pricing .split-heading{margin-bottom:90px}.solutions .split-heading p,.pricing .split-heading p{color:#536066}.solutions h2 span,.pricing h2 span{color:#bd293e}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #11171930}.service-card{min-height:300px;padding:36px 40px;border-bottom:1px solid #11171930;position:relative;display:flex;flex-direction:column;overflow:hidden}.service-card:nth-child(odd){border-right:1px solid #11171930}.service-card:before{content:"";position:absolute;inset:auto -30% -100% 30%;height:250px;border-radius:50%;background:var(--orange);filter:blur(80px);opacity:0;transition:.6s var(--ease)}.service-card:hover:before{opacity:.16;bottom:-60%}.service-top{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.13em;color:#6b767b}.service-card h3{font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.05em;margin:auto 0 14px}.service-card p{color:#5d686d;max-width:520px;margin-bottom:24px}.service-card footer{display:flex;justify-content:space-between;align-items:center;padding:0;font-size:.83rem}.service-card footer strong{font:600 1.25rem "Manrope"}.service-card footer span:last-child{font-size:1.4rem;color:#b42237}
.principles{padding:150px 0}.principles-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px}.principles h2{font-size:clamp(3.5rem,6vw,6rem)}.principles ol{list-style:none;margin:0;padding:0}.principles li{padding:34px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr;gap:20px}.principles li:last-child{border-bottom:1px solid var(--line)}.principles li>span{font:.72rem "Manrope";color:var(--orange);letter-spacing:.16em}.principles h3{font-size:1.7rem;margin:0 0 8px}.principles li p{color:var(--muted);margin:0;max-width:470px}
.pricing{background:#e7e7e2}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{min-height:470px;background:#f7f7f4;border:1px solid #1117191c;padding:30px;display:flex;flex-direction:column;transition:transform .4s var(--ease),background .4s}.plan:hover{transform:translateY(-8px)}.plan.featured{background:#141b1e;color:#fff}.plan .mini{font-size:.68rem;letter-spacing:.16em;font-weight:700;color:#ae2438}.plan.featured .mini{color:var(--orange)}.plan h3{font-size:1.65rem;letter-spacing:-.04em;margin:24px 0 14px}.plan>p{color:#5e696e}.plan.featured>p{color:#adb5b8}.amount{font:650 2.7rem "Manrope";letter-spacing:-.06em;margin:12px 0 22px}.amount small{display:block;font:500 .68rem "DM Sans";letter-spacing:.08em;margin-bottom:3px;color:#667176}.plan ul{list-style:none;padding:21px 0 0;margin:0 0 28px;border-top:1px solid #11171920}.plan.featured ul{border-color:#ffffff20}.plan li{font-size:.8rem;margin-bottom:11px}.plan li:before{content:"↳";color:#b42237;margin-right:10px}.plan.featured li:before{color:var(--orange)}.plan>a{margin-top:auto;padding:15px 17px;border:1px solid #11171935;display:flex;justify-content:space-between;font-size:.8rem;font-weight:700}.plan.featured>a{border-color:#ffffff45}.plan>a:hover{background:var(--red);border-color:var(--red);color:#fff}
.faq{padding:150px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:120px}.faq h2{font-size:clamp(3.2rem,5.3vw,5.4rem)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:28px 0;display:flex;justify-content:space-between;gap:30px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:1.4rem;color:var(--orange);font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);max-width:650px;padding:0 35px 26px 0;margin:0}
.contact{min-height:820px;padding:150px 0;position:relative;overflow:hidden;background:#d92f45;display:flex;align-items:center}.contact-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-100px;top:50%;transform:translateY(-50%);background:#ff7c253d;filter:blur(60px)}.contact-glow:after{content:"";position:absolute;inset:15%;border:1px solid #ffffff30;border-radius:50%}.contact-inner{position:relative;z-index:2}.contact .section-tag{color:#fff}.contact h2{max-width:1120px}.contact h2 span{color:#fff;-webkit-text-stroke:1px #fff0;color:transparent;-webkit-text-stroke:1.5px #fff}.contact-inner>p:not(.section-tag){font-size:1.25rem;margin:42px 0}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:80px;background:#fff;color:#111;padding:21px 24px;min-width:340px;font-weight:700;font-size:.88rem;transition:.3s}.contact-button:hover{background:#111;color:#fff}.contact-inner small{display:block;margin-top:25px}body>footer{padding:52px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}body>footer>p{text-align:right;color:var(--muted);font-size:.82rem;margin:0}body>footer>div{grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;color:#7f898d;font-size:.75rem}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.whatsapp-float{position:fixed;z-index:110;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;background:#25d366;color:#082c17;border-radius:999px;padding:12px 17px;font-weight:800;font-size:.78rem;box-shadow:0 16px 45px #0008}.whatsapp-float svg{width:28px;height:28px}
@media(max-width:1050px){.wide,.hero-content{width:calc(100% - 60px)}.topbar{padding-inline:30px}.topbar nav{gap:20px}.nav-cta{margin-left:22px}.product-scene{gap:55px}.split-heading{gap:50px}.plans{grid-template-columns:repeat(2,1fr)}.principles-inner{gap:70px}.faq{gap:70px}.statement-grid{gap:60px}}
@media(max-width:760px){html{scroll-padding-top:72px}.wide,.hero-content{width:calc(100% - 36px)}.topbar{height:72px;padding-inline:18px;background:#07090ada;backdrop-filter:blur(16px)}.brand{font-size:1.35rem}.brand img{width:36px;height:36px}.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.topbar nav{position:fixed;inset:72px 0 auto;display:flex;flex-direction:column;gap:0;background:#080b0cf7;padding:18px;border-bottom:1px solid var(--line);transform:translateY(-140%);opacity:0;transition:.4s var(--ease);pointer-events:none}.topbar nav.open{transform:none;opacity:1;pointer-events:auto}.topbar nav a{font:600 1.35rem "Manrope";padding:16px;border-bottom:1px solid var(--line)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}h2{font-size:clamp(3rem,15vw,5.4rem)}.hero{min-height:700px}.hero-media video{object-position:62% center}.hero-shade{background:linear-gradient(0deg,#07090af5 0%,#07090a80 65%,#07090a8f 100%),linear-gradient(90deg,#07090aca,transparent)}.hero-content{padding-top:125px}.kicker,.section-tag{font-size:.64rem;margin-bottom:24px}.hero h1{font-size:clamp(3.8rem,17vw,6.5rem);line-height:.9}.hero-bottom{padding-bottom:45px;gap:20px}.hero-bottom>p{font-size:.92rem;max-width:270px}.round-link{width:82px;height:82px;flex:none}.hero-index{display:none}.media-control{right:17px;bottom:18px}.statement{min-height:750px;padding:100px 0}.statement-orbit{width:560px;height:560px;right:-370px}.statement-grid{grid-template-columns:1fr;gap:30px;margin-top:55px}.statement .lead{font-size:1.2rem}.statement-note{font-size:.68rem}.product-story{padding:100px 0}.product-intro{margin-bottom:80px}.split-heading{grid-template-columns:1fr;gap:32px}.split-heading>p{font-size:.95rem}.product-scenes{gap:100px}.product-scene{grid-template-columns:1fr;gap:38px;min-height:0}.product-scene.reverse .product-visual,.product-scene.reverse .product-copy{order:initial}.product-visual{aspect-ratio:1/1}.product-visual img{width:66%;height:66%;transform:perspective(800px) rotateY(-4deg)}.product-copy h3{font-size:2.5rem}.product-meta{margin-top:30px}.nfc-film{min-height:780px}.nfc-film-media video{object-position:62% center}.nfc-film-shade{background:linear-gradient(0deg,#07090af2 0%,#07090a93 60%,#07090a55)}.nfc-film-content{padding-top:95px;padding-bottom:35px}.nfc-film h2{font-size:clamp(4rem,18vw,7rem)}.gesture-steps{grid-template-columns:1fr;max-width:300px;border-top:0;margin-top:auto}.gesture-steps div{border-top:1px solid #ffffff4f;padding:14px 0}.solutions,.pricing{padding:100px 0}.solutions .split-heading,.pricing .split-heading{margin-bottom:55px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px;padding:28px 4px}.service-card:nth-child(odd){border-right:0}.principles{padding:100px 0}.principles-inner{grid-template-columns:1fr;gap:55px}.principles li{grid-template-columns:50px 1fr}.plans{grid-template-columns:1fr}.plan{min-height:440px}.faq{padding:100px 0;grid-template-columns:1fr;gap:55px}.faq h2{font-size:3.3rem}.contact{min-height:700px;padding:100px 0}.contact-inner>p:not(.section-tag){font-size:1.05rem;margin:32px 0}.contact-button{min-width:0;width:100%;gap:20px}.contact-glow{width:440px;height:440px;right:-250px}body>footer{grid-template-columns:1fr}body>footer>p{text-align:left}body>footer>div{font-size:.68rem}.whatsapp-float{right:14px;bottom:14px;width:56px;height:56px;padding:13px;justify-content:center}.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Product cards: original Tervana palette, new presentation only */
.product-story{--scene-bg:#123c88;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--scene-bg) 84%,#050708),color-mix(in srgb,var(--scene-bg) 42%,#050708) 58%,#050708);transition:--scene-bg 1.25s cubic-bezier(.16,1,.3,1)}
.product-story:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#0007,transparent 78%);pointer-events:none}
.product-intro,.product-scenes{position:relative;z-index:1}.product-intro{margin-bottom:92px}.product-intro .split-heading{align-items:center}.product-intro h2{font-size:clamp(3.5rem,7vw,7rem)}
.product-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:46px}.product-tags span{padding:9px 15px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff09;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#d9ddde}
.product-scenes{display:grid;grid-template-columns:1fr;gap:0;min-height:720px}.product-scenes:before{content:"";grid-area:1/1;align-self:start;min-height:620px;margin-bottom:82px;background:linear-gradient(135deg,#111719,#090c0d);border:1px solid #ffffff12;border-radius:42px;box-shadow:0 36px 90px #0007,inset 0 1px #ffffff0d}.product-scene{grid-area:1/1;grid-template-columns:1.08fr .92fr;gap:72px;min-height:620px;margin-bottom:82px;padding:54px;background:transparent;border:0;border-radius:42px;box-shadow:none;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s linear 1.5s}.product-scene.is-active{z-index:3;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.product-scene.is-exiting{z-index:2;visibility:visible;opacity:0;transition-delay:0s}.product-scene.reverse{grid-template-columns:.92fr 1.08fr}
.product-visual{aspect-ratio:1.08/1;border:1px solid #ffffff18;border-radius:30px;overflow:visible}.product-visual:before{inset:10%;border-color:#ffffff13}.product-visual:after{content:"";position:absolute;inset:4%;border:1px solid #ffffff0b;border-radius:24px;pointer-events:none}.product-visual .halo{width:70%;height:70%;filter:blur(75px);opacity:.2}
.product-scene .product-visual{opacity:0;transition:opacity .8s ease}.product-scene.is-active .product-visual{opacity:1}.product-scene.is-exiting .product-visual{opacity:0}.product-visual img{width:69%;height:69%;border-radius:24px;box-shadow:0 42px 80px #000c,0 0 0 1px #ffffff1f;opacity:0;filter:blur(18px);transform:perspective(900px) translate3d(28%,-7%,0) rotateY(-14deg) rotateX(5deg) rotateZ(5deg) scale(.78);transition:opacity .75s ease,filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1);will-change:transform,filter,opacity}.product-scene.reverse .product-visual img{transform:perspective(900px) translate3d(28%,-7%,0) rotateY(14deg) rotateX(5deg) rotateZ(-5deg) scale(.78)}.product-scene.is-active .product-visual img{opacity:1;filter:blur(0);transform:perspective(900px) rotateY(-7deg) rotateX(4deg) rotateZ(-1.5deg) scale(1)}.product-scene.reverse.is-active .product-visual img{transform:perspective(900px) rotateY(7deg) rotateX(4deg) rotateZ(1.5deg) scale(1)}.product-scene.is-exiting .product-visual img{opacity:0;filter:blur(18px);transform:perspective(900px) translate3d(-28%,7%,0) rotateY(14deg) rotateX(-3deg) rotateZ(-5deg) scale(.78)}
.scene-number,.signal-chip,.tap-chip{position:absolute;z-index:4;border:1px solid #ffffff2d;background:#080b0cc9;backdrop-filter:blur(14px);border-radius:999px;color:#fff;box-shadow:0 12px 28px #0007}.scene-number{top:20px;left:20px;padding:9px 12px}.signal-chip{top:20px;right:20px;padding:9px 13px;font-size:.68rem;font-weight:700;letter-spacing:.08em}.tap-chip{left:22px;bottom:20px;padding:10px 14px;font-size:.7rem;color:#d7dcdd}
.product-copy{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .9s cubic-bezier(.16,1,.3,1)}.product-scene.is-active .product-copy{opacity:1;transform:none}.product-scene.is-exiting .product-copy{opacity:0;transform:translateY(-14px)}.product-copy .mini{display:inline-flex;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent) 50%,#fff);color:#fff;margin-bottom:24px}.product-copy h3{font-size:clamp(2.45rem,4vw,4.4rem)}.product-copy>a{border-radius:14px;box-shadow:0 12px 30px #0005}
.product-switcher{grid-area:1/1;align-self:end;justify-self:center;z-index:6;height:56px;display:flex;align-items:center;gap:10px;padding:7px;border:1px solid #ffffff20;border-radius:999px;background:#080b0ce8;backdrop-filter:blur(18px);box-shadow:0 18px 45px #0008}.product-switcher button{border:0;color:#aeb5b7;background:transparent;cursor:pointer}.product-arrow{width:40px;height:40px;border-radius:50%!important;font-size:1.1rem}.product-arrow:hover{background:#ffffff12}.product-dots{display:flex;gap:5px}.product-dots button{min-width:40px;height:40px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;transition:.35s var(--ease)}.product-dots button[aria-current="true"]{background:var(--orange);color:#111}.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:760px){.product-story{padding:100px 0}.product-intro{margin-bottom:62px}.product-tags{margin-top:32px}.product-scenes{min-height:1020px;gap:0}.product-scenes:before{min-height:925px;margin-bottom:76px;border-radius:28px}.product-scene,.product-scene.reverse{grid-template-columns:1fr;gap:36px;min-height:925px;margin-bottom:76px;padding:18px 18px 30px;border-radius:28px}.product-visual{aspect-ratio:1/1;border-radius:22px}.product-visual img{width:72%;height:72%;border-radius:18px}.product-copy{padding:0 6px}.product-copy h3{font-size:2.55rem}.signal-chip{right:14px;top:14px}.scene-number{left:14px;top:14px}.tap-chip{left:14px;bottom:14px}.product-switcher{height:52px}.product-arrow{width:36px;height:36px}.product-dots button{min-width:36px;height:36px}}