:root{--bg:#0b1020;--panel:#151d33;--ink:#f8fafc;--muted:#a7b1c4;--blue:#55a7ff;--yellow:#ffd84d;--red:#ff6577;--line:#2a3653}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 78% 5%,#1f3d68 0,transparent 30rem),var(--bg);font:16px/1.7 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}p{margin-top:0}code,pre{font-family:"Cascadia Code",Consolas,monospace}header,main,footer{width:min(1080px,calc(100% - 40px));margin:auto}header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.brand b{display:grid;place-items:center;width:34px;height:34px;color:#111827;background:var(--yellow);border-radius:7px;box-shadow:4px 4px 0 var(--red)}.brand span{display:grid;line-height:1.15}.brand small{color:var(--muted);font-size:.68rem;font-weight:600}nav{display:flex;gap:25px;color:var(--muted);font-size:.86rem}nav a:hover{color:var(--blue)}.hero{min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:70px;align-items:center;padding:65px 0}.eyebrow{margin-bottom:12px;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{max-width:720px;margin:0 0 22px;font-size:clamp(2.9rem,6vw,5.25rem)}h2{margin:0 0 22px;font-size:clamp(2.25rem,4.4vw,3.8rem)}h3{margin-bottom:10px}.lead{max-width:680px;color:#d4d9e3;font-size:1.12rem}.hero-copy>p:not(.eyebrow):not(.lead){max-width:700px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:1px solid var(--line);border-radius:6px;font-weight:800}.button:hover{border-color:var(--blue)}.primary{color:#111827;background:var(--yellow);border-color:var(--yellow);box-shadow:4px 4px 0 var(--red)}.app-shot{width:285px;margin:0;padding:9px;background:#d7dce4;border-radius:10px;box-shadow:13px 16px 0 #55a7ff27,0 28px 60px #0008}.app-shot img{display:block;width:265px;height:353px;max-width:100%;object-fit:contain;border:1px solid #657086;image-rendering:auto}.window-bar{height:27px;display:flex;align-items:center;gap:6px;color:#303848}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ff5f57}.window-bar i:nth-child(2){background:#ffbd2e}.window-bar i:nth-child(3){background:#28c840}.window-bar strong{margin-left:auto;font:700 .61rem monospace}.app-shot figcaption{padding:7px 2px 0;color:#394355;font-size:.7rem;line-height:1.4}.facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}.facts div{display:grid;padding:17px 18px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts small{color:var(--red);font-size:.65rem;font-weight:900;letter-spacing:.11em}.facts strong{font-size:.93rem}.section{padding:95px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:850px}.section-heading.narrow{max-width:760px}.section-heading>p:last-child{color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.story-grid article,.feature-grid article{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.story-grid span,.feature-grid em{color:var(--red);font:900 .75rem monospace}.story-grid p,.feature-grid p{color:var(--muted);font-size:.93rem}.source-note{margin:25px 0 0;color:var(--muted);font-size:.8rem}.source-note a{color:var(--blue);text-decoration:underline}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.feature-grid article{min-height:230px}.feature-grid h3{margin-top:38px}.math-section,.persistence,.build-section{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.math-section p,.persistence p,.build-section p{color:var(--muted)}.rule-card{padding:25px;background:#10182a;border:1px solid var(--blue);border-radius:8px}.rule-card p{margin-bottom:7px;color:var(--ink)}.rule-card small{display:block;margin-top:18px;color:var(--muted)}.code-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;margin-top:38px;align-items:start}.code-map{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-map article{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.code-map code{color:var(--yellow);font-weight:800}.code-map p{margin:8px 0 0;color:var(--muted);font-size:.88rem}.code-layout pre{margin:0;padding:22px;background:#050814;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-size:.78rem;line-height:1.85;overflow:auto}.persistence{grid-template-columns:1fr .75fr 1fr}.byte-demo{display:grid;grid-template-columns:1fr 1fr;position:relative;border:2px solid var(--blue);border-radius:8px;overflow:hidden;text-align:center}.byte-demo span{padding:25px 8px;background:#131d33}.byte-demo span+span{border-left:1px dashed var(--blue)}.byte-demo b{color:var(--yellow)}.byte-demo strong{grid-column:1/-1;padding:6px;color:#111827;background:var(--blue);font-size:.75rem}.shortcuts{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.shortcuts h3{margin-top:0}.shortcuts dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.shortcuts dt,.shortcuts dd{margin:0;padding:7px 0;border-bottom:1px solid var(--line)}.shortcuts dt{color:var(--yellow);font-family:monospace}.shortcuts dd{color:var(--muted)}.download-section{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;padding:85px 0}.download-section p{max-width:700px;color:var(--muted)}footer{padding:28px 0 42px;display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}footer a{color:var(--blue)}
@media(max-width:850px){nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr}.app-shot{justify-self:center}.facts{grid-template-columns:repeat(2,1fr)}.story-grid,.feature-grid{grid-template-columns:1fr 1fr}.math-section,.persistence,.build-section,.code-layout{grid-template-columns:1fr}.download-section{grid-template-columns:1fr}.download-section .button{justify-self:start}}
@media(max-width:560px){header,main,footer{width:min(100% - 28px,1080px)}h1{font-size:2.75rem}.hero{padding-top:45px}.app-shot{width:285px;max-width:100%}.story-grid,.feature-grid,.code-map,.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:70px 0}.actions{flex-direction:column}.download-section .button{width:100%}footer{flex-direction:column;gap:7px}}