/* Navy material layer: opaque readable fallback, glass when supported. */
:root{--accent:#4e2714;--accent-dark:#3b1b0b;--navy:#472210;--glass-line:#ffffffb3}
.nav{background:#472210eb;border-bottom:1px solid #ffffff24;box-shadow:0 10px 35px #47221012}
.nav-links a::after{background:#efcebd}.lang-switch a[aria-current=true]{background:#ffffff1e}
.header{background:radial-gradient(ellipse 80% 42% at 50% 82%,#f3e3db 0%,#fcf7f5 65%,#fff 100%)}
.hero-stage{margin-bottom:104px}.hero-metrics{grid-template-rows:1fr;align-content:center;align-items:center}
.metric-2{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);text-align:center;width:max-content;max-width:90%;padding:12px 28px;border:1px solid var(--glass-line);border-radius:24px;background:#ffffffc7;box-shadow:0 10px 30px #4e27140a}
.metric-2 .kpi-prefix{display:inline;font-size:14px;margin-right:7px}.metric-2 .kpi-num{font-size:30px}.metric-2 p{font-size:12px;margin-top:5px}.kpi-note{padding-top:14px}
.contact-inner{background:linear-gradient(135deg,#472210f5,#612f17ee);border:1px solid #ffffff52;box-shadow:0 22px 60px #47221017}
.contact-inner::before{background:radial-gradient(circle,#ebbfa933,transparent 65%)}.contact .body-l{color:#ead9d0}.contact .btn-primary{background:#fae4d9;color:#472210}.contact .btn-primary:hover{background:#fff3ed}
.chapter-1{background:linear-gradient(135deg,#fcf9f8,#f8f1ed)}.chapter-2{background:linear-gradient(120deg,#fff,#fbf2ed)}
.chapter-0 .chapter-inner,.chapter-2 .chapter-inner{grid-template-columns:1fr}.chapter-0 .chapter-copy,.chapter-2 .chapter-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 70px}.chapter-0 .label,.chapter-2 .label{grid-column:1/-1}.chapter-0 h3,.chapter-2 h3{grid-column:1;grid-row:2/4;margin-top:0}.chapter-0 .body-l,.chapter-2 .body-l{grid-column:2;grid-row:2;margin-top:0}.chapter-0 .chapter-proof,.chapter-2 .chapter-proof{grid-column:2;grid-row:3;margin-top:0}
.auto-scene{background:radial-gradient(ellipse 65% 70% at 48% 36%,#fff 10%,#faefea 65%,#f0ddd3);border:1px solid #ffffffbf;box-shadow:inset 0 1px 0 #fff,0 24px 70px #4722100a}
.stage-floor{background:linear-gradient(135deg,#ffffffd9,#f4e3dba6);border-color:#ffffffdf;box-shadow:0 25px 45px #5c2e181a,inset 0 3px 2px #fff}.stage-floor::after{border-color:#c3957e40}
.orbit-card{background:linear-gradient(145deg,#fffffff0,#ffffffb3);border:1px solid #ffffffdc;box-shadow:0 20px 42px #4e271420,inset 0 1px 0 #fff;padding:14px;gap:0;border-radius:28px}
.orbit-card picture{background:transparent;flex:1;min-height:0;border-radius:18px}.orbit-card img{object-fit:contain;height:100%;width:100%}
.airtag-scene{--radius:350px;--card-w:390px;--card-h:400px;--duration:20s;height:650px;perspective:1800px}.airtag-scene .orbit-ring{top:44%}.airtag-scene .slot-0{--angle:0deg}.airtag-scene .slot-1{--angle:72deg}.airtag-scene .slot-2{--angle:144deg}.airtag-scene .slot-3{--angle:216deg}.airtag-scene .slot-4{--angle:288deg}
.product-scene{--duration:40s;--radius:clamp(330px,39vw,520px);--card-w:250px;--card-h:330px;height:550px;background:radial-gradient(ellipse 60% 75% at 50% 35%,#fff 8%,#f8ede7 65%,#edd8cd)}
.motion-toggle{background:#ffffffbf;border-color:#cfb1a266;color:#5f3724}.motion-toggle:hover{background:#fff}.motion-toggle:active{background:#f5e6df}
.cart-feature{background:radial-gradient(ellipse at 50% 30%,#ffffffd9,#f6e6deb3);border:1px solid #ffffffad}
.nojs .auto-scene{background:#faf3ef}.nojs .orbit-card{height:370px}.nojs .airtag-scene .orbit-ring{grid-template-columns:repeat(3,minmax(0,1fr))}
@supports(backdrop-filter:blur(1px)){.nav{backdrop-filter:blur(22px) saturate(145%)}.orbit-card{backdrop-filter:blur(10px) saturate(120%)}.metric-2,.motion-toggle,.cart-feature{backdrop-filter:blur(16px) saturate(130%)}}
@media(max-width:1023px){.airtag-scene{--radius:300px;--card-w:340px;--card-h:370px;height:590px}.chapter-0 .chapter-copy,.chapter-2 .chapter-copy{column-gap:40px}}
@media(max-width:760px){.hero-stage{margin-bottom:0}.hero-metrics{gap:24px 18px}.metric-2{position:static;transform:none;grid-column:1/-1;max-width:100%;width:100%;padding:14px 16px}.metric-2 .kpi-num{font-size:32px}.metric-2 .kpi-prefix{font-size:13px}.metric-2 p{font-size:12px}.chapter-0 .chapter-copy,.chapter-2 .chapter-copy{display:block}.chapter-0 h3,.chapter-2 h3{margin-top:18px}.chapter-0 .body-l,.chapter-2 .body-l{margin-top:18px}.chapter-0 .chapter-proof,.chapter-2 .chapter-proof{margin-top:18px}.airtag-scene{--radius:190px;--card-w:250px;--card-h:300px;--duration:20s;height:490px;perspective:1200px}.product-scene{--radius:285px;--card-w:190px;--card-h:280px;--duration:40s;height:510px;perspective:1200px}.orbit-card{padding:11px;border-radius:22px}.nojs .orbit-card{height:270px}.nojs .airtag-scene .orbit-ring{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.nav{background:#472210;backdrop-filter:none}.orbit-card,.metric-2,.motion-toggle,.cart-feature{background:#fff;backdrop-filter:none;border-color:#dfc6b9}.contact-inner{background:#472210}.nav-links a,.brand{color:#fff}}
@media(prefers-reduced-motion:reduce){.airtag-scene,.product-scene{height:auto!important}.orbit-card{backdrop-filter:none}}
