/* V6: soft compositing, contained controls and material-led movement. */
:root{--accent-rgb:119,212,239;--art-opacity:.42}
.hero-product{isolation:isolate;background:none;transform-style:flat}
.hero-product:before{content:'';inset:-28%;border:0;border-radius:50%;box-shadow:none;background:radial-gradient(ellipse at 50% 50%,rgba(var(--accent-rgb),.15) 0%,rgba(var(--accent-rgb),.045) 33%,transparent 67%);mask-image:radial-gradient(ellipse,#000 0%,#000 30%,transparent 68%);pointer-events:none;transition:none;z-index:-1}
.hero-material{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;opacity:.18;mask-image:radial-gradient(ellipse at 65% 48%,#000 10%,transparent 68%);pointer-events:none;z-index:0;transform:translateY(var(--material-y,0px)) scale(1.07)}
.hero-product:after{box-shadow:none;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.28),transparent)}
.hero-product img{filter:drop-shadow(0 30px 24px #0007)}
.story-stage{background:none;border:0;isolation:isolate}
.story-stage:before{content:'';position:absolute;inset:-13%;border:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.075),transparent 67%);mask-image:radial-gradient(ellipse,#000 20%,transparent 68%);pointer-events:none;z-index:-1}
.display-focus{display:none}
.watch-button,.hero .watch-button{overflow:hidden;isolation:isolate;position:relative;box-shadow:none;transform:none;border:1px solid #60899e70;background:#17334738;color:#d9edf8;min-height:64px;padding:18px 22px;transition:color .3s,border-color .3s,background .3s}
.watch-button:before,.hero .watch-button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 10%,rgba(var(--accent-rgb),.13) 48%,transparent 85%);opacity:0;transform:translateX(-100%);transition:transform .8s cubic-bezier(.2,.65,.2,1),opacity .3s;pointer-events:none}
.watch-button:hover,.hero .watch-button:hover{box-shadow:none;transform:none;background:#1c3e505c;border-color:#8cdcf3;color:#e1f7ff}
.watch-button:hover:before,.hero .watch-button:hover:before{opacity:1;transform:translateX(100%)}
.watch-button>span:last-child{transition:transform .35s}.watch-button:hover>span:last-child{transform:translate(3px,-3px)}
.button-ripple{display:none!important}
.story-chapter .watch-button{width:min(100%,280px);justify-content:space-between;gap:14px}
.story-device{filter:drop-shadow(0 24px 22px #0006)}
.stage-orbit:after{content:'';position:absolute;inset:-25px;border:1px dashed rgba(var(--accent-rgb),.12);border-radius:50%;animation:orbitTrace 60s linear infinite}
.scene-dot{animation:signalPulse 4s ease-in-out infinite}
.story-stage[data-scene="1"] .store-zone{animation:zonePulse 4s ease-in-out infinite}
.story-chapter h3{transition:color .7s,transform .7s}.story-chapter.current h3{color:#effaff;transform:translateX(0)}
.signal-art{position:relative;isolation:isolate;min-height:360px;margin:70px -45px -15px;display:flex;align-items:flex-end;padding:45px;overflow:hidden}
.signal-art-image{position:absolute;inset:-15% 0;width:100%;height:130%;object-fit:cover;object-position:center 46%;opacity:var(--art-opacity);z-index:-2;transform:translateY(var(--art-y,0px)) scale(1.08);will-change:transform;mask-image:linear-gradient(transparent,#000 22%,#000 76%,transparent)}
.signal-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 28%,#0d1825c9 94%);pointer-events:none}
.signal-art .statement-list{width:100%;border-color:#8fc8dc40;gap:20px;margin:0;padding:26px 0 0;justify-content:space-between}
.signal-art .statement-list span{font-size:13px;color:#d3e8f2;max-width:185px}
.signal-art:after{content:'';position:absolute;inset:0;border-top:1px solid #8fc8dc19;opacity:.65;pointer-events:none}
.stat{position:relative;padding-bottom:25px}.stat:after{content:'';position:absolute;bottom:0;left:0;width:60%;height:1px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,rgba(var(--accent-rgb),.85),transparent);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.stats.is-visible .stat:after{transform:scaleX(1)}.stat:nth-child(2):after{transition-delay:.15s}.stat:nth-child(3):after{transition-delay:.3s}
.material-photo{clip-path:inset(0 0 9% 0);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s}.is-visible .material-photo,.material-photo.photo-visible{clip-path:inset(0)}
.news-card .news-copy{background:none}.news-image img{transition:transform 1.3s cubic-bezier(.16,1,.3,1),filter .6s}.news-card:hover .news-image img{transform:scale(1.045);filter:brightness(1.06)}
.faq-item summary span{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.faq-item summary:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:rgba(var(--accent-rgb),.8);transition:width .6s}.faq-item:hover summary:after,.faq-item[open] summary:after{width:100%}
.timeline-entry{--timeline-reveal:0}.timeline-entry:after{content:'';position:absolute;left:0;top:-1px;width:calc(var(--timeline-reveal)*100%);height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.7),transparent);pointer-events:none}
.market-block{transition:transform .8s,border-color .8s}.market-block:hover{border-color:rgba(var(--accent-rgb),.65)}
.product-inspect{--pointer-size:44px}.inspect-cursor{position:absolute;left:var(--inspect-x,50%);top:var(--inspect-y,50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #a2ddef80;border-radius:50%;background:#0e2a3b80;backdrop-filter:blur(8px);color:#e6f9ff;font-size:10px;letter-spacing:.08em;transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s;z-index:7}.hero-product:hover .inspect-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}
.motion-toggle{color:inherit;font-size:11px;letter-spacing:.025em;border:1px solid currentColor;border-radius:25px;background:none;padding:8px 15px;line-height:1.3;opacity:.8;cursor:pointer}.motion-toggle:hover{opacity:1}.footer-base{align-items:center;gap:20px}
[data-motion="off"] *,[data-motion="off"] *:before,[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-motion="off"] .signal-canvas,[data-motion="off"] .inspect-cursor{display:none!important}
[data-motion="off"] .hero-copy{opacity:1!important;transform:none!important}[data-motion="off"] .reveal-ready{opacity:1!important;transform:none!important}[data-motion="off"] .material-photo{clip-path:none!important}
[data-motion="off"] .hero-product img,[data-motion="off"] .signal-art-image,[data-motion="off"] .hero-material{transform:none!important}
[data-motion="off"] .story-enhanced .story-chapter{opacity:1}
.tab-inactive .stage-orbit:after,.tab-inactive .scene-dot,.tab-inactive .store-zone{animation-play-state:paused}
@keyframes orbitTrace{to{transform:rotate(360deg)}}@keyframes signalPulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.22)}65%{box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}}@keyframes zonePulse{0%,100%{opacity:.45}50%{opacity:1}}
@media(min-width:1600px){.hero-grid{gap:70px}.signal-art{min-height:430px}}
@media(max-width:800px){.signal-art{margin:40px -10px 0;padding:30px 10px;min-height:380px}.signal-art .statement-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.signal-art .statement-list span{max-width:none}.hero-material{width:100%;opacity:.12}.inspect-cursor{display:none}.hero-product:before{inset:-15%}.story-stage:before{inset:-5%}.watch-button,.hero .watch-button{min-height:58px}.story-chapter .watch-button{font-size:11px;padding:16px}.story-chapter .watch-button>span:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-material,.signal-art-image{transform:none!important}.stage-orbit:after,.scene-dot,.store-zone{animation:none!important}.material-photo{clip-path:none!important}.inspect-cursor{display:none}.watch-button:before{display:none}.stat:after{transform:none}.story-chapter h3{transition:none}}