@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap');
:root{--lime:#ffffff;--white:#f2f1e9;--pad:clamp(24px,5.5vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c100f;color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}h1,h2,p{margin:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.04}em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.motion{height:560svh;min-height:3500px}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#111713}.stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06100fed, #07120a85 32%,#06100f05 64%),linear-gradient(0deg,#0b100ff5,transparent 37%,transparent 74%,#0c100fc9)}header{position:absolute;top:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff30}.brand{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:29px;letter-spacing:-1.5px}.brand sup{font-size:9px;letter-spacing:0;vertical-align:top;margin-left:5px}header>span{font-size:9px;letter-spacing:.19em}.preview-label{color:#d7e3cf99}.title{position:absolute;top:19%;left:var(--pad);z-index:2}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:600;display:block}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font-size:clamp(40px,4.2vw,68px);margin-top:23px}.caption-area{position:absolute;left:var(--pad);bottom:22%;width:340px;min-height:230px}.caption{position:absolute;inset:0;opacity:0;transform:translateY(15px);transition:opacity .45s,transform .45s;pointer-events:none}.caption.active{opacity:1;transform:translateY(0);pointer-events:auto}.caption .eyebrow{color:var(--lime);font-size:8px}.caption h2{font-size:clamp(32px,3.1vw,50px);margin-top:17px}.caption p{font-size:13px;line-height:1.7;color:#c6d0c4;margin-top:16px}.shop{display:inline-flex;gap:35px;align-items:center;font-size:11px;border-radius:30px;padding:12px 18px;margin-top:17px;color:#182510;background:var(--lime)}.shop span{font-size:17px}.chapter-count{position:absolute;right:var(--pad);top:20%;display:flex;gap:10px;align-items:baseline}.chapter-count>span{font-size:48px;letter-spacing:-.06em}.chapter-count b{font-size:10px;font-weight:400;letter-spacing:.1em;opacity:.6}.bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.chapters{display:flex;gap:28px}.chapters button{width:135px;border:0;padding:0;background:none;color:#93a18f;font-size:11px;text-align:left}.chapters button>span{font-size:9px;margin-right:13px}.chapters i{height:1px;background:#ffffff36;display:block;width:100%;margin-top:18px}.chapters b{height:1px;display:block;background:var(--lime);width:0}.chapters .active{color:var(--lime)}.scroll-hint{display:flex;gap:25px;font-size:8px;letter-spacing:.16em;align-items:center;padding-bottom:3px}.scroll-hint>span:last-child{border:1px solid #ffffff40;display:grid;place-items:center;border-radius:50%;width:28px;height:28px;font-size:15px}.time{font-size:38px;letter-spacing:-.05em;line-height:1}.time small{font-size:10px;letter-spacing:0;margin-left:4px}.loading{position:absolute;right:var(--pad);bottom:120px;color:#ffffff;font-size:10px;letter-spacing:.08em}.loading[hidden]{display:none}.replay{position:absolute;right:var(--pad);bottom:190px;border:1px solid #ffffff4d;border-radius:50%;width:35px;height:35px;background:#0c100f80;color:var(--white);font-size:21px}.after{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 24px}.after .eyebrow{color:#adbaa6}.after h2{font-size:clamp(45px,6vw,88px);margin-top:25px}.after p{font-size:15px;color:#a7b5a1;margin-top:23px}.return{font-size:13px;border-bottom:1px solid #ffffff66;padding-bottom:10px;margin-top:35px;color:var(--lime)}.after .demo{font-size:8px;letter-spacing:.1em;margin-top:70px}
@media(max-width:700px){.motion{height:520svh;min-height:3300px}.stage{min-height:740px}header{top:22px}.brand{font-size:24px}header>span{font-size:7px}.preview-label{display:none}.title{top:130px}.title .eyebrow{font-size:7px}h1{font-size:37px;margin-top:18px}.stage>video{object-fit:contain;background:#b9bfc0;object-position:center 48%;height:100%;width:160%;left:-30%;max-width:none}.shade{background:linear-gradient(0deg,#0c100f 0%,#0c100ff2 23%,#0c100f20 45%,#0c100f10 56%,#0c100fe8 74%,#0c100f 100%)}.caption-area{bottom:13%;width:260px;min-height:200px}.caption h2{font-size:31px;margin-top:12px}.caption p{font-size:11px;line-height:1.5;margin-top:12px}.caption .eyebrow{font-size:7px}.shop{padding:9px 15px;font-size:10px;gap:20px;margin-top:10px}.chapter-count{top:38%;right:24px}.chapter-count>span{font-size:30px}.chapter-count b{font-size:8px}.bottom{bottom:25px;gap:15px}.chapters{gap:14px;flex:1}.chapters button{width:auto;flex:1;font-size:9px}.chapters button>span{font-size:7px;margin-right:5px}.chapters i{margin-top:13px}.scroll-hint{display:none}.time{font-size:25px}.time small{font-size:8px}.replay{bottom:150px;right:24px;width:30px;height:30px;font-size:19px}.loading{bottom:105px;right:24px;font-size:8px}.after{min-height:500px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caption{transition:none}}
/* Product page: six scroll chapters and a smaller, uncropped product stage. */
.motion{height:650svh;min-height:4200px}.stage{background:#101613}.stage>video{left:32%;top:7%;width:68%;height:85%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect;filter:saturate(.75) brightness(.85)}.shade{background:linear-gradient(90deg,#101613,#101613bb 31%,transparent 56%),linear-gradient(0deg,#101613,transparent 30%,transparent 70%,#101613aa);pointer-events:none}header nav{display:flex;gap:30px}header nav a{font-size:11px;color:#aebbaa}header nav .active{color:var(--lime)}.header-shop{font-size:10px;border:1px solid #ffffff77;border-radius:30px;padding:12px 18px;color:var(--lime)}.product-label{position:absolute;top:20%;left:var(--pad)}.product-label .eyebrow{font-size:8px;color:#c1ceb9}.caption-area{top:29%;bottom:auto;width:40%;max-width:540px;min-height:380px}.caption h1{font-size:clamp(36px,3.6vw,58px);margin-top:18px;line-height:1.06}.caption>p{max-width:390px;font-size:14px;line-height:1.75;margin-top:23px}.metric{margin-top:23px;display:flex;flex-direction:column;border-left:1px solid #ffffff6b;padding-left:17px;gap:8px}.metric strong{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:31px;letter-spacing:-.04em;color:var(--white)}.metric>span{font-size:10px;color:#b1bfa8;line-height:1.5}.caption .shop{margin-top:22px}.chapter-count{top:20%}.chapters{gap:20px;flex:1;max-width:820px}.chapters button{width:auto;flex:1;font-size:9px;white-space:nowrap}.chapters button>span{font-size:7px;margin-right:9px}.bottom{gap:35px}.scroll-hint{display:none}.loading{bottom:130px}.specifications,.questions{padding:110px var(--pad)}.section-top{display:flex;flex-direction:column;gap:22px}.section-top .eyebrow,.questions .eyebrow{color:var(--lime)}.section-top h2,.questions h2{font-size:clamp(40px,4.5vw,68px)}.section-top>p{font-size:15px;color:#9fac98}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 65px;margin-top:60px}.spec-group h3{font-size:20px;font-weight:500;color:#edf0e7;margin:0 0 20px}.spec-group dl{margin:0}.spec-group dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;border-top:1px solid #ffffff20;padding:15px 0;font-size:12px;line-height:1.65}.spec-group dt{color:#8f9d87}.spec-group dd{margin:0;color:#d1d9c9}.spec-note{font-size:10px;color:#7f8e77;line-height:1.7;margin-top:45px;max-width:700px}.questions{border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1fr;gap:80px}.questions h2{font-size:43px;margin-top:24px}.faq-list details{border-bottom:1px solid #ffffff25}.faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:13px;padding:23px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--lime)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.8;color:#a9b8a0;padding:0 0 24px}.after{min-height:600px;border-top:1px solid #ffffff15;background:radial-gradient(ellipse at 50% 100%,#ffffff0b,transparent 65%)}.after .shop{font-size:13px;padding:17px 25px;gap:50px;margin-top:30px}.after .return{font-size:10px;border:none;margin-top:22px}footer{padding:35px var(--pad);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;gap:25px}footer>span{font-size:10px;color:#91a087}
@media(min-height:850px){.caption-area{top:30%}.caption h1{font-size:60px}.caption>p{font-size:15px}.metric{margin-top:28px}}
@media(max-width:900px){header nav{gap:18px}.caption h1{font-size:37px}.caption>p{font-size:12px}.caption-area{top:29%;width:43%}.product-label .eyebrow{font-size:7px}.metric strong{font-size:25px}.questions{gap:35px}.chapters{gap:14px}.chapters button{font-size:8px}.chapters button>span{margin-right:5px}}
@media(max-width:700px){.motion{height:650svh;min-height:4400px}.stage{min-height:820px}header nav{display:none}.header-shop{font-size:8px;padding:9px 13px}.product-label{top:108px}.product-label .eyebrow{font-size:6px;letter-spacing:.13em}.stage>video{left:0;top:14%;width:100%;height:43%;object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 17%,#000 80%,transparent);mask-composite:add;filter:saturate(.75) brightness(.9)}.shade{background:linear-gradient(0deg,#101613 0%,#101613 42%,transparent 57%,transparent 82%,#101613 100%)}.caption-area{top:55%;left:24px;right:24px;width:auto;max-width:none;min-height:290px}.caption h1{font-size:32px;line-height:1.05;margin-top:12px}.caption>p{font-size:11px;line-height:1.65;margin-top:13px;max-width:100%}.caption .eyebrow{font-size:6px}.metric{margin-top:13px;padding-left:12px;gap:3px}.metric strong{font-size:23px}.metric>span{font-size:8px}.caption .shop{padding:8px 14px;margin-top:12px;font-size:9px}.chapter-count{top:16%;right:24px}.chapter-count>span{font-size:25px}.bottom{bottom:17px;left:24px;right:24px;gap:13px}.chapters{gap:9px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.chapters button{font-size:0;min-width:0;text-align:center}.chapters button>span{font-size:9px;margin:0}.chapters i{margin-top:9px}.time{font-size:21px}.replay{bottom:85px;width:28px;height:28px}.loading{bottom:85px;right:65px;font-size:7px}.specifications,.questions{padding:65px 24px}.spec-grid{grid-template-columns:1fr;gap:35px;margin-top:38px}.spec-group h3{font-size:18px}.spec-group dl>div{font-size:11px;padding:13px 0;gap:17px}.section-top h2{font-size:44px}.questions{grid-template-columns:1fr;gap:30px}.questions h2{font-size:38px}.after{min-height:520px}.after h2{font-size:48px}footer{padding:30px 24px;flex-wrap:wrap}footer>span{font-size:8px}}
.product-header{z-index:20;display:flex;align-items:center;gap:30px;top:25px;left:var(--pad);right:var(--pad);padding:12px 16px 12px 25px;background:#101612d9;backdrop-filter:blur(20px);border:1px solid #ffffff30;border-radius:60px}.product-header nav{margin-left:auto;display:flex;align-items:center;gap:27px}.product-header nav>a{font-size:11px;color:#d7dfd0}.product-dropdown{position:relative}.detail-menu-toggle{background:none;border:0;color:var(--lime);font-size:11px;padding:12px 0;display:flex;gap:7px;align-items:center}.detail-menu{position:absolute;left:-20px;top:calc(100% + 12px);width:245px;border:1px solid #ffffff30;border-radius:15px;background:#152018f5;padding:8px;box-shadow:0 20px 40px #0008}.detail-menu[hidden]{display:none}.detail-menu:before{content:'';position:absolute;top:-18px;height:20px;left:0;right:0}.detail-menu>a{display:block;padding:15px;border-radius:9px;font-size:16px}.detail-menu>a:hover{background:#ffffff11;color:var(--lime)}.detail-menu small{display:block;font-size:9px;color:#a7b49f;margin-top:7px}.detail-mobile-toggle{display:none}.product-header .header-shop{background:var(--lime);color:#182214;border:0;white-space:nowrap}
@media(max-width:900px){.product-header nav{gap:18px}.product-header{gap:18px}}
@media(max-width:700px){.product-header{top:18px;padding:10px 16px;gap:15px}.product-header .brand{font-size:23px}.product-header .header-shop{margin-left:auto;font-size:8px;padding:10px 13px}.detail-mobile-toggle{display:block;background:none;border:0;color:var(--white);font-size:20px}.product-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#152018f5;border:1px solid #ffffff25;border-radius:15px;padding:20px;margin:0}.product-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}.product-header nav>a,.detail-menu-toggle{font-size:13px}.detail-menu-toggle{width:100%;justify-content:space-between}.detail-menu{position:static;width:100%;box-shadow:none;margin-top:8px}.product-header nav .detail-menu a{font-size:14px}}

/* Product detail redesign — Figma C5C and X5. The video showcase above is unchanged. */
.specifications{--spec-ink:#18221c;--spec-muted:#667064;--spec-paper:#f2f1e9;--spec-soft:#e8ebdd;--spec-line:#dadfd2;background:var(--spec-paper);color:var(--spec-ink);padding:110px max(24px,calc((100% - 1280px)/2));}
.specifications .section-top{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;}
.specifications .section-top .eyebrow{color:var(--spec-muted);font-size:11px;letter-spacing:.14em;}
.specifications .section-top h2{font-size:clamp(34px,3.4vw,48px);line-height:1.15;letter-spacing:-.04em;margin-top:18px;}
.specifications .section-top>p{color:var(--spec-muted);font-size:14px;line-height:1.55;flex:0 0 280px;}
.spec-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0;background:var(--spec-soft);border-radius:16px;padding:24px;}
.spec-highlights>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;min-width:0;}
.spec-highlights dt{font-size:13px;line-height:1.5;color:var(--spec-muted);}
.spec-highlights dd{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,2.5vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.4;margin:0;}
.specifications .spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0;align-items:start;}
.spec-column{display:flex;flex-direction:column;gap:24px;min-width:0;}
.specifications .spec-group{border-radius:16px;overflow:hidden;background:#fff;min-width:0;}
.specifications .spec-group h3{display:flex;align-items:center;gap:16px;background:var(--spec-soft);color:var(--spec-ink);font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.45;font-weight:500;margin:0;padding:24px;}
.spec-number{font-family:'DM Sans',Arial,sans-serif;font-size:12px;color:var(--spec-muted);}
.specifications .spec-group dl{margin:0;}
.specifications .spec-group dl>div{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1fr);gap:20px;border:0;border-bottom:1px solid var(--spec-line);padding:16px 24px;min-height:65px;font-size:14px;line-height:1.45;align-items:center;}
.specifications .spec-group dl>div:last-child{border-bottom:0;}
.specifications .spec-group dt{color:var(--spec-muted);overflow-wrap:anywhere;}
.specifications .spec-group dd{color:var(--spec-ink);font-weight:500;margin:0;overflow-wrap:anywhere;}
.after{background:#18221c;border:0;min-height:388px;padding:80px 24px;}
.after .eyebrow{color:var(--lime);font-size:11px;letter-spacing:.12em;}
.after h2{font-size:clamp(30px,3.1vw,44px);line-height:1.2;letter-spacing:-.03em;margin-top:20px;}
.after p{font-size:15px;color:#b8c1b2;margin-top:20px;}
.after .shop{display:inline-flex;align-items:center;justify-content:space-between;min-width:222px;gap:24px;padding:15px 20px;font-size:14px;margin-top:20px;}
footer{background:#18221c;border:0;padding:32px max(24px,calc((100% - 1280px)/2));min-height:104px;}
footer>span{color:#b8c1b2;font-size:12px;}
@media(max-width:1000px){.specifications{padding:80px 32px;}.specifications .spec-grid{gap:24px;}.specifications .spec-group dl>div{font-size:13px;padding:16px 20px;gap:16px;}.specifications .section-top>p{flex-basis:220px;}}
@media(max-width:700px){.specifications{padding:64px 24px;}.specifications .section-top{align-items:flex-start;flex-direction:column;gap:16px;}.specifications .section-top>p{flex-basis:auto;}.specifications .section-top h2{font-size:34px;margin-top:14px;}.spec-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding:24px;margin:32px 0;}.spec-highlights dd{font-size:29px;}.spec-highlights dt{font-size:12px;}.specifications .spec-grid{grid-template-columns:minmax(0,1fr);gap:24px;}.specifications .spec-group h3{font-size:20px;padding:20px;}.specifications .spec-group dl>div{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);font-size:13px;line-height:1.55;padding:16px 20px;gap:16px;}.after{min-height:360px;padding:64px 24px;}.after h2{font-size:32px;}.after p{font-size:14px;}footer{padding:28px 24px;min-height:104px;}footer>span{font-size:10px;}}

/* Desktop specification proportions from the supplied 1440px reference. */
@media (min-width: 1001px) {
  .specifications {
    --spec-unit: clamp(.75px, .069444444vw, 2px);
    padding: calc(80 * var(--spec-unit)) max(24px, calc((100% - 1280 * var(--spec-unit)) / 2));
  }
  .specifications .section-top {
    min-height: calc(120 * var(--spec-unit));
    gap: calc(32 * var(--spec-unit));
  }
  .specifications .section-top .eyebrow {
    font-size: max(10px, calc(10 * var(--spec-unit)));
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .specifications .section-top h2 {
    font-size: calc(48 * var(--spec-unit));
    line-height: 1.15;
    margin-top: calc(18 * var(--spec-unit));
  }
  .specifications .section-top > p {
    flex-basis: calc(280 * var(--spec-unit));
    font-size: max(13px, calc(14 * var(--spec-unit)));
    line-height: 1.55;
  }
  .specifications .spec-highlights {
    min-height: calc(128 * var(--spec-unit));
    margin: calc(48 * var(--spec-unit)) 0;
    padding: calc(24 * var(--spec-unit));
    gap: calc(24 * var(--spec-unit));
    border-radius: calc(16 * var(--spec-unit));
  }
  .specifications .spec-highlights > div { gap: calc(10 * var(--spec-unit)); }
  .specifications .spec-highlights dt { font-size: max(12px, calc(13 * var(--spec-unit))); }
  .specifications .spec-highlights dd { font-size: max(29px, calc(36 * var(--spec-unit))); }
  .specifications .spec-grid { gap: calc(32 * var(--spec-unit)); }
  .specifications .spec-column { gap: calc(24 * var(--spec-unit)); }
  .specifications .spec-group { border-radius: calc(16 * var(--spec-unit)); }
  .specifications .spec-group h3 {
    padding: calc(24 * var(--spec-unit));
    gap: calc(16 * var(--spec-unit));
    font-size: max(18px, calc(22 * var(--spec-unit)));
    line-height: 1.45;
  }
  .specifications .spec-number { font-size: max(11px, calc(12 * var(--spec-unit))); }
  .specifications .spec-group dl > div {
    grid-template-columns: minmax(0, .74fr) minmax(0, 1fr);
    min-height: calc(65 * var(--spec-unit));
    padding: calc(12 * var(--spec-unit)) calc(24 * var(--spec-unit));
    gap: calc(20 * var(--spec-unit));
    font-size: max(13px, calc(14 * var(--spec-unit)));
    line-height: 1.45;
  }
}