:root{--ink:#111923;--muted:#536171;--line:#dce3ea;--soft:#f4f7f9;--orange:#ff5a1f;--blue:#2169c8;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}
.nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - var(--max))/2 + 32px));gap:42px;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:10}.brand{font-size:19px;font-weight:760;display:flex;align-items:center;gap:10px}.mark{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--orange);color:var(--orange);font-size:10px;transform:rotate(45deg)}nav{display:flex;gap:24px;margin-left:auto}nav a,.nav-github{font-size:14px;color:#344252}.nav-github{font-weight:700;color:var(--ink)}
.hero{min-height:720px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;padding-top:64px;padding-bottom:64px}.hero h1{font-size:clamp(45px,5vw,70px);line-height:1;letter-spacing:-.052em;margin:0 0 24px}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:600px;color:var(--muted);font-size:19px}.hero-points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}.hero-points li{position:relative;padding-left:25px}.hero-points li:before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--orange)}.hero-points strong,.hero-points span{display:block}.hero-points strong{font-size:15px}.hero-points span{color:var(--muted);font-size:14px;margin-top:2px}.actions{display:flex;gap:12px;margin:30px 0}.button{border:1px solid #b8c2cc;padding:12px 18px;font-weight:700;font-size:14px}.button.primary{background:var(--orange);border-color:var(--orange);color:#fff}.button:hover,.section-head>a:hover,.start a:hover,.about a:hover{text-decoration:underline;text-underline-offset:4px}.status{border-left:3px solid var(--orange);padding:7px 12px;display:flex;gap:14px;font-size:13px}.status strong{color:var(--orange);text-transform:uppercase}.hero-visual{position:relative;background-image:linear-gradient(#dbe7f8 1px,transparent 1px),linear-gradient(90deg,#dbe7f8 1px,transparent 1px);background-size:28px 28px;padding:28px;border:1px solid #c8dcf6}.hero-visual img{width:100%;display:block}.measure{position:absolute;color:var(--blue);font:11px ui-monospace,monospace}.m1{top:8px;left:10px}.m2{right:10px;bottom:8px}.product-hero{padding:12px;background:#e9edf0}.product-hero img{aspect-ratio:16/9;object-fit:cover}
.value-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip .wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.value-strip strong{color:var(--orange)}.value-strip span{color:#344252}.technical-proof{margin:38px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.band{background:var(--soft);padding:88px 0}.section-intro{max-width:780px}.band h2,.section-head h2,.architecture h2,.platforms h2,.start h2,.boundary h2,.compare h2,.manufacture h2,.about h2{font-size:38px;letter-spacing:-.035em;line-height:1.1;margin:0 0 15px}.band h2:after,.section-head h2:after,.architecture h2:after,.platforms h2:after,.start h2:after,.boundary h2:after,.compare h2:after,.manufacture h2:after,.about h2:after{content:"";display:block;width:42px;border-bottom:3px solid var(--orange);padding-top:12px}.section-intro p,.capabilities p,.section-head p,.platforms p,.start p,.boundary p,.about p{color:var(--muted)}.section-intro p{font-size:18px}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px}.capabilities article{padding:0 28px;border-left:1px solid var(--line)}.capabilities article:first-child{padding-left:0;border:0}.capabilities b{font:700 13px ui-monospace,monospace;color:var(--orange)}.capabilities h3{font-size:19px}
.software,.engineering,.platforms,.boundary,.about{padding-top:95px;padding-bottom:95px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head>div{max-width:760px}.section-head>a{color:var(--blue);font-weight:700}.screens{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.screens figure{margin:0;border:1px solid var(--line);background:#f9fbfc}.screens .screen-main{grid-column:1/-1}.screens img{display:block;width:100%;height:auto}.screens figcaption{padding:12px 16px;color:var(--muted);font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--line)}
.compare{background:#111923;color:#fff;padding:92px 0}.compare .section-intro p{color:#aeb9c6}.table-scroll{overflow-x:auto;margin-top:42px;border:1px solid #394653}.compare table{width:100%;min-width:860px;border-collapse:collapse;background:#151f29}.compare th,.compare td{padding:16px 18px;border-bottom:1px solid #34404c;border-right:1px solid #34404c;text-align:left;font-size:14px}.compare thead th{background:#0c141c;color:#fff}.compare tbody th{width:25%;color:#dce4ec}.compare td{color:#aeb9c6}.compare .yes{color:#78d6a6}.compare .warn{color:#ffb08f}.source-note{font-size:12px;color:var(--muted);margin-top:18px}.compare .source-note{color:#8f9ba8}.source-note a{text-decoration:underline;text-underline-offset:3px}
.drawings{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.drawings figure{margin:0;border:1px solid #b9d0ec;background:#fbfdff}.drawings img{width:100%;height:370px;object-fit:contain}.drawings figcaption{border-top:1px solid #b9d0ec;padding:18px;display:flex;justify-content:space-between}.drawings figcaption span{color:var(--muted);font-size:14px}
.architecture{padding:90px 0;background:#111923;color:#fff}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.4fr;align-items:center;gap:22px;margin-top:45px}.flow div{min-height:130px;border-top:2px solid var(--orange);padding-top:18px}.flow strong{display:block;font-size:18px;margin-bottom:12px}.flow span{display:block;color:#aeb9c6;font-size:14px}.flow i{font-style:normal;color:var(--orange);font-size:25px}
.operations{padding-top:95px;padding-bottom:95px}.operations figure{margin:36px 0 0}.operations img{display:block;width:100%;border:1px solid var(--line)}.operations figcaption{margin-top:10px;color:var(--muted);font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}.platform-list{margin-top:38px;border-top:1px solid var(--line)}.platform-list>div{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:18px 4px;border-bottom:1px solid var(--line)}.platform-list span{color:var(--muted)}.platform-list em{text-align:right;font-style:normal;font-family:ui-monospace,monospace;font-weight:700}.platform-list small{display:block;color:var(--muted);font-weight:400}
.manufacture{background:var(--soft);padding:92px 0}.supplier-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px}.supplier-regions article{border-top:3px solid var(--blue);padding-top:18px}.supplier-regions h3{font-size:20px;margin:0 0 12px}.supplier-regions a{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.supplier-regions a:hover strong{color:var(--blue)}.supplier-regions strong,.supplier-regions span{display:block}.supplier-regions span{font-size:13px;color:var(--muted);margin-top:4px}.manufacture-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:42px;border:1px solid var(--orange);padding:24px}.manufacture-note strong{color:var(--orange)}.manufacture-note span{color:var(--muted)}
.start{padding:90px 0;background:#111923;color:#fff}.start-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.start p{color:#aeb9c6}.start a{color:#88baff;font-weight:700}pre{margin:0;background:#0b1118;color:#e7edf3;padding:28px 30px;overflow:auto;border:1px solid #34404c;box-shadow:0 15px 45px #0004}code{font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}code span{color:#7f94a8}
.about{display:grid;grid-template-columns:1.35fr .85fr;gap:80px}.about aside{border-left:3px solid var(--orange);padding-left:28px}.about aside h3{font-size:24px;margin:0 0 12px}.about a{color:var(--blue);font-weight:700}.boundary{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.boundary-note{border:1px solid var(--orange);padding:28px}.boundary-note strong{color:var(--orange);text-transform:uppercase;font-size:13px}
footer{background:#0b1118;color:#fff;padding:40px 0}footer .wrap{display:flex;justify-content:space-between}footer strong,footer span{display:block}footer span{color:#8c9aa8;font-size:13px}footer a{color:#bdc8d3;font-size:14px;margin-left:24px}
@media(max-width:1000px){nav{display:none}.hero,.start-grid,.boundary,.about{grid-template-columns:1fr}.hero{padding-top:50px}.capabilities{grid-template-columns:1fr 1fr;gap:38px}.capabilities article:nth-child(3){border-left:0;padding-left:0}.drawings{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow i{transform:rotate(90deg);justify-self:center}.drawings figcaption{display:block}.drawings figcaption span{display:block;margin-top:5px}.supplier-regions{grid-template-columns:1fr}.manufacture-note{grid-template-columns:1fr}.about aside{border-left:0;border-top:3px solid var(--orange);padding:24px 0 0}.value-strip .wrap{display:grid;grid-template-columns:1fr 1fr;padding-top:20px;padding-bottom:20px}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.nav{padding:0 20px}.hero{min-height:auto}.hero h1{font-size:46px}.actions{flex-direction:column}.status{display:block}.status span{display:block;margin-top:4px}.capabilities{grid-template-columns:1fr}.capabilities article{border-left:0;padding:24px 0 0;border-top:1px solid var(--line)}.section-head{display:block}.screens{grid-template-columns:1fr}.screens .screen-main{grid-column:auto}.platform-list>div{grid-template-columns:1fr}.platform-list em{text-align:left}.drawings img{height:260px}.value-strip .wrap{grid-template-columns:1fr}.band h2,.section-head h2,.architecture h2,.platforms h2,.start h2,.boundary h2,.compare h2,.manufacture h2,.about h2{font-size:32px}footer .wrap{display:block}footer .wrap>div:last-child{margin-top:24px}footer a{display:block;margin:8px 0}}