:root{--ink:#17191c;--muted:#69717b;--line:#d9dde2;--paper:#f5f5f3;--white:#fff;--red:#d6242f;--red2:#ef4b52;--blue:#2787a7;--green:#2c8b62;--amber:#d28b24;--shadow:0 20px 60px rgba(18,22,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;padding:0 max(28px,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:#17191c;color:white;border-bottom:3px solid var(--red);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand b{display:block;letter-spacing:.14em;font-size:15px}.brand small{display:block;color:#aeb4bc;font-size:10px;letter-spacing:.08em;margin-top:2px}.top-meta{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c6cbd1;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:#4bd18b;box-shadow:0 0 0 5px rgba(75,209,139,.1)}main{max-width:1400px;margin:auto;padding:0 28px 64px}.intro{display:grid;grid-template-columns:1.45fr .72fr;gap:64px;padding:72px 0 54px;align-items:end}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:800;margin-bottom:12px}.intro h1{font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-.055em;margin:0}.intro h1 span{color:#777f87}.lede{font-size:17px;line-height:1.7;color:#5d6570;max-width:790px;margin:26px 0 0}.basis-card{background:var(--white);padding:25px 28px;border-top:4px solid var(--red);box-shadow:0 12px 40px rgba(20,24,29,.07)}.basis-label{font-size:10px;letter-spacing:.17em;font-weight:800;color:#818891}.basis-card>strong{display:block;font-size:28px;margin:7px 0 2px}.basis-card>span{color:var(--muted);font-size:12px}.divider{height:1px;background:var(--line);margin:20px 0}.basis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.basis-grid b,.basis-grid span{display:block}.basis-grid b{font-size:15px}.basis-grid span{font-size:10px;color:var(--muted);margin-top:3px}.viewer-shell{background:#fff;box-shadow:var(--shadow);border:1px solid #e2e4e7}.viewer-head{height:95px;padding:20px 24px 16px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.viewer-head .eyebrow{margin-bottom:5px}.viewer-head h2,.section-head h2,.engineering-grid h2{margin:0;letter-spacing:-.025em}.view-buttons{display:flex;gap:6px}.view-buttons button,.transport button{appearance:none;border:1px solid var(--line);background:#f7f8f8;color:#3d444c;padding:9px 12px;border-radius:3px;font-weight:700;font-size:11px;cursor:pointer}.view-buttons button:hover,.view-buttons button.active{background:#202329;color:#fff;border-color:#202329}.viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:650px}.canvas-wrap{position:relative;min-width:0;background:radial-gradient(circle at 60% 35%,#fafbfb 0,#e9ebed 63%,#d9dcdf 100%);overflow:hidden}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}.canvas-wrap canvas:active{cursor:grabbing}.canvas-hint{position:absolute;left:18px;bottom:15px;font-size:10px;color:#68717a;background:rgba(255,255,255,.78);padding:7px 9px;backdrop-filter:blur(6px)}.cad-badge{position:absolute;left:18px;top:17px;color:#646b74;font-weight:800;letter-spacing:.12em;font-size:9px;border-left:3px solid var(--red);padding-left:9px}.axis-cube{position:absolute;right:20px;bottom:20px;width:62px;height:62px;border:1px solid rgba(64,69,75,.18);background:rgba(255,255,255,.55);backdrop-filter:blur(5px)}.axis-cube i{position:absolute;font-style:normal;font-size:10px;font-weight:900}.axis-cube .x{right:7px;bottom:9px;color:#d6242f}.axis-cube .y{left:8px;bottom:9px;color:#2787a7}.axis-cube .z{left:27px;top:7px;color:#2c8b62}.control-panel{background:#202329;color:white;padding:26px 24px;border-left:1px solid #08090a}.status-head{display:flex;gap:14px;align-items:center}.status-head>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-weight:900}.status-head small{display:block;font-size:9px;letter-spacing:.15em;color:#9098a2;margin-bottom:3px}.status-head strong{font-size:16px}.control-panel>p{color:#aeb5bd;font-size:12px;line-height:1.6;min-height:58px}.progress-track{height:3px;background:#41464d;margin:20px 0}.progress-track i{display:block;height:100%;background:var(--red);width:2%}.transport{display:grid;grid-template-columns:1fr auto auto;gap:7px}.transport button{border-color:#41464d;background:#2b2f35;color:#fff}.transport .primary{background:var(--red);border-color:var(--red)}.speed{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:20px 0;color:#9fa6ae;font-size:10px}.speed input{accent-color:var(--red);width:100%}.speed output{color:#fff;font-weight:800}.readout{border-top:1px solid #3b4046;border-bottom:1px solid #3b4046;padding:10px 0;margin-bottom:17px}.readout div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:10px}.readout span{color:#8e969f}.readout b{text-align:right;font-weight:700}.readout .good{color:#65d49b}.toggle{display:flex;align-items:center;gap:9px;color:#b2b8bf;font-size:10px;margin:12px 0;cursor:pointer}.toggle input{display:none}.toggle span{width:28px;height:15px;background:#4a5057;border-radius:20px;position:relative}.toggle span:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:white;left:2px;top:2px;transition:.2s}.toggle input:checked+span{background:var(--red)}.toggle input:checked+span:after{left:15px}.sequence-section{padding:72px 0 50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:28px}.section-head p{max-width:480px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.sequence-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sequence-card{background:#fff;border:1px solid #e1e3e5;padding:18px;min-height:130px;cursor:pointer;transition:.2s}.sequence-card:hover,.sequence-card.active{border-color:var(--red);box-shadow:0 10px 30px rgba(30,34,39,.08);transform:translateY(-2px)}.sequence-card span{font-size:10px;font-weight:900;color:var(--red)}.sequence-card b{display:block;font-size:13px;margin:14px 0 7px}.sequence-card p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.engineering-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.architecture-card,.gate-card{background:#fff;padding:34px;border:1px solid #e0e2e4}.architecture-card h2{font-size:27px;max-width:600px}.architecture-list{margin-top:26px}.architecture-list>div{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:15px 0;border-top:1px solid var(--line)}.architecture-list>div>span{color:var(--red);font-size:10px;font-weight:900}.architecture-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.architecture-list b{color:var(--ink);display:block;margin-bottom:2px}.gate-card{background:#202329;color:#fff;border:none}.gate-tag{font-size:9px;letter-spacing:.15em;color:#fff;background:var(--red);display:inline-block;padding:7px 9px;margin-bottom:16px}.gate-card p,.gate-card li{font-size:11px;line-height:1.6;color:#b9bfc6}.gate-card ul{padding-left:18px}.gate-card li{margin:7px 0}.gate-foot{border-top:1px solid #43484f;margin-top:18px;padding-top:15px;color:#efc061;font-size:10px;line-height:1.5}footer{max-width:1400px;margin:auto;padding:28px;display:flex;align-items:center;gap:10px;border-top:1px solid #d5d8db;color:#777f87;font-size:10px}footer img{width:25px;height:25px;border-radius:50%}footer span:last-child{margin-left:auto;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
@media(max-width:1000px){.intro{grid-template-columns:1fr}.viewer-grid{grid-template-columns:1fr}.canvas-wrap{min-height:620px}.control-panel{border-left:0}.sequence-cards{grid-template-columns:repeat(2,1fr)}.engineering-grid{grid-template-columns:1fr}}
@media(max-width:650px){main{padding:0 14px 40px}.topbar{padding:0 16px}.top-meta{display:none}.intro{padding-top:45px;gap:30px}.intro h1{font-size:42px}.viewer-head{height:auto;display:block}.view-buttons{margin-top:14px;overflow:auto}.canvas-wrap{min-height:500px}.sequence-cards{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:15px}.engineering-grid article{padding:25px}}