:root{--bg:#050607;--ink:#f0f1f2;--muted:#85898d;--muted2:#a4a9ad;--line:rgba(255,255,255,.12);--silver:#c7c9cb;--accent:#cae3ee;--max:1440px;--gutter:clamp(24px,6.3vw,104px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#b6d0d8;color:#000}svg{display:block}img{max-width:100%}section{position:relative}.container{max-width:var(--max);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.eyebrow{font-size:10px;letter-spacing:.29em;font-weight:800;text-transform:uppercase;color:#b8bbc0}.section-title{font-weight:700;letter-spacing:-.066em;line-height:.97;font-size:clamp(48px,7.6vw,110px);margin:22px 0}.body-text{font-size:clamp(15px,1.4vw,18px);line-height:1.72;color:var(--muted2);max-width:540px}.muted{color:var(--muted)}.wide{letter-spacing:.15em}.text-gradient{background:linear-gradient(110deg,#fff,#a8abae 52%,#fafafa);background-clip:text;color:transparent}.separator{height:1px;background:var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:18px 24px;border:1px solid rgba(255,255,255,.29);border-radius:2px;background:transparent;color:#fff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transition:all .25s;text-align:center;white-space:nowrap;min-height:53px}.btn:hover{background:#eee;color:#080a0b;border-color:#eee;transform:translateY(-1px)}.btn.fill{color:#090a0b;background:#f1f1f0;border-color:#f1f1f0}.btn.fill:hover{background:#c8d1d5;border-color:#c8d1d5}.btn svg{width:16px;height:16px}.btn.small{min-height:40px;padding:13px 16px;font-size:10px}.arrow{font-size:21px;font-weight:300;line-height:0}
/* NAV */
.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid rgba(255,255,255,.09);background:rgba(6,8,9,.70);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s}.brand{display:flex;align-items:center;gap:13px;min-width:180px}.logo{font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:1000;font-style:italic;letter-spacing:-.105em;white-space:nowrap;transform:skewX(-8deg)}.logo span{font-weight:900}.brand-mark{height:20px;width:2px;background:#696b6e;transform:skewX(-13deg)}.brand-product{font-size:11px;letter-spacing:.21em;font-weight:800;color:#c6c8cc}.navlinks{display:flex;align-items:center;gap:clamp(22px,3vw,44px)}.navlinks a{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#b4b7bb;transition:color .2s}.navlinks a:hover{color:#fff}.nav-actions{display:flex;gap:13px;align-items:center}.lang{background:transparent;border:0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;padding:10px}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:26px}.mobile-menu{display:none}
/* HERO */
.hero{min-height:830px;height:100svh;max-height:1080px;overflow:hidden;background:radial-gradient(ellipse 64% 48% at 50% 58%,#1b2024 0%,#101317 34%,#060809 75%);display:flex;flex-direction:column;justify-content:center;text-align:center}.hero:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.33),transparent 40%,rgba(0,0,0,.15) 68%,#050607 100%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.006) 4px);pointer-events:none}.hero-glow{position:absolute;width:80vw;height:41vw;max-height:570px;top:38%;left:10%;background:radial-gradient(ellipse,rgba(123,151,163,.16),transparent 68%);filter:blur(33px);pointer-events:none}.hero-topline{position:absolute;top:123px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;z-index:2}.micro-bar{width:25px;height:1px;background:#93989b}.hero-overline{font-size:10px;letter-spacing:.36em;font-weight:800;color:#ced4d7}.hero-hyper{position:absolute;z-index:1;top:17%;left:0;width:100%;font-size:clamp(145px,26vw,470px);line-height:1;letter-spacing:-.105em;font-weight:900;white-space:nowrap;text-align:center;color:rgba(255,255,255,.028);-webkit-text-stroke:1px rgba(255,255,255,.20);user-select:none;pointer-events:none;transform:translateX(-.035em)}.car-stage{position:relative;z-index:3;width:min(96vw,1500px);margin:90px auto 0;filter:drop-shadow(0 28px 28px rgba(0,0,0,.45));animation:stageIn 1.5s ease-out both}.car-stage svg{width:100%;height:auto;max-height:580px;object-fit:contain}.car-stage:after{content:"";position:absolute;bottom:13%;left:19%;width:62%;height:12%;border-radius:50%;background:#000;filter:blur(27px);opacity:.75;z-index:-1}.hero-bottom{z-index:5;position:relative;max-width:980px;margin:-60px auto 0;padding:0 20px}.hero-bottom h1{font-size:clamp(30px,4.5vw,66px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:650}.hero-bottom p{font-size:11px;letter-spacing:.25em;color:#b8bec2;font-weight:700;text-transform:uppercase;margin:20px 0 27px}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-foot{position:absolute;bottom:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:9px;letter-spacing:.24em;font-weight:700;color:#80898e}.hero-foot .scrollhint{display:flex;gap:12px;align-items:center}.scrollline{height:30px;width:1px;background:linear-gradient(#d7e3e5,transparent);animation:scroll 1.8s ease-in-out infinite}
@keyframes scroll{0%,100%{opacity:.2;transform:translateY(-4px)}50%{opacity:1;transform:translateY(5px)}}@keyframes stageIn{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
/* STRIP */
.stat-strip{background:#0b0e10;border-top:1px solid #191d1f;border-bottom:1px solid #22282b}.strip-inner{display:grid;grid-template-columns:repeat(4,1fr)}.strip-item{min-height:128px;display:flex;flex-direction:column;justify-content:center;padding:25px 22px;border-right:1px solid rgba(255,255,255,.085)}.strip-item:first-child{padding-left:0}.strip-item:last-child{border-right:0}.strip-item strong{font-weight:700;font-size:clamp(24px,2.6vw,39px);letter-spacing:-.055em}.strip-item span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#92999e;margin-top:8px;font-weight:650}
/* INTRO */
.intro{padding:153px 0 145px;background:radial-gradient(ellipse 50% 38% at 82% 49%,rgba(99,120,134,.09),transparent 74%),#050607}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.intro .section-title{max-width:850px}.intro .body-text{margin:0 0 3px}.intro .outline-text{color:transparent;-webkit-text-stroke:1px #f0f1f2}.intro .rule{margin-top:90px}
/* TECH */
.technology{padding:135px 0 145px;background:#0c0e10;overflow:hidden}.tech-head{text-align:center}.tech-head .section-title{font-size:clamp(56px,8vw,120px);margin:21px auto 18px}.tech-head .body-text{margin:auto}.tech-stage{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center;margin-top:90px}.layer-visual{position:relative;min-height:480px;isolation:isolate}.layer-visual:before{content:"";position:absolute;inset:24% 7% 13%;background:radial-gradient(ellipse,rgba(130,166,181,.24),transparent 70%);filter:blur(31px)}.layer{position:absolute;width:67%;height:130px;left:18%;border-radius:17px;transform:perspective(530px) rotateX(59deg) rotateZ(-28deg);border:1px solid rgba(218,238,246,.36);box-shadow:0 25px 50px rgba(0,0,0,.45),inset 0 0 50px rgba(255,255,255,.08);transition:transform .5s,box-shadow .5s}.layer:nth-child(1){top:13%;background:linear-gradient(115deg,rgba(221,240,246,.15),rgba(225,245,255,.39) 35%,rgba(105,147,169,.14) 75%);z-index:4;animation:float1 5s ease-in-out infinite}.layer:nth-child(2){top:29%;background:linear-gradient(120deg,rgba(153,183,206,.23),rgba(233,241,246,.16));z-index:3;animation:float2 5s ease-in-out infinite}.layer:nth-child(3){top:45%;background:linear-gradient(110deg,rgba(161,181,194,.28),rgba(224,234,239,.10));z-index:2;animation:float3 5s ease-in-out infinite}.layer:nth-child(4){top:61%;background:linear-gradient(110deg,rgba(206,220,229,.19),rgba(225,235,244,.37));z-index:1;animation:float4 5s ease-in-out infinite}.layer::after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.07);border-radius:8px}.layer-visual:has(.layer:hover) .layer{animation-play-state:paused}.layer:hover{box-shadow:0 25px 65px rgba(131,185,204,.26),inset 0 0 40px rgba(255,255,255,.18)}@keyframes float1{50%{transform:perspective(530px) rotateX(59deg) rotateZ(-28deg) translateY(-14px)}}@keyframes float2{50%{transform:perspective(530px) rotateX(59deg) rotateZ(-28deg) translateY(-7px)}}@keyframes float3{50%{transform:perspective(530px) rotateX(59deg) rotateZ(-28deg) translateY(8px)}}@keyframes float4{50%{transform:perspective(530px) rotateX(59deg) rotateZ(-28deg) translateY(14px)}}.layer-num{position:absolute;z-index:6;font-size:10px;font-weight:750;letter-spacing:.1em;color:#d0dde1}.layer-num::before{content:"";display:inline-block;width:31px;height:1px;margin-right:12px;vertical-align:middle;background:#8ea7b4}.ln1{left:71%;top:13%}.ln2{left:78%;top:31%}.ln3{left:80%;top:49%}.ln4{left:76%;top:67%}.layer-callout{display:flex;gap:20px;align-items:baseline;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.13)}.layer-callout:first-child{border-top:1px solid rgba(255,255,255,.13)}.layer-callout small{font-size:10px;font-weight:800;color:#738b98}.layer-callout h3{font-size:clamp(17px,2vw,25px);letter-spacing:-.025em;margin:0 0 7px}.layer-callout p{font-size:13px;color:#8f989c;line-height:1.65;margin:0;max-width:440px}.verification-note{margin-top:35px;font-size:11px;line-height:1.6;color:#788085;border-left:2px solid #53646e;padding-left:17px}
/* PERFORMANCE */
.performance{padding:145px 0;background:#050607}.perfor-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:8vw;align-items:center}.perfor-grid .body-text{margin-bottom:34px}.liquid-panel{position:relative;aspect-ratio:1.16/1;background:radial-gradient(circle at 60% 45%,#1d2730,#0c1014 47%,#050607 80%);border:1px solid #242d30;overflow:hidden}.liquid-panel:before{content:"";position:absolute;inset:-23%;transform:rotate(-28deg);background:linear-gradient(90deg,transparent 32%,rgba(144,188,211,.12) 51%,rgba(255,255,255,.08) 52%,transparent 60%);animation:shimmer 8s ease infinite}.liquid-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 44%);pointer-events:none}.drop{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.94) 2%,rgba(255,255,255,.45) 11%,rgba(160,221,246,.13) 38%,rgba(137,196,217,.36) 59%,rgba(255,255,255,.21) 80%);box-shadow:inset -7px -8px 11px rgba(5,24,35,.75),inset 3px 4px 7px rgba(255,255,255,.46),0 9px 12px rgba(0,0,0,.7),0 0 1px 1px rgba(219,243,250,.18);animation:droplet 5s ease-in-out infinite alternate}.drop:nth-child(1){width:88px;height:87px;left:27%;top:28%;animation-delay:-2s}.drop:nth-child(2){width:51px;height:51px;left:58%;top:49%;animation-delay:-1s}.drop:nth-child(3){width:29px;height:29px;left:64%;top:24%}.drop:nth-child(4){width:48px;height:48px;left:17%;top:62%;animation-delay:-3s}.drop:nth-child(5){width:17px;height:17px;left:48%;top:22%;animation-delay:-4s}.drop:nth-child(6){width:14px;height:14px;left:77%;top:65%}.liquid-panel .label-bottom{position:absolute;bottom:29px;left:30px;z-index:2;font-size:11px;font-weight:750;letter-spacing:.20em}.liquid-panel .label-top{position:absolute;top:30px;left:30px;z-index:2;font-size:10px;letter-spacing:.19em;color:#9baeb6}@keyframes droplet{to{transform:translate(8px,17px)}}@keyframes shimmer{50%{transform:rotate(-28deg) translateX(7%)}}
/* COMPARE */
.compare{background:#0d1012;padding:125px 0}.compare-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw}.comparison{height:420px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #30383d;background:linear-gradient(148deg,#232a31,#080b0e 60%,#172027)}.comparison .surface{position:absolute;inset:0;background:repeating-linear-gradient(126deg,transparent 0 27px,rgba(255,255,255,.04) 30px,transparent 32px 130px),radial-gradient(ellipse at 42% 68%,rgba(112,151,165,.21),transparent 65%)}.comparison .active-area{position:absolute;inset:0;width:50%;overflow:hidden;border-right:2px solid #e5f0f4;background:linear-gradient(135deg,rgba(199,226,237,.05),rgba(179,214,227,.17));z-index:2}.active-area .waves{position:absolute;inset:0;width:620px;background:radial-gradient(circle at 18% 36%,rgba(232,249,255,.72) 0 7px,transparent 8px),radial-gradient(circle at 44% 54%,rgba(219,249,255,.74) 0 11px,transparent 12px),radial-gradient(circle at 73% 24%,rgba(214,243,255,.74) 0 6px,transparent 7px),radial-gradient(circle at 79% 75%,rgba(214,243,255,.74) 0 13px,transparent 14px);filter:drop-shadow(1px 5px 3px #050809);opacity:.8}.comparison-label{position:absolute;bottom:24px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#e3e6e8;z-index:5}.comparison-label.left{left:25px}.comparison-label.right{right:25px}.comparison-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10}.comparison-handle{pointer-events:none;position:absolute;z-index:5;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #fff;background:#eaf4f7;color:#101417;display:grid;place-items:center;font-size:17px;letter-spacing:-5px;padding-right:5px}.comparison-help{font-size:10px;color:#87949a;letter-spacing:.12em;text-transform:uppercase;margin-top:18px}
/* PACK */
.packaging{padding:135px 0 130px;background:radial-gradient(ellipse at 55% 49%,#171b1f 0,#090b0d 45%,#050607 77%);overflow:hidden}.pack-head{text-align:center}.pack-head .section-title{font-size:clamp(55px,8.5vw,125px)}.box-stage{position:relative;max-width:1180px;height:430px;margin:45px auto 4px;perspective:1200px}.box-floor{position:absolute;width:75%;height:27%;bottom:20px;left:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.96),transparent 75%);filter:blur(21px)}.product-box{position:absolute;top:34%;left:14%;height:130px;width:72%;transform:rotate(-8deg) skewX(-4deg);transform-style:preserve-3d;background:linear-gradient(140deg,#242629,#0c0c0d 28%,#141518 64%,#323437 100%);box-shadow:18px 34px 35px rgba(0,0,0,.8),inset 0 1px 1px rgba(255,255,255,.26);border:1px solid #4a4c50;display:flex;align-items:center;padding:0 5%;overflow:visible;transition:transform .5s}.product-box:before{content:"";position:absolute;bottom:100%;height:35px;left:0;right:0;transform:skewX(-48deg);transform-origin:bottom;background:linear-gradient(90deg,#26282b,#08090b 27%,#303236 76%,#191a1c);border:1px solid #4a4c50}.product-box:after{content:"";position:absolute;left:100%;top:-17px;width:35px;height:100%;transform:skewY(-44deg);transform-origin:left;background:linear-gradient(#292b30,#101113);border:1px solid #4a4c50}.product-box:hover{transform:rotate(-6deg) skewX(-4deg) translateY(-13px)}.box-name{font-size:clamp(30px,5vw,64px);font-weight:900;letter-spacing:-.09em;font-style:italic;margin:0}.box-name small{font-size:clamp(12px,1.5vw,19px);letter-spacing:-.055em;font-style:normal;margin-right:25px}.box-right{margin-left:auto;text-align:right}.box-right strong{display:block;font-size:clamp(20px,3.4vw,49px);letter-spacing:-.055em}.box-right span{font-size:9px;font-weight:700;letter-spacing:.16em;color:#adb3b7}.box-spec{position:absolute;bottom:13px;left:5%;font-size:9px;letter-spacing:.16em;color:#91979b}.box-tag{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:#8e999d}.packaging .body-text{margin:8px auto 0;text-align:center}
/* JOURNEY */
.journey{padding:140px 0;background:#0d1012}.journey-head{text-align:center;margin-bottom:59px}.journey-head .section-title{font-size:clamp(52px,7vw,100px)}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.journey-card{position:relative;min-height:460px;padding:45px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid #353a3d;background:#0b0e10;isolation:isolate}.journey-card:before{content:"";z-index:-2;position:absolute;inset:0;transition:transform .7s}.journey-card.consumer:before{background:radial-gradient(ellipse at 74% 14%,rgba(122,169,190,.3),transparent 45%),linear-gradient(155deg,#12171c,#07090a 80%)}.journey-card.partner:before{background:radial-gradient(ellipse at 70% 15%,rgba(181,197,206,.2),transparent 45%),linear-gradient(155deg,#212327,#08090a 82%)}.journey-card:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 72%)}.journey-card:hover:before{transform:scale(1.08)}.journey-icon{position:absolute;top:48px;left:45px;opacity:.65;width:45px;height:45px}.journey-card h3{font-size:clamp(31px,3.5vw,53px);letter-spacing:-.06em;line-height:1.05;margin:8px 0}.journey-card p{font-size:14px;line-height:1.65;color:#9da6ac;max-width:350px;margin:10px 0 26px}.journey-card .btn{align-self:flex-start}.journey-card .eyebrow{color:#adbfc7}
/* FAQ */
.faq{padding:115px 0 145px;background:#050607}.faq-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px}.faq .section-title{font-size:clamp(52px,6vw,82px)}details{border-bottom:1px solid #272d30}details:first-child{border-top:1px solid #272d30}details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;font-size:16px;line-height:1.45;font-weight:650}details summary::-webkit-details-marker{display:none}details summary span{font-size:25px;color:#8e9ca5;font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{margin:-4px 0 23px;font-size:14px;line-height:1.72;color:#939da2;max-width:600px}
/* FOOTER */
.footer{background:#111517;border-top:1px solid #30373a;padding:83px 0 30px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:80px}.footer-big{font-size:clamp(53px,8vw,125px);font-weight:850;letter-spacing:-.075em;margin:-10px 0 5px}.footer-sub{font-size:11px;color:#aeb7ba;letter-spacing:.25em;text-transform:uppercase}.footer-label{font-size:10px;letter-spacing:.2em;color:#73838a;margin:12px 0 25px}.footer a{display:block;font-size:14px;margin:13px 0;color:#b9c0c3}.footer a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343a3d;padding-top:24px;gap:20px;font-size:11px;color:#849096}.footer-bottom span{max-width:640px;line-height:1.6}.credit{font-size:10px;letter-spacing:.16em;color:#7f878b}
/* MODAL */
.modal-backdrop{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:25px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(560px,100%);background:#111618;border:1px solid #3d484d;padding:clamp(25px,4vw,44px);max-height:calc(100vh - 60px);overflow-y:auto}.modal h2{font-size:40px;letter-spacing:-.055em;margin:17px 0 14px}.modal p{color:#9da6ab;font-size:14px;line-height:1.7;margin-bottom:26px}.modal-close{position:absolute;top:18px;right:18px;width:31px;height:31px;color:#fff;background:transparent;border:1px solid #3d4549;font-size:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#aeb9be;margin-bottom:14px}.field input,.field select,.field textarea{display:block;margin-top:10px;border:1px solid #3e484d;color:#fff;background:#090c0e;width:100%;padding:14px;outline:none;min-height:47px;letter-spacing:normal;font-size:13px}.field textarea{resize:vertical;min-height:84px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c9e0e9}.modal .btn{width:100%;margin-top:10px}.form-footnote{font-size:11px !important;line-height:1.5 !important;color:#818d92 !important;margin:12px 0 0 !important}.toast{position:fixed;bottom:22px;right:22px;z-index:105;background:#e8f2f5;color:#0c1417;padding:15px 20px;box-shadow:0 10px 40px rgba(0,0,0,.5);font-size:13px;display:none}.toast.visible{display:block}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.navlinks{gap:18px}.navlinks a{font-size:9px}.nav-actions .btn{display:none}.tech-stage{gap:20px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.hero{min-height:720px}}
@media(max-width:760px){:root{--gutter:24px}.nav{height:67px}.brand{min-width:0}.logo{font-size:21px}.brand-product{font-size:10px}.navlinks{display:none}.nav-actions{gap:5px}.menu-toggle{display:block}.mobile-menu{display:flex;position:fixed;z-index:49;inset:67px 0 0;background:#0a0d0e;padding:45px 24px;transform:translateX(110%);transition:transform .3s;flex-direction:column;gap:23px}.menu-open .mobile-menu{transform:translateX(0)}.mobile-menu a{font-size:24px;font-weight:650;letter-spacing:-.03em}.mobile-menu .btn{align-self:flex-start}.hero{min-height:650px;height:95svh;max-height:850px}.hero-topline{top:115px}.hero-overline{font-size:8px}.hero-hyper{font-size:31vw;top:24%}.car-stage{margin:78px auto 0;width:122%;max-width:none;transform:translateX(-9%);animation:none}.hero-bottom{margin:-20px auto 0}.hero-bottom h1{font-size:40px}.hero-bottom p{font-size:10px;line-height:1.8;letter-spacing:.14em;margin:15px 0 25px}.hero-buttons{gap:9px}.hero-buttons .btn{min-height:48px;padding:14px 15px;font-size:9px}.hero-foot{bottom:20px;font-size:8px}.hero-foot .right-note{display:none}.strip-inner{grid-template-columns:1fr 1fr}.strip-item{min-height:102px;border-bottom:1px solid #292e32;padding:22px}.strip-item:nth-child(even){border-right:0}.strip-item:first-child{padding-left:22px}.strip-item:nth-child(n+3){border-bottom:0}.intro{padding:90px 0}.intro-grid,.tech-stage,.perfor-grid,.compare-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.intro .rule{margin-top:50px}.technology{padding:95px 0 90px}.tech-stage{margin-top:35px}.layer-visual{min-height:320px}.layer{height:100px}.layer-num{font-size:8px}.tech-calls{margin-top:6px}.layer-callout{padding:17px 0}.performance{padding:95px 0}.liquid-panel{margin-top:15px}.compare{padding:95px 0}.comparison{height:350px}.packaging{padding:100px 0 85px}.box-stage{height:300px}.product-box{height:82px;left:10%;width:76%}.product-box:before{height:20px}.product-box:after{width:20px;top:-10px}.box-name{font-size:clamp(20px,5vw,34px)}.box-name small{font-size:11px;margin-right:8px}.box-right strong{font-size:26px}.box-right span{font-size:6px}.box-spec{bottom:8px;font-size:6px}.box-tag{bottom:16px;font-size:8px}.journey{padding:94px 0}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:400px;padding:30px}.journey-icon{left:30px;top:30px}.faq{padding:92px 0 100px}.faq .section-title{margin-bottom:20px}.footer{padding:60px 0 25px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:45px}.footer-top >div:first-child{grid-column:1/3}.footer-bottom{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.modal h2{font-size:31px}}
@media(max-width:410px){.hero-bottom h1{font-size:34px}.hero-buttons .btn{font-size:8px;padding:13px}.hero{min-height:610px}.hero-hyper{top:27%}.strip-item strong{font-size:25px}.section-title{font-size:49px}.journey-card{min-height:360px}.box-stage{height:260px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* -------------------- PPFPRO HYPER / GLOBAL PREMIERE V2 -------------------- */
:root{--bg:#030303;--ink:#f7f7f7;--muted:#969696;--muted2:#b7b7b7;--line:rgba(255,255,255,.14);--accent:#f15f16;--orange:#f15f16;--max:1500px}
html{scroll-padding-top:80px}body{background:#030303;color:#f7f7f7;font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing:.002em}::selection{background:var(--accent);color:#000}
.nav{height:76px;background:rgba(4,4,4,.74);border-bottom:1px solid rgba(255,255,255,.12);z-index:60}
.brand{gap:19px}.brand-logo-real{width:159px;height:auto;max-height:38px;object-fit:contain;display:block}.brand-product{color:#fff;font-size:11px;letter-spacing:.3em}.brand-mark{background:var(--accent)}
.navlinks a:hover,.footer a:hover{color:#f15f16}.nav .btn.small{border-color:rgba(255,255,255,.24)}.nav .btn.small:hover{background:#f15f16;border-color:#f15f16;color:#080808}
.btn{border-radius:99px;padding:17px 29px;font-weight:800;letter-spacing:.075em;font-size:11px}.btn.fill{color:#fff;background:#e95913;border-color:#e95913}.btn.fill:hover{background:#ff792d;border-color:#ff792d;color:#090909}.btn:not(.fill):hover{background:#fff;color:#050505}
.text-gradient{background:linear-gradient(115deg,#fff 0%,#dcdcdc 50%,#8a8a8a 100%);background-clip:text;color:transparent}
.eyebrow{color:#f15f16;letter-spacing:.28em}.section-title{font-weight:750}.reveal{transition:opacity .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1)}
/* INTRODUCING HYPER */
.launch-hero{min-height:920px;height:100svh;max-height:none;background:#030303;isolation:isolate;display:block;overflow:hidden;text-align:center}
.launch-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 55% 23% at 53% 53%,rgba(255,87,40,.085),transparent 85%),linear-gradient(180deg,#030303 5%,#090909 48%,#030303 94%)}
.hero-grid{position:absolute;inset:75px 0 0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.02) 50%,transparent 100%);opacity:.7;pointer-events:none}
.hero-grid::before{content:"";position:absolute;left:50%;top:0;height:100%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.06),transparent)}
.launch-redglow{position:absolute;top:37%;left:25%;width:60%;height:40%;background:radial-gradient(ellipse,rgba(231,36,22,.21),transparent 73%);filter:blur(42px);opacity:.7;animation:breathGlow 6s ease-in-out infinite alternate}
@keyframes breathGlow{to{opacity:.3;transform:scale(1.11)}}
.launch-meta{position:absolute;top:118px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:12px;color:#acacac;letter-spacing:.26em;text-transform:uppercase;font-size:10px;font-weight:750;z-index:8}.launch-live-dot{width:6px;height:6px;border-radius:50%;background:#f15f16;box-shadow:0 0 15px #f15f16}.launch-meta-right{margin-left:auto;color:#696969;letter-spacing:.2em}
.launch-heading{position:absolute;z-index:2;top:clamp(145px,20vh,218px);left:0;right:0;padding:0 20px;animation:launchWords 1.2s ease-out both}
.launch-intro{font-size:11px;font-weight:750;letter-spacing:.42em;color:#d7d7d7}
.launch-heading h1{font-size:clamp(144px,23.8vw,360px);line-height:.97;letter-spacing:-.105em;font-weight:850;margin:2px 0;color:#f7f7f7;padding-right:.07em;text-shadow:0 22px 38px rgba(0,0,0,.32)}
.launch-heading .trademark{position:relative;top:-.91em;left:.22em;font-size:.085em;letter-spacing:0;color:#e7e7e7}
.launch-heading-underline{height:2px;width:clamp(52px,7vw,96px);background:#f15f16;margin:2px auto 0}
.launch-pack{position:absolute;z-index:3;top:clamp(365px,40vh,430px);left:50%;transform:translateX(-50%) translateY(0);width:min(96vw,1480px);filter:drop-shadow(0 45px 38px rgba(0,0,0,.78));animation:productEntrance 1.75s cubic-bezier(.18,.75,.2,1) both;transform-origin:center}
.launch-pack::after{content:"";position:absolute;bottom:1%;left:13%;right:11%;height:10%;border-radius:50%;background:#000;filter:blur(28px);z-index:-1}
.launch-pack img{width:100%;height:auto;display:block;max-height:450px;object-fit:contain}
@keyframes launchWords{from{opacity:0;transform:translateY(20px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes productEntrance{from{opacity:0;transform:translateX(-50%) translateY(60px) scale(.93);filter:blur(12px)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1);filter:drop-shadow(0 45px 38px rgba(0,0,0,.78))}}
.launch-copy{position:absolute;bottom:clamp(90px,11.5vh,135px);z-index:8;width:100%;left:0;padding:0 25px;animation:launchWords 1.1s 1s both}
.launch-copy-small{font-size:10px;font-weight:800;letter-spacing:.3em;color:#f15f16}
.launch-copy h2{font-size:clamp(31px,3.8vw,59px);font-weight:800;letter-spacing:-.058em;line-height:1.02;margin:12px 0}
.launch-copy p{font-size:10px;font-weight:750;letter-spacing:.19em;color:#adadad;margin:12px 0 25px}
.launch-copy .hero-buttons{gap:12px}.launch-copy .hero-buttons .btn{min-width:210px;min-height:49px}
.hero-foot{bottom:28px;z-index:10;color:#797979}.hero-foot .scrollline{background:linear-gradient(#f15f16,transparent)}
.stat-strip{background:#0b0b0b;border-color:#242424}.strip-item{min-height:129px}.strip-item strong{color:#fff}.strip-item:last-child strong{color:#ff6c2c}.strip-item span{color:#858585}
/* Apple keynote pacing / immersive title card */
.cinematic-reveal{padding:140px 20px 155px;background:#000;border-bottom:1px solid rgba(255,255,255,.05);text-align:center;overflow:hidden}
.cinematic-reveal::before{content:"";position:absolute;width:75vw;height:35vw;top:13%;left:12.5%;background:radial-gradient(ellipse,rgba(190,47,17,.10),transparent 64%);pointer-events:none}
.cinematic-inner{position:relative}.cinematic-line{font-size:clamp(45px,8.2vw,129px);line-height:1.02;font-weight:800;letter-spacing:-.078em;margin:42px 0;color:#f5f5f5}.cinematic-line span{color:#f15f16}.cinematic-rule{display:flex;align-items:center;justify-content:center;gap:21px;color:#b8b8b8;font-size:10px;letter-spacing:.27em}.cinematic-rule span{display:block;width:53px;height:1px;background:#575757}.cinematic-signature{font-size:13px;font-weight:750;letter-spacing:.36em;color:#969696;margin-top:67px}.cinematic-signature em{color:#e85c18;font-style:normal}
.intro{background:#070707;padding:140px 0 140px}.intro .outline-text{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.8)}
.technology{background:#0b0b0b}.tech-stage .layer:hover{box-shadow:0 22px 60px rgba(241,95,22,.2),inset 0 0 40px rgba(255,255,255,.12)}.layer-visual:before{background:radial-gradient(ellipse,rgba(241,95,22,.16),transparent 70%)}.layer{border-color:rgba(245,235,231,.4)}.layer-num{color:#f15f16}.layer-num:before{background:#f15f16}.layer-callout small{color:#f15f16}.verification-note{border-left-color:#f15f16}
.performance{background:#040404}.liquid-panel{background:radial-gradient(circle at 60% 45%,#30221e,#13100e 55%,#050505 80%);border-color:#39302a}.liquid-panel .label-top{color:#f15f16}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f15f16}
.compare{background:#090909}
/* Authentic supplied PPFPRO packaging */
.packaging{padding:140px 0 134px;background:radial-gradient(ellipse at 53% 46%,#1a1010 0%,#070707 45%,#030303 82%)}
.pack-head .section-title{font-size:clamp(58px,8.3vw,122px)}.packaging .body-text{max-width:610px}
.product-gallery{max-width:1240px;margin:67px auto 0}.product-large{position:relative;background:#070707;border:1px solid rgba(255,255,255,.13);overflow:hidden;aspect-ratio:2.83/1}
.product-large::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 110px rgba(0,0,0,.42);pointer-events:none}
.product-large img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s,transform .55s;filter:contrast(1.08) saturate(1.08)}
.product-gallery-label{position:absolute;z-index:2;left:24px;right:24px;bottom:19px;display:flex;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.17em;text-shadow:0 1px 12px #000}
.product-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:12px}.product-thumbnail{height:145px;border:1px solid #2e2e2e;overflow:hidden;background:#070707;padding:0;position:relative;opacity:.63;transition:opacity .25s,border-color .25s}
.product-thumbnail img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s}.product-thumbnail:hover img{transform:scale(1.05)}.product-thumbnail:hover,.product-thumbnail.active{opacity:1;border-color:#f15f16}.product-thumbnail.active::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f15f16;pointer-events:none}
.pack-gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;color:#747474;font-size:10px;letter-spacing:.16em;font-weight:750}.text-link{color:#f15f16;letter-spacing:.12em}.text-link:hover{color:#fff}
.journey{background:#0b0b0b}.journey-card.consumer{background:linear-gradient(140deg,#18100f,#0a0909)}.journey-card.partner{background:linear-gradient(140deg,#171717,#080808)}
.modal{background:#0f0f0f;border-color:#4a342b}.modal-close{border-color:#63372a}.field input,.field select,.field textarea{background:#070707;border-color:#383838}
.footer{background:#020202}.footer-sub{color:#f15f16}
@media(max-width:1050px){.brand-logo-real{width:137px}.launch-meta-right{display:none}.launch-heading{top:18vh}.launch-pack{top:38vh}.launch-copy{bottom:10vh}}
@media(max-width:760px){
 :root{--gutter:22px}.nav{height:68px}.brand{gap:10px}.brand-logo-real{width:116px}.brand-product{font-size:9px}.nav-actions>.btn{display:none}.launch-hero{min-height:780px;height:100svh;max-height:none}.launch-meta{top:94px;left:22px;right:22px;justify-content:center;font-size:8px;letter-spacing:.13em}.launch-heading{top:clamp(144px,20vh,190px)}.launch-intro{font-size:8px;letter-spacing:.3em}.launch-heading h1{font-size:clamp(93px,27vw,175px);line-height:1.14;margin:10px 0;letter-spacing:-.095em}.launch-heading-underline{height:2px;width:55px;margin-top:2px}
 .launch-pack{top:clamp(279px,36.5vh,355px);width:170vw;max-width:none;left:50%}.launch-pack img{max-height:none}.launch-redglow{top:31%;left:0;width:100%;height:34%;filter:blur(30px)}
 .launch-copy{bottom:clamp(75px,10vh,110px);padding:0 21px}.launch-copy-small{font-size:8px;letter-spacing:.22em}.launch-copy h2{font-size:clamp(30px,8.2vw,46px);margin:10px 0}.launch-copy p{font-size:9px;letter-spacing:.06em;line-height:1.65;margin:10px 0 19px}.launch-copy .hero-buttons .btn{min-width:0;width:100%;padding:13px 18px;font-size:10px;min-height:44px}.launch-copy .hero-buttons{flex-direction:column;max-width:330px;margin:auto;gap:8px}.hero-foot{bottom:18px}.hero-foot .right-note{display:none}
 .cinematic-reveal{padding:105px 20px}.cinematic-line{font-size:clamp(38px,11.8vw,65px);margin:31px 0}.cinematic-rule{font-size:8px;gap:11px}.cinematic-rule span{width:20px}.cinematic-signature{margin-top:44px;font-size:11px}
 .product-gallery{margin-top:35px}.product-large{aspect-ratio:1.05/1}.product-large img{object-fit:cover}.product-gallery-label{left:11px;right:11px;bottom:11px;font-size:7px}.product-thumbnails{gap:5px;margin-top:6px}.product-thumbnail{height:73px}.pack-gallery-footer{flex-direction:column;align-items:flex-start;font-size:9px;line-height:1.5}
 .packaging{padding:105px 0}.section-title{font-size:clamp(45px,12vw,73px)}
}
@media(max-width:390px){.brand-logo-real{width:105px}.brand-product{font-size:8px}.launch-hero{min-height:740px}.launch-pack{top:36vh;width:184vw}.launch-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.launch-heading,.launch-pack,.launch-copy,.launch-redglow{animation:none!important}.reveal{transition:none}.cinematic-reveal::before{display:none}}

/* Finale: keep the product and key message from visually colliding */
@media(min-width:761px){.launch-pack{top:clamp(344px,37.7vh,384px);width:min(68vw,1070px)}.launch-copy{bottom:55px}.launch-copy h2{font-size:clamp(30px,3.2vw,47px);margin:7px 0}.launch-copy p{font-size:9px;margin:8px 0 16px}.launch-copy .hero-buttons .btn{min-height:44px;padding:13px 23px}.launch-copy-small{font-size:9px}}
@media(max-width:760px){.launch-pack{width:144vw;top:clamp(316px,37.5vh,359px)}.launch-copy{bottom:75px}.launch-copy h2{font-size:clamp(29px,8.1vw,43px)}}
.launch-heading{animation-duration:.9s}.launch-pack{animation-duration:1.1s}.launch-copy{animation-duration:.85s;animation-delay:.55s}

/* ============= PPFPRO HYPER / 03 LAUNCH EXPERIENCE ============= */
.launch-hero{min-height:830px}
.launch-heading{z-index:2;top:clamp(130px,18.5vh,185px)}
.launch-heading h1{font-weight:850;letter-spacing:-.10em;color:#fff;filter:drop-shadow(0 12px 24px #000)}
.launch-pack{z-index:5;top:clamp(320px,37vh,380px);width:min(110vw,1630px);filter:none;overflow:visible!important;cursor:grab;perspective:1200px}
.launch-pack:active{cursor:grabbing}
.pack-aura{position:absolute;top:30%;left:18%;right:14%;height:46%;border-radius:50%;background:radial-gradient(ellipse,rgba(244,66,27,.36),rgba(152,15,8,.13) 48%,transparent 73%);filter:blur(55px);transform:scale(1.22);pointer-events:none}
.pack-tilt{display:block;position:relative;width:100%;background:none;border:0;padding:0;outline-offset:6px;transform:perspective(1300px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(var(--ps,1));transition:transform .32s cubic-bezier(.15,.65,.2,1),filter .3s;filter:drop-shadow(0 45px 36px #000);appearance:none;cursor:grab}
.pack-tilt:focus-visible{outline:2px solid var(--accent)}
.pack-tilt img{width:100%;max-height:460px;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.pack-sheen{position:absolute;inset:8% 10% 14%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.13) 47%,transparent 60%);mix-blend-mode:screen;opacity:.5;transform:translateX(var(--shine,-75%));transition:transform .6s;pointer-events:none;clip-path:polygon(8% 29%,80% 3%,96% 65%,15% 99%)}
.pack-tilt:hover{--ps:1.025}
.pack-tap{position:absolute;right:13%;bottom:6%;font-weight:800;font-size:10px;letter-spacing:.18em;color:#ddd;white-space:nowrap;background:rgba(8,8,8,.76);border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:50px;opacity:0;transform:translateY(8px);transition:.35s;pointer-events:none}
.pack-tap span{color:#ff6f31}
.pack-tilt:hover .pack-tap,.pack-tilt:focus-visible .pack-tap{opacity:1;transform:translateY(0)}
.pack-index{position:absolute;top:clamp(760px,76.5vh,825px);width:min(1160px,84vw);left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:.17em;color:#8e8e8e;z-index:7}
.pack-index div{height:1px;background:linear-gradient(90deg,#e95e25,rgba(255,255,255,.09));flex:1}
.launch-copy{bottom:clamp(85px,9vh,112px)}
.launch-copy h2{font-size:clamp(28px,3.6vw,54px)}
.launch-meta{top:102px}
.box-viewer{position:fixed;z-index:200;inset:0;display:none;flex-direction:column;background:rgba(0,0,0,.97);backdrop-filter:blur(20px);color:#fff;padding:31px clamp(20px,5vw,85px)}
.box-viewer.is-open{display:flex}
.box-viewer-top,.box-viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:.23em;color:#aaa;font-weight:750}
.box-viewer-top b{color:#f16528}.box-viewer-top button,.box-viewer-bottom button{background:transparent;color:#fff;border:1px solid #444;padding:11px 16px;border-radius:26px;cursor:pointer}.box-viewer-top button:hover,.box-viewer-bottom button:hover{border-color:#f16528;color:#f16528}
.box-viewer-main{min-height:0;flex:1;display:flex;gap:14px;align-items:center;justify-content:center;padding:34px 0}
.box-viewer-main img{height:100%;max-height:72vh;max-width:min(1080px,75vw);object-fit:contain;filter:drop-shadow(0 8px 55px #36190d)}
.viewer-arrow{border:1px solid #333;background:#171717;color:#fff;font-size:30px;border-radius:50%;height:50px;width:50px;cursor:pointer;flex-shrink:0}
.viewer-arrow:hover{background:#f15f16;color:#000}
/* Layers — realistic exploded technical render */
.technology{background:#050505;position:relative;overflow:hidden}
.v3-tech{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,86px);align-items:start;margin-top:55px}
.film-demo{position:relative;max-width:660px}
.film-scene{height:610px;position:relative;isolation:isolate;overflow:visible;perspective:1000px;background:radial-gradient(ellipse at 48% 43%,rgba(73,95,105,.18),transparent 55%)}
.film-scene:after{position:absolute;content:"";left:17%;bottom:9%;width:67%;height:42px;filter:blur(23px);border-radius:50%;background:#000;z-index:-1}
.film-glow{position:absolute;inset:10% 0;background:radial-gradient(ellipse at 54% 48%,rgba(240,83,37,.11),transparent 60%);pointer-events:none}
.film-sheet{position:absolute;display:block;left:14%;width:70%;height:220px;border-radius:15px;padding:0;border:1px solid rgba(226,239,250,.38);cursor:pointer;transition:top .85s cubic-bezier(.16,.83,.25,1),filter .45s,opacity .35s,box-shadow .45s,scale .45s,outline .2s;outline:0;transform:perspective(850px) rotateX(56deg) rotateZ(-28deg);box-shadow:0 23px 27px rgba(0,0,0,.75),inset 0 3px 15px rgba(255,255,255,.21);backdrop-filter:blur(1px);overflow:visible;filter:saturate(.85)}
.film-sheet:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.26),transparent 32%,rgba(255,255,255,.03) 58%,rgba(255,255,255,.20) 100%);pointer-events:none}
.film-sheet:after{content:"";position:absolute;left:2%;right:2%;top:100%;height:12px;background:linear-gradient(90deg,rgba(50,58,64,.8),rgba(204,220,225,.5),rgba(24,27,35,.87));transform:skewX(-42deg);transform-origin:top;filter:blur(.25px);border-radius:0 0 7px 6px}
.film-sheet .sheet-inside{position:absolute;inset:9px;border:1px solid rgba(255,255,255,.14);border-radius:9px;box-shadow:inset 0 0 48px rgba(255,255,255,.10);pointer-events:none}
.film-sheet i{position:absolute;bottom:20px;left:25px;color:rgba(255,255,255,.48);font-weight:900;letter-spacing:.25em;font-size:12px;font-style:normal;text-shadow:0 1px 8px #000;transform:translateZ(3px);pointer-events:none}
.film-sheet:hover,.film-sheet.is-current{filter:saturate(1.35) brightness(1.15);box-shadow:0 27px 40px rgba(0,0,0,.84),0 0 0 2px rgba(241,95,22,.40),0 0 30px rgba(241,95,22,.11),inset 0 3px 15px rgba(255,255,255,.21)}
.film-sheet:focus-visible{outline:3px solid #f15f16;outline-offset:5px}
.film-orange{top:4%;z-index:6;background:linear-gradient(120deg,#f9500f 0%,#ff8b36 31%,#ff5a17 52%,#d93c0c 84%,#ed5116 100%);border-color:rgba(255,179,122,.85)}
.film-orange:after{background:linear-gradient(90deg,#a22c09,#ff964d,#bb3104)}
.film-orange i{color:rgba(255,255,255,.88)}
.film-hydro{top:18%;z-index:5;background:linear-gradient(124deg,rgba(169,209,225,.28),rgba(232,248,250,.48) 33%,rgba(73,113,138,.18) 80%)}
.film-pcu{top:32%;z-index:4;background:linear-gradient(125deg,rgba(149,185,209,.35),rgba(217,238,247,.54) 40%,rgba(90,110,131,.22) 100%)}
.film-bond{top:46%;z-index:3;background:linear-gradient(130deg,rgba(163,183,192,.24),rgba(237,241,240,.38) 45%,rgba(96,110,125,.24))}
.film-release{top:60%;z-index:2;background:linear-gradient(130deg,rgba(185,198,204,.5),rgba(234,239,242,.55) 39%,rgba(78,88,108,.32))}
.film-scene.is-assembled .film-orange{top:28%}.film-scene.is-assembled .film-hydro{top:30%}.film-scene.is-assembled .film-pcu{top:32%}.film-scene.is-assembled .film-bond{top:34%}.film-scene.is-assembled .film-release{top:36%}
.film-scene.is-assembled .film-sheet:not(.is-current){opacity:.84}
.film-toolbar{border-top:1px solid #343434;display:flex;align-items:center;justify-content:space-between;padding:15px 10px;color:#777;gap:16px}
.film-readout{font-size:10px;letter-spacing:.23em;font-weight:850}.film-readout b{color:#ff783d}
.film-toolbar button{background:none;border:1px solid #383838;border-radius:30px;padding:11px 17px;color:#e9e9e9;font-size:9px;letter-spacing:.15em;font-weight:800;cursor:pointer}
.film-toolbar button:hover,.film-toolbar button[aria-pressed="true"]{background:#ed5c21;border-color:#ed5c21;color:#fff}
.film-call-intro{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.19em;color:#f15f16;border-bottom:1px solid #383838;padding:12px 0 18px;font-weight:800}.film-call-intro span{color:#777}
.film-spec{display:flex;align-items:flex-start;width:100%;background:transparent;border:0;border-bottom:1px solid #2e2e2e;text-align:left;padding:21px 10px 21px 0;cursor:pointer;color:#eee;gap:19px;transition:background .25s,padding .25s;position:relative}
.film-spec small{font-size:10px;color:#f15f16;font-weight:850;padding-top:7px;min-width:20px}
.film-spec span{display:block;flex:1}.film-spec strong{display:block;font-size:clamp(15px,1.5vw,22px);letter-spacing:-.02em;margin-bottom:8px}.film-spec em{display:block;color:#929292;font-size:13px;line-height:1.6;font-style:normal}
.film-spec b{font-size:16px;color:#626262;font-weight:400;transition:transform .2s}
.film-spec:hover,.film-spec.is-current{padding-left:10px;background:linear-gradient(90deg,rgba(235,82,22,.11),transparent 83%)}
.film-spec.is-current strong{color:#fff}.film-spec.is-current b{transform:rotate(45deg);color:#fa7135}
.film-calls .verification-note{font-size:11px;line-height:1.5;margin-top:26px;color:#797979}
/* HYDRO+ V2 video keynote scene */
.hydro-premiere{padding:132px 0 145px;background:#050505}
.hydro-head{text-align:center;max-width:900px;margin:0 auto 48px}.hydro-head .section-title{font-size:clamp(47px,7.3vw,110px);line-height:1.02;letter-spacing:-.065em}.hydro-head .body-text{margin:22px auto 0;max-width:640px}
.hydro-theatre{position:relative;aspect-ratio:16/8.15;background:#080d11;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px #000}
/* V10: show approved MP4 directly, never the previous animated placeholder. */
.hydro-video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:2;opacity:1;background:#080a0c;display:block}
.hydro-video-state{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;background:linear-gradient(130deg,#080808,#171717);padding:24px;color:#f5f5f5}
.hydro-video-state[hidden]{display:none!important}
.hydro-status-mark{font-size:clamp(30px,4vw,70px);font-weight:800;letter-spacing:.035em}
.hydro-status-mark span{color:#fa7135}
.hydro-video-state p{font-size:14px;color:#c6c6c6;line-height:1.6;max-width:490px}
.hydro-video-state a{display:inline-flex;border:1px solid #fa7135;border-radius:25px;padding:13px 22px;font-size:11px;letter-spacing:.12em;color:#fff;background:rgba(250,113,53,.2);text-decoration:none}
.hydro-video-state a:hover{background:#fa7135;color:#070707}
.hydro-watch-direct{font-size:11px;white-space:nowrap;letter-spacing:.07em;text-decoration:none;color:#ddd;border-bottom:1px solid rgba(250,113,53,.55);padding-bottom:4px}
@media(max-width:760px){.hydro-watch-direct{white-space:normal;font-size:10px}}
.hydro-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,transparent 37%,rgba(0,0,0,.66) 100%);pointer-events:none}
.hydro-cinema-label{position:absolute;z-index:4;top:34px;left:36px;color:#fff;font-size:clamp(25px,4.8vw,72px);font-weight:850;letter-spacing:-.055em;line-height:.9;text-shadow:0 4px 24px #000}.hydro-cinema-label span{color:#ff6d2d}.hydro-cinema-label small{display:block;color:#ddd;font-size:10px;letter-spacing:.27em;font-weight:750;line-height:2;margin-top:14px}
.hydro-cinema-bottom{position:absolute;z-index:4;bottom:24px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:9px;font-weight:800;letter-spacing:.15em;gap:20px}
.hydro-cinema-bottom button{border:1px solid rgba(255,255,255,.4);border-radius:40px;color:#fff;background:rgba(0,0,0,.45);padding:11px 14px;cursor:pointer;letter-spacing:.15em}.hydro-cinema-bottom button:hover{background:#e75b20;border-color:#e75b20}.hydro-cinema-bottom button:disabled{opacity:.55;cursor:default}
.hydro-tail{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hydro-metric{display:flex;flex-direction:column;gap:6px}.hydro-metric span{font-size:10px;letter-spacing:.22em;color:#f15f16;font-weight:850}.hydro-metric strong{font-size:14px;letter-spacing:.17em}
@media(max-width:1050px){.v3-tech{grid-template-columns:1fr;gap:22px}.film-demo{margin:auto;width:100%}.film-scene{height:550px}.film-calls{max-width:720px;margin:0 auto;width:100%}.launch-pack{width:140vw;top:36vh}.launch-hero{min-height:800px}}
@media(max-width:760px){.launch-hero{min-height:760px}.launch-pack{width:184vw;top:34.3vh}.launch-heading{top:20vh}.launch-heading h1{font-size:clamp(93px,27vw,175px)}.launch-copy{bottom:clamp(70px,8.5vh,100px)}.launch-copy h2{font-size:clamp(28px,8vw,42px)}.launch-copy p{font-size:8px;margin:10px 0 15px}.launch-copy .hero-buttons .btn{min-height:41px}.pack-index{display:none}.pack-tap{display:none}.box-viewer{padding:19px}.box-viewer-top,.box-viewer-bottom{font-size:8px;letter-spacing:.08em}.box-viewer-main{gap:7px}.box-viewer-main img{max-width:68vw}.viewer-arrow{width:32px;height:32px;font-size:20px}.film-scene{height:420px}.film-sheet{height:145px;border-radius:10px;width:72%;left:14%}.film-sheet i{font-size:9px;bottom:12px;left:14px}.film-orange{top:2%}.film-hydro{top:16%}.film-pcu{top:30%}.film-bond{top:44%}.film-release{top:58%}.film-scene.is-assembled .film-orange{top:24%}.film-scene.is-assembled .film-hydro{top:26%}.film-scene.is-assembled .film-pcu{top:28%}.film-scene.is-assembled .film-bond{top:30%}.film-scene.is-assembled .film-release{top:32%}.film-spec{padding:16px 8px 16px 0}.film-spec strong{font-size:16px}.film-spec em{font-size:12px}.film-call-intro{font-size:8px}.hydro-premiere{padding:90px 0 105px}.hydro-theatre{aspect-ratio:4/4.1}.hydro-cinema-label{top:23px;left:22px;font-size:46px}.hydro-cinema-label small{font-size:8px;letter-spacing:.14em}.hydro-cinema-bottom{bottom:17px;left:18px;right:18px;font-size:8px;letter-spacing:.07em}.hydro-tail{flex-direction:column;align-items:stretch}.hydro-tail .btn{text-align:center}.hydro-head .section-title{font-size:clamp(42px,9.5vw,70px)}}
@media(prefers-reduced-motion:reduce){.pack-tilt,.film-sheet{transition:none!important}}

/* V3.1 Hero final: clear space for title, packaging and CTA at 900px desktop */
@media(min-width:1060px){.launch-pack{width:min(94vw,1300px);top:clamp(307px,35vh,341px)}.launch-copy{bottom:65px}.launch-heading{top:clamp(140px,19vh,195px)}.pack-index{top:75.5vh;opacity:.5}.launch-copy h2{font-size:clamp(32px,3.25vw,51px)}.launch-copy p{margin:8px 0 17px}.launch-copy .hero-buttons .btn{min-height:46px;padding-top:15px;padding-bottom:15px}.hero-foot{bottom:17px}}
@media(min-width:761px) and (max-height:820px){.launch-hero{min-height:780px}.launch-pack{top:325px;width:min(96vw,1140px)}.launch-copy{bottom:58px}.launch-heading{top:135px}.launch-heading h1{font-size:clamp(145px,21vw,295px)}}
@media(max-width:760px){.launch-pack{width:176vw;top:34vh}.launch-copy{bottom:clamp(60px,7vh,85px)}.launch-copy .hero-buttons{max-width:315px}.launch-copy h2{font-size:clamp(28px,7.6vw,40px)}.launch-pack img{max-height:none}.film-glow{opacity:.6}}
/* V3.2 clear headline breathing room on desktop */
@media(min-width:1060px){.launch-pack{width:min(90vw,1180px);top:clamp(285px,32.5vh,315px)}.pack-index{top:71.5vh}}
@media(max-width:760px){.pack-tilt{touch-action:pan-y}}

/* V4 — precise, no-overlap FAQ accordion; only the icon animates, not the question. */
.faq-accordion{min-width:0;align-self:start;border-top:1px solid rgba(255,255,255,.18)}
.faq-item{position:relative;border-bottom:1px solid rgba(255,255,255,.16)}
.faq-item-heading{margin:0;font-size:inherit;font-weight:inherit}
.faq-question{appearance:none;-webkit-appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:79px;padding:24px 0;border:0;border-radius:0;background:transparent;color:#f6f6f6;text-align:left;font:650 clamp(15px,1.1vw,18px)/1.45 var(--body-family);cursor:pointer;transition:color .23s ease}
.faq-question:hover,.faq-item.is-open .faq-question{color:#fff}
.faq-question:focus-visible{outline:2px solid #f15f16;outline-offset:6px;border-radius:2px}
.faq-question-text{display:block;flex:1;min-width:0;transform:none!important;rotate:none!important;writing-mode:horizontal-tb}
.faq-icon{flex:0 0 31px;width:31px;height:31px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;position:relative;transition:background .32s ease,border-color .32s ease}
.faq-icon::before,.faq-icon::after{content:"";display:block;position:absolute;background:#b9c1c5;border-radius:1px;transition:transform .32s ease,background .32s ease}
.faq-icon::before{width:11px;height:1.5px}.faq-icon::after{width:1.5px;height:11px}
.faq-item.is-open .faq-icon{border-color:#f15f16;background:rgba(241,95,22,.09)}
.faq-item.is-open .faq-icon::before,.faq-item.is-open .faq-icon::after{background:#f15f16}
.faq-item.is-open .faq-icon::after{transform:scaleY(0)}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s cubic-bezier(.2,.7,.25,1),opacity .32s ease;}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
.faq-answer-inner{min-height:0;overflow:hidden}
.faq-answer-inner p{margin:0;padding:0 55px 28px 0;max-width:620px;color:#a4adb2;font:400 15px/1.8 var(--body-family);transform:translateY(-9px);transition:transform .42s cubic-bezier(.2,.7,.25,1)}
.faq-item.is-open .faq-answer-inner p{transform:translateY(0)}
@media(max-width:760px){.faq-question{padding:22px 0;min-height:74px;gap:15px;font-size:15px}.faq-answer-inner p{padding-right:13px;font-size:14px}.faq-icon{flex-basis:29px;width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.faq-answer,.faq-icon,.faq-icon::before,.faq-icon::after,.faq-answer-inner p,.faq-question{transition:none!important}}


/* =====================================================================
   PPFPRO HYPER | V5 TYPOGRAPHY — luxury clarity over ultra-tight tracking
   Original PPFPRO artwork and logo intentionally remain unchanged.
   ===================================================================== */
:root { --readable-copy:#c1c4c7; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body, button, input, select, textarea {
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
/* Headlines: a little more breathing space between glyphs and rows. */
.section-title {
  letter-spacing:-.031em;
  line-height:1.075;
  font-weight:760;
  text-wrap:balance;
}
.cinematic-inner { width:min(100%,1480px); margin-inline:auto; }
.cinematic-line {
  font-size:clamp(46px,7.1vw,112px);
  line-height:1.12;
  font-weight:760;
  letter-spacing:-.027em;
  max-width:100%;
  padding-inline:12px;
  margin:42px auto;
  text-wrap:balance;
}
/* Cinematic is not merely huge type: microcopy must be readable as well. */
.cinematic-rule {font-size:12px; letter-spacing:.16em;line-height:1.5;}
.cinematic-signature {font-size:14px; letter-spacing:.20em; line-height:1.5;}
.eyebrow {font-size:11.5px;letter-spacing:.17em;line-height:1.55;font-weight:740;}
.body-text {font-size:clamp(16px,1.42vw,19px);line-height:1.75;color:var(--readable-copy);}
/* Hero: keep drama, improve literal readability of the product message. */
.launch-heading h1 {letter-spacing:-.068em;}
.launch-intro {letter-spacing:.18em;font-size:11px;}
.launch-copy h2 {font-weight:770;letter-spacing:-.03em;line-height:1.11;}
.launch-copy-small {font-size:11px;letter-spacing:.17em;line-height:1.5;}
.launch-copy p {font-size:12px;letter-spacing:.075em;line-height:1.58;color:#c5c5c5;font-weight:650;}
/* Navigation and calls to action: comfortable at common laptop widths. */
.navlinks a {font-size:11px;letter-spacing:.075em;font-weight:680;}
.lang {font-size:12px;letter-spacing:.07em;}
.brand-product {letter-spacing:.14em;}
.btn {font-size:12px;letter-spacing:.065em;line-height:1.35;}
.launch-copy .hero-buttons .btn {font-size:12px;}
/* Secondary headings, captions and copy. */
.journey-card h3 {letter-spacing:-.03em;line-height:1.12;}
.strip-item strong {letter-spacing:-.03em;}
.footer-big {letter-spacing:-.04em;}
.footer-sub {font-size:12px;letter-spacing:.13em;line-height:1.5;}
.faq-question {font-size:clamp(16px,1.42vw,19px);letter-spacing:-.01em;line-height:1.5;}
.faq-answer-inner p {font-size:16px;line-height:1.75;color:#c0c4c7;}
/* In wider but shorter browser windows avoid stretching headline into UI. */
@media (min-width:761px) and (max-width:1240px) {
  .navlinks {gap:clamp(11px,1.6vw,22px);}
  .navlinks a {font-size:10px;letter-spacing:.055em;}
  .cinematic-line {font-size:clamp(47px,7vw,89px);}
}
@media (max-width:760px) {
  .section-title {font-size:clamp(41px,10.3vw,69px);letter-spacing:-.028em;line-height:1.085;}
  .cinematic-reveal {padding:98px 15px 112px;}
  .cinematic-line {font-size:clamp(30px,8.5vw,57px);letter-spacing:-.024em;line-height:1.13;margin:29px auto;padding:0 2px;}
  .cinematic-rule {font-size:10px;letter-spacing:.10em;gap:9px;}
  .cinematic-rule span {width:clamp(15px,6vw,28px);}
  .cinematic-signature {font-size:12px;letter-spacing:.15em;margin-top:42px;}
  .eyebrow {font-size:10.5px;letter-spacing:.13em;}
  .body-text {font-size:16px;line-height:1.7;}
  .launch-intro {font-size:9px;letter-spacing:.16em;}
  .launch-copy h2 {font-size:clamp(27px,7.5vw,40px);letter-spacing:-.025em;line-height:1.12;}
  .launch-copy-small {font-size:10px;letter-spacing:.10em;}
  .launch-copy p {font-size:10.5px;letter-spacing:.04em;line-height:1.5;}
  .launch-copy .hero-buttons .btn {font-size:11px;}
  .faq-question {font-size:16px;}
  .faq-answer-inner p {font-size:15px;line-height:1.75;}
  .btn {letter-spacing:.04em;font-size:11px;}
}
@media (max-width:390px) {
  .cinematic-line {font-size:clamp(28px,8.15vw,32px);}
  .cinematic-rule {gap:7px;font-size:9px;}
  .cinematic-signature {font-size:11px;}
  .launch-copy p {font-size:10px;}
}


/* V7 — final typography: Sora headlines + Manrope copy; original PPFPRO logo unchanged. */
:root{--title-family:'Sora',Arial,sans-serif;--body-family:'Manrope',Arial,sans-serif;--heading-weight:700;--heading-tracking:-.027em;--heading-line:1.13}
body,button,input,select,textarea{font-family:var(--body-family)}
.section-title,.cinematic-line,.launch-copy h2,.journey-card h3,.hydro-head .section-title,.film-spec strong,.footer-big{font-family:var(--title-family)!important;font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:var(--heading-line)}
.intro .outline-text{color:#f36120!important;-webkit-text-stroke:0!important;text-shadow:none!important;letter-spacing:-.025em;display:block}
.intro .section-title{font-size:clamp(44px,5.25vw,76px);line-height:1.115;letter-spacing:-.025em;overflow-wrap:normal;max-width:100%}
.intro .section-title .outline-text{line-height:1.13}
.intro .section-title .outline-text .no-wrap{white-space:nowrap}
.intro-grid{gap:clamp(30px,5vw,85px)}
.cinematic-line{font-size:clamp(45px,6.65vw,102px);letter-spacing:-.03em;line-height:1.15;font-weight:700;max-width:100%;}
.cinematic-line span{color:#f36120}
.launch-copy h2{letter-spacing:-.018em}
.body-text,.faq-answer-inner p,.film-spec em,.journey-card p{color:#c0c2c5}
.navlinks a,.faq-question,.btn{font-family:var(--body-family)!important}
.faq-question{font-weight:650}
@media(max-width:760px){.intro .section-title{font-size:clamp(37px,9vw,57px);line-height:1.14}.intro-grid{gap:25px}.cinematic-line{font-size:clamp(29px,7.8vw,53px);line-height:1.17;letter-spacing:-.018em}}
@media(max-width:390px){.intro .section-title{font-size:clamp(34px,8.8vw,41px)}.cinematic-line{font-size:clamp(27px,7.45vw,33px)}}

/* V11 — IPHONE / MOBILE STABILITY REBUILD.
   Product must appear on first frame; content uses normal flow and does not depend
   on animations, JS intersection observers, transforms or a fixed viewport height. */
@media (max-width:760px){
  html, body {width:100%;max-width:100%;overflow-x:clip;}
  .nav {height:68px;padding-inline:clamp(16px,4vw,24px);}
  .nav .brand {min-width:0;flex-shrink:0;}
  .brand-logo-real {width:clamp(108px,30vw,135px);height:auto;}
  .brand-product {font-size:9px;white-space:nowrap;}
  .nav-actions {gap:12px;}
  /* Use flow instead of absolute percentages that conflicted with mobile Safari bars. */
  .launch-hero {
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    position:relative;
    width:100%;height:auto!important;
    min-height:max(100svh,760px)!important;
    max-height:none!important;
    padding:105px 14px 28px!important;
    text-align:center;overflow:hidden!important;
    background:#030303;
    isolation:isolate;
  }
  .launch-hero::before {pointer-events:none;}
  .launch-meta {
    position:relative!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    display:flex;justify-content:center;align-items:center;
    width:100%;min-height:18px;margin:0 auto 34px;
    font-size:9px;letter-spacing:.10em;gap:10px;
    opacity:1!important;transform:none!important;filter:none!important;
  }
  .launch-meta-right {display:none!important;}
  .launch-heading {
    position:relative!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    width:100%;padding:0;margin:0 auto!important;
    opacity:1!important;visibility:visible!important;
    animation:none!important;transform:none!important;filter:none!important;
  }
  .launch-intro {font-size:10px;line-height:1.5;letter-spacing:.14em;color:#dedede;}
  .launch-heading h1 {
    font-size:clamp(75px,23vw,121px)!important;
    font-weight:800;letter-spacing:-.072em!important;
    line-height:1.02!important;margin:12px 0 8px!important;
    padding:0!important;overflow:visible;
    text-shadow:none!important;filter:none!important;
    -webkit-text-stroke:0!important;color:#f7f7f7;
  }
  .launch-heading .trademark {font-size:.12em;letter-spacing:0;vertical-align:top;}
  .launch-heading-underline {margin:10px auto 0!important;width:55px;height:2px;}
  .launch-pack {
    position:relative!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    width:100%!important;max-width:none!important;align-self:center!important;
    flex:0 0 auto;
    margin:18px auto 0!important;
    opacity:1!important;visibility:visible!important;
    animation:none!important;transform:none!important;translate:0 0!important;
    filter:none!important;perspective:none!important;
    cursor:pointer;
  }
  .launch-pack img {
    display:block!important;width:100%;height:auto!important;max-height:205px!important;
    object-fit:contain;opacity:1!important;filter:none!important;
    -webkit-transform:none!important;transform:none!important;
  }
  .pack-tilt {
    opacity:1!important;visibility:visible!important;
    transform:none!important;filter:drop-shadow(0 17px 19px rgba(0,0,0,.9))!important;
    transition:none!important;
  }
  .pack-aura {filter:blur(24px);opacity:.65;pointer-events:none;}
  .pack-index,.pack-tap{display:none!important;}
  .launch-redglow {top:25%;height:45%;left:0;width:100%;opacity:.48!important;filter:blur(22px);animation:none!important;transform:none!important;}
  .launch-copy {
    position:relative!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    width:100%;max-width:540px;
    margin:8px auto 0!important;padding:0 10px!important;
    opacity:1!important;visibility:visible!important;
    animation:none!important;transform:none!important;filter:none!important;
  }
  .launch-copy-small {font-size:10px;letter-spacing:.11em;line-height:1.5;}
  .launch-copy h2 {
    font-size:clamp(27px,7vw,36px)!important;
    font-weight:700;letter-spacing:-.02em;line-height:1.14;
    margin:8px auto 10px!important;overflow-wrap:normal;
  }
  .launch-copy p {
    font-size:clamp(10px,2.65vw,12px)!important;
    letter-spacing:.015em!important;line-height:1.5;
    margin:0 auto 18px!important;
    max-width:100%;white-space:normal;color:#dadada;
  }
  .launch-copy .hero-buttons {
    width:100%;max-width:350px!important;margin:0 auto;
    display:flex;flex-direction:column;gap:10px;
  }
  .launch-copy .hero-buttons .btn {
    width:100%;min-width:0;min-height:47px!important;
    padding:12px 12px!important;
    font-size:11px!important;line-height:1.35;
    white-space:normal;
  }
  .hero-foot {
    position:relative!important;top:auto!important;bottom:auto!important;
    left:auto!important;right:auto!important;
    width:100%;margin:26px 0 0;
    display:flex;justify-content:center;opacity:.8;
  }
  .hero-foot .right-note {display:none;}
  /* Content must be available without waiting for a timer or intersection callback. */
  .reveal {opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important;transition:none!important;}
  .hydro-theatre {min-height:255px;}
  .hydro-video {object-fit:cover;}
}
@media (max-width:360px){
  .launch-hero{padding-top:96px!important;min-height:760px!important;}
  .launch-meta{margin-bottom:23px;}
  .launch-pack{width:100%!important;margin-top:12px!important;}
  .launch-copy h2{font-size:26px!important;}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .launch-hero * {scroll-behavior:auto;}
}


/* V12 — meaningful full-frame HYDRO movie on smartphones, even when autoplay is restricted. */
#languageButton{min-width:76px;letter-spacing:.06em;font-weight:500;text-align:center}
#languageButton strong{color:#ff6a30;font-weight:800}
.hydro-theatre{background:#070707}
.hydro-video{width:100%;height:100%;object-fit:contain;background:#090909;z-index:2}
.hydro-cinema-label{pointer-events:none}
.hydro-cinema-bottom{pointer-events:none}
.hydro-cinema-bottom button{pointer-events:auto}
.hydro-launch{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:calc(100% - 32px);white-space:nowrap;padding:17px 22px;background:#f05b13;color:#fff;border:0;border-radius:2px;font-weight:800;letter-spacing:.05em;font-size:clamp(11px,1.2vw,14px);box-shadow:0 10px 42px rgba(0,0,0,.9)}
.hydro-launch:hover,.hydro-launch:focus-visible{background:#ff7435}
.hydro-theatre.is-playing .hydro-launch{display:none}
.hydro-direct{position:absolute;z-index:8;bottom:13px;right:16px;padding:9px 11px;font-size:10px;letter-spacing:.03em;font-weight:800;color:#fff;background:rgba(4,4,4,.72);border:1px solid rgba(255,255,255,.3);border-radius:4px}
.hydro-video-state{z-index:7}
.hydro-video-state[hidden]{display:none!important}
@media(max-width:760px){
 .hydro-theatre{width:100%;aspect-ratio:16/9!important;min-height:0!important}
 .hydro-video{object-fit:contain!important}
 .hydro-cinema-label{top:10px!important;left:12px!important;font-size:22px!important}
 .hydro-cinema-label small{font-size:7px!important;letter-spacing:.06em!important}
 .hydro-cinema-bottom{bottom:7px!important;left:8px!important;right:8px!important;font-size:7px!important}
 .hydro-cinema-bottom button{padding:7px!important;font-size:9px!important}
 .hydro-direct{bottom:6px;right:6px;max-width:55%;white-space:normal;text-align:center;font-size:9px;line-height:1.35;padding:6px 7px}
 .hydro-launch{padding:13px 16px;font-size:11px;top:53%;white-space:normal}
 .hydro-tail{margin-top:22px}
}

.hydro-theatre video{background:#050505}
.hydro-external{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 2px 2px;color:#aaa;border-bottom:1px solid rgba(255,255,255,.13)}
.hydro-external span{font-size:10px;letter-spacing:.1em}
.hydro-external .hydro-direct{position:static;display:inline-block;max-width:100%;white-space:normal;text-align:center;padding:11px 14px;background:#121212;font-size:11px;border-color:rgba(255,255,255,.3)}
.hydro-theatre .hydro-shade{pointer-events:none}
@media(max-width:760px){
 .hydro-theatre .hydro-shade,.hydro-theatre .hydro-cinema-label,.hydro-theatre .hydro-cinema-bottom{display:none!important}
 .hydro-theatre video{object-fit:contain!important}
 .hydro-external{margin-top:2px;align-items:center}
 .hydro-external .hydro-direct{font-size:10px}
}