@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Michroma&family=Orbitron:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#171b1e;--panel:#20262a;--line:#384147;--ink:#f0f2f2;--muted:#adb6bb;--dim:#88969e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ecf3f5;outline-offset:5px}.shell{width:min(1360px,calc(100% - 112px));margin:auto}.site-header{min-height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:400 clamp(15px,1.55vw,21px) Michroma,sans-serif;letter-spacing:.08em}.header-index{font:9px Orbitron,sans-serif;letter-spacing:.17em;color:#88959e}.header-index span{color:#4c5860;margin:0 12px}.micro,.terminal-label,.feature-number,.feature-link,.visual-code,.catalogue-tail{font-family:Orbitron,sans-serif;letter-spacing:.17em}.micro{font-size:10px;color:var(--dim)}.brand-intro{padding:64px 0 84px;max-width:950px}.terminal-label{display:flex;align-items:center;gap:11px;font-size:10px;color:#9eafb7;margin-bottom:25px}.terminal-dot{width:6px;height:6px;background:#b8c4cb;border-radius:50%}.terminal-copy{font:400 clamp(14px,1.4vw,19px)/1.9 'DM Sans',sans-serif;color:#bfc8cd;max-width:870px;margin:0}.prompt{color:#d9e1e4;font-family:Orbitron,sans-serif;margin-right:8px}.story-link{white-space:nowrap;font:500 10px Orbitron,sans-serif;letter-spacing:.1em;color:#e1e6e8;border-bottom:1px solid #839198;padding-bottom:3px;margin-left:8px}.story-link:hover{color:#fff;border-color:#fff}.cursor{margin-left:10px;color:#8299a5}.catalogue-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:0 0 23px;border-bottom:1px solid #677078}.catalogue-heading h1{font:400 clamp(26px,3.6vw,48px) Michroma,sans-serif;letter-spacing:.03em;margin:0}.catalogue-heading h1 span{color:#85939c}.catalogue-list{display:block}.feature{display:grid;grid-template-columns:41% 59%;align-items:center;min-height:520px;padding:70px 0;border-bottom:1px solid var(--line);gap:0;transition:background .2s}.feature.reverse{grid-template-columns:59% 41%}.feature.reverse .feature-visual{grid-column:1;grid-row:1}.feature.reverse .feature-copy{grid-column:2;grid-row:1;padding-left:12%;padding-right:0}.feature-copy{padding:36px 11% 36px 0}.feature-number{font-size:10px;color:#93a2ab}.feature-copy h2{font:400 clamp(26px,3vw,44px)/1.4 Michroma,sans-serif;letter-spacing:.01em;margin:26px 0}.feature-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.85;color:#b5bec5;max-width:430px;margin:0 0 40px}.feature-link{font-size:10px;color:#cdd6db;display:inline-flex;gap:32px;align-items:center;padding-bottom:8px;border-bottom:1px solid #606e76}.feature-link span{font-size:18px;line-height:1}.feature:hover .feature-link{border-color:#fff;color:#fff}.feature:hover .feature-visual{border-color:#828e95}.feature-visual{position:relative;isolation:isolate;height:clamp(290px,36vw,490px);overflow:hidden;border:1px solid #3d464c;background:radial-gradient(ellipse at 58% 44%,#4b545a,#2c3339 48%,#1d2328 80%);transition:border-color .3s}.feature-visual:after{content:'';position:absolute;inset:18px;border:1px solid #ffffff18;pointer-events:none;z-index:3}.feature-visual img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2;transition:transform .65s ease}.feature:hover .feature-visual img{transform:scale(1.025)}.photo-missing img{display:none}.photo-faceplates{background:radial-gradient(ellipse at 45% 45%,#485059,#30383f 47%,#20262b 85%)}.photo-mods{background:radial-gradient(ellipse at 60% 40%,#4d5558,#2a3135 52%,#1c2226 85%)}.photo-services{background:radial-gradient(ellipse at 48% 53%,#465057,#293137 48%,#1d2428 85%)}.placeholder-art{position:absolute;inset:0;display:none;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.photo-missing .placeholder-art{display:flex}.orbit{display:block;width:39%;aspect-ratio:1;border:clamp(14px,3.2vw,43px) solid #b1bac050;border-radius:30%;box-shadow:20px 21px 35px #090c0f66;transform:rotate(-25deg) scaleY(.78)}.photo-faceplates .orbit{border-radius:12%;width:30%;transform:rotate(18deg)}.photo-mods .orbit{border-radius:40%;transform:rotate(23deg)}.photo-services .orbit{width:28%;border-radius:5%;transform:rotate(45deg)}.hairline{position:absolute;width:130%;height:1px;background:linear-gradient(90deg,transparent,#dee5e65c,transparent);transform:rotate(-25deg)}.visual-code{position:absolute;z-index:4;bottom:32px;left:34px;color:#e0e8eb;font-size:9px;text-shadow:0 1px 10px #000}.catalogue-tail{padding:90px 0 100px;font-size:12px;color:#93a2aa}.tail-cursor{margin-left:8px}.site-footer{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;justify-content:space-between;gap:20px;color:#8b989f;font-size:11px;letter-spacing:.08em}.site-footer a:hover{color:white}.inner-page{padding:105px 0 135px;min-height:60vh}.inner-page h1{font:400 clamp(32px,5vw,68px) Michroma,sans-serif;margin:20px 0 28px}.inner-page p{color:#b9c3c8;font-size:17px;line-height:1.9;max-width:680px}.back-link{display:inline-flex;font:10px Orbitron,sans-serif;letter-spacing:.14em;border-bottom:1px solid #718089;padding-bottom:7px;margin-top:30px}.back-link:hover{color:white;border-color:white}
@media(max-width:900px){.shell{width:calc(100% - 52px)}.feature,.feature.reverse{grid-template-columns:1fr 1fr;min-height:0;padding:48px 0}.feature-copy{padding-right:9%}.feature.reverse .feature-copy{padding-left:9%}.feature-copy h2{font-size:clamp(19px,3vw,31px)}.feature-copy p{font-size:15px}.feature-visual{height:345px}.header-index{font-size:8px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.site-header{min-height:75px}.brand{font-size:14px}.header-index{display:none}.brand-intro{padding:45px 0 65px}.terminal-copy{font-size:15px;line-height:1.9}.story-link{line-height:3;margin-left:0}.catalogue-heading{align-items:baseline}.catalogue-heading h1{font-size:clamp(23px,6.6vw,33px)}.catalogue-heading .micro{font-size:8px;text-align:right}.feature,.feature.reverse{grid-template-columns:1fr;padding:34px 0 48px}.feature .feature-copy,.feature.reverse .feature-copy{grid-row:2;grid-column:1;padding:26px 0 0}.feature .feature-visual,.feature.reverse .feature-visual{grid-row:1;grid-column:1;height:clamp(270px,75vw,430px)}.feature-copy h2{font-size:clamp(25px,7vw,36px);margin:16px 0}.feature-copy p{margin-bottom:25px}.catalogue-tail{padding:65px 0 80px}.site-footer{flex-direction:column;font-size:10px}.inner-page{padding:75px 0 110px}.inner-page h1{font-size:clamp(25px,8vw,42px)}.inner-page p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-visual img,.feature,.feature-visual{transition:none}}