:root{--ink:#070b14;--blue:#2457f5;--paper:#f7f9fc;--muted:#aab8d1;--inset:96px}*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--ink);color:#f4f7ff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #648bff;outline-offset:5px}main:focus,article:focus{outline:none}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:var(--ink);padding:16px}.skip:focus{top:12px}.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 80% 38%,#163066 0,#0c1730 30%,#070b14 69%)}.orb{position:absolute;right:5%;top:12%;width:55vw;height:65vh;background:radial-gradient(ellipse,#3261c324,transparent 65%)}.tower{position:absolute;right:5vw;top:22vh;width:min(43vw,620px);height:auto;opacity:.34;object-fit:contain;transform:none;filter:drop-shadow(0 0 2px #b9e3ff45) drop-shadow(0 3px 1px #01071580)}.horizon{position:absolute;bottom:17%;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,#749afa45,transparent)}.coordinate{position:absolute;bottom:30px;right:4%;font-size:10px;letter-spacing:.2em;color:#7793be}header{position:fixed;z-index:30;inset:0 0 auto;height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#070b14f5;border-bottom:1px solid #ffffff14;gap:20px}.brand img{display:block;width:172px;height:auto}.navigation summary{display:none}.navigation nav{display:flex;align-items:center;gap:32px;font-size:13px}.navigation nav a{padding:14px 0}.navigation nav a:last-child{border:1px solid #6980ad;padding:12px 20px;border-radius:30px}main{position:relative;z-index:1}.hero{min-height:96svh;padding:175px 5vw 65px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;line-height:1.6}.hero h1{font-size:clamp(80px,10.5vw,160px);line-height:.88;letter-spacing:-.075em;font-weight:400;margin:30px 0 45px;position:relative;max-width:1100px}.hero h1 em{font-style:normal;color:#b4caff}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.intro{color:#b6c3dc;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:27px}.button{background:#f4f7ff;color:#10234b;padding:18px 25px;display:inline-flex;gap:38px;border-radius:40px;font-size:13px;font-weight:600;min-height:50px}.text-link{display:inline-flex;align-items:center;min-height:46px;font-size:13px;border-bottom:1px solid currentColor}.index{font-size:12px;line-height:1.8;color:#b6c3dc}.index b{display:block;font-size:9px;letter-spacing:.13em;margin-top:22px;font-weight:400}.stack{margin:0 3vw;padding-bottom:5vh}.panel{position:relative;margin:0 0 60px;scroll-margin-top:100px}.surface{transform-origin:50% 0;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px #0008;background:var(--paper);color:var(--ink);padding:28px 38px 35px}.chapter{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:22px;border-bottom:1px solid #17274633}.web-heading{display:flex;justify-content:space-between;align-items:end;padding:25px 0;gap:30px}h2{font-size:clamp(42px,4.4vw,68px);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0}p{line-height:1.65}.web-heading p{font-size:13px;color:#506076;margin:0}.project{margin:0;position:relative;border:1px solid #d0d4dc;border-radius:9px;overflow:hidden;background:#e9ede5}.browser-bar{background:#fff;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;padding:11px 18px;color:#5e6b78}.project img{display:block;width:100%;height:330px;object-fit:cover;object-position:top}.project-caption{position:absolute;right:12px;bottom:12px;background:#f7f9fcf2;color:#314238;padding:9px 12px;font-size:10px}.software .surface{background:#10234b;color:#f4f7ff;border:1px solid #54709e}.software .chapter{border-color:#a0b7e13b}.software-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;padding-top:38px;align-items:center}.software-copy>p:not(.eyebrow){max-width:320px;color:#b9c8e4;font-size:15px}.software-copy h2{margin:25px 0}.workspace{background:#f0f3f8;color:#10234b;border-radius:10px;padding:26px;box-shadow:0 22px 60px #0004}.workspace-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:12px;letter-spacing:.05em}.concept{background:#dce5ff;padding:7px 9px;border:1px solid #a7bcef;border-radius:3px;white-space:nowrap}.workspace-kicker{font-size:9px;color:#5b6b81;margin:27px 0 8px;letter-spacing:.12em}.workspace h3{font-size:29px;letter-spacing:-.05em;font-weight:400;margin:0}.workspace-description{font-size:12px;color:#53647d}.workflow-nav{display:flex;justify-content:space-between;border-block:1px solid #ccd5e3;padding:13px 0;font-size:10px;color:#687990;margin:20px 0}.workflow-nav .active{color:#1649d2;font-weight:bold}.task{background:white;padding:22px;border:1px solid #dae0e9;border-radius:5px}.task-kind{font-size:8px;color:#62718a;letter-spacing:.1em}.task h4{font-size:21px;letter-spacing:-.04em;margin:12px 0}.task p{font-size:12px;color:#52627b;margin:10px 0}.task #demo-status{color:#1649b5;font-weight:bold}.task button{background:#2457f5;color:white;border:0;padding:13px 19px;min-height:44px;border-radius:4px;font-size:12px}.task button:disabled{background:#677184}dl{font-size:11px}dl div{display:flex;gap:15px;padding:7px 0;border-top:1px solid #e2e7ef}dt{min-width:80px;color:#66738a}dd{margin:0}.demo-note{font-size:10px;color:#596b85;margin-bottom:0}.systems .surface{background:#dbe7fc;padding-bottom:40px}.systems h2{margin:32px 0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:32px 0}.process>div{border-top:1px solid #aebed7;padding-top:18px}.process span{font-size:11px}.process h3{font-weight:400;letter-spacing:-.04em;font-size:28px;margin:18px 0 8px}.process p{font-size:13px;max-width:260px;color:#405473}.closing{position:relative;padding:80px 5vw 35px;min-height:85svh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(transparent,#070b14)}.closing h2{font-size:clamp(70px,9vw,135px);line-height:.95;margin:23px 0}.closing footer{margin-top:85px;border-top:1px solid #455372;padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.7;color:#aab8d1}
@media(min-width:701px) and (min-height:740px) and (prefers-reduced-motion:no-preference){.motion .panel{position:sticky;top:var(--inset);margin-bottom:22vh}.motion .panel:nth-child(2){top:108px;z-index:3}.motion .panel:nth-child(3){top:120px;z-index:4;margin-bottom:0}.motion .surface{will-change:transform}.motion .panel:first-child{z-index:2}}
@media(max-width:1000px){.navigation nav{gap:18px}.surface{padding:24px}.software-layout{gap:25px}.project img{height:290px}.workspace{padding:20px}.hero{padding-top:150px}.index{display:none}}
@media(min-width:701px){.navigation:not([open]) nav{display:flex}}
@media(max-width:700px){header{height:72px;padding:0 22px}.brand img{width:145px}.navigation summary{display:block;font-size:12px;padding:13px;border:1px solid #5b7097;border-radius:25px;list-style:none}.navigation summary::-webkit-details-marker{display:none}.navigation nav{position:absolute;top:72px;left:0;right:0;background:#0d1b35;padding:25px;flex-direction:column;align-items:stretch;gap:8px;border-bottom:1px solid #5a6a87}.navigation:not([open]) nav{display:none}.navigation nav a{padding:13px}.hero{padding:132px 24px 50px;min-height:91svh;justify-content:flex-start}.hero h1{font-size:clamp(59px,14.2vw,96px);margin:35px 0 29px}.hero .eyebrow{font-size:9px}.intro{font-size:14px;max-width:295px}.intro br{display:none}.actions{gap:20px;flex-wrap:wrap}.button{padding:16px 20px;font-size:12px}.text-link{font-size:12px}.tower{right:-9vw;top:32vh;width:78vw;height:auto;opacity:.28}.coordinate{display:none}.stack{margin:0 12px;padding:0}.panel{margin-bottom:32px}.surface{padding:21px 20px 24px;border-radius:13px}.chapter{font-size:8px;line-height:1.6;gap:15px;padding-bottom:17px}.chapter span:last-child{max-width:150px;text-align:right}.web-heading{display:block;padding:26px 0 20px}.web-heading h2{font-size:40px;margin-bottom:17px}.web-heading p{font-size:12px}.project img{height:240px;object-fit:cover;object-position:18% top;width:170%;max-width:none}.project-caption{font-size:8px;left:8px;right:auto;bottom:8px}.browser-bar{font-size:8px;padding:10px}.software-layout{display:block;padding-top:25px}.software-copy h2{font-size:42px;margin:17px 0}.software-copy>p:not(.eyebrow){font-size:14px}.software-copy .text-link{margin-bottom:27px}.workspace{padding:17px}.workspace-top{font-size:8px}.workspace h3{font-size:26px}.workspace-description{font-size:11px}.workflow-nav{font-size:9px}.task{padding:16px}.systems h2{font-size:47px}.process{grid-template-columns:1fr;gap:17px}.process>div{display:grid;grid-template-columns:25px 1fr;gap:5px 12px;padding-top:15px}.process h3{margin:0;font-size:24px}.process p{grid-column:2;margin:0;max-width:none}.closing{padding:65px 24px 30px;min-height:75svh}.closing h2{font-size:clamp(52px,13vw,85px)}.closing footer{display:block;margin-top:65px}.closing footer>*{display:block;margin-bottom:15px}}
@media(max-width:700px) and (min-height:640px) and (prefers-reduced-motion:no-preference){.motion .panel{position:sticky;top:var(--stick,84px)}.motion .panel:first-child{z-index:2}.motion .panel:nth-child(2){z-index:3}.motion .panel:nth-child(3){z-index:4}.motion .surface{will-change:transform}}
@media(max-height:739px) and (min-width:701px){.hero{padding-top:125px;min-height:740px}.tower{top:20%;width:min(35vw,390px);height:auto}}
@media(prefers-reduced-motion:reduce){.surface{transform:none!important}.panel{position:relative!important;top:auto!important;margin-bottom:40px!important}}