:root{color-scheme:dark;--ink:#f6f7fd;--muted:#a7adc4;--mint:#22d7a4;--pointer-x:72vw;--pointer-y:25vh;--line:rgba(164,171,223,.15)}
*{box-sizing:border-box}
html{min-width:320px;background:#0b0e1d;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible{outline:3px solid var(--mint);outline-offset:7px}
.skip-link{position:fixed;left:24px;top:12px;transform:translateY(-200%);z-index:10;background:var(--ink);color:#0b0e1d;padding:12px 18px;border-radius:10px}
.skip-link:focus{transform:none}
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 79% 16%,rgba(95,81,200,.32),transparent 42%),radial-gradient(ellipse at 12% 107%,rgba(15,183,157,.15),transparent 45%),linear-gradient(125deg,#0b0e1b 15%,#10152d 56%,#1a1240 100%)}
.ambient:before,.grid-light{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(161,161,222,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(161,161,222,.065) 1px,transparent 1px);background-size:48px 48px}
.ambient:before{mask-image:linear-gradient(#000,rgba(0,0,0,.58) 67%,transparent)}
.grid-light{background-image:linear-gradient(rgba(163,151,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(163,151,255,.3) 1px,transparent 1px);mask-image:radial-gradient(310px circle at var(--pointer-x) var(--pointer-y),#000,transparent);-webkit-mask-image:radial-gradient(310px circle at var(--pointer-x) var(--pointer-y),#000,transparent)}
.ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(460px circle at var(--pointer-x) var(--pointer-y),rgba(112,87,250,.15),transparent 80%)}
.orbit{position:absolute;right:-300px;bottom:-405px;width:850px;height:850px;border:1px solid rgba(171,151,255,.09);border-radius:50%;box-shadow:0 0 0 78px rgba(171,151,255,.028),0 0 0 156px rgba(171,151,255,.017)}
.page{position:relative;z-index:1;max-width:1600px;min-height:100svh;margin:auto;padding:42px clamp(24px,5.2vw,84px) 24px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:14px;min-height:48px}
.brand img{width:48px;height:48px;box-shadow:0 9px 30px rgba(75,49,233,.25);border-radius:16px}
.brand strong{display:block;font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.035em}
.brand-dot{color:#9486ff}
.brand small{display:block;font-size:12px;color:var(--muted);letter-spacing:.015em;margin-top:2px}
.header-link{display:flex;align-items:center;gap:24px;min-height:46px;border-bottom:1px solid rgba(174,162,249,.28);font-size:14px;font-weight:650}
.header-link span{color:var(--mint);font-size:22px;line-height:1}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(74px,10vh,134px) 0 60px;outline:none}
.hero{max-width:890px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 27px;font-size:11px;line-height:1.6;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#c5c8da}
.status-dot{flex:0 0 6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(34,215,164,.1)}
h1{margin:0 0 28px;font-size:clamp(70px,9.1vw,132px);font-weight:850;line-height:.99;letter-spacing:-.065em}
h1 span{color:var(--mint)}
.intro{margin:0 0 36px;color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.7;letter-spacing:-.018em;max-width:590px}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:62px;padding:12px 13px 12px 24px;border:1px solid rgba(85,243,193,.55);border-radius:14px;background:var(--mint);color:#07271f;font-size:16px;font-weight:750;box-shadow:0 10px 38px rgba(19,191,144,.11);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.primary-link .arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid rgba(0,40,28,.18);font-size:23px;line-height:1}
.primary-link:hover{background:#42e5b7;transform:translateY(-2px);box-shadow:0 15px 42px rgba(19,191,144,.18)}
.link-note{margin:12px 0 0;color:#929bb5;font-size:12px;line-height:1.6}
.project-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(48px,8vh,92px)}
.project-notes>div{display:flex;align-items:center;gap:13px;min-height:55px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:rgba(138,150,211,.055);font-size:12px;font-weight:650;color:#c2c7dc}
.note-number{font-size:11px;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums}
.footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(173,178,225,.1);color:#939db5;font-size:11px;letter-spacing:.02em}
.footer-dot{color:var(--mint);font-size:17px;margin-left:2px}
@media(min-width:1600px){.page{padding-right:100px;padding-left:100px}}
@media(max-width:760px){.page{padding:27px 26px 23px}.header{gap:14px}.brand{gap:11px}.brand img{width:42px;height:42px;border-radius:14px}.brand strong{font-size:17px}.brand small{font-size:11px}.header-link{font-size:12px;gap:10px}main{padding:88px 0 52px}h1{font-size:clamp(72px,13.3vw,100px)}.eyebrow{font-size:9px;letter-spacing:.1em;gap:10px;margin-bottom:26px}.intro{font-size:17px;max-width:460px}.desktop-break{display:none}.primary-link{min-height:60px}.project-notes{margin-top:57px;gap:9px}.project-notes>div{padding:11px 13px;min-height:48px;font-size:11px}.orbit{right:-550px;bottom:-480px}.footer{font-size:10px}}
@media(max-width:390px){.page{padding-right:21px;padding-left:21px}.brand strong{font-size:15px}.brand small{font-size:10px}.brand img{width:39px;height:39px}.header-link{gap:7px}.header-link span{font-size:19px}.eyebrow{font-size:8.5px}.primary-link{width:100%;gap:12px}.footer{flex-wrap:wrap;gap:7px}.project-notes>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.grid-light{display:none}.ambient:after{display:none}.primary-link:hover{transform:none}}