:root{--accent: #4ED1E5;--accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);--accent-line: color-mix(in oklab, var(--accent) 36%, transparent);--ink: #0E0D0B;--ink-2: #171513;--ink-3: #211E1A;--rule: rgba(255, 244, 228, .08);--rule-strong: rgba(255, 244, 228, .16);--paper: #F5F1EA;--fg: #F3EADC;--fg-dim: #A39B8D;--fg-mute: #6B6458;--unit: 8px;--gutter: 32px;--section-y: 140px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-density=compact]{--gutter: 20px;--section-y: 88px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font:inherit}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--rule) 1px,transparent 1px),linear-gradient(to bottom,var(--rule) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000000e6,#0003)}main{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;margin:0}h1{font-size:clamp(56px,9vw,148px);line-height:.9;letter-spacing:-.035em;font-weight:500}h2{font-size:clamp(36px,4.2vw,64px);line-height:.95;letter-spacing:-.025em}h3{font-size:22px;line-height:1.2}p{margin:0}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.mono-sm{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em}.wrap{width:min(1440px,100% - 48px);margin-inline:auto}.rule{border:0;border-top:1px solid var(--rule);margin:0}.rule-strong{border:0;border-top:1px solid var(--rule-strong);margin:0}.tick{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:8px;vertical-align:middle}.topstrip{position:relative;z-index:20;background:var(--ink);border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.topstrip-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:34px;padding:0 24px;gap:32px}.topstrip .left,.topstrip .right{display:flex;gap:28px;align-items:center}.topstrip .right{justify-content:flex-end}.topstrip .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:8px;box-shadow:0 0 10px var(--accent)}.topstrip .live{color:var(--fg)}.topstrip-center{color:var(--fg);letter-spacing:.18em}nav.nav{position:sticky;top:0;z-index:30;background:color-mix(in oklab,var(--ink) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.nav-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:68px;padding:0 24px;gap:32px}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:.02em}.logo-mark{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto}.logo-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.nav-links{display:flex;gap:36px;justify-content:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}.nav-links a{color:var(--fg-dim);text-decoration:none;position:relative;padding:8px 0;transition:color .15s}.nav-links a:hover{color:var(--fg)}.nav-links a .num{color:var(--accent);margin-right:6px}.cta-primary{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:#0e0d0b;padding:14px 22px;border:0;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;transition:transform .18s ease,box-shadow .18s ease}.cta-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--fg)}.cta-primary:after{content:"→";font-family:var(--font-display);font-weight:400}.cta-ghost{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);border:1px solid var(--rule-strong);background:transparent;padding:13px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:border-color .18s}.cta-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{position:relative;padding:48px 24px 0;border-bottom:1px solid var(--rule)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;min-height:78vh}.hero-titleblock .eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:28px}.hero h1{text-transform:uppercase;font-weight:500}.hero h1 .it{font-style:italic;font-weight:400;color:var(--accent)}.hero h1 .slash{color:var(--accent);font-weight:400}.hero-sub{display:flex;gap:40px;margin-top:40px;padding-top:24px;border-top:1px solid var(--rule);max-width:640px}.hero-sub p{max-width:42ch;color:var(--fg-dim);font-size:15px;line-height:1.6}.hero-sub .actions{display:flex;gap:12px;flex-shrink:0;align-self:end}.hero-diagram{position:relative;aspect-ratio:4/5;max-height:82vh;align-self:stretch;display:flex;margin-bottom:0}.crop{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}.crop.tl{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.crop.tr{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.crop.bl{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.crop.br{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}.readout{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);margin-top:64px}.readout-cell{padding:20px 24px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:6px}.readout-cell:last-child{border-right:0}.readout-cell .label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute)}.readout-cell .val{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em;color:var(--fg)}.readout-cell .val .unit{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);margin-left:4px;letter-spacing:.05em}.readout-cell .pulse{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px;animation:pulse 1.4s infinite;vertical-align:middle}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.section{padding:var(--section-y) 24px;position:relative;border-bottom:1px solid var(--rule)}.section-head{display:grid;grid-template-columns:220px 1fr auto;gap:48px;align-items:start;margin-bottom:56px}.section-head .idx{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.section-head .idx .big{font-family:var(--font-display);font-size:48px;letter-spacing:-.03em;color:var(--accent);display:block;line-height:1;margin-top:12px}.section-head h2{max-width:14ch}.section-head .desc{max-width:42ch;color:var(--fg-dim);font-size:15px;margin-top:8px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.photo{position:relative;aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#1e1a16 0 2px,#141210 2px 14px);border:1px solid var(--rule-strong);overflow:hidden}.photo-label{position:absolute;bottom:12px;left:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);background:var(--ink);padding:6px 10px;border:1px solid var(--rule-strong)}.photo-sku{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-dim)}.photo svg.placeholder-art{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.photo.has-image svg.placeholder-art{opacity:.12;mix-blend-mode:screen}.intro-copy p+p{margin-top:18px}.intro-copy .lede{font-family:var(--font-display);font-size:22px;line-height:1.35;color:var(--fg);font-weight:400;letter-spacing:-.01em}.intro-copy p{color:var(--fg-dim);max-width:44ch}.brand-strip{margin-top:64px;padding:28px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:space-between}.brand-strip .bsl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);flex-shrink:0}.brand-strip .brands{display:flex;gap:44px;flex-wrap:wrap;flex:1;justify-content:space-around}.brand-strip .brands span{font-family:var(--font-display);font-weight:500;font-size:20px;letter-spacing:.04em;color:var(--fg-dim);transition:color .2s}.brand-strip .brands span:hover{color:var(--fg)}.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule-strong);border-left:1px solid var(--rule-strong)}.comp-card{border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);padding:28px;background:var(--ink);display:flex;flex-direction:column;gap:20px;position:relative;transition:background .22s;cursor:pointer}.comp-card:hover{background:var(--ink-2)}.comp-card:hover .comp-visual svg .highlight{stroke:var(--accent)}.comp-card:hover .arrow{transform:translate(6px);color:var(--accent)}.comp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.comp-head .sku{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-mute);letter-spacing:.06em}.comp-head .num{font-family:var(--font-display);font-size:42px;color:var(--accent);letter-spacing:-.02em;line-height:1}.comp-visual{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(to right,var(--rule) 1px,transparent 1px),linear-gradient(to bottom,var(--rule) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--rule);position:relative;overflow:hidden}.comp-visual svg{width:60%;height:80%}.comp-visual svg .structure{stroke:var(--fg);fill:none;stroke-width:1.2}.comp-visual svg .highlight{stroke:var(--fg-dim);fill:none;stroke-width:1.2;transition:stroke .26s}.comp-visual svg .accent{stroke:var(--accent);fill:none;stroke-width:1.4}.comp-visual .leader{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.05em}.comp-visual .leader:before{content:"";position:absolute;width:22px;height:1px;background:var(--fg-dim);top:50%}.comp-visual .leader.l:before{right:100%;margin-right:4px}.comp-visual .leader.r:before{left:100%;margin-left:4px}.comp-title{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.01em}.comp-body{color:var(--fg-dim);font-size:14px;line-height:1.55}.comp-specs{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--fg-mute);padding-top:16px;border-top:1px dashed var(--rule-strong)}.comp-specs .k{text-transform:uppercase}.comp-specs .v{color:var(--fg);justify-self:end}.comp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--rule)}.comp-footer .link{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);text-decoration:none}.comp-footer .arrow{display:inline-block;margin-left:10px;transition:transform .24s,color .24s;color:var(--fg-dim)}.comp-footer .price{font-family:var(--font-mono);font-size:11px;color:var(--fg-mute);letter-spacing:.06em}.subpage-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;min-height:56vh}.subpage-visual{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center}.subpage-visual-frame{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(to right,var(--rule) 1px,transparent 1px),linear-gradient(to bottom,var(--rule) 1px,transparent 1px);background-size:32px 32px;position:relative}.subpage-tier-grid{display:grid;gap:0;border:1px solid var(--rule-strong)}.subpage-tier-grid.double{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage-tier-grid.single{grid-template-columns:1fr}.subpage-tier-cta{margin-top:24px;width:100%;justify-content:center;text-decoration:none}.subpage-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subpage-cross-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--rule-strong)}.subpage-cross-link{padding:32px;background:var(--ink);text-decoration:none;color:var(--fg);display:flex;flex-direction:column;gap:16px;transition:background .2s}.subpage-cross-link:hover{background:var(--ink-2)}.process-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:64px;align-items:start}.process-photo{position:sticky;top:100px}.process-photo .photo{aspect-ratio:4/5}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:110px 1fr auto;gap:32px;padding:28px 0;border-top:1px solid var(--rule);align-items:start;cursor:pointer;transition:padding .28s ease}.step:last-child{border-bottom:1px solid var(--rule)}.step:hover{padding-left:12px}.step:hover .step-num{color:var(--accent)}.step-num{font-family:var(--font-mono);font-size:11px;color:var(--fg-mute);letter-spacing:.12em;transition:color .22s;padding-top:6px}.step-num .big{display:block;font-family:var(--font-display);font-size:40px;color:var(--fg);letter-spacing:-.02em;line-height:1;margin-top:4px}.step h3{margin-bottom:10px;font-weight:500}.step p{color:var(--fg-dim);max-width:52ch;font-size:15px}.step .dur{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding-top:8px;white-space:nowrap}.specsheet{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule-strong);background:linear-gradient(to right,var(--rule) 1px,transparent 1px),linear-gradient(to bottom,var(--rule) 1px,transparent 1px);background-size:40px 40px}.specsheet-cell{padding:36px 28px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:10px;background:var(--ink)}.specsheet-cell:nth-child(4n){border-right:0}.specsheet-cell:nth-last-child(-n+4){border-bottom:0}.specsheet-cell .num{font-family:var(--font-display);font-size:56px;line-height:.95;letter-spacing:-.035em;color:var(--fg);font-weight:400}.specsheet-cell .num .accent{color:var(--accent)}.specsheet-cell .num .small{font-family:var(--font-mono);font-size:16px;color:var(--fg-dim);letter-spacing:.04em}.specsheet-cell .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}.specsheet-cell .desc{color:var(--fg-dim);font-size:13.5px;line-height:1.5;margin-top:4px}.cta-band{padding:120px 24px;border-bottom:1px solid var(--rule);text-align:left;position:relative}.cta-band .wrap{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}.cta-band h2{max-width:18ch;text-transform:uppercase;letter-spacing:-.03em}.cta-band h2 .accent{color:var(--accent);font-style:italic;font-weight:400}.cta-band .side{display:flex;flex-direction:column;gap:18px}.cta-band .mono{max-width:30ch}footer{padding:80px 24px 32px;background:var(--ink);border-top:1px solid var(--rule)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:64px;border-bottom:1px solid var(--rule)}.foot-col h4{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:20px;font-weight:500}.foot-col a,.foot-col p{display:block;color:var(--fg-dim);text-decoration:none;font-size:14px;margin-bottom:8px;transition:color .15s}.foot-col a:hover{color:var(--accent)}.foot-bottom{display:flex;justify-content:space-between;padding-top:24px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--fg-mute);text-transform:uppercase}.foot-bottom .right{display:flex;gap:28px}.tweaks-panel{position:fixed;right:20px;bottom:20px;background:#0a0907;border:1px solid var(--rule-strong);padding:18px 20px;z-index:999;width:260px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg);box-shadow:0 20px 40px #00000080}.tweaks-panel h5{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-mute);font-weight:500;font-size:10px;display:flex;justify-content:space-between;align-items:center}.tweaks-panel h5:before{content:"◉";color:var(--accent)}.tweaks-row{margin-bottom:14px}.tweaks-row label{display:block;margin-bottom:8px;text-transform:uppercase;color:var(--fg-dim);font-size:10px;letter-spacing:.1em}.swatches{display:flex;gap:8px}.swatches button{width:28px;height:28px;border:1.5px solid transparent;cursor:pointer;padding:0;background-clip:padding-box;transition:transform .15s}.swatches button:hover{transform:translateY(-2px)}.swatches button.active{border-color:var(--fg);outline:2px solid var(--accent);outline-offset:1px}.density-toggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule-strong)}.density-toggle button{background:transparent;border:0;color:var(--fg-dim);padding:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.density-toggle button.active{background:var(--accent);color:#0e0d0b}.marquee-wrap{overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 0;background:var(--ink-2)}.marquee{display:flex;gap:56px;animation:scroll 42s linear infinite;white-space:nowrap;font-family:var(--font-display);font-size:48px;text-transform:uppercase;letter-spacing:-.02em;font-weight:500;color:var(--fg);width:max-content}.marquee span .asterisk{color:var(--accent);display:inline-block;transform:translateY(-4px);margin:0 8px}.marquee span .stroke{-webkit-text-stroke:1px var(--fg);color:transparent}@keyframes scroll{to{transform:translate(-50%)}}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:32px}.subpage-hero-grid{grid-template-columns:1fr;gap:32px;min-height:auto}.subpage-tier-grid.double,.subpage-gallery-grid,.subpage-cross-grid{grid-template-columns:1fr}.hero-diagram{aspect-ratio:3/4;max-height:70vh}.nav-links{display:none}.intro-grid,.process-grid{grid-template-columns:1fr;gap:40px}.comp-grid{grid-template-columns:1fr}.specsheet{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr;gap:20px}.hero-sub{flex-direction:column;gap:24px}.readout{grid-template-columns:repeat(2,1fr)}.readout-cell:nth-child(2n){border-right:0}.foot-grid{grid-template-columns:1fr 1fr}h1{font-size:56px}.cta-band .wrap{grid-template-columns:1fr}.topstrip-inner{grid-template-columns:1fr;height:auto;padding:10px 24px}.topstrip .left,.topstrip .right,.topstrip-center{justify-content:flex-start}.process-photo{position:static}.step{grid-template-columns:80px 1fr}.step .dur{grid-column:2}}
