@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080e19;--surface:#101b29;--line:#263341;--cyan:#9affea;--muted:#9ba8b8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:#f0f5f8;font:16px/1.8 'Space Grotesk','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:88px;position:absolute;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 5%;border-bottom:1px solid #ffffff20;background:#07121c40}.brand{font-size:28px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:6px}.brand>span:last-child{color:var(--cyan)}.brand-icon{font-size:43px;line-height:1;color:var(--cyan);margin-right:5px}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{color:var(--cyan)}.nav-cta{border:1px solid #adffea65;padding:8px 18px;font-size:14px;border-radius:3px}.nav-cta span{margin-left:23px;color:var(--cyan)}.hero{min-height:790px;height:95vh;max-height:1100px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#07111ce8 0%,#07111c8a 40%,#07111c05 75%),linear-gradient(0deg,var(--bg),transparent 28%)}.hero-content{position:relative;padding:210px 5% 120px;max-width:1000px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow i{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);border-radius:50%}h1{font-size:clamp(48px,5.7vw,88px);line-height:1.25;letter-spacing:-3px;margin:29px 0 25px;font-weight:800}h1 span{color:var(--cyan)}.hero-content>p{font-size:18px;line-height:1.9;color:#c1ced9}.actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;background:var(--cyan);border:0;color:#08251f;font-weight:600;padding:14px 23px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#cafff2;transform:translateY(-2px)}.text-link{font-size:14px}.hero-note{font-size:12px;letter-spacing:1.7px;color:#a8becb;margin-top:55px}.hero-note b{color:var(--cyan);margin:0 13px}.coordinate{position:absolute;right:5%;bottom:100px;text-align:right;font-size:12px;letter-spacing:2px;color:#c1d5d9}.scroll{position:absolute;bottom:30px;left:5%;font-size:12px;color:#a3b1bf;letter-spacing:2px}.scroll span{margin-left:25px}.principles{display:flex;justify-content:space-between;align-items:center;padding:26px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px}.principles span:first-child,.principles span:last-child{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.principles i{color:var(--cyan);font-style:normal}.section{padding:110px 5%;max-width:1600px;margin:auto}h2{font-size:clamp(30px,3vw,46px);line-height:1.45;letter-spacing:-1px;margin:20px 0 26px}em{color:var(--cyan);font-style:normal}.vision{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-bottom:70px}.vision-copy{padding-top:15px}.vision-copy p{margin:0 0 23px}.muted{color:var(--muted)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.small-label{color:var(--muted);font-size:12px;margin-bottom:32px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#14233380,#10182450);padding:32px;transition:border-color .2s,transform .2s}.card:hover{border-color:#70b7aa;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;letter-spacing:1px}.symbol{font-size:46px;color:var(--cyan);line-height:1.3}.card h3{font-size:23px;margin:33px 0 14px}.card p{color:var(--muted);min-height:110px}.tags{display:flex;gap:8px;margin:24px 0 32px}.tags span{border:1px solid #31424e;padding:2px 9px;font-size:12px;color:#bbccc9}.card button{display:flex;justify-content:space-between;background:none;border:0;border-top:1px solid var(--line);width:100%;padding:20px 0 0;font-size:14px}.card button span{color:var(--cyan)}.tech{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 50%,#11353b50,transparent 65%)}.tech-tabs{display:flex;gap:20px;margin-top:35px;border-bottom:1px solid var(--line)}.tech-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:14px;color:var(--muted)}.tech-tabs button[aria-selected=true]{color:var(--cyan);border-color:var(--cyan)}#tech-description{font-size:14px;color:var(--muted);min-height:70px}.stack{align-self:center;transform:perspective(1000px) rotateY(-9deg);padding:20px}.layer{position:relative;border:1px solid #39555b;background:#101f2d;padding:25px 28px;box-shadow:8px 9px 0 #060c1490;transition:all .3s}.layer.active{border-color:var(--cyan);background:#143533}.layer span{display:block;font-size:12px;letter-spacing:2px;color:var(--cyan)}.layer strong{font-size:22px}.layer b{position:absolute;right:22px;top:32px;color:#9ab4b3;font-size:20px;font-weight:400}.connector{text-align:center;color:#80cabc;line-height:24px}.stack>p{text-align:center;font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:30px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.roadmap article{border-top:2px solid #344453;padding-top:25px}.roadmap .current{border-color:var(--cyan)}.phase{font-size:13px;color:var(--cyan);letter-spacing:1px;display:flex;justify-content:space-between}.phase span{font-size:12px;letter-spacing:0;color:var(--muted)}.roadmap h3{font-size:25px}.roadmap p{color:var(--muted);font-size:14px;line-height:2.1}.explore{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#153b3e80,transparent 70%)}.explore .eyebrow{justify-content:center}.explore>p{color:var(--muted)}.resource-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin-top:45px}.resource-links a,.resource-links button{background:#101e2a;border:1px solid #34464c;padding:22px;font-size:17px;text-align:left}.resource-links span{display:block;font-size:12px;color:var(--muted);margin-top:9px}.resource-links a:hover,.resource-links button:hover{border-color:var(--cyan)}footer{padding:45px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line)}footer p{font-size:14px;color:var(--muted)}footer>div{font-size:12px;text-align:right;color:var(--muted)}footer>div span{font-size:12px}dialog{background:#101e2b;color:#eff8f6;border:1px solid #578078;max-width:640px;width:90%;padding:42px;max-height:85vh}dialog::backdrop{background:#020912c9;backdrop-filter:blur(7px)}dialog h2{font-size:30px}dialog p{color:#bac9d2}dialog h3{font-size:18px}.close{position:absolute;top:8px;right:16px;border:0;background:none;font-size:30px}.close-bottom{margin-top:22px}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(min-width:1600px){.hero-content{padding-left:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:800px){header{height:74px}.brand{font-size:23px}nav{display:none}.hero{min-height:740px;height:90vh}.hero-content{padding-top:170px}.hero-art{object-position:65% center}.shade{background:linear-gradient(90deg,#07111cf5,#07111c65),linear-gradient(0deg,var(--bg),transparent)}h1{font-size:51px;letter-spacing:-2px}.hero-content>p{font-size:16px}.actions{gap:20px;flex-wrap:wrap}.coordinate{display:none}.principles{gap:15px;flex-wrap:wrap;font-size:13px}.principles span:first-child,.principles span:last-child{display:none}.section{padding:65px 6%}.vision,.tech{grid-template-columns:1fr;gap:20px}.cards,.roadmap,.resource-links{grid-template-columns:1fr}.section-top{display:block}.small-label{display:block;margin-bottom:15px}.card p{min-height:0}.card h3{margin-top:20px}.stack{transform:none;padding:5px}.roadmap{gap:30px}.resource-links{gap:12px}footer{flex-direction:column;align-items:flex-start}footer>div{text-align:left}dialog{padding:30px}.hero-note{margin-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}