:root{--bg:#07131d;--panel:#0b1c29;--line:rgba(112,240,193,.16);--text:#effaf7;--muted:#97aeb6;--mint:#70f0c1;--blue:#48a9ff;--amber:#ffc56a;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.nav{height:78px;display:flex;align-items:center;gap:38px;padding-right:72px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.04em}.brand img{border-radius:10px}.nav nav{display:flex;gap:28px;margin-left:auto;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--text)}.nav-cta{border:1px solid var(--line);padding:8px 17px;border-radius:99px;font-weight:700;font-size:14px}
.github-ribbon{position:absolute;top:0;right:0;width:150px;height:150px;overflow:hidden;z-index:50}.github-ribbon span{position:absolute;top:33px;right:-48px;width:205px;padding:8px 0;color:#fff;background:linear-gradient(#d83a3a,#a90000);border-block:1px solid rgba(255,255,255,.35);box-shadow:0 3px 8px rgba(0,0,0,.35);font:700 12px/1.3 ui-sans-serif,system-ui,sans-serif;text-align:center;text-shadow:0 -1px rgba(0,0,0,.4);transform:rotate(45deg)}.github-ribbon:hover span{background:linear-gradient(#ed4b4b,#bd0000)}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-block:70px 95px}.hero:before{content:"";position:absolute;inset:0 0 auto;height:760px;pointer-events:none;background:radial-gradient(circle at 75% 35%,rgba(72,169,255,.13),transparent 33%),radial-gradient(circle at 18% 20%,rgba(112,240,193,.07),transparent 27%)}.hero-copy,.note-scene{position:relative;z-index:1}.eyebrow{margin:0 0 18px;text-transform:uppercase;color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.18em}.eyebrow span{display:inline-block;width:22px;height:2px;background:var(--mint);vertical-align:middle;margin-right:10px}h1{margin:0;font-size:clamp(54px,6.7vw,88px);line-height:.98;letter-spacing:-.055em;max-width:760px}h1 em{color:var(--blue);font-style:normal}.lead{max-width:630px;margin:28px 0;color:var(--muted);font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:13px 21px;border-radius:9px;font-weight:780;font-size:14px;transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#052019;background:linear-gradient(135deg,var(--mint),var(--blue));box-shadow:0 10px 30px rgba(72,169,255,.16)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.025)}.facts{display:flex;gap:23px;margin-top:31px;color:#718b94;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.facts span:before{content:"✓";color:var(--mint);margin-right:7px}
.note-scene{min-height:540px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(72,169,255,.13);border-radius:50%}.orbit-one{width:480px;height:480px}.orbit-two{width:590px;height:590px}.note-card{width:min(400px,85vw);height:300px;padding:28px;border:1px solid #34566a;border-radius:18px;background:linear-gradient(145deg,#102737,#091721);transform:perspective(1000px) rotateY(-8deg) rotateX(2deg);box-shadow:var(--shadow);position:relative}.note-top{font:700 9px/1 monospace;letter-spacing:.09em;color:#91abb3}.note-top b{float:right;color:#fff}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.secret-lines{margin-top:52px}.secret-lines i{display:block;height:8px;margin:15px 0;border-radius:9px;background:linear-gradient(90deg,#254355 0 70%,transparent 70%)}.secret-lines i:nth-child(2){width:85%}.secret-lines i:nth-child(3){width:92%}.secret-lines i:nth-child(4){width:58%}.key-fragment{position:absolute;left:28px;bottom:25px;color:#60818e;font:11px monospace}.seal{position:absolute;right:25px;bottom:21px;display:flex;align-items:center;gap:7px;color:var(--mint);font-size:27px}.seal small{font:700 8px/1.05 monospace}.destroy-card{position:absolute;left:1%;bottom:38px;display:flex;align-items:center;gap:12px;min-width:270px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:rgba(9,27,39,.94);box-shadow:var(--shadow)}.destroy-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#052019;background:var(--mint);font-weight:900}.destroy-card strong,.destroy-card small{display:block}.destroy-card strong{font-size:13px}.destroy-card small{color:var(--muted);font-size:11px}
.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.trust-content{min-height:78px;display:flex;justify-content:space-around;align-items:center;gap:20px;color:#86a0aa;font-size:13px}.trust-content span:before{content:"◆";color:var(--blue);margin-right:9px;font-size:8px}.section{padding-block:120px}.section-heading{max-width:700px;margin-bottom:52px}.section-heading.compact{margin-bottom:35px}h2{margin:0 0 17px;font-size:clamp(37px,5vw,58px);line-height:1.05;letter-spacing:-.04em}.section-heading>p:last-child,.architecture-copy>p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-grid article{min-height:245px;padding:32px;background:var(--bg)}.glyph{display:grid;place-items:center;width:42px;height:42px;margin-bottom:34px;border:1px solid var(--line);border-radius:9px;color:var(--blue);background:rgba(72,169,255,.055);font:700 19px monospace}h3{margin:0 0 9px;font-size:18px}.feature-grid p{margin:0;color:var(--muted);font-size:14px}
.workflow{background:#091a27;border-block:1px solid var(--line)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0}.steps li{position:relative;padding-top:22px;border-top:1px solid #214253}.steps li:before{content:"";position:absolute;top:-3px;left:0;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.steps span{color:#4f6d79;font:700 12px monospace}.steps strong{display:block;margin:16px 0 6px}.steps p{color:var(--muted);font-size:14px;margin:0}
.architecture{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.architecture-copy a{color:var(--mint);font-size:14px;font-weight:700}.diagram{position:relative;min-height:330px;padding:50px 30px;border:1px solid var(--line);border-radius:14px;background:#06111a;box-shadow:var(--shadow)}.box{padding:22px;border:1px solid #254657;border-radius:10px;background:#0d2130}.box small,.fragment small{display:block;margin-bottom:8px;color:#63818d;font:700 9px monospace;letter-spacing:.12em}.box strong{font:700 14px monospace}.browser{width:56%}.server{width:48%;margin-left:auto}.arrow{margin:12px 15%;color:var(--blue);font:700 18px monospace}.arrow span{margin-right:12px;color:#63818d;font-size:10px}.fragment{position:absolute;right:27px;top:54px;padding:14px;border:1px solid rgba(112,240,193,.25);border-radius:9px;background:#0d2630;box-shadow:0 15px 35px rgba(0,0,0,.28)}.fragment code{font-size:11px}.fragment code span{color:var(--mint)}
.self-host{padding-top:30px}.self-host-card{display:flex;gap:42px;align-items:center;padding:48px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,var(--panel),#0a1924)}.self-host-card img{border-radius:24px;box-shadow:0 15px 45px rgba(0,0,0,.38)}.self-host-card h2{font-size:clamp(32px,4vw,48px)}.self-host-card p:not(.eyebrow){color:var(--muted);max-width:760px}.cta{text-align:center;padding-block:140px}.cta p:not(.eyebrow){color:var(--muted);max-width:620px;margin:0 auto 28px}.actions.centered{justify-content:center}footer{min-height:100px;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);color:#718d96;font-size:12px}footer p{margin:0 auto}footer>a{color:var(--mint)}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.note-scene{min-height:470px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.architecture{grid-template-columns:1fr;gap:45px}}
@media(max-width:600px){.shell{width:min(100% - 26px,1160px)}.nav{height:66px;padding-right:62px}.nav-cta{display:none}.github-ribbon{position:fixed;width:120px;height:120px}.github-ribbon span{top:27px;right:-52px;width:190px;padding-block:6px;font-size:11px}.hero{padding-block:50px 70px}.lead{font-size:17px}.note-scene{min-height:390px}.destroy-card{left:0;bottom:3px}.facts{flex-direction:column;gap:5px}.trust-content{flex-direction:column;align-items:flex-start;padding-block:22px}.section{padding-block:82px}.feature-grid,.steps{grid-template-columns:1fr}.self-host-card{flex-direction:column;align-items:flex-start;padding:30px}.diagram{padding:34px 18px}.fragment{position:static;margin:15px 0}.browser,.server{width:100%}footer{flex-wrap:wrap;padding-block:25px}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}