
:root{--bg:#050707;--panel:#0b0e0e;--ink:#f4f7f5;--muted:#9aa3a0;--cyan:#15e7d7;--cyan-deep:#008e85;--line:rgba(255,255,255,.13);--pad:clamp(22px,5vw,78px);--header:86px;--max:1680px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:var(--cyan);color:#00110f}.shell{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--pad)}
.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.page-progress{position:fixed;right:0;top:0;width:3px;height:100%;z-index:90;background:rgba(255,255,255,.04)}.page-progress span{display:block;width:100%;height:0;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.loader{position:fixed;inset:0;z-index:1000;background:#030404;display:grid;place-items:center;transition:opacity .7s var(--ease),visibility .7s}.loader.is-hidden{opacity:0;visibility:hidden}.loader-symbol{width:clamp(110px,15vw,220px);animation:loaderPulse 1.35s var(--ease) infinite alternate}.loader-symbol img{width:100%}.loader-status{position:absolute;left:var(--pad);right:var(--pad);bottom:40px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;font-size:10px;letter-spacing:.22em}.loader-status i{height:1px;background:#222;overflow:hidden}.loader-status b{display:block;width:40%;height:100%;background:var(--cyan);animation:loadLine 1.1s linear infinite}.loader-status em{font-style:normal;color:#6f7774}@keyframes loaderPulse{to{transform:scale(1.04);filter:drop-shadow(0 0 28px rgba(21,231,215,.23))}}@keyframes loadLine{from{transform:translateX(-120%)}to{transform:translateX(350%)}}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header);z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,7,7,.72);backdrop-filter:blur(18px);transition:transform .5s var(--ease),background .3s}.site-header.is-hidden{transform:translateY(-105%)}.brand{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:900;letter-spacing:.2em;width:max-content}.brand-mark{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.brand-mark img{width:88%}.section-readout{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.24em;color:#89918e}.section-readout i{width:26px;height:1px;background:var(--cyan)}.desktop-nav{justify-self:end;display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.desktop-nav a{transition:color .25s}.desktop-nav a:hover{color:var(--cyan)}.play-link{padding:14px 20px;border-radius:999px;background:var(--cyan);color:#00110f!important;box-shadow:0 7px 0 #007c74;transition:transform .25s var(--ease),box-shadow .25s!important}.play-link:hover{transform:translateY(3px);box-shadow:0 4px 0 #007c74}.menu-button{justify-self:end;width:48px;height:48px;border:1px solid var(--line);background:#0b0e0e;display:none;flex-direction:column;justify-content:center;align-items:center;gap:7px}.menu-button span{display:block;width:20px;height:1px;background:#fff;transition:transform .3s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu-panel{position:fixed;inset:0;z-index:70;background:#050707;display:grid;place-items:center;clip-path:inset(0 0 100% 0);transition:clip-path .65s var(--ease)}.menu-panel.is-open{clip-path:inset(0)}.menu-inner{width:min(780px,86vw);display:flex;flex-direction:column}.menu-inner a{display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid var(--line);padding:18px 0;align-items:center}.menu-inner small{color:var(--cyan);font-size:10px}.menu-inner span{font-size:clamp(38px,8vw,92px);font-weight:950;letter-spacing:-.06em}
.experience{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.scene{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.scene-no{font-size:10px;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.21em;text-transform:uppercase;color:#b8c0bd}.eyebrow span{width:36px;height:2px;background:var(--cyan)}.outline{color:transparent!important;-webkit-text-stroke:1px rgba(244,247,245,.72)}.cyan{color:var(--cyan)!important}
.hero{background:radial-gradient(circle at 82% 40%,rgba(21,231,215,.09),transparent 27%),#050707}.signal-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.34}.hero-inner{position:relative;z-index:2;min-height:100svh;padding-top:calc(var(--header) + 24px);padding-bottom:62px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:4vw}.hero-copy{min-width:0}.hero-title{margin:26px 0 36px;font-size:clamp(58px,min(7.2vw,12.5vh),116px);line-height:.83;letter-spacing:-.075em;font-weight:950}.hero-title span{display:block;white-space:nowrap}.hero-foot{display:flex;align-items:center;gap:42px}.hero-foot p{margin:0;max-width:520px;font-size:clamp(15px,1.3vw,20px);line-height:1.55;color:#b9c0be}.circle-button{flex:0 0 auto;width:70px;height:70px;border-radius:50%;border:0;background:var(--cyan);color:#00110f;font-size:24px;cursor:pointer;box-shadow:0 8px 0 #007c74;transition:transform .25s var(--ease),box-shadow .25s}.circle-button:hover{transform:translateY(4px);box-shadow:0 4px 0 #007c74}.logo-stage{justify-self:end;position:relative;width:min(39vw,570px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.logo-core,.logo-shadow{position:absolute;inset:12%;display:grid;place-items:center}.logo-core{z-index:4;animation:logoFloat 5s ease-in-out infinite}.logo-core img{width:100%;filter:drop-shadow(0 28px 60px rgba(0,0,0,.85))}.logo-shadow{opacity:.19}.logo-shadow img{width:100%}.shadow-one{transform:translate(-18px,10px);animation:shadowA 6s ease-in-out infinite}.shadow-two{transform:translate(20px,-10px);animation:shadowB 7s ease-in-out infinite}.signal-ring{position:absolute;border:1px solid rgba(21,231,215,.34);border-radius:50%;animation:ringTurn 14s linear infinite}.ring-one{inset:2%}.ring-two{inset:19%;animation-direction:reverse;animation-duration:9s}.signal-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);top:8%;left:19%;box-shadow:0 0 20px var(--cyan)}.axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(21,231,215,.22),transparent)}.axis-x{left:-7%;right:-7%;height:1px;top:50%}.axis-y{top:-7%;bottom:-7%;width:1px;left:50%;background:linear-gradient(0deg,transparent,rgba(21,231,215,.22),transparent)}.stage-label{position:absolute;right:1%;bottom:4%;display:flex;flex-direction:column;gap:5px;text-align:right}.stage-label span{font-size:8px;letter-spacing:.22em;color:#6d7774}.stage-label b{font-size:12px;letter-spacing:.14em}.hero-marquee{position:absolute;left:0;right:0;bottom:0;height:54px;background:var(--cyan);color:#00110f;display:flex;align-items:center;overflow:hidden;font-size:18px;font-weight:950;white-space:nowrap}.hero-marquee div{animation:marquee 28s linear infinite}@keyframes logoFloat{50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes shadowA{50%{transform:translate(-30px,18px) rotate(-2deg)}}@keyframes shadowB{50%{transform:translate(34px,-16px) rotate(2deg)}}@keyframes ringTurn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
.manifesto{background:#ecefea;color:#070909}.manifesto-inner{min-height:100svh;padding-top:calc(var(--header) + 30px);padding-bottom:54px;display:flex;flex-direction:column;justify-content:center}.manifesto .scene-no{color:#006f69}.manifesto-stack{margin:8vh 0 6vh}.kinetic-line{margin:0;font-size:clamp(48px,min(7.2vw,11vh),115px);line-height:.92;letter-spacing:-.07em;font-weight:950}.manifesto .outline{-webkit-text-stroke:1px rgba(7,9,9,.65)}.manifesto-note{display:grid;grid-template-columns:180px minmax(0,600px);gap:40px;border-top:1px solid rgba(0,0,0,.2);padding-top:28px;margin-left:auto}.manifesto-note span{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.manifesto-note p{margin:0;font-size:18px;line-height:1.5;color:#38413e}
.clear-intro{background:radial-gradient(circle at 71% 56%,rgba(21,231,215,.11),transparent 32%),#050707}.clear-intro-inner{min-height:100svh;padding-top:calc(var(--header) + 32px);padding-bottom:58px;display:grid;grid-template-columns:minmax(470px,.92fr) minmax(520px,1.08fr);gap:4vw;align-items:center}.clear-copy{position:relative;z-index:3}.clear-lockup{display:flex;align-items:center;gap:13px;font-size:clamp(25px,3.3vw,52px);letter-spacing:-.045em;margin-bottom:40px}.clear-lockup img{width:clamp(58px,6vw,90px);border-radius:22%}.clear-lockup strong{color:var(--cyan)}.clear-copy h2,.method h2,.end-scene h2,.content-section h2,.inner-final h2,.showcase-head h2{margin:25px 0;font-size:clamp(50px,min(6.8vw,10vh),105px);line-height:.88;letter-spacing:-.07em}.clear-copy h2 span,.method h2 span,.end-scene h2 span,.content-section h2 span,.inner-final h2 span,.showcase-head h2 span{color:var(--cyan)}.clear-copy>p,.method-copy>p{font-size:clamp(15px,1.35vw,20px);line-height:1.55;color:#aeb6b3;max-width:600px}.button-row{display:flex;align-items:center;gap:28px;margin-top:35px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;background:var(--cyan);color:#00110f;font-weight:900;border:1px solid var(--cyan);box-shadow:8px 9px 0 #007c74;transition:transform .25s var(--ease),box-shadow .25s}.primary-button:hover{transform:translate(4px,4px);box-shadow:4px 5px 0 #007c74}.primary-button.giant{font-size:clamp(15px,2vw,25px);padding:24px 30px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.tv-object{position:relative;perspective:1200px}.tv-bezel{position:relative;padding:10px;background:#020303;border:1px solid rgba(21,231,215,.55);box-shadow:0 30px 90px rgba(0,0,0,.65);transform:rotateY(-5deg) rotateX(2deg)}.tv-bezel:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.1),transparent 25%,transparent 72%,rgba(21,231,215,.08));pointer-events:none}.tv-bezel img{width:100%}.tv-glow{position:absolute;inset:12%;background:var(--cyan);filter:blur(80px);opacity:.14;z-index:-1}.tv-caption{display:block;margin-top:16px;text-align:right;font-size:9px;letter-spacing:.2em;color:#7b8582}
.product-showcase{background:#ecefea;color:#070909;display:flex;flex-direction:column;padding-top:calc(var(--header) + 22px)}.showcase-head{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:16px}.product-showcase .scene-no,.clear-gallery .scene-no{color:#006f69}.showcase-head h2{font-size:clamp(44px,min(5.6vw,8vh),80px);margin:15px 0 0}.showcase-nav{display:flex;align-items:center;gap:16px;padding-bottom:6px}.showcase-nav button{width:52px;height:52px;border:1px solid rgba(0,0,0,.25);background:transparent;font-size:22px;cursor:pointer;transition:background .25s,color .25s}.showcase-nav button:hover{background:#080a0a;color:#fff}.showcase-nav span{font-size:11px;letter-spacing:.15em}.showcase-track{display:flex;flex:1;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.showcase-track::-webkit-scrollbar{display:none}.showcase-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.product-slide{flex:0 0 100%;scroll-snap-align:start;padding:12px var(--pad) 54px;display:grid;grid-template-columns:minmax(260px,.48fr) minmax(520px,1.52fr);gap:5vw;align-items:center;min-width:0}.slide-copy span{font-size:9px;letter-spacing:.2em;color:#007a72}.slide-copy h3{margin:20px 0;font-size:clamp(42px,min(5vw,7.7vh),78px);line-height:.9;letter-spacing:-.065em}.slide-copy p{font-size:16px;line-height:1.55;color:#4f5955;max-width:470px}.shot{margin:0;min-width:0}.shot img{width:100%;box-shadow:18px 22px 0 rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.18)}.phones{display:flex;align-items:center;justify-content:center;gap:4vw;height:min(58vh,610px)}.phones figure{height:100%;margin:0;border:8px solid #080a0a;border-radius:30px;overflow:hidden;box-shadow:14px 18px 0 rgba(0,0,0,.14);transform:rotate(-3deg)}.phones figure:last-child{transform:rotate(4deg) translateY(18px)}.phones img{height:100%;width:auto}.swipe-hint{position:absolute;right:var(--pad);bottom:20px;display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.2em}.swipe-hint i{width:90px;height:1px;background:rgba(0,0,0,.2);position:relative}.swipe-hint i:after{content:"";position:absolute;width:34px;height:1px;background:#000;animation:hint 2s ease-in-out infinite}@keyframes hint{50%{transform:translateX(56px)}}
.method{background:#050707}.method-inner{min-height:100svh;padding-top:calc(var(--header) + 34px);padding-bottom:62px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.method-copy h2{font-size:clamp(48px,min(6vw,9vh),92px)}.minimal-accordion{border-top:1px solid var(--line)}.acc-item{border-bottom:1px solid var(--line)}.acc-item button{width:100%;border:0;background:none;display:grid;grid-template-columns:55px 1fr 32px;align-items:center;text-align:left;padding:26px 0;cursor:pointer}.acc-item button span{font-size:9px;color:var(--cyan);letter-spacing:.16em}.acc-item button strong{font-size:clamp(25px,3vw,48px);letter-spacing:-.04em}.acc-item button i{font-style:normal;font-size:23px;text-align:right}.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}.acc-panel>p{overflow:hidden;margin:0;padding:0 40px 0 55px;color:#aab2af;line-height:1.55}.acc-item.is-open .acc-panel{grid-template-rows:1fr}.acc-item.is-open .acc-panel>p{padding-bottom:26px}.minimal-accordion.large .acc-item button strong{font-size:clamp(26px,4vw,62px)}
.next-signal{background:#0a0d0d}.next-inner{min-height:100svh;padding-top:var(--header);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.next-copy h2{margin:22px 0 15px;font-size:clamp(70px,min(10vw,15vh),170px);line-height:.8;letter-spacing:-.08em}.next-copy p{max-width:560px;color:#9ca5a2;font-size:18px;line-height:1.5}.soon-pill{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;border:1px solid #37413e;font-size:10px;letter-spacing:.18em;color:#9ea6a3}.soon-pill i{width:7px;height:7px;border-radius:50%;background:#7e8884;animation:pulse 1.7s infinite}.folder-object{position:relative;width:min(42vw,650px);aspect-ratio:1.12;margin-left:auto;filter:grayscale(1)}.folder-back,.folder-front{position:absolute;border:2px solid #737c79;background:#171b1a}.folder-back{left:8%;right:7%;top:13%;height:67%;clip-path:polygon(0 12%,34% 12%,41% 0,100% 0,100% 100%,0 100%)}.folder-front{left:1%;right:14%;top:31%;height:60%;transform:skewY(-7deg);box-shadow:25px 28px 0 #050707}.folder-front span{position:absolute;inset:13%;border:1px solid #4b5350}.scanner{position:absolute;left:-4%;right:5%;height:3px;top:28%;background:#7b8581;box-shadow:0 0 22px #7b8581;animation:scan 3.2s ease-in-out infinite}@keyframes scan{50%{top:86%}}@keyframes pulse{50%{opacity:.25}}
.end-scene{background:#ecefea;color:#070909;display:flex;flex-direction:column}.end-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:calc(var(--header) + 20px);padding-bottom:35px}.end-icon{width:clamp(80px,9vw,135px);margin-bottom:28px}.end-scene .scene-no{color:#006f69}.end-scene h2{font-size:clamp(52px,min(7.2vw,10vh),110px)}.site-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center;padding:28px var(--pad);background:#050707;color:#fff}.site-footer>div{display:flex;flex-direction:column;gap:5px}.site-footer strong{font-size:13px;letter-spacing:.18em}.site-footer span,.site-footer small{font-size:10px;color:#777f7c}.site-footer nav{display:flex;gap:25px;font-size:11px}.site-footer a:hover{color:var(--cyan)}
/* inner pages */
.inner-main{padding-top:0}.inner-hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(21,231,215,.1),transparent 28%),#050707}.inner-hero-grid{position:relative;z-index:2;min-height:100svh;padding-top:calc(var(--header) + 40px);padding-bottom:60px;display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center}.inner-hero h1,.clear-hero h1,.legal-hero h1{font-size:clamp(62px,min(9vw,14vh),145px);line-height:.82;letter-spacing:-.08em;margin:30px 0}.inner-hero h1 span,.clear-hero h1 span,.legal-hero h1 span{color:var(--cyan)}.inner-hero p{max-width:680px;font-size:20px;line-height:1.55;color:#aeb6b3}.studio-map{position:relative;aspect-ratio:1;border:1px solid rgba(21,231,215,.35);border-radius:50%;display:grid;place-items:center}.studio-map:before,.studio-map:after{content:"";position:absolute;background:rgba(21,231,215,.2)}.studio-map:before{left:-8%;right:-8%;height:1px}.studio-map:after{top:-8%;bottom:-8%;width:1px}.studio-map b{font-size:clamp(40px,7vw,105px);letter-spacing:-.06em}.studio-map span,.studio-map em{position:absolute;font-size:9px;letter-spacing:.2em;color:#7f8a86;font-style:normal}.studio-map span{top:13%}.studio-map em{bottom:13%}.studio-map i{position:absolute;width:12px;height:12px;background:var(--cyan);border-radius:50%;box-shadow:0 0 25px var(--cyan);animation:pulse 1.5s infinite}.content-section{padding-top:130px;padding-bottom:130px}.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start;margin-top:48px}.content-section h2{font-size:clamp(48px,7vw,108px);margin:0}.editorial-copy{padding-top:12px}.editorial-copy p{font-size:18px;line-height:1.65;color:#aeb6b3;margin:0 0 24px}.light-section{background:#ecefea;color:#070909}.light-section .acc-item{border-color:rgba(0,0,0,.2)}.light-section .acc-item button span{color:#00776f}.light-section .acc-panel>p{color:#45504c}.product-row{display:grid;grid-template-columns:60px 1fr auto 40px;gap:25px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.product-row span{font-size:9px;color:var(--cyan)}.product-row strong{font-size:clamp(38px,6vw,90px);letter-spacing:-.06em}.product-row em{font-style:normal;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.product-row b{font-size:25px}.product-row.muted{opacity:.38}.inner-final{min-height:85svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.legal-inline{margin-top:28px;font-size:12px;text-decoration:underline;text-underline-offset:5px;color:#9ca5a2}
/* ClearIPTV page */
.clear-hero{min-height:100svh;position:relative;overflow:hidden}.clear-hero-bg{position:absolute;inset:0}.clear-hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.33) saturate(.65);transform:scale(1.04)}.clear-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050707 0%,rgba(5,7,7,.94) 42%,rgba(5,7,7,.28) 82%),linear-gradient(0deg,#050707 0%,transparent 45%)}.clear-hero-inner{position:relative;z-index:2;min-height:100svh;padding-top:calc(var(--header) + 38px);padding-bottom:55px;display:grid;grid-template-columns:1fr .48fr;gap:4vw;align-items:center}.clear-product-copy{max-width:900px}.clear-product-copy .clear-lockup{margin-bottom:26px}.clear-product-copy p{max-width:700px;font-size:20px;line-height:1.55;color:#bdc4c1}.floating-phone{justify-self:end;height:min(72vh,760px);border:10px solid #050707;border-radius:34px;overflow:hidden;box-shadow:0 0 80px rgba(21,231,215,.2);transform:rotate(5deg)}.floating-phone img{height:100%;width:auto}.clear-story{padding-top:130px;padding-bottom:130px}.clear-gallery{padding-top:110px;padding-bottom:100px}.inner-track{height:min(72vh,760px);margin-top:30px}.inner-track .product-slide{flex-basis:100%;padding-bottom:20px}.inner-track .shot img{max-height:58vh;object-fit:contain}.privacy-hero .clear-lockup{margin-bottom:45px}
/* Legal */
.legal-main{padding-top:calc(var(--header) + 55px);padding-bottom:120px}.legal-hero{padding:7vh 0 10vh;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(58px,8vw,126px)}.legal-hero>p{font-size:10px;letter-spacing:.15em;color:#7b8481}.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:8vw;align-items:start}.legal-nav{position:sticky;top:calc(var(--header) + 30px);padding-top:65px;display:flex;flex-direction:column}.legal-nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:#909895}.legal-nav a:hover{color:var(--cyan)}.legal-content section{padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}.legal-content section>span{display:block;font-size:9px;color:var(--cyan);letter-spacing:.2em;margin-bottom:18px}.legal-content h2{font-size:clamp(34px,4.5vw,70px);letter-spacing:-.05em;margin:0 0 35px}.legal-content p,.legal-content li,.legal-content dd{font-size:16px;line-height:1.7;color:#b4bcb9}.legal-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.legal-content ul{padding-left:22px}.legal-content dl{margin:0}.legal-content dl>div{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08)}.legal-content dt{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#747d7a}.legal-content dd{margin:0}.source-note{font-size:11px!important;color:#737c79!important;margin-top:24px}
@media(max-width:1120px){:root{--header:74px}.site-header{grid-template-columns:1fr auto}.section-readout,.desktop-nav{display:none}.menu-button{display:flex}.hero-inner{grid-template-columns:1fr .62fr}.hero-title{font-size:clamp(56px,8vw,90px)}.logo-stage{width:42vw}.clear-intro-inner{grid-template-columns:.8fr 1.2fr}.product-slide{grid-template-columns:.56fr 1.44fr}.method-inner{gap:5vw}.inner-hero-grid{grid-template-columns:1fr .55fr}.clear-hero-inner{grid-template-columns:1fr .38fr}.legal-layout{grid-template-columns:1fr}.legal-nav{position:relative;top:auto;padding-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.legal-nav a{border:1px solid var(--line);padding:11px}}
@media(max-width:820px){:root{--pad:20px;--header:68px}.experience{scroll-snap-type:y proximity}.page-progress{display:none}.brand-mark{width:38px;height:38px}.brand{font-size:11px}.hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:calc(var(--header) + 30px);padding-bottom:76px}.hero-copy{position:relative;z-index:3}.hero-title{font-size:clamp(47px,13.5vw,70px);margin:20px 0 26px}.hero-title span{white-space:normal}.hero-foot{gap:18px}.hero-foot p{font-size:14px;max-width:78%}.circle-button{width:58px;height:58px}.logo-stage{position:absolute;right:-45vw;top:8vh;width:78vw;opacity:.22}.hero-marquee{height:42px;font-size:15px}.manifesto-inner{padding-top:100px;padding-bottom:70px}.manifesto-stack{margin:8vh 0}.kinetic-line{font-size:clamp(38px,11.7vw,58px)}.manifesto-note{grid-template-columns:1fr;gap:12px;margin-left:0}.manifesto-note p{font-size:15px}.clear-intro-inner{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:calc(var(--header) + 45px);padding-bottom:60px}.clear-copy{z-index:4}.clear-lockup{font-size:27px;margin-bottom:24px}.clear-lockup img{width:58px}.clear-copy h2,.method h2,.end-scene h2,.content-section h2,.inner-final h2,.showcase-head h2{font-size:clamp(42px,12.5vw,64px)}.clear-copy>p{font-size:15px;max-width:90%}.button-row{align-items:flex-start;flex-direction:column;gap:20px}.tv-object{position:absolute;right:-20vw;bottom:-18px;width:90vw;opacity:.62}.product-showcase{padding-top:calc(var(--header) + 20px)}.showcase-head{align-items:flex-start}.showcase-head h2{font-size:42px}.showcase-nav{padding-top:15px}.showcase-nav button{width:43px;height:43px}.showcase-nav span{display:none}.product-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:16px;padding-bottom:50px;gap:22px}.slide-copy h3{font-size:clamp(34px,9vw,48px);margin:10px 0}.slide-copy p{display:none}.shot img{box-shadow:9px 11px 0 rgba(0,0,0,.14)}.phones{height:48vh;gap:12px}.phones figure{border-width:6px;border-radius:20px;box-shadow:8px 10px 0 rgba(0,0,0,.14)}.swipe-hint{display:none}.method-inner{grid-template-columns:1fr;gap:45px;padding-top:calc(var(--header) + 45px);padding-bottom:45px}.method-copy>p{font-size:15px}.acc-item button{padding:20px 0;grid-template-columns:38px 1fr 25px}.acc-item button strong{font-size:28px}.acc-panel>p{padding-left:38px;padding-right:0;font-size:14px}.acc-item.is-open .acc-panel>p{padding-bottom:20px}.next-inner{grid-template-columns:1fr;padding-top:calc(var(--header) + 40px);padding-bottom:35px}.next-copy{z-index:2}.next-copy h2{font-size:20vw}.next-copy p{font-size:15px;max-width:78%}.folder-object{position:absolute;right:-28vw;bottom:3vh;width:100vw;opacity:.42}.end-inner{padding-top:calc(var(--header) + 30px)}.site-footer{grid-template-columns:1fr;gap:18px;padding-top:22px;padding-bottom:22px}.site-footer nav{flex-direction:column;gap:8px}.inner-hero-grid{grid-template-columns:1fr}.inner-hero h1,.clear-hero h1,.legal-hero h1{font-size:clamp(52px,14.5vw,78px)}.studio-map{position:absolute;right:-40vw;top:20vh;width:95vw;opacity:.22}.content-section{padding-top:90px;padding-bottom:90px}.editorial-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.editorial-copy p{font-size:16px}.product-row{grid-template-columns:35px 1fr auto;gap:12px}.product-row strong{font-size:40px}.product-row b{display:none}.inner-final{min-height:72svh}.clear-hero-inner{grid-template-columns:1fr;padding-top:calc(var(--header) + 40px)}.clear-product-copy{position:relative;z-index:3}.clear-product-copy p{font-size:15px;max-width:88%}.floating-phone{position:absolute;right:-18vw;bottom:-10vh;height:36vh;opacity:.42}.clear-story{padding-top:90px;padding-bottom:90px}.clear-gallery{padding-top:85px;padding-bottom:75px}.inner-track{height:66vh}.legal-main{padding-top:calc(var(--header) + 35px)}.legal-hero{padding-top:4vh}.legal-nav{grid-template-columns:1fr 1fr}.legal-content section{padding:50px 0}.legal-content dl>div{grid-template-columns:1fr;gap:7px}.legal-content p,.legal-content li,.legal-content dd{font-size:15px}}
@media(max-height:760px) and (min-width:821px){.hero-title{font-size:clamp(54px,6.5vw,92px);margin:18px 0 25px}.hero-inner{padding-bottom:50px}.logo-stage{width:min(34vw,460px)}.kinetic-line{font-size:clamp(44px,6.2vw,88px)}.manifesto-stack{margin:5vh 0 4vh}.clear-copy h2,.method h2,.end-scene h2{font-size:clamp(46px,5.5vw,82px)}.clear-lockup{margin-bottom:24px}.product-slide{padding-bottom:38px}.slide-copy h3{font-size:clamp(38px,4.2vw,64px)}.phones{height:50vh}.method-inner{padding-bottom:35px}.acc-item button{padding:19px 0}.next-copy h2{font-size:clamp(74px,9vw,135px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.loader{display:none}.reveal{opacity:1;transform:none}.experience{scroll-snap-type:none}.signal-canvas{display:none}}

/* ==========================================================
   HOME V6 — organic continuous scroll experience
   Native page scrolling, sticky choreography, no forced snap.
   ========================================================== */
.home-v6{background:#050707;overflow-x:clip}.home-v6 .site-header{background:linear-gradient(180deg,rgba(5,7,7,.9),rgba(5,7,7,.54));border-bottom-color:rgba(255,255,255,.075)}
.flow-experience{position:relative;overflow:clip}.flow-section{position:relative;height:145svh}.flow-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.flow-section[data-motion-scene]{--p:0}

/* Hero */
.flow-hero{height:160svh;background:#050707}.hero-frame{background:radial-gradient(circle at 80% 46%,rgba(21,231,215,.085),transparent 28%),linear-gradient(180deg,#050707 0%,#050707 75%,#06100f 100%)}
.flow-hero-grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:5vw;padding-top:calc(var(--header) + 24px);padding-bottom:76px}
.flow-hero-copy{position:relative;z-index:3;transform:translate3d(0,calc(var(--p)*-7vh),0);opacity:calc(1 - var(--p)*.6);will-change:transform,opacity}
.flow-title{margin:24px 0 34px;font-size:clamp(58px,min(7.15vw,12vh),118px);line-height:.82;letter-spacing:-.078em;font-weight:950}
.flow-title-line{display:block;white-space:nowrap;transform:translate3d(calc(var(--p)*var(--line-shift,0px)),0,0);will-change:transform}
.flow-title-line:nth-child(1){--line-shift:-3.5vw}.flow-title-line:nth-child(2){--line-shift:2.3vw}.flow-title-line:nth-child(3){--line-shift:-1.5vw}
.flow-hero-foot{display:flex;align-items:center;gap:44px}.flow-hero-foot>p{margin:0;max-width:500px;color:#b6bfbc;font-size:clamp(15px,1.25vw,19px);line-height:1.55}
.flow-scroll-cue{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c2c9c7}.flow-scroll-cue i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-style:normal;background:var(--cyan);color:#00110f;box-shadow:0 7px 0 #007b73;transition:transform .3s var(--ease),box-shadow .3s}.flow-scroll-cue:hover i{transform:translateY(4px);box-shadow:0 3px 0 #007b73}
.flow-logo-stage{position:relative;justify-self:end;width:min(39vw,580px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate;transform:translate3d(calc(var(--p)*3vw),calc(var(--p)*4vh),0) scale(calc(1 - var(--p)*.13)) rotate(calc(var(--p)*4deg));opacity:calc(1 - var(--p)*.2);will-change:transform}
.logo-main,.logo-trace{position:absolute;inset:12%;display:grid;place-items:center;will-change:transform}.logo-main{z-index:4;transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0) rotate(var(--logo-r,0deg));transition:transform .35s var(--ease)}.logo-main img,.logo-trace img{width:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.72))}.logo-trace{opacity:.17;mix-blend-mode:screen}.trace-one{transform:translate3d(calc(-20px + var(--p)*-20px),12px,0);animation:v6TraceA 6s ease-in-out infinite}.trace-two{transform:translate3d(calc(22px + var(--p)*26px),-10px,0);animation:v6TraceB 7s ease-in-out infinite}.logo-halo{position:absolute;border:1px solid rgba(21,231,215,.3);border-radius:50%}.halo-one{inset:1%;animation:ringTurn 18s linear infinite}.halo-two{inset:22%;animation:ringTurn 11s linear reverse infinite}.logo-halo:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px var(--cyan);left:20%;top:8%}.logo-coordinates{position:absolute;right:1%;bottom:4%;font-size:8px;letter-spacing:.24em;color:#79827f}
.hero-orbit{position:absolute;border:1px solid rgba(21,231,215,.08);border-radius:50%;pointer-events:none}.orbit-a{width:58vw;height:58vw;right:-24vw;top:-22vw}.orbit-b{width:34vw;height:34vw;right:4vw;bottom:-20vw}.flow-ticker{position:absolute;z-index:4;left:0;right:0;bottom:0;height:54px;display:flex;align-items:center;overflow:hidden;background:var(--cyan);color:#00110f;font-size:17px;font-weight:950;white-space:nowrap}.flow-ticker div{animation:marquee 30s linear infinite}
@keyframes v6TraceA{50%{translate:-12px 7px;rotate:-1deg}}@keyframes v6TraceB{50%{translate:14px -8px;rotate:1deg}}

/* One large statement instead of a dense manifesto */
.flow-statement{position:relative;min-height:100svh;background:#edf0eb;color:#070909;display:flex;align-items:center;padding:13vh 0}.statement-shell{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);column-gap:6vw;row-gap:5vh;align-items:start}.statement-kicker{padding-top:1.2em;color:#007b73;font-size:10px;letter-spacing:.21em}.statement-line{grid-column:2;margin:0;font-size:clamp(54px,7.7vw,126px);font-weight:950;line-height:.88;letter-spacing:-.075em}.statement-line em{display:block;color:var(--cyan-deep);font-style:normal}.statement-foot{grid-column:2;display:flex;gap:10px;flex-wrap:wrap}.statement-foot span{padding:10px 15px;border:1px solid rgba(0,0,0,.22);border-radius:999px;font-size:9px;letter-spacing:.16em;text-transform:uppercase}

/* ClearIPTV reveal */
.clear-signal{height:190svh;background:#050707}.clear-signal-frame{background:radial-gradient(circle at 73% 53%,rgba(21,231,215,.13),transparent 31%),#050707}.clear-signal-glow{position:absolute;width:48vw;height:48vw;border-radius:50%;right:3vw;top:18vh;background:rgba(21,231,215,.11);filter:blur(110px);opacity:calc(.3 + var(--p)*.55)}
.clear-signal-grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(420px,.76fr) minmax(580px,1.24fr);align-items:center;gap:4.5vw;padding-top:calc(var(--header) + 26px);padding-bottom:34px}
.clear-signal-copy{position:relative;z-index:4;transform:translate3d(0,calc((var(--p) - .5)*-3vh),0);will-change:transform}.clear-lockup-v6{margin:22px 0 25px}.clear-signal-copy h2{margin:0 0 26px;font-size:clamp(54px,min(6.7vw,10vh),105px);line-height:.87;letter-spacing:-.072em}.clear-signal-copy h2 span{color:var(--cyan)}.clear-signal-copy>p{max-width:590px;margin:0;color:#adb6b3;font-size:clamp(15px,1.25vw,19px);line-height:1.58}.signal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.signal-tags span{padding:8px 11px;border:1px solid rgba(21,231,215,.33);color:#acb8b5;font-size:8px;letter-spacing:.18em}
.clear-device-stage{position:relative;height:min(72vh,760px);perspective:1400px;transform:translate3d(calc((1 - var(--p))*7vw),0,0) scale(calc(.86 + var(--p)*.14));opacity:calc(.55 + var(--p)*.45);will-change:transform,opacity}.device-tv{position:absolute;left:0;right:3%;top:9%;padding:8px;background:#020303;border:1px solid rgba(21,231,215,.54);box-shadow:0 34px 100px rgba(0,0,0,.72);transform:rotateY(calc(-8deg + var(--p)*8deg)) rotateX(calc(3deg - var(--p)*3deg));transform-origin:center}.device-tv:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 22%,transparent 76%,rgba(21,231,215,.08));pointer-events:none}.device-phone{position:absolute;right:0;bottom:0;height:58%;border:8px solid #050707;border-radius:27px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.64),0 0 45px rgba(21,231,215,.14);transform:translate3d(calc((1 - var(--p))*7vw),calc((1 - var(--p))*7vh),0) rotate(calc(9deg - var(--p)*5deg))}.device-phone img{height:100%;width:auto}.device-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.48}.line-a{left:-8%;right:5%;top:27%}.line-b{left:7%;right:-7%;bottom:18%}.device-caption{position:absolute;left:0;bottom:3%;font-size:8px;letter-spacing:.22em;color:#78827e}

/* Organic rail: desktop vertical scroll drives horizontal motion. */
.product-rail{position:relative;background:#edf0eb;color:#070909;height:500svh}.rail-sticky{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:calc(var(--header) + 18px);display:flex;flex-direction:column}.rail-head{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:16px}.rail-head .scene-no{color:#007b73}.rail-head h2{margin:11px 0 0;font-size:clamp(43px,min(5.5vw,8vh),78px);line-height:.88;letter-spacing:-.07em}.rail-head h2 span{color:var(--cyan-deep)}.rail-controls{display:flex;align-items:center;gap:13px;padding-bottom:5px}.rail-controls button{width:48px;height:48px;border:1px solid rgba(0,0,0,.24);background:transparent;color:#070909;font-size:21px;cursor:pointer;transition:background .25s,color .25s,transform .25s}.rail-controls button:hover{background:#070909;color:#fff;transform:translateY(-2px)}.rail-controls span{font-size:10px;letter-spacing:.16em;min-width:52px;text-align:center}
.rail-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.rail-track{height:100%;display:flex;align-items:center;gap:clamp(24px,3vw,52px);width:max-content;padding:8px var(--pad) 24px;transform:translate3d(var(--rail-x,0px),0,0);will-change:transform;outline:none;cursor:grab}.rail-track.is-dragging{cursor:grabbing}.rail-card{position:relative;flex:0 0 min(78vw,1220px);height:min(61vh,650px);overflow:hidden;display:grid;grid-template-columns:minmax(250px,.42fr) minmax(0,1.58fr);align-items:center;gap:3vw;padding:clamp(26px,3.4vw,52px);background:#070909;color:#f4f7f5;border:1px solid rgba(0,0,0,.2);box-shadow:20px 24px 0 rgba(0,0,0,.11);transform:translate3d(0,calc(var(--card-lift,0)*1px),0) rotate(calc(var(--card-tilt,0)*1deg));transition:box-shadow .35s var(--ease)}.rail-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.065),transparent 18%,transparent 76%,rgba(21,231,215,.06))}.rail-card-copy{position:relative;z-index:2}.rail-card-copy>span{font-size:8px;letter-spacing:.22em;color:var(--cyan)}.rail-card-copy h3{margin:19px 0 20px;font-size:clamp(44px,5vw,82px);line-height:.88;letter-spacing:-.068em}.rail-card-copy p{margin:0;max-width:390px;color:#aab4b0;font-size:15px;line-height:1.55}.rail-card figure{position:relative;z-index:1;margin:0;min-width:0}.rail-card figure>img{width:100%;max-height:52vh;object-fit:contain;filter:drop-shadow(0 22px 38px rgba(0,0,0,.42))}.card-player{background:#021716}.card-resume{background:#f7f8f4;color:#070909;border-color:rgba(0,0,0,.22)}.card-resume .rail-card-copy>span{color:#007b73}.card-resume .rail-card-copy p{color:#4e5955}.card-resume figure>img{filter:drop-shadow(0 20px 34px rgba(0,0,0,.2))}.card-mobile{background:linear-gradient(135deg,#07100f,#071918);grid-template-columns:.52fr 1.48fr}.rail-phones{height:100%;display:flex;justify-content:center;align-items:center;gap:3vw;min-width:0}.rail-phones figure{height:92%;border:7px solid #020303;border-radius:27px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.48);transform:rotate(-4deg)}.rail-phones figure:last-child{transform:rotate(5deg) translateY(2vh)}.rail-phones img{height:100%;width:auto!important;max-height:none!important;object-fit:cover!important;filter:none!important}.rail-progress{height:30px;display:flex;align-items:center;gap:18px;padding-bottom:17px;color:#29322f;font-size:8px;letter-spacing:.2em}.rail-progress>i{position:relative;display:block;height:2px;flex:1;background:rgba(0,0,0,.13);overflow:hidden}.rail-progress b{display:block;width:100%;height:100%;background:#070909;transform:scaleX(var(--rail-progress,0));transform-origin:left center;will-change:transform}

/* Studio / next / end */
.studio-bridge{position:relative;min-height:92svh;background:#050707;display:flex;align-items:center;padding:14vh 0}.studio-bridge-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);gap:10vw;align-items:end}.studio-bridge h2{margin:20px 0 0;font-size:clamp(55px,7.3vw,114px);line-height:.87;letter-spacing:-.075em}.studio-bridge h2 span{color:var(--cyan)}.studio-bridge-copy{padding-bottom:1.3vh}.studio-bridge-copy p{margin:0 0 32px;color:#aab3b0;font-size:17px;line-height:1.65}
.next-signal-v6{height:145svh;background:#080a0a}.next-frame{background:radial-gradient(circle at 75% 50%,rgba(255,255,255,.035),transparent 30%),#080a0a}.next-grid-v6{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.8fr);gap:6vw;align-items:center;padding-top:var(--header)}.next-copy-v6{position:relative;z-index:2;transform:translate3d(0,calc(var(--p)*-3vh),0)}.next-copy-v6 h2{margin:18px 0 22px;font-size:clamp(75px,10.5vw,170px);line-height:.8;letter-spacing:-.09em;color:#d8dcda}.next-copy-v6 p{max-width:560px;margin:0 0 25px;color:#858f8b;font-size:17px;line-height:1.55}.folder-orbit{position:relative;justify-self:end;width:min(42vw,600px);aspect-ratio:1;display:grid;place-items:center;opacity:calc(.5 + var(--p)*.5);transform:translate3d(calc((1 - var(--p))*7vw),0,0) rotate(calc((1 - var(--p))*-6deg))}.folder-ring{position:absolute;border:1px solid rgba(21,231,215,.22);border-radius:50%}.folder-ring.ring-1{inset:3%;animation:ringTurn 22s linear infinite}.folder-ring.ring-2{inset:22%;animation:ringTurn 13s linear reverse infinite}.folder-ring:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);left:19%;top:7%;box-shadow:0 0 20px var(--cyan)}.folder-v6{position:relative;width:62%;height:45%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.62));transform:translateY(4%)}.folder-v6 i,.folder-v6 b{position:absolute;display:block;border:3px solid #88908d;background:#171b1a}.folder-v6 i{width:48%;height:28%;left:4%;top:0;border-bottom:0;border-radius:8px 8px 0 0}.folder-v6 b{inset:20% 0 0;border-radius:8px;overflow:hidden}.folder-v6 b:after{content:"";position:absolute;left:-20%;right:-20%;top:40%;height:3px;background:var(--cyan);box-shadow:0 0 20px var(--cyan);animation:folderScan 2.7s ease-in-out infinite}.folder-orbit em{position:absolute;right:2%;bottom:4%;font-style:normal;font-size:8px;letter-spacing:.22em;color:#69716f}@keyframes folderScan{50%{transform:translateY(42px)}}
.closing-signal{position:relative;min-height:100svh;background:#edf0eb;color:#070909;display:flex;flex-direction:column}.closing-grid{flex:1;display:grid;grid-template-columns:auto 1fr;gap:4vw;align-items:center;padding-top:calc(var(--header) + 45px);padding-bottom:60px}.closing-icon{width:clamp(90px,10vw,155px)}.closing-copy h2{margin:18px 0 36px;font-size:clamp(57px,7.4vw,116px);line-height:.87;letter-spacing:-.075em}.closing-copy h2 span{color:var(--cyan-deep)}.closing-signal .scene-no{color:#007b73}.closing-signal .site-footer{background:#050707;color:#fff}

/* Desktop: subtle depth only while cards are active. */
@media(min-width:821px){.rail-card:nth-child(2n){--card-lift:-7;--card-tilt:.22}.rail-card:nth-child(3n){--card-lift:6;--card-tilt:-.18}}

@media(max-width:1120px){
  .flow-hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.58fr)}.flow-title{font-size:clamp(54px,8vw,89px)}.flow-logo-stage{width:42vw}
  .clear-signal-grid{grid-template-columns:minmax(360px,.82fr) minmax(480px,1.18fr)}.clear-device-stage{height:min(66vh,650px)}
  .rail-card{flex-basis:min(83vw,1050px);grid-template-columns:.5fr 1.5fr}.rail-card-copy h3{font-size:clamp(39px,5vw,68px)}
  .studio-bridge-grid{gap:6vw}.next-grid-v6{grid-template-columns:1fr .72fr}
}

@media(max-width:820px){
  .home-v6 .page-progress{display:none}.flow-section{height:auto}.flow-sticky{position:relative;height:auto;min-height:100svh}.flow-hero{height:auto}.hero-frame{min-height:100svh}.flow-hero-grid{min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--header) + 34px);padding-bottom:84px}.flow-hero-copy{transform:none!important;opacity:1!important}.flow-title{font-size:clamp(46px,13.4vw,69px);margin:20px 0 27px}.flow-title-line{white-space:normal;transform:none!important}.flow-hero-foot{display:block}.flow-hero-foot>p{font-size:14px;max-width:79%;margin-bottom:25px}.flow-scroll-cue span{display:none}.flow-logo-stage{position:absolute;right:-42vw;top:13vh;width:80vw;opacity:.18!important;transform:rotate(8deg)!important}.flow-ticker{height:43px;font-size:14px}.hero-orbit{display:none}
  .flow-statement{min-height:82svh;padding:12vh 0}.statement-shell{grid-template-columns:1fr;row-gap:4vh}.statement-line,.statement-foot{grid-column:1}.statement-line{font-size:clamp(42px,12vw,61px)}.statement-foot{gap:6px}.statement-foot span{padding:8px 10px;font-size:7px}
  .clear-signal{height:auto}.clear-signal-frame{min-height:auto;padding:105px 0 90px}.clear-signal-grid{height:auto;display:block;padding-top:0;padding-bottom:0}.clear-signal-copy{transform:none!important}.clear-lockup-v6{font-size:27px}.clear-lockup-v6 img{width:56px}.clear-signal-copy h2{font-size:clamp(45px,12.5vw,62px)}.clear-signal-copy>p{font-size:15px;max-width:92%}.signal-tags{margin-top:21px}.clear-device-stage{position:relative;height:54vh;margin-top:60px;transform:none!important;opacity:1!important}.device-tv{left:-2%;right:8%;top:0;transform:rotateY(-3deg) rotateX(1deg)!important}.device-phone{height:57%;right:-6%;bottom:-3%;transform:rotate(5deg)!important}.device-caption{bottom:-8%}.clear-signal-glow{width:100vw;height:100vw;right:-30vw;top:44%;filter:blur(80px)}
  .product-rail{height:auto;padding:95px 0 78px}.rail-sticky{position:relative;height:auto;padding-top:0;overflow:visible}.rail-head{align-items:flex-start;padding-bottom:28px}.rail-head h2{font-size:clamp(42px,11.4vw,57px)}.rail-controls{display:none}.rail-viewport{overflow:visible}.rail-track{height:auto;width:auto;display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:10px var(--pad) 25px;transform:none!important;cursor:grab;scrollbar-width:none}.rail-track::-webkit-scrollbar{display:none}.rail-card{flex:0 0 calc(100vw - 48px);height:auto;min-height:72svh;scroll-snap-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:25px;padding:27px 23px;box-shadow:10px 12px 0 rgba(0,0,0,.11);transform:none!important}.rail-card-copy h3{font-size:clamp(38px,11vw,54px);margin:15px 0}.rail-card-copy p{font-size:14px}.rail-card figure>img{max-height:39vh}.card-mobile{display:flex}.rail-phones{height:44vh;gap:10px}.rail-phones figure{height:92%;border-width:5px;border-radius:20px}.rail-progress{padding-top:13px;padding-bottom:0}.rail-progress span{font-size:7px}
  .studio-bridge{min-height:auto;padding:105px 0}.studio-bridge-grid{grid-template-columns:1fr;gap:48px}.studio-bridge h2{font-size:clamp(46px,12vw,63px)}.studio-bridge-copy p{font-size:15px}.next-signal-v6{height:auto}.next-frame{min-height:92svh}.next-grid-v6{min-height:92svh;grid-template-columns:1fr;padding-top:calc(var(--header) + 45px);padding-bottom:50px}.next-copy-v6{z-index:2;transform:none!important}.next-copy-v6 h2{font-size:20vw}.next-copy-v6 p{font-size:15px;max-width:74%}.folder-orbit{position:absolute;right:-35vw;bottom:3vh;width:100vw;opacity:.32!important;transform:rotate(-7deg)!important}.closing-grid{grid-template-columns:1fr;gap:25px;padding-top:120px;padding-bottom:75px}.closing-icon{width:80px}.closing-copy h2{font-size:clamp(47px,12.4vw,64px)}.closing-copy .primary-button{font-size:14px;padding:20px 22px}
}

@media(max-height:760px) and (min-width:821px){
  .flow-title{font-size:clamp(52px,6.2vw,88px)}.flow-hero-foot>p{font-size:15px}.flow-logo-stage{width:min(35vw,460px)}
  .clear-signal-copy h2{font-size:clamp(47px,5.6vw,80px)}.clear-lockup-v6{margin:12px 0 18px}.clear-device-stage{height:64vh}.rail-head h2{font-size:clamp(40px,4.6vw,61px)}.rail-card{height:57vh}.rail-card-copy h3{font-size:clamp(38px,4.3vw,61px)}.next-copy-v6 h2{font-size:clamp(74px,9vw,130px)}
}

@media(prefers-reduced-motion:reduce){
  .flow-hero-copy,.flow-logo-stage,.clear-signal-copy,.clear-device-stage,.next-copy-v6,.folder-orbit{transform:none!important;opacity:1!important}.rail-track{transform:none!important}.product-rail{height:auto!important;padding:90px 0}.rail-sticky{position:relative;height:auto}.rail-viewport{overflow-x:auto}.rail-track{overflow-x:auto;width:max-content}.flow-section{height:auto}.flow-sticky{position:relative}.logo-main{transform:none!important}
}

/* V6 refinement: keep editorial text readable beside the product image. */
@media(min-width:821px){
  .rail-card{grid-template-columns:minmax(350px,.62fr) minmax(0,1.38fr)}
  .rail-card-copy h3{font-size:clamp(40px,4.2vw,68px)}
  .card-mobile{grid-template-columns:minmax(350px,.62fr) minmax(0,1.38fr)}
}
@media(max-width:1120px) and (min-width:821px){
  .rail-card,.card-mobile{grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr)}
  .rail-card-copy h3{font-size:clamp(38px,4.4vw,60px)}
}
@media(max-height:760px) and (min-width:821px){
  .clear-signal-grid{padding-top:calc(var(--header) + 8px);padding-bottom:12px}
  .clear-lockup-v6{font-size:30px;margin:8px 0 12px}.clear-lockup-v6 img{width:54px}
  .clear-signal-copy h2{font-size:clamp(42px,5vw,70px);margin-bottom:14px}
  .clear-signal-copy>p{font-size:14px;line-height:1.42;max-width:540px}
  .signal-tags{margin-top:13px}.signal-tags span{padding:6px 9px}
  .clear-signal .button-row{margin-top:18px;gap:22px}.clear-signal .primary-button{padding:14px 18px;box-shadow:6px 7px 0 #007c74}
}


/* ==========================================================================\n   V7 FINAL CONSOLIDATION — interaction, legibility, accessibility, stability\n   ========================================================================== */
html{scroll-padding-top:calc(var(--header) + 18px)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden;touch-action:none}
.skip-link{position:fixed;z-index:2000;left:16px;top:12px;padding:12px 16px;background:var(--cyan);color:#00110f;font-weight:900;transform:translateY(-160%);transition:transform .25s var(--ease);box-shadow:5px 5px 0 #006e68}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-header a[aria-current="page"]:not(.play-link){color:var(--cyan)}
.menu-panel[aria-hidden="true"]{visibility:hidden;transition:clip-path .65s var(--ease),visibility 0s linear .65s}
.menu-panel[aria-hidden="false"]{visibility:visible;transition:clip-path .65s var(--ease),visibility 0s}
.menu-button,.rail-controls button,.showcase-nav button{touch-action:manipulation}
.primary-button,.play-link,.flow-scroll-cue i{isolation:isolate}
.primary-button:active,.play-link:active,.flow-scroll-cue:active i{transform:translateY(5px)}

/* The hero keeps its scale but breathes more; decorative layers remain contained. */
.flow-hero-copy{max-width:930px}
.flow-logo-stage{contain:layout paint;filter:saturate(.9)}
.logo-main img{filter:drop-shadow(0 28px 58px rgba(0,0,0,.78)) contrast(1.03)}
.flow-ticker{mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}

/* Product imagery is brighter and visually separated without adding more copy. */
.clear-device-stage{contain:layout paint}
.device-tv img,.device-phone img,.rail-card img{filter:brightness(1.07) contrast(1.035) saturate(1.02)}
.device-tv{box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 0 1px rgba(21,231,215,.08),0 0 70px rgba(21,231,215,.08)}

/* Rail focus follows the organic spring position. */
.rail-card{--active:0;opacity:calc(.68 + var(--active)*.32);scale:calc(.97 + var(--active)*.03);filter:saturate(calc(.78 + var(--active)*.22));transform-origin:center;transition:opacity .28s linear,filter .28s linear,box-shadow .35s var(--ease)}
.rail-card[aria-current="true"]{box-shadow:20px 24px 0 rgba(0,0,0,.11),0 0 0 1px rgba(0,142,133,.18)}
.rail-track{user-select:none;-webkit-user-select:none;touch-action:pan-y}
.rail-track.is-dragging{cursor:grabbing}
.rail-progress i{overflow:hidden}

/* Internal pages become quieter and more stable during image loading. */
.inner-main section:not(.clear-gallery),.legal-content section{content-visibility:auto;contain-intrinsic-block-size:800px}
.clear-hero,.inner-hero,.clear-gallery{content-visibility:visible}
.legal-nav{top:calc(var(--header) + 22px)}
.legal-content section{scroll-margin-top:calc(var(--header) + 24px)}
.source-note{font-size:12px;color:#87908d}

@media(max-width:820px){
  .flow-hero-grid{align-items:flex-start;padding-top:calc(var(--header) + 17vh);padding-bottom:94px}
  .flow-logo-stage{right:-20vw;top:10vh;width:63vw;opacity:.105!important;transform:rotate(6deg)!important}
  .flow-hero-foot>p{max-width:86%}
  .flow-scroll-cue{width:max-content;gap:10px}
  .flow-scroll-cue span{display:inline;font-size:8px;letter-spacing:.14em}
  .flow-scroll-cue i{width:50px;height:50px}
  .flow-ticker{height:40px;font-size:13px}
  .statement-shell{row-gap:3.2vh}
  .statement-line{line-height:.9}
  .clear-signal-frame{padding-bottom:78px}
  .clear-device-stage{height:min(52vh,500px);margin-top:48px}
  .device-tv{left:0;right:4%}.device-phone{right:-2%;height:55%}
  .device-caption{bottom:-7%;font-size:6px}
  .rail-track{scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);touch-action:pan-x pan-y}
  .rail-card{flex-basis:calc(100vw - 54px);min-height:min(68svh,620px);opacity:1;scale:1;filter:none;padding:25px 22px}
  .rail-card figure>img{max-height:37vh}
  .rail-phones{height:41vh}
  .studio-bridge{padding:90px 0}
  .next-copy-v6 p{max-width:82%}
  .menu-inner a{padding:15px 0}
}

@media(max-width:380px){
  .flow-title{font-size:clamp(42px,13vw,56px)}
  .statement-line{font-size:clamp(38px,11.3vw,50px)}
  .clear-signal-copy h2{font-size:clamp(41px,11.8vw,54px)}
  .rail-card-copy h3{font-size:clamp(35px,10.4vw,47px)}
}

@media(min-width:821px) and (max-height:720px){
  .flow-hero-grid{padding-top:calc(var(--header) + 10px);padding-bottom:62px}
  .flow-title{margin-bottom:24px}
  .flow-logo-stage{width:min(32vw,430px)}
  .flow-ticker{height:46px;font-size:15px}
  .rail-sticky{padding-top:calc(var(--header) + 10px)}
  .rail-head{padding-bottom:8px}
  .rail-card{height:56vh}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .loader,.reveal,.site-header,.menu-panel,.primary-button,.play-link,.flow-scroll-cue i{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .flow-ticker div,.logo-trace,.logo-halo,.folder-ring,.folder-v6 b:after{animation:none!important}
  .rail-card{opacity:1;scale:1;filter:none}
}
/* Explicit dimensions reserve layout space; CSS keeps intrinsic aspect ratios. */
img{height:auto}
@media(max-width:820px){.privacy-hero h1{font-size:clamp(36px,9.8vw,44px);letter-spacing:-.065em}}

/* =========================================================
   INS PROD V9 — refined header, multilingual UI and ClearIPTV
   ========================================================= */
:root{--header-v9-bg:rgba(5,7,7,.68);--header-v9-border:rgba(255,255,255,.1)}
.header-v9{display:block!important;padding:0!important;background:transparent!important;border:0!important;height:86px}
.header-v9.is-compact{transform:translateY(-12px)}
.header-v9-inner{width:min(1540px,calc(100% - 34px));height:64px;margin:11px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:0 10px 0 12px;border:1px solid var(--header-v9-border);border-radius:22px;background:var(--header-v9-bg);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 18px 60px rgba(0,0,0,.22);transition:background .3s,border-color .3s,box-shadow .3s}
.header-v9:hover .header-v9-inner{background:rgba(5,7,7,.82);border-color:rgba(255,255,255,.16)}
.brand-v9{gap:10px;font-size:12px;letter-spacing:.16em}.brand-v9 .brand-mark{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.035)}
.brand-name{display:flex;flex-direction:column;gap:4px}.brand-name small{font-size:7px;letter-spacing:.22em;color:#7e8885;font-weight:700}
.nav-v9{justify-self:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.nav-v9 a{min-width:92px;padding:11px 17px;border-radius:999px;text-align:center;font-size:12px;color:#b4bcba;transition:background .25s,color .25s,transform .25s}
.nav-v9 a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-v9 a[aria-current=page]{color:#00110f;background:var(--cyan);box-shadow:0 5px 0 #00776f}
.header-v9-tools{justify-self:end;display:flex;align-items:center;gap:8px}
.language-switcher{position:relative}.language-switcher summary{list-style:none;height:44px;min-width:87px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);cursor:pointer;user-select:none;transition:background .25s,border-color .25s,transform .25s}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}.language-switcher[open] summary{background:var(--cyan);color:#00110f;border-color:transparent;transform:translateY(2px)}
.language-switcher summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.language-switcher summary strong{font-size:11px;letter-spacing:.14em}.language-switcher summary i{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}.language-switcher[open] summary i{transform:rotate(225deg) translate(-1px,-1px)}
.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:225px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(7,10,10,.96);backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(0,0,0,.52);display:grid;gap:3px;z-index:120}.language-menu button{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:#c5ccca;text-align:left;cursor:pointer;transition:background .2s,color .2s}.language-menu button:hover{background:rgba(255,255,255,.07);color:#fff}.language-menu button.is-active{background:rgba(21,231,215,.13);color:var(--cyan)}.language-menu b{font-size:9px;letter-spacing:.16em}.language-menu span{font-size:13px}
.header-v9 .menu-button{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.04)}
.menu-panel-v9{padding-top:90px}.menu-panel-v9 .menu-inner{width:min(860px,86vw)}.menu-lang-note{position:absolute;right:var(--pad);bottom:32px;display:flex;align-items:center;gap:12px;color:#7f8986;font-size:8px;letter-spacing:.2em}.menu-lang-note b{color:var(--cyan);font-size:13px}

/* Language / RTL */
html[dir=rtl] body{font-family:Arial,"Noto Sans Arabic",sans-serif}.language-menu{direction:ltr}.language-menu button{direction:ltr}
html[dir=rtl] .eyebrow,html[dir=rtl] .scene-no{letter-spacing:.04em}
html[dir=rtl] .flow-title,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:-.035em}
html[dir=rtl] .v9-gallery-track,html[dir=rtl] .rail-track{direction:ltr}
html[dir=rtl] .v9-gallery-copy,html[dir=rtl] .rail-card-copy{direction:rtl;text-align:right}
html[dir=rtl] .language-menu{right:auto;left:0}

/* Studio simplification */
.studio-hero+.content-section .editorial-grid h2 span{color:var(--cyan)}

/* New ClearIPTV experience */
.clear-v9 .inner-main section{content-visibility:visible!important;contain-intrinsic-size:auto!important}
.v9-clear-hero{position:relative;min-height:100svh;overflow:hidden;background:#050707}
.v9-clear-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(21,231,215,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(21,231,215,.055) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.6) 65%,transparent 100%);opacity:.42}
.v9-clear-aura{position:absolute;width:65vw;height:65vw;right:-18vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(21,231,215,.18),rgba(21,231,215,.025) 45%,transparent 68%);filter:blur(22px)}
.v9-clear-hero-inner{position:relative;z-index:2;min-height:100svh;padding-top:calc(var(--header) + 44px);padding-bottom:92px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);gap:4vw;align-items:center}
.v9-clear-hero-copy{max-width:850px}.v9-clear-hero h1{font-size:clamp(62px,min(8.2vw,12.5vh),136px);line-height:.82;letter-spacing:-.082em;margin:25px 0 28px}.v9-clear-hero h1 span{color:var(--cyan)}.v9-clear-hero-copy>p{max-width:720px;font-size:18px;line-height:1.6;color:#b2bcba}
.v9-clear-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:33px}.v9-outline-button{min-height:58px;padding:0 25px;display:inline-flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.16);border-radius:2px;background:rgba(255,255,255,.025);font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:background .25s,border-color .25s,transform .25s}.v9-outline-button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);transform:translateY(-3px)}
.v9-clear-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.v9-clear-badges span{padding:9px 11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);font-size:8px;letter-spacing:.16em;color:#9fa9a6}
.v9-clear-stage{--stage-x:0deg;--stage-y:0deg;position:relative;height:min(76vh,760px);perspective:1200px;transform-style:preserve-3d}.v9-clear-stage:before{content:"";position:absolute;inset:12% 5% 10% 8%;border:1px solid rgba(21,231,215,.24);border-radius:50%;transform:rotateX(70deg) rotateZ(-8deg);box-shadow:0 0 100px rgba(21,231,215,.08)}
.v9-orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;pointer-events:none}.orbit-one{inset:5% 9%;transform:rotateY(72deg) rotateZ(16deg);animation:v9Orbit 18s linear infinite}.orbit-two{inset:20% 20%;border-color:rgba(21,231,215,.22);transform:rotateX(69deg) rotateZ(-24deg);animation:v9OrbitB 14s linear infinite}
.v9-tv-card,.v9-phone-card,.v9-ghost-card{position:absolute;margin:0;overflow:hidden;background:#07100f;box-shadow:0 30px 90px rgba(0,0,0,.7);transition:transform .24s ease-out}.v9-tv-card{left:0;right:3%;top:12%;z-index:3;border:1px solid rgba(21,231,215,.28);transform:rotateX(var(--stage-y)) rotateY(var(--stage-x)) rotate(-2deg)}.v9-tv-card img,.v9-ghost-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.v9-phone-card{z-index:5;right:-1%;bottom:3%;height:55%;border:8px solid #050707;border-radius:28px;transform:rotateX(var(--stage-y)) rotateY(var(--stage-x)) rotate(7deg) translateZ(60px)}.v9-phone-card img{height:100%;width:auto}.v9-ghost-card{z-index:1;left:16%;right:-8%;top:25%;opacity:.18;filter:blur(1px) saturate(.5);transform:translateZ(-90px) rotate(7deg)}
.v9-stage-label{position:absolute;z-index:7;padding:11px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(5,7,7,.76);backdrop-filter:blur(15px);font-size:7px;letter-spacing:.22em}.label-a{left:-2%;bottom:18%}.label-b{right:22%;top:6%;color:var(--cyan)}.v9-scanline{position:absolute;z-index:8;left:2%;right:5%;top:9%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);filter:drop-shadow(0 0 12px var(--cyan));animation:v9Scan 4.8s ease-in-out infinite}
.v9-clear-ticker{position:absolute;left:0;right:0;bottom:0;height:50px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(21,231,215,.18);background:var(--cyan);color:#00110f;font-size:16px;font-weight:950;letter-spacing:.04em;white-space:nowrap}.v9-clear-ticker div{width:max-content;animation:marquee 28s linear infinite}
@keyframes v9Orbit{to{transform:rotateY(72deg) rotateZ(376deg)}}@keyframes v9OrbitB{to{transform:rotateX(69deg) rotateZ(-384deg)}}@keyframes v9Scan{0%,100%{transform:translateY(0);opacity:0}15%{opacity:1}65%{transform:translateY(510px);opacity:.8}80%{opacity:0}}

.v9-clear-intro{padding-top:135px;padding-bottom:130px}.v9-editorial-split{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start;margin-top:42px}.v9-editorial-split h2{font-size:clamp(54px,7vw,112px);line-height:.86;letter-spacing:-.07em;margin:0}.v9-editorial-split h2 span{color:var(--cyan)}.v9-editorial-copy{padding-top:10px}.v9-editorial-copy p{font-size:18px;line-height:1.65;color:#aeb6b3;margin:0 0 22px}
.v9-platform-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:18px;margin-top:82px}.v9-platform-card{min-width:0;padding:28px;border:1px solid var(--line);background:#090c0c;overflow:hidden;display:flex;flex-direction:column;min-height:560px;transition:transform .45s var(--ease),border-color .3s,box-shadow .45s}.v9-platform-card:hover{transform:translateY(-8px);border-color:rgba(21,231,215,.35);box-shadow:0 35px 85px rgba(0,0,0,.38)}.v9-platform-card>span{font-size:8px;letter-spacing:.18em;color:var(--cyan)}.v9-platform-card h3{font-size:clamp(30px,3vw,54px);line-height:.92;letter-spacing:-.055em;margin:20px 0 14px}.v9-platform-card p{color:#9fa8a5;line-height:1.55;margin:0 0 28px}.v9-platform-card figure{margin:auto -6px -7px;overflow:hidden}.v9-platform-card figure img{display:block;width:100%;box-shadow:14px 16px 0 rgba(21,231,215,.08)}.v9-platform-mobile figure{height:300px;display:flex;justify-content:center}.v9-platform-mobile figure img{height:100%;width:auto;border:6px solid #050707;border-radius:20px;box-shadow:10px 12px 0 rgba(21,231,215,.08)}

.v9-source-section{padding:130px 0}.v9-source-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-top:40px}.v9-source-head h2{font-size:clamp(52px,6.6vw,105px);line-height:.86;letter-spacing:-.07em;margin:0}.v9-source-head h2 span{color:#007c74}.v9-source-head>p{font-size:18px;line-height:1.6;color:#4d5754;margin:0}.v9-source-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18)}.v9-source-card{position:relative;padding:34px 30px 42px;border-right:1px solid rgba(0,0,0,.18);min-height:390px}.v9-source-card:last-child{border-right:0}.v9-source-card b{position:absolute;right:20px;top:20px;font-size:76px;line-height:1;color:rgba(0,0,0,.055)}.v9-source-card>span{font-size:8px;letter-spacing:.2em;color:#007c74;font-weight:800}.v9-source-card h3{font-size:clamp(31px,3vw,49px);line-height:.95;letter-spacing:-.055em;margin:60px 0 22px}.v9-source-card p{color:#4d5754;line-height:1.6;margin:0}

.v9-gallery-section{padding:115px 0 50px;background:#050707;overflow:hidden}.v9-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.v9-gallery-head h2{font-size:clamp(56px,7.5vw,120px);line-height:.82;letter-spacing:-.08em;margin:20px 0 0}.v9-gallery-head h2 span{color:var(--cyan)}.v9-gallery-controls{display:flex;align-items:center;gap:14px;padding-bottom:8px}.v9-gallery-controls button{width:54px;height:54px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);color:#fff;font-size:22px;cursor:pointer;transition:background .25s,color .25s,transform .25s}.v9-gallery-controls button:hover{background:var(--cyan);color:#00110f;transform:translateY(-3px)}.v9-gallery-controls span{font-size:10px;letter-spacing:.16em;min-width:62px;text-align:center}
.v9-gallery-viewport{margin-top:38px;overflow:hidden}.v9-gallery-track{display:flex;gap:24px;padding:8px var(--pad) 30px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.v9-gallery-track::-webkit-scrollbar{display:none}.v9-gallery-card{flex:0 0 min(82vw,1180px);scroll-snap-align:center;display:grid;grid-template-columns:minmax(280px,.42fr) minmax(500px,1.58fr);gap:4vw;align-items:center;min-height:620px;padding:42px;background:#ecefea;color:#070909;opacity:.5;scale:.94;transition:opacity .4s,scale .4s var(--ease),box-shadow .4s}.v9-gallery-card.is-active{opacity:1;scale:1;box-shadow:0 34px 90px rgba(0,0,0,.35)}.v9-gallery-copy span{font-size:8px;letter-spacing:.2em;color:#007c74}.v9-gallery-copy h3{font-size:clamp(40px,5vw,78px);line-height:.9;letter-spacing:-.065em;margin:22px 0}.v9-gallery-copy p{font-size:16px;line-height:1.55;color:#4f5955}.v9-gallery-card figure{margin:0;min-width:0}.v9-gallery-card figure img{display:block;width:100%;box-shadow:18px 22px 0 rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.16)}.v9-gallery-phone{grid-template-columns:1fr .65fr}.v9-gallery-phone figure{height:520px;display:flex;justify-content:center}.v9-gallery-phone figure img{height:100%;width:auto;border:8px solid #080a0a;border-radius:28px;box-shadow:14px 18px 0 rgba(0,0,0,.14)}.v9-gallery-progress{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:18px}.v9-gallery-progress i{height:2px;flex:1;background:rgba(255,255,255,.12);overflow:hidden}.v9-gallery-progress i b{display:block;width:100%;height:100%;background:var(--cyan);transform-origin:left;transform:scaleX(0);transition:transform .18s linear}.v9-gallery-progress span{font-size:8px;letter-spacing:.14em;color:#7f8986;text-transform:uppercase}

.v9-features-section{padding-top:135px}.v9-feature-intro{margin-bottom:55px}.v9-disclaimer{min-height:82svh;padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:.34fr 1fr;gap:6vw;align-items:center;border-top:1px solid var(--line)}.v9-disclaimer-mark{font-size:clamp(180px,25vw,390px);line-height:.7;font-weight:950;color:transparent;-webkit-text-stroke:1px rgba(21,231,215,.38);text-align:center}.v9-disclaimer h2{font-size:clamp(53px,7vw,108px);line-height:.85;letter-spacing:-.07em;margin:24px 0}.v9-disclaimer h2 span{color:var(--cyan)}.v9-disclaimer p{max-width:820px;font-size:18px;line-height:1.65;color:#abb4b1}.v9-developed{color:#fff!important;font-weight:800}.v9-clear-final{position:relative}.v9-clear-final:before{content:"";position:absolute;right:-12vw;top:10%;width:50vw;height:50vw;border-radius:50%;border:1px solid rgba(21,231,215,.17);box-shadow:0 0 0 45px rgba(21,231,215,.018),0 0 0 90px rgba(255,255,255,.012);pointer-events:none}

@media(max-width:1180px){
  .header-v9-inner{grid-template-columns:1fr auto}.nav-v9{display:none}.header-v9 .menu-button{display:flex}
  .v9-clear-hero-inner{grid-template-columns:1fr}.v9-clear-hero-copy{padding-top:8vh}.v9-clear-stage{height:min(72vh,660px);width:min(860px,100%);margin:-10px auto 0}
  .v9-platform-grid{grid-template-columns:1fr 1fr}.v9-platform-card:first-child{grid-column:1/-1}.v9-platform-card{min-height:500px}
  .v9-source-head{grid-template-columns:1fr}.v9-source-grid{grid-template-columns:1fr}.v9-source-card{min-height:auto;border-right:0;border-bottom:1px solid rgba(0,0,0,.18)}.v9-source-card:last-child{border-bottom:0}
  .v9-gallery-card{flex-basis:min(88vw,1000px);grid-template-columns:.5fr 1.5fr}
}
@media(max-width:820px){
  .header-v9{height:72px}.header-v9-inner{width:calc(100% - 18px);height:56px;margin:8px auto;border-radius:18px;padding-left:8px}.brand-v9 .brand-mark{width:38px;height:38px}.brand-name{font-size:10px}.brand-name small{display:none}.language-switcher summary{height:40px;min-width:72px;padding:0 10px}.header-v9 .menu-button{width:40px;height:40px}.language-menu{position:fixed;right:9px;left:9px!important;top:72px;width:auto;grid-template-columns:1fr 1fr;padding:10px}.language-menu button{min-height:46px}.menu-panel-v9{padding-top:80px}.menu-lang-note{bottom:20px}
  .v9-clear-hero-inner{padding-top:calc(var(--header) + 42px);padding-bottom:80px}.v9-clear-hero-copy{padding-top:3vh}.v9-clear-hero h1{font-size:clamp(50px,13.5vw,76px);margin:20px 0}.v9-clear-hero-copy>p{font-size:15px}.v9-clear-actions{align-items:stretch}.v9-clear-actions a{width:100%;justify-content:space-between}.v9-clear-stage{height:52vh;min-height:430px;margin-top:35px}.v9-tv-card{top:10%;right:2%}.v9-phone-card{height:54%;right:1%;border-width:6px}.v9-ghost-card{display:none}.label-a{left:0;bottom:9%}.label-b{right:5%;top:1%}.v9-scanline{display:none}.v9-clear-ticker{height:44px;font-size:13px}
  .v9-clear-intro{padding-top:100px;padding-bottom:95px}.v9-editorial-split{grid-template-columns:1fr;gap:35px}.v9-editorial-split h2{font-size:clamp(46px,12.5vw,65px)}.v9-editorial-copy p{font-size:15px}.v9-platform-grid{grid-template-columns:1fr;margin-top:55px}.v9-platform-card:first-child{grid-column:auto}.v9-platform-card{min-height:auto;padding:24px}.v9-platform-card figure{margin-top:20px}.v9-platform-mobile figure{height:360px}
  .v9-source-section{padding:95px 0}.v9-source-head h2{font-size:clamp(45px,12vw,64px)}.v9-source-head>p{font-size:15px}.v9-source-grid{margin-top:45px}.v9-source-card{padding:30px 20px 34px}.v9-source-card h3{margin-top:42px;font-size:clamp(32px,9vw,46px)}
  .v9-gallery-section{padding-top:90px}.v9-gallery-head{align-items:flex-start}.v9-gallery-head h2{font-size:clamp(48px,13vw,66px)}.v9-gallery-controls{display:none}.v9-gallery-track{gap:16px;padding:8px 20px 25px;scroll-padding-inline:20px}.v9-gallery-card{flex-basis:calc(100vw - 42px);min-height:72svh;padding:27px 22px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:30px;opacity:1;scale:1}.v9-gallery-copy h3{font-size:clamp(38px,10.5vw,54px)}.v9-gallery-copy p{font-size:14px}.v9-gallery-card figure img{box-shadow:10px 12px 0 rgba(0,0,0,.13)}.v9-gallery-phone figure{height:43vh}.v9-gallery-progress{padding:15px 20px 0;flex-direction:column;align-items:stretch;gap:13px}.v9-gallery-progress span{line-height:1.5}
  .v9-disclaimer{grid-template-columns:1fr;min-height:auto;padding-top:90px;padding-bottom:90px}.v9-disclaimer-mark{text-align:left;font-size:170px}.v9-disclaimer h2{font-size:clamp(48px,12vw,64px)}.v9-disclaimer p{font-size:15px}.v9-clear-final:before{right:-40vw;width:100vw;height:100vw}
}
@media(max-width:430px){
  .header-v9-tools{gap:5px}.language-switcher summary svg{display:none}.language-switcher summary{min-width:57px}.brand-name small{display:none}
  .v9-clear-stage{height:430px}.v9-phone-card{height:52%;right:-2%}.v9-stage-label{font-size:6px;padding:8px 9px}.v9-clear-badges span{font-size:7px}
  .v9-platform-mobile figure{height:310px}.v9-gallery-card{flex-basis:calc(100vw - 30px);padding:24px 18px}.v9-gallery-track{padding-left:15px;padding-right:15px;scroll-padding-inline:15px}.v9-gallery-phone figure{height:40vh}
}
@media(prefers-reduced-motion:reduce){.orbit-one,.orbit-two,.v9-scanline,.v9-clear-ticker div{animation:none!important}.v9-clear-stage{transform:none!important}.v9-gallery-card{opacity:1;scale:1}}

/* V9 final polish */
html,body{max-width:100%;overflow-x:clip}
header.site-header .nav-v9 a[aria-current="page"]{color:#00110f;background:var(--cyan);box-shadow:0 5px 0 #00776f}
.v9-gallery-section,.v9-gallery-viewport{max-width:100%;overflow-x:clip}
.v9-gallery-controls button:disabled{opacity:.3;cursor:not-allowed;transform:none!important;background:rgba(255,255,255,.02)!important;color:#fff!important}

/* --- V9.2 mobile consolidation fixes --- */
@media (max-width: 820px) {
  html, body { overflow-x: hidden; }

  .scene-no,
  .eyebrow,
  .brand-name,
  .brand-name small,
  .flow-title,
  .statement-line,
  .clear-signal-copy h2,
  .rail-head h2,
  .rail-card-copy h3,
  .studio-bridge h2,
  .next-copy-v6 h2,
  .closing-copy h2,
  .v9-clear-hero h1,
  .v9-editorial-split h2,
  .v9-source-head h2,
  .v9-gallery-head h2,
  .v9-gallery-copy h3,
  .v9-disclaimer h2,
  .content-section h2,
  .inner-hero h1 {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }

  .inner-hero,
  .flow-section,
  .clear-signal,
  .v9-clear-hero,
  .v9-gallery-section,
  .closing-signal { overflow: clip; }

  .flow-hero-grid { padding-top: calc(var(--header) + 10vh); padding-bottom: 86px; }

  .flow-hero-foot > p,
  .clear-signal-copy > p,
  .studio-bridge-copy p,
  .next-copy-v6 p,
  .v9-clear-hero-copy > p,
  .v9-disclaimer p,
  .editorial-copy p,
  .rail-card-copy p,
  .v9-gallery-copy p { max-width: 100%; }

  .flow-logo-stage { right: -28vw; top: 15vh; width: 72vw; opacity: .09 !important; }
  .studio-map { display: none; }

  .clear-device-stage { height: auto; min-height: 0; margin-top: 30px; }
  .device-tv { position: relative; inset: auto; width: 100%; }
  .device-phone { right: 1%; bottom: -2%; height: 44%; }
  .device-caption,
  .logo-coordinates,
  .label-a,
  .label-b,
  .folder-orbit em { display: none !important; }

  .next-grid-v6 { min-height: auto; padding-bottom: 72px; }
  .next-copy-v6 h2 { font-size: clamp(56px, 18vw, 92px); line-height: .86; max-width: 88vw; }
  .folder-orbit { right: -36vw; bottom: -2vh; opacity: .2 !important; }
  .closing-grid { padding-top: 104px; }

  .closing-copy .primary-button,
  .v9-clear-actions .primary-button,
  .v9-clear-actions .v9-outline-button,
  .v9-clear-final .primary-button { width: 100%; justify-content: space-between; }

  /* Home page product rail: stacked mobile cards instead of long swipe section. */
  .product-rail { padding: 84px 0 72px !important; }
  .rail-head { display: block; padding-bottom: 26px; }
  .rail-controls, .rail-progress { display: none; }
  .rail-viewport { overflow: visible; }
  .rail-track {
    display: grid;
    grid-auto-flow: row;
    gap: 18px;
    width: 100%;
    padding: 0 var(--pad) 12px;
    overflow: visible;
    scroll-snap-type: none;
    transform: none !important;
    touch-action: auto;
  }
  .rail-card {
    flex: none;
    width: auto;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 22px 18px;
    transform: none !important;
    box-shadow: 10px 12px 0 rgba(0, 0, 0, .11);
  }
  .rail-card figure, .rail-card .rail-phones { min-width: 0; }
  .rail-card figure > img { display: block; width: 100%; max-height: none; }
  .rail-card-copy h3 { margin: 12px 0 12px; font-size: clamp(32px, 10vw, 46px); }
  .rail-card-copy p { display: block; font-size: 14px; line-height: 1.55; }
  .rail-phones {
    height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
  }
  .rail-phones figure { height: auto; max-width: calc(50% - 5px); flex: 1 1 150px; }
  .rail-phones img { width: 100%; height: auto; }

  /* ClearIPTV hero and gallery: simplify on mobile, no giant swipe behavior. */
  .v9-clear-hero-inner { padding-bottom: 70px; }
  .v9-clear-stage { height: auto; min-height: 0; margin-top: 28px; padding-bottom: 10px; }
  .v9-tv-card { position: relative; top: auto; right: auto; width: 100%; }
  .v9-phone-card { right: 0; bottom: -1%; height: 45%; }
  .v9-platform-card { min-height: 0; }
  .v9-platform-mobile figure { height: auto; max-height: 420px; }
  .v9-platform-mobile figure img { width: auto; max-width: 100%; max-height: 100%; }

  .v9-gallery-section { padding-top: 78px; padding-bottom: 70px; }
  .v9-gallery-head { display: block; padding: 0 20px; }
  .v9-gallery-controls, .v9-gallery-progress { display: none; }
  .v9-gallery-viewport { margin-top: 28px; overflow: visible; }
  .v9-gallery-track {
    display: grid;
    grid-auto-flow: row;
    gap: 18px;
    padding: 0 20px;
    overflow: visible;
    scroll-snap-type: none;
    touch-action: auto;
  }
  .v9-gallery-card {
    flex: none;
    width: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 18px;
    padding: 22px 18px;
    opacity: 1 !important;
    scale: 1 !important;
    box-shadow: 10px 12px 0 rgba(0, 0, 0, .13);
  }
  .v9-gallery-copy h3 { margin: 12px 0; font-size: clamp(32px, 10vw, 46px); }
  .v9-gallery-copy p { font-size: 14px; line-height: 1.55; }
  .v9-gallery-card figure { display: block; }
  .v9-gallery-card figure img { display: block; width: 100%; max-height: none; object-fit: contain; }
  .v9-gallery-phone { grid-template-columns: 1fr; }
  .v9-gallery-phone figure { height: auto; justify-content: center; }
  .v9-gallery-phone figure img { width: min(72vw, 340px); max-width: 100%; height: auto; margin: 0 auto; }

  .v9-feature-intro { margin-bottom: 36px; }
  .v9-disclaimer { gap: 28px; }
  .v9-disclaimer-mark { font-size: 140px; line-height: .82; }

  .inner-final, .v9-clear-final { min-height: auto; padding-top: 84px; padding-bottom: 84px; }
  .v9-clear-final .end-icon { width: 82px; margin-bottom: 18px; }
}

@media (max-width: 430px) {
  .flow-title { font-size: clamp(42px, 12.7vw, 58px); }

  .flow-title-line,
  .statement-line,
  .v9-clear-hero h1,
  .v9-gallery-head h2,
  .v9-source-head h2,
  .content-section h2,
  .v9-disclaimer h2,
  .closing-copy h2 { letter-spacing: -0.055em; }

  .header-v9-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  .brand-v9 { min-width: 0; }
  .brand-name { min-width: 0; letter-spacing: .18em; }
  .language-switcher summary { min-width: 55px; padding-inline: 10px; }

  .v9-clear-badges { gap: 8px; }
  .v9-clear-badges span,
  .signal-tags span,
  .statement-foot span { font-size: 7px; }

  .rail-card,
  .v9-gallery-card { padding: 20px 16px; }

  .next-copy-v6 h2 { font-size: clamp(52px, 17vw, 72px); }
  .rail-phones figure { max-width: 100%; flex-basis: 100%; }
}


/* --- V9.2.1 mobile home logo visibility fix --- */
@media (max-width: 820px) {
  .home-v6 .flow-hero-grid {
    align-items: flex-start;
    padding-top: calc(var(--header) + 12vh);
    padding-bottom: 118px;
  }

  .home-v6 .flow-logo-stage {
    top: auto;
    bottom: 86px;
    right: -10vw;
    width: 54vw;
    opacity: .22 !important;
    transform: rotate(9deg) !important;
    z-index: 1;
  }

  .home-v6 .flow-hero-copy {
    position: relative;
    z-index: 2;
  }

  .home-v6 .flow-logo-stage .logo-trace {
    opacity: .12;
  }

  .home-v6 .flow-logo-stage .logo-main img {
    filter: drop-shadow(0 22px 38px rgba(0,0,0,.82)) contrast(1.08) brightness(1.03);
  }

  .home-v6 .flow-logo-stage .logo-coordinates {
    display: none;
  }
}

@media (max-width: 430px) {
  .home-v6 .flow-logo-stage {
    bottom: 92px;
    right: -14vw;
    width: 58vw;
    opacity: .24 !important;
  }
}

/* --- V9.2.2 mobile home logo reposition --- */
@media (max-width: 820px) {
  .home-v6 .flow-logo-stage {
    top: auto;
    bottom: 148px;
    left: 52%;
    right: auto;
    width: 42vw;
    opacity: .17 !important;
    transform: translateX(-6%) rotate(8deg) !important;
    z-index: 1;
  }

  .home-v6 .flow-logo-stage .logo-trace {
    opacity: .10;
  }
}

@media (max-width: 430px) {
  .home-v6 .flow-logo-stage {
    bottom: 154px;
    left: 50%;
    right: auto;
    width: 46vw;
    opacity: .18 !important;
    transform: translateX(0) rotate(8deg) !important;
  }
}

/* --- V9.2.3 mobile home logo exact reposition in lower blank area --- */
@media (max-width: 820px) {
  .home-v6 .flow-logo-stage {
    position: absolute;
    top: unset !important;
    bottom: 170px !important;
    left: 50% !important;
    right: unset !important;
    width: 34vw !important;
    max-width: 150px;
    opacity: .18 !important;
    transform: translateX(-8%) rotate(7deg) !important;
    z-index: 1;
    pointer-events: none;
  }

  .home-v6 .flow-logo-stage .logo-trace {
    opacity: .09 !important;
  }
}

@media (max-width: 430px) {
  .home-v6 .flow-logo-stage {
    top: unset !important;
    bottom: 185px !important;
    left: 50% !important;
    right: unset !important;
    width: 38vw !important;
    max-width: 158px;
    opacity: .2 !important;
    transform: translateX(-6%) rotate(7deg) !important;
  }
}

/* V9.3.1 — ClearIPTV product switcher */
.nav-product{position:relative;display:flex;align-items:center}
.nav-product-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.nav-product-trigger i{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease)}
.nav-product:hover .nav-product-trigger i,.nav-product:focus-within .nav-product-trigger i{transform:translateY(2px) rotate(225deg)}
.nav-product-menu{position:absolute;top:calc(100% + 13px);left:50%;width:280px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(5,10,12,.96);box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px) scale(.98);transform-origin:top center;transition:opacity .22s ease,visibility .22s ease,transform .22s var(--ease)}
.nav-product-menu:before{content:"";position:absolute;left:0;right:0;top:-15px;height:18px}
.nav-product:hover .nav-product-menu,.nav-product:focus-within .nav-product-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.nav-v9 .nav-product-menu a{min-width:0;padding:13px 12px;border-radius:13px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;color:#c8d1d0;background:transparent;box-shadow:none!important}
.nav-v9 .nav-product-menu a:hover,.nav-v9 .nav-product-menu a:focus-visible{color:#fff;background:rgba(45,185,255,.12)}
.nav-product-menu small{font-size:8px;letter-spacing:.14em;color:var(--cyan)}
.nav-product-menu span{font-size:11px;font-weight:800;letter-spacing:0;white-space:nowrap}
.nav-product-menu b{font-size:13px;color:var(--cyan)}
header.site-header .nav-v9 .nav-product-trigger[aria-current="page"]{color:#00110f;background:var(--cyan);box-shadow:0 5px 0 #00776f}

/* V9.3.3 — menu mobile compact et sans débordement */
@media(max-width:820px){
  .menu-panel-v9{display:block;overflow-y:auto;overscroll-behavior:contain;padding:86px 18px calc(86px + env(safe-area-inset-bottom));place-items:initial}
  .menu-panel-v9 .menu-inner{width:100%;max-width:680px;margin:0 auto;padding-bottom:22px}
  .menu-panel-v9 .menu-inner a{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 0;min-width:0}
  .menu-panel-v9 .menu-inner small{font-size:9px}
  .menu-panel-v9 .menu-inner span{min-width:0;font-size:clamp(29px,9.4vw,46px);line-height:.95;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:normal}
  .menu-lang-note{position:fixed;left:18px;right:18px;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:flex-end;padding-top:10px;background:linear-gradient(transparent,#050707 32%)}
}
@media(max-width:390px){
  .menu-panel-v9{padding-left:14px;padding-right:14px}.menu-panel-v9 .menu-inner span{font-size:30px}.menu-panel-v9 .menu-inner a{padding:13px 0}
}

/* V9.3.14 — navigation sémantique et visible pour les pages principales */
.site-footer .footer-navs{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.site-footer .footer-primary-links{font-weight:700}
.site-footer .footer-primary-links a{color:#f2f5f3}
.site-footer .footer-legal-links a{color:#777f7c}
@media(max-width:820px){.site-footer .footer-navs{align-items:flex-start}.site-footer .footer-primary-links{flex-direction:row;flex-wrap:wrap;gap:10px 18px}.site-footer .footer-legal-links{flex-direction:row;flex-wrap:wrap;gap:8px 16px}}
