@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#eaf0f4;background:#080d13;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #f15343;outline-offset:3px}#app{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse 47% 70% at 56% 39%,#183349,#101d2a 39%,#0a111a 72%,#080d13)}.background-grid{position:absolute;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(#97bed10b 1px,transparent 1px),linear-gradient(90deg,#97bed10b 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent 2%,black 42%,black 74%,transparent 96%);mask-image:linear-gradient(90deg,transparent 2%,black 42%,black 74%,transparent 96%)}.background-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d13,transparent 42%,transparent 70%,#080d13)}.topbar{height:80px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;border-bottom:1px solid #718a9c2b}.brand{display:flex;align-items:center;gap:17px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.brand-mark{font-family:Barlow Condensed,sans-serif;font-weight:900;letter-spacing:-.1em;font-size:28px;color:#fff;line-height:1}.brand-mark span{color:#d84037;font-size:13px;vertical-align:5px;margin:0 3px}.brand-divider{height:21px;width:1px;background:#8ba4b44d}.topright{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;letter-spacing:.16em;color:#7f96a8;display:flex;align-items:center;gap:13px}.live-dot{width:5px;height:5px;background:#f05648;border-radius:50%;box-shadow:0 0 11px #f05648}.top-index{margin-left:34px;color:#cbd6dd}.stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(285px,25%) minmax(350px,1fr) minmax(240px,21%);height:calc(100svh - 260px);min-height:590px}.intro{position:relative;z-index:4;padding:clamp(64px,9vh,130px) 0 35px 17%;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.intro>*{pointer-events:auto}.eyebrow{font-family:Barlow Condensed,sans-serif;color:#f05446;font-size:14px;font-weight:700;letter-spacing:.18em;display:flex;align-items:center;gap:12px;margin:0 0 22px;white-space:nowrap}.eyebrow-line{width:24px;height:2px;background:#f05446}.intro h1{font-family:Noto Sans SC,sans-serif;font-weight:800;letter-spacing:-.06em;font-size:clamp(44px,4.2vw,78px);line-height:1.18;margin:0;white-space:nowrap;text-shadow:0 3px 28px #05111ab0}.intro h1 em{font-style:normal;color:#e8453a}.intro-copy{max-width:310px;font-size:14px;line-height:2;color:#a2b2bd;margin:25px 0 36px;letter-spacing:.015em}.intro-actions{display:flex;align-items:center;gap:18px}.primary-btn{border:0;background:#df4339;color:#fff;height:53px;min-width:171px;display:flex;align-items:center;gap:12px;padding:0 17px;font-size:14px;font-weight:700;box-shadow:0 12px 35px #c52a2870;transition:background .2s,transform .2s}.primary-btn:hover{background:#f15648;transform:translateY(-2px)}.primary-icon{font-size:11px}.button-arrow{font-family:Barlow Condensed;font-size:21px;font-weight:500;margin-left:auto}.text-btn{border:0;background:transparent;color:#d8e0e6;font-size:13px;font-weight:700;white-space:nowrap;padding:10px 0}.text-btn span{color:#e8493d;margin-left:6px;font-size:16px}.text-btn:hover{color:#ef5045}.form-chip{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #6e849546;background:#0d1720bb;font-family:Barlow Condensed;font-size:13px;font-weight:700;letter-spacing:.12em;color:#dfebf1}.chip-square{width:6px;height:6px;background:#3ccab8}.chip-coordinate{color:#7892a4;padding-left:8px;border-left:1px solid #54677770}.viewer{position:relative;min-width:0;overflow:visible}.viewer canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:2}.viewer-halo{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:min(68vw,710px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#40759524 0%,#3a779411 34%,transparent 68%);filter:blur(10px);pointer-events:none}.viewer-topline{position:absolute;z-index:3;top:23px;left:12px;right:14px;display:flex;justify-content:space-between;gap:16px;font-family:Barlow Condensed;font-size:12px;font-weight:600;letter-spacing:.18em;color:#8199a9;pointer-events:none}.viewer-topline span:last-child{color:#dce5eb}.viewer-controls{position:absolute;z-index:3;bottom:57px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;letter-spacing:.07em;color:#91a5b4;pointer-events:none}.mouse-icon{font-size:17px;vertical-align:-2px;color:#e85144;margin-right:3px}.control-sep{color:#567082;margin:0 10px}.view-presets{position:absolute;z-index:4;bottom:17px;left:50%;transform:translate(-50%);display:flex;gap:2px;background:#101c27e8;border:1px solid #7893a548;padding:3px}.view-presets button{background:transparent;border:0;color:#8fa4b2;min-width:49px;padding:7px 9px;font-size:11px;letter-spacing:.04em}.view-presets button.active,.view-presets button:hover{background:#2b4253;color:#fff}.model-crosshair{position:absolute;z-index:1;left:50%;top:48%;width:380px;height:380px;border:1px solid #b2d5e010;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.model-crosshair:after{content:"";position:absolute;inset:29px;border:1px dashed #b2d5e014;border-radius:50%}.inspector{position:relative;z-index:3;border-left:1px solid #68829526;padding:35px 18% 26px 10%;display:flex;flex-direction:column;background:linear-gradient(90deg,#08121b34,#0a1219a3)}.inspector-head{display:flex;justify-content:space-between;gap:5px;font-family:Barlow Condensed;font-size:12px;font-weight:700;letter-spacing:.12em;color:#c8d5dc;white-space:nowrap}.inspector-index{color:#788f9f}.part-selector{display:flex;flex-direction:column;gap:2px;margin-top:30px}.part-selector button{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #7791a52d;color:#8ba0af;padding:13px 0;font-size:12px;white-space:nowrap;transition:color .18s,padding .18s}.part-selector button span{font-family:Barlow Condensed;color:#60798a;font-weight:700;margin-right:10px;font-size:13px}.part-selector button.active,.part-selector button:hover{color:#f1f4f5;padding-left:5px}.part-selector button.active span{color:#ed5144}.part-content{margin-top:auto;padding-top:45px}.part-kicker{font-family:Barlow Condensed;color:#e74f42;font-size:12px;font-weight:700;letter-spacing:.16em}.part-content h2{font-size:clamp(20px,1.8vw,28px);line-height:1.4;letter-spacing:-.04em;margin:13px 0}.part-content p{font-size:12px;line-height:1.9;color:#9caeb9;margin:0;max-width:255px}.inspector-note{border-top:1px solid #7592a43b;margin-top:27px;padding-top:16px;color:#7591a2;font-size:10px;line-height:1.5;display:flex;gap:10px}.note-marker{color:#e95346;font-size:16px;line-height:1}.timeline-shell{position:relative;z-index:5;min-height:180px;display:grid;grid-template-columns:minmax(0,1fr) 270px;background:#0b141eeb;border-top:1px solid #7d9bac3b;box-shadow:0 -20px 60px #03090e53}.timeline-main{padding:27px 4.3% 20px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;color:#f0f4f5;font-family:Barlow Condensed;font-size:13px;font-weight:700;letter-spacing:.14em}.timeline-heading b{font-weight:500;color:#718b9b}.timeline-heading span:last-child{color:#a7bbc8}.timeline-row{display:flex;align-items:center;gap:21px;margin:21px 0 11px}.play-btn{width:38px;height:38px;border:1px solid #6f879843;background:#223542;color:#e8f1f3;font-size:12px;flex:0 0 auto}.play-btn:hover{background:#e3463c}.timeline-link{border:0;background:transparent;color:#b8c8d0;white-space:nowrap;font-size:17px;padding:5px}.timeline-link span{font-size:11px}.timeline-link:hover{color:#ef5146}input[type=range]{appearance:none;-webkit-appearance:none;flex:1;width:100%;height:4px;background:linear-gradient(90deg,#e64d43 0%,#e64d43 var(--progress,0%),#35505e var(--progress,0%),#35505e 100%);cursor:pointer;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid #e84c42;background:#f1eee9;box-shadow:0 0 0 4px #e64d433a;transform:rotate(45deg)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid #e84c42;background:#f1eee9;border-radius:0;transform:rotate(45deg)}.milestones{display:flex;justify-content:space-between;padding-left:56px;padding-right:60px}.milestones button{border:0;background:none;color:#7590a1;font-size:11px;padding:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.milestones button b{font-family:Barlow Condensed;font-size:13px;color:#e74a40}.milestones button:hover{color:#f2f6f8}.timeline-side{border-left:1px solid #718da43d;padding:20px 28px;display:grid;grid-template-columns:1fr 1fr;gap:4px 13px}.metric{display:flex;flex-direction:column;gap:4px}.metric span{font-family:Barlow Condensed;font-size:11px;letter-spacing:.14em;color:#6c889a}.metric strong{font-family:Barlow Condensed;font-weight:600;font-size:29px;color:#f1f5f6;line-height:1}.timeline-side-bottom{grid-column:span 2;display:flex;gap:14px;align-items:end;justify-content:space-between;border-top:1px solid #6b85952c;padding-top:9px}.timeline-side-bottom button{border:0;background:transparent;color:#a5b7c1;font-size:11px;padding:0;white-space:nowrap}.timeline-side-bottom button:hover,.timeline-side-bottom button.active{color:#ef5146}.mobile-hint{display:none}@media(max-width:1220px){.stage{grid-template-columns:29% minmax(350px,1fr) 230px}.intro{padding-left:12%}.inspector{padding-right:8%}.intro h1{font-size:clamp(40px,4vw,58px)}.intro-actions{gap:10px}.text-btn{font-size:12px}.topright,.part-selector button{font-size:11px}}@media(max-width:900px){.topbar{height:65px}.topright{display:none}.stage{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr}.intro{grid-column:1/-1;padding:45px 6% 0}.intro h1{font-size:clamp(47px,8vw,68px)}.intro-copy{max-width:550px;margin:20px 0 22px}.form-chip{display:none}.viewer{grid-column:1/-1;height:630px;grid-row:2}.viewer-topline{left:6%;right:6%}.inspector{grid-column:1/-1;grid-row:3;border-left:0;border-top:1px solid #68829526;padding:24px 6% 32px;display:grid;grid-template-columns:45% 1fr;gap:12px 30px}.inspector-head{grid-column:1/-1}.part-selector{margin-top:5px}.part-content{margin-top:0;padding-top:8px}.inspector-note{grid-column:1/-1;margin-top:0}.timeline-shell{grid-template-columns:1fr}.timeline-main{padding:24px 6%}.timeline-side{display:none}}@media(max-width:600px){#app{background:radial-gradient(ellipse 100% 45% at 50% 37%,#1c3544,#0b141d 68%,#080d13)}.topbar{padding:0 6%}.brand{font-size:13px;gap:10px}.brand-mark{font-size:23px}.intro{padding-top:34px}.eyebrow{font-size:11px;letter-spacing:.11em}.intro h1{font-size:clamp(42px,11vw,62px)}.intro-copy{font-size:12px;line-height:1.85}.intro-actions{gap:16px}.primary-btn{height:47px;min-width:150px}.viewer{height:490px}.viewer-topline{top:14px;font-size:10px;letter-spacing:.08em}.viewer-topline span:last-child{display:none}.viewer-controls{bottom:49px;font-size:10px}.view-presets{bottom:9px}.inspector{display:block;padding-top:22px}.part-selector{display:flex;overflow-x:auto;flex-direction:row;margin-top:18px;gap:6px;scrollbar-width:none}.part-selector button{flex:0 0 auto;width:auto;padding:9px 11px;border:1px solid #718ea63d}.part-selector button.active{background:#253c4d;padding-left:11px}.part-content{padding-top:16px}.part-content h2{font-size:22px}.inspector-note{margin-top:22px}.timeline-heading{font-size:11px}.timeline-row{gap:11px;margin:18px 0}.timeline-link span{display:none}.milestones{padding:0;gap:8px}.milestones button{font-size:0;display:block;text-align:center;flex:1}.milestones button b{font-size:12px}.mobile-hint{display:block;text-align:center;padding:9px 0 17px;color:#6d8798;font-size:10px}}
