@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b1722;--panel:#102330;--panel2:#132b37;--light:#edf5f4;--sub:#afc2c9;--green:#78efc4;--line:#294452}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;z-index:5;background:white;color:black;padding:8px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;font:700 22px 'Space Grotesk',sans-serif;line-height:1}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:2.5px;color:var(--sub);margin-top:6px}.brand strong{color:var(--green)}.mark{height:46px;width:46px;border:1px solid #49796f;border-radius:13px;display:grid;place-items:center;background:#163c3e;color:var(--green);font-size:17px;letter-spacing:-1px}.header nav{display:flex;gap:29px;color:#c5d4d6;font-size:13px;font-weight:600}.nav-cta{border:1px solid #426356;border-radius:9px;padding:11px 15px;color:var(--green);font-size:12px;font-weight:700}.hero{border-top:1px solid #223846;border-bottom:1px solid #28404b;background:radial-gradient(ellipse at 65% 0%,#173f45 0%,transparent 46%),#0b1722}.hero-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:44px;align-items:center;min-height:630px;padding-top:50px;padding-bottom:65px}.eyebrow,.kicker{font:700 11px 'DM Sans',sans-serif;letter-spacing:2.7px;color:var(--green)}.eyebrow{display:inline-flex;align-items:center;gap:9px}.pulse{height:7px;width:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em;line-height:1.09;margin:0}h1{font-size:clamp(43px,4.4vw,73px);margin:30px 0}h1 span{color:#b3c9c9}em{font-style:normal;color:var(--green)}.lead{font-size:17px;line-height:1.8;color:#b6c8d0;max-width:610px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{display:inline-flex;align-items:center;gap:12px;padding:14px 21px;border-radius:9px;font-weight:700;font-size:13px}.primary{background:var(--green);color:#0a2928}.primary:hover{color:#0a2928;background:#a0ffdc}.secondary{border:1px solid #365260;color:#e1efec}.hero-foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:60px;font:600 10px 'DM Sans';letter-spacing:1.25px;color:#8faeb3}.visual{background:linear-gradient(150deg,#152f3b,#0b1c2a);border:1px solid #315464;border-radius:18px;position:relative;box-shadow:0 30px 100px #020e17aa;overflow:hidden}.visual svg{display:block;width:100%}.visual-label,.visual-bottom{font:600 10px monospace;color:#88b6ba;letter-spacing:1px}.visual-label{position:absolute;top:20px;left:23px}.visual-bottom{position:absolute;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between}.section{padding-top:110px;padding-bottom:110px}.section-intro{max-width:760px;margin-bottom:48px}h2{font-size:clamp(37px,4.2vw,60px);margin:21px 0}.section-intro p,.split-title p,.end p{font-size:17px;color:var(--sub);max-width:640px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:linear-gradient(140deg,#142d39,#10232f);border:1px solid var(--line);padding:30px;border-radius:14px;min-height:285px;display:flex;flex-direction:column}.feature-num{font:600 13px monospace;color:var(--green)}.feature h3{font-size:25px;margin-top:30px}.feature p{color:var(--sub);font-size:14px;line-height:1.7}.tag{margin-top:auto;font:700 9px 'DM Sans';letter-spacing:1.6px;color:#8fc7b5}.darker{background:#09141e;border-block:1px solid #223846}.split-title{display:flex;justify-content:space-between;gap:40px;align-items:center}.split-title p{max-width:400px}.architecture{max-width:770px;margin:55px auto 0}.layer{background:#112736;border:1px solid #355465;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.layer strong{font:600 23px 'Space Grotesk';letter-spacing:-.6px}.layer span:not(.layer-eyebrow){color:#b5ced3;font-size:12px}.layer-eyebrow{font:700 10px monospace;color:#7dbaae;letter-spacing:1px}.public{background:#183742}.database{border-color:#65bd9c}.arrows{text-align:center;color:var(--green);font-size:24px;line-height:2}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.twocol .layer{display:flex;flex-direction:column;align-items:flex-start}.future{text-align:center;font:700 10px 'DM Sans';letter-spacing:1.6px;color:#91b5b6;margin-top:26px}.fine{text-align:center;color:#729198;font-size:12px;margin-top:23px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid #42606b}.timeline>div{position:relative;padding:28px 25px 0 0}.timeline>div:before{content:'';position:absolute;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--green)}.stage{color:var(--green);font:700 11px monospace}.stage b{margin-left:7px;color:#a7bbbe;font-size:9px}.timeline h3{font-size:22px;margin:19px 0}.timeline p{font-size:14px;color:var(--sub)}.end{background:linear-gradient(115deg,#123c3c,#112d37);border-block:1px solid #477f75}.end-flex{padding-top:80px;padding-bottom:90px;display:flex;justify-content:space-between;align-items:end;gap:30px}.end h2{margin-bottom:18px}.end p{max-width:570px}.footer{padding:30px 0 50px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#9bb4b9}.footer strong{color:var(--green)}@media(max-width:950px){.header nav{display:none}.hero-grid{grid-template-columns:1fr}.visual{max-width:580px}.cards{grid-template-columns:1fr}.split-title,.end-flex{display:block}.timeline{grid-template-columns:1fr 1fr;row-gap:26px}.end .primary{margin-top:15px}}@media(max-width:580px){.shell{width:calc(100% - 36px)}.header{height:78px}.header .nav-cta{font-size:11px;padding:9px}.hero-grid{padding:55px 0}.hero-foot{margin-top:30px}.section{padding:75px 0}.twocol{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.layer{align-items:flex-start}.footer{display:block}.footer span{display:block;margin-bottom:8px}}