:root{--bg:#030b19;--surface:#0a1629;--text:#f5f7fb;--muted:#9aa9c0;--line:#18304f;--blue:#1769ff;--bright:#2f7cff;--lime:#b7f23a;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;display:flex;flex-direction:column;color:var(--text);background:radial-gradient(circle at 78% 10%,rgba(23,105,255,.12),transparent 28rem),linear-gradient(rgba(33,67,107,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(33,67,107,.12) 1px,transparent 1px),var(--bg);background-size:auto,72px 72px,72px 72px,auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--bright)}a:visited{color:#78a7ff}a:hover{color:#9bbcff}main{flex:1}.container{--bs-gutter-x:2.25rem}
.site-header{position:relative;z-index:20;border-bottom:1px solid rgba(88,125,171,.2);background:rgba(3,11,25,.78);backdrop-filter:blur(18px)}.navbar{min-height:84px}.navbar-brand,.navbar-brand:visited{color:var(--text);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;letter-spacing:-.055em}.navbar-brand span{color:var(--bright)}.navbar-brand:hover{color:#fff}.navbar .nav-link,.navbar .nav-link:visited{position:relative;color:var(--muted);font-weight:600;padding-inline:0!important}.navbar .nav-link:hover,.navbar .nav-link.active,.navbar-nav .nav-link.active{color:var(--text)}.nav-link.active:after{position:absolute;right:0;bottom:-12px;left:0;height:2px;content:"";background:var(--blue)}.navbar-toggler{border-color:var(--line)}.navbar-toggler-icon{filter:invert(1)}
.hero{position:relative;min-height:min(790px,calc(100vh - 84px));display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(88,125,171,.18)}.hero-copy{position:relative;z-index:2;padding-block:7rem}.hero h1{max-width:760px;margin:0 0 1.75rem;font-size:clamp(3.4rem,7.2vw,7rem);font-weight:780;letter-spacing:-.07em;line-height:.93}.hero h1 span{color:var(--bright)}.hero .lead{max-width:660px;margin-bottom:2.25rem;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem}.btn-ds,.btn-ds:visited{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1.35rem;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none;transition:.2s}.btn-ds:hover{transform:translateY(-2px);background:var(--bright);color:#fff;box-shadow:0 14px 36px rgba(23,105,255,.24)}.btn-link-ds,.btn-link-ds:visited{color:var(--bright);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-block:.45rem}.btn-link-ds:hover{color:#73a5ff}
.hero-visual{position:absolute;top:10%;right:-5%;width:min(50vw,720px);height:80%;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 18%)}.code-orbit{position:absolute;inset:8% 5%;border:1px solid rgba(47,124,255,.34);border-radius:50%;animation:orbit 18s linear infinite}.code-orbit:before,.code-orbit:after{position:absolute;content:"";border-radius:50%;background:var(--lime);box-shadow:0 0 22px rgba(183,242,58,.7)}.code-orbit:before{top:10%;left:22%;width:7px;height:7px}.code-orbit:after{right:10%;bottom:24%;width:4px;height:4px}.code-lines{position:absolute;top:18%;right:7%;left:18%;display:grid;gap:14px;transform:rotate(-5deg)}.code-lines i{height:5px;display:block;border-radius:10px;background:linear-gradient(90deg,var(--blue),rgba(23,105,255,.06));box-shadow:-90px 0 rgba(23,105,255,.16)}.code-lines i:nth-child(3n){width:70%;background:linear-gradient(90deg,var(--lime),rgba(183,242,58,.04))}.code-lines i:nth-child(2n){width:84%;margin-left:12%}.code-glyph{position:absolute;color:var(--lime);font:700 clamp(2rem,4vw,4rem)/1 ui-monospace,monospace}.code-glyph.one{top:20%;left:12%}.code-glyph.two{right:10%;bottom:15%;color:var(--bright)}
.section{padding-block:clamp(5rem,10vw,9rem)}.section-heading{max-width:830px;margin-bottom:3.25rem}.section-heading h1,.section-heading h2{margin:0 0 1rem;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:730;letter-spacing:-.06em;line-height:1}.section-heading h1 span,.section-heading h2 span{color:var(--bright)}.section-heading p{margin:0;color:var(--muted);font-size:1.15rem;line-height:1.7}.tool-rail{position:relative;overflow:hidden;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--blue);border-radius:var(--radius);background:linear-gradient(110deg,rgba(10,22,41,.96),rgba(4,14,30,.78));box-shadow:var(--shadow)}.tool-icon{width:88px;height:88px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(183,242,58,.5);border-radius:16px;color:var(--lime);font:800 1.15rem/1 ui-monospace,monospace;background:rgba(183,242,58,.06)}.tool-rail h2,.tool-rail h3{letter-spacing:-.035em}.tool-rail p{color:var(--muted);line-height:1.7}.sheet-map{min-height:210px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25%;opacity:.8}.mini-sheet{height:170px;border:1px solid var(--line);background:linear-gradient(rgba(47,124,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(47,124,255,.16) 1px,transparent 1px);background-size:100% 34px,34px 100%}.mini-sheet:last-child{border-color:rgba(183,242,58,.55)}.map-lines{position:absolute;inset:0}.map-lines i{position:absolute;left:35%;width:31%;height:1px;background:var(--lime)}.map-lines i:nth-child(1){top:34%}.map-lines i:nth-child(2){top:50%}.map-lines i:nth-child(3){top:66%}.map-lines i:before,.map-lines i:after{position:absolute;top:-3px;width:7px;height:7px;content:"";border-radius:50%;background:var(--lime)}.map-lines i:before{left:0}.map-lines i:after{right:0}
.lab-band{padding-block:clamp(4rem,8vw,7rem);border-block:1px solid rgba(88,125,171,.18);background:rgba(5,15,32,.72)}.lab-band h2{max-width:680px;margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.06em;line-height:1}.lab-band h2 span{color:var(--bright)}.lab-band p{max-width:580px;color:var(--muted);font-size:1.15rem;line-height:1.7}.terminal{color:var(--muted);font:500 .95rem/2 ui-monospace,monospace}.terminal .blue{color:var(--bright)}.terminal .lime{color:var(--lime)}.back-link{display:inline-flex;gap:.55rem;color:var(--bright);font-weight:700;text-decoration:none}.back-link:hover{color:#73a5ff}.site-footer{border-top:1px solid rgba(88,125,171,.2);color:var(--muted);background:rgba(2,8,18,.86)}.footer-mark{color:var(--lime);font:700 1rem ui-monospace,monospace}:focus-visible{outline:3px solid rgba(183,242,58,.8);outline-offset:4px}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}@media(max-width:991.98px){.hero-visual{right:-25%;width:75vw;opacity:.42}.hero-copy{padding-block:6rem}.sheet-map{margin-top:2.5rem}}@media(max-width:767.98px){.container{--bs-gutter-x:1.5rem}.navbar{min-height:70px}.navbar-collapse{padding-block:1rem}.nav-link{padding-block:.7rem!important}.nav-link.active:after{display:none}.hero{min-height:auto}.hero-copy{padding-block:5.5rem}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-visual{top:22%;right:-55%;width:120vw;height:60%;opacity:.25}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding-block:5rem}.section-heading{margin-bottom:2.25rem}.tool-icon{width:70px;height:70px}.sheet-map{min-height:150px;gap:18%}.mini-sheet{height:130px;background-size:100% 26px,26px 100%}}