@font-face{font-family:Flight;src:local('Arial Black');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#060b0e;color:#edf5f7;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:10;top:0;width:100%;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c6e6f224}.wordmark{position:relative;font-size:15px;letter-spacing:4px;font-weight:900;padding-bottom:10px}.wordmark b{font-weight:900}.lightbar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#c6f7ff;box-shadow:0 0 12px #7bddff}nav{display:flex;gap:38px;font-size:10px;letter-spacing:2px;font-weight:700}.hero{min-height:850px;height:100svh;position:relative;background:#03080b url('assets/hero.jpg') center/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02070ceb 0%,#02070c77 38%,transparent 67%),linear-gradient(0deg,#060b0e,transparent 28%)}.hero-content{position:relative;padding:170px 0 120px 7%;max-width:760px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#b4c9d0;display:flex;gap:12px;align-items:center}.eyebrow i{width:6px;height:6px;background:#b7f5ff;box-shadow:0 0 12px #7ee5ff}h1{font-family:Flight,'Arial Black',Arial,sans-serif;font-size:clamp(72px,8.3vw,142px);line-height:.83;letter-spacing:-6px;font-weight:950;margin:38px 0 25px;transform:scaleX(1.05);transform-origin:left}h1>span{color:transparent;-webkit-text-stroke:1.4px #c4dfe5}h1 em{display:block;font:700 11px Arial;letter-spacing:8px;color:#a5e5f2;margin:25px 0 0 5px}.intro{font-size:20px;line-height:1.5;color:#bdcbd0;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.steel-button{min-width:190px;min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 24px;background:linear-gradient(160deg,#e8f2f4,#8b9ba2 55%,#c6d1d5);color:#0b1419;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);font-size:11px;letter-spacing:1px;font-weight:800;transition:filter .2s,transform .2s}.steel-button:hover{filter:brightness(1.23);transform:translateY(-3px)}.steel-button b{font-size:22px}.steel-button.dark{background:linear-gradient(140deg,#3b4e57,#14232c);color:#d4eff5;border-top:1px solid #97cadb}.scroll-cue{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b4c9d0}.hero-side{position:absolute;right:35px;top:40%;writing-mode:vertical-rl;letter-spacing:4px;font-size:9px;color:#bfdae5}.story{position:relative;min-height:850px;padding:70px 7% 90px;background:#060b0e url('assets/story.jpg') center/cover no-repeat;isolation:isolate}.story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#060b0e33 35%,#060b0ee8 65%),linear-gradient(0deg,#060b0e,transparent 30%,transparent 65%,#060b0e)}.story-top{display:flex;justify-content:space-between;align-items:start}.stamp{font-size:9px;letter-spacing:2px;line-height:2;color:#809aa6;text-align:right}.stamp strong{font-size:11px;color:#c6edf7}.story-copy{width:48%;margin:120px 0 75px auto}h2{font-family:Flight,'Arial Black',Arial,sans-serif;font-size:clamp(38px,4.7vw,72px);font-weight:900;letter-spacing:-2.5px;line-height:.98;margin:0 0 30px}h2 span{color:#8bafbd}.story-copy p{max-width:420px;color:#bdcdd4;line-height:1.8;font-size:16px}.text-link{display:inline-block;margin-top:26px;font-size:10px;letter-spacing:2px;border-bottom:1px solid #87dbee;padding-bottom:12px}.story-caption{font-size:9px;letter-spacing:3px;color:#9ab8c5}.connection{padding:90px 7% 110px;background:radial-gradient(ellipse at 80% 0,#18323e80,transparent 60%);border-top:1px solid #6e929b35}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:50px}.connection p{color:#9fb6bf;font-size:14px}.console{padding:30px;background:linear-gradient(135deg,#192a33aa,#081219);border-top:2px solid #9fe5f2;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.console-head{display:flex;justify-content:space-between;margin-bottom:26px;font-weight:700;letter-spacing:3px;font-size:14px}.signal{font-size:8px;letter-spacing:1px;color:#9edbe9}.console .steel-button{min-width:0;flex:1}.ca-button{position:relative;width:100%;margin-top:23px;padding:20px 40px 20px 15px;text-align:left;background:#020a0f;border:1px solid #48626d;color:#b9d4df;cursor:pointer}.ca-label{display:block;font-size:9px;letter-spacing:2px;margin-bottom:10px}#ca-value{font-family:monospace;font-size:11px;overflow-wrap:anywhere}.ca-button b{position:absolute;right:15px;top:27px;font-size:23px}.console-note{font-size:11px!important;min-height:26px;margin:18px 0 0}footer{padding:35px 5%;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span,footer>a:last-child{font-size:8px;letter-spacing:2px}footer .wordmark{font-size:10px}:focus-visible{outline:2px solid #a2eaff;outline-offset:6px}@media(min-width:1700px){.hero-content{padding-top:20vh}}@media(max-width:760px){header{padding:25px 6%}.wordmark{font-size:11px;letter-spacing:2px}nav{gap:18px;font-size:8px;letter-spacing:1px}.hero{min-height:800px;height:100svh;background-position:62% center}.hero-shade{background:linear-gradient(90deg,#02070ce6,transparent),linear-gradient(0deg,#060b0e,transparent 60%)}.hero-content{padding:150px 6% 100px}h1{font-size:80px;letter-spacing:-5px}h1 em{font-size:9px;letter-spacing:5px}.intro{font-size:18px;margin-top:175px}.steel-button{min-width:155px;font-size:9px;padding:0 17px}.hero-side{display:none}.scroll-cue{left:6%;right:6%;font-size:7px;letter-spacing:1px}.story{min-height:850px;padding:55px 6%;background-position:34% center}.story:before{background:linear-gradient(0deg,#060b0e 5%,#060b0ee6 50%,#060b0e11 90%)}.story-copy{width:100%;margin:300px 0 40px}.story-copy h2{font-size:39px}.story-copy p{font-size:14px;max-width:100%}.story-caption{font-size:7px}.connection{padding:65px 6%}.connection-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.connection h2{font-size:56px}.console{padding:22px 18px}.console .actions{gap:8px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{order:3;width:100%;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
