:root{color-scheme:dark;--bg:#071216;--panel:#10232b;--text:#edf4f3;--muted:#b6c8cd;--aqua:#79d8e0;--gold:#dfc29a;--line:#30434c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}a{color:inherit}button,select,.button{font:inherit;color:var(--text);background:#18343e;border:1px solid #45606c;border-radius:4px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#28505e}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}button[aria-pressed=true]{border-color:var(--gold);background:#405660}header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;position:sticky;top:0;z-index:5;background:#071216ed;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.12em;font-size:14px;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{border:1px solid var(--aqua);border-radius:50%;width:35px;height:35px;text-align:center;line-height:32px;color:var(--aqua)}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:14px}nav button{padding:6px 12px}.hero{position:relative;height:calc(100svh - 78px);min-height:590px;max-height:950px;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031016ed,#03101655 70%),linear-gradient(0deg,#071216,transparent 70%)}.hero-copy{position:absolute;top:15%;left:7vw;max-width:750px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.16em;font-weight:600}h1{font-size:clamp(38px,5vw,76px);line-height:1.09;letter-spacing:-.04em;font-weight:500;margin:22px 0}h2{font-size:clamp(30px,3.3vw,51px);line-height:1.16;font-weight:500;letter-spacing:-.025em;margin:16px 0 25px}h3{font-size:25px;line-height:1.25;font-weight:500;margin:14px 0}p{color:var(--muted)}.hero-copy>p:not(.eyebrow){max-width:590px;font-size:19px}.hero-copy .button{margin-top:16px;background:var(--aqua);color:#072028;border:none;padding:13px 24px}.hero-note{position:absolute;bottom:30px;left:7vw;font-size:12px;color:var(--muted)}.wrap{max-width:1440px;margin:auto;padding:85px 5vw}.about>p:not(.eyebrow){max-width:800px;font-size:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px;border-top:1px solid var(--line);padding-top:28px}.principles strong{font-weight:500;font-size:20px}.principles p{max-width:340px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px}label{display:block;color:var(--muted);font-size:14px}label select{display:block;margin-top:7px;max-width:100%;min-width:240px}.video-panel{display:grid;grid-template-columns:1.8fr 1fr;background:var(--panel);border:1px solid var(--line);margin-top:25px}.video-panel video{width:100%;aspect-ratio:16/9;background:#020b0f;align-self:center}.video-panel aside{padding:30px}summary{cursor:pointer;color:var(--gold)}details p{font-size:14px}.video-panel .button{margin-top:22px}.route{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.route button{font-size:14px;padding:8px 12px}.explore{height:220vh;min-height:1550px;background:radial-gradient(ellipse at 35% 35%,#183441,#09151c 65%);position:relative;border-block:1px solid var(--line)}.sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:740px;padding:20px 5vw}.explore-heading{max-width:1440px;margin:auto}.explore-heading h2{font-size:34px;margin:6px 0}.explore-heading>p:last-child{margin:5px 0 18px;font-size:14px}.workbench{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);max-width:1440px;margin:auto;height:calc(100% - 175px);min-height:520px;border:1px solid var(--line)}.viewport{position:relative;background:#0a1820;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.view-label{position:absolute;left:22px;top:18px;color:var(--gold);font-size:14px}.concept-label{position:absolute;left:22px;bottom:75px;font-size:12px;color:#bccdd4;max-width:90%}.viewer-tools{position:absolute;left:18px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.viewer-tools button{font-size:14px;padding:8px 12px}.component-panel{padding:22px;background:#0b1c25;overflow:auto}.component-panel select{width:100%;min-width:0}.component-focus{padding:14px 0 22px;border-bottom:1px solid var(--line)}.component-focus h3{font-size:24px}.small{font-size:13px;color:#9bb3bf}.component-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}.component-list button{text-align:left;font-size:14px;padding:9px 10px;line-height:1.35;background:#152c37}.component-list button[aria-pressed=true]{background:#335762}.explore-note{max-width:1440px;margin:12px auto;font-size:13px}#fallback{position:absolute;inset:60px 15px}#fallback img{width:100%}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.product-card{border:1px solid var(--line);background:var(--panel);overflow:hidden}.product-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.product-card>div{padding:22px}.product-card h3{font-size:22px}.product-card p{font-size:14px}.price{color:var(--gold);font-size:19px}.catalogue-note{font-size:14px;max-width:850px}.review{border-top:1px solid var(--line)}.review p{max-width:850px}footer{border-top:1px solid var(--line);padding-top:30px!important;padding-bottom:35px!important;font-size:14px}dialog{background:#10232b;color:var(--text);border:1px solid #5b7781;border-radius:8px;width:min(680px,94vw);max-height:85vh;padding:28px}dialog::backdrop{background:#000b}dialog form{display:flex;justify-content:flex-end}.cart-row{display:grid;grid-template-columns:1fr 70px auto;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}input[type=number]{width:65px;background:#071216;color:white;padding:8px;border:1px solid #45606c;font:inherit}.close{font-size:14px;padding:5px 10px}.cart-row button{font-size:13px;padding:5px 9px}@media(max-width:900px){header{padding:12px 4vw;height:auto;min-height:78px;flex-wrap:wrap}nav{gap:13px;flex-wrap:wrap}nav a{font-size:13px}.hero-copy{left:6vw;right:5vw;top:12%}.hero{min-height:550px}.principles,.inventory-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.video-panel{grid-template-columns:1fr}.video-panel aside{padding:22px}.workbench{grid-template-columns:1fr;height:auto}.viewport{height:46svh;min-height:340px}.component-panel{max-height:38svh}.sticky{height:calc(100svh - 110px);min-height:850px;top:108px;padding:15px 3vw}.explore{min-height:1700px}.explore-heading h2{font-size:26px}.explore-heading>p:last-child{font-size:13px}.component-focus{padding-top:5px}.component-list{grid-template-columns:1fr 1fr}.component-panel{padding:15px}.explore-note{display:none}.wrap{padding:60px 5vw}}@media(max-width:520px){.brand{font-size:12px}nav{gap:12px}.principles,.inventory-grid{grid-template-columns:1fr}.hero-copy p:not(.eyebrow){font-size:17px}.hero{min-height:600px}.component-focus h3{font-size:20px}.viewer-tools button{padding:7px;font-size:12px}.component-list button{font-size:13px}.cart-row{grid-template-columns:1fr auto}.cart-row button{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:90;padding:16px 24px;background:#d5fff4;color:#123332;border-radius:5px;box-shadow:0 8px 40px #0008}.toast[hidden]{display:none}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #31545a}.cart-row input{width:70px;display:block;margin-top:8px}.component-list .selected{border-color:#72e4d4;background:#144449}canvas{cursor:grab}canvas:active{cursor:grabbing}@media(max-width:900px){.explore{height:auto;min-height:0}.sticky{position:relative;top:auto;height:auto;min-height:0}.workbench{height:auto}.component-panel{max-height:600px}.viewport{height:440px}.cart-row{grid-template-columns:1fr auto}.cart-row button{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}