:root{color-scheme:light;--bg: #f7f9fc;--surface: #ffffff;--surface-alt: #eef6f4;--text: #17202a;--muted: #5c6876;--line: #d8dee8;--brand: #0f766e;--brand-strong: #0b5d56;--brand-ink: #073b37;--accent: #2563eb;--accent-soft: #e8f0ff;--code-bg: #101828;--code-text: #f8fafc;--warm: #f59e0b;--shadow: 0 16px 44px rgba(23, 32, 42, .08);--shadow-soft: 0 8px 24px rgba(23, 32, 42, .06);--radius: 8px;--container: min(1120px, calc(100vw - 32px) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#ffffff 0,var(--bg) 520px),var(--bg);color:var(--text);line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}button,input,textarea{font:inherit}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}:focus-visible{outline:3px solid rgba(37,99,235,.38);outline-offset:3px}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:10px 14px;border-radius:var(--radius);background:var(--brand-ink);color:#fff}.skip-link:focus{top:16px}.container{width:var(--container);margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(216,222,232,.88);background:#fffffff0;backdrop-filter:blur(14px)}.header-inner{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:850;text-decoration:none}.brand-mark{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid rgba(7,59,55,.16);border-radius:var(--radius);background:var(--brand-ink);color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 10px 24px #073b3729}.site-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.site-nav a{min-height:36px;padding:7px 10px;border-radius:var(--radius);color:#334155;font-size:.92rem;font-weight:760;text-decoration:none}.site-nav a:hover{background:#eff8f5;color:var(--brand-strong)}.hero{padding:74px 0 54px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(15,118,110,.08),transparent 46%),linear-gradient(90deg,rgba(37,99,235,.06),transparent 58%),#fff}.hero-grid,.app-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);gap:46px;align-items:center}.hero-copy h1,.app-hero h1{max-width:780px;margin:0 0 18px;color:#0f172a;font-size:clamp(2.75rem,6vw,5.2rem);line-height:.98}.hero-copy p,.app-hero p{max-width:660px;margin:0;color:#475569;font-size:1.1rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button,.hero-actions a,.hero-actions span{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius);background:var(--brand-ink);color:#fff;font-size:.94rem;font-weight:820;text-decoration:none;box-shadow:0 10px 24px #073b3729}.button:hover,.hero-actions a:hover{background:var(--brand-strong)}.button.secondary,.hero-actions .secondary{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.button.disabled{cursor:default;opacity:.72}.universe-panel,.ledger-panel,.feature-graphic{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.universe-panel{position:relative;overflow:hidden;padding:18px}.universe-panel:before{position:absolute;inset:0 0 auto;height:4px;content:"";background:linear-gradient(90deg,var(--brand),var(--accent))}.panel-topline,.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-topline{padding:8px 0 14px;border-bottom:1px solid #edf2f7}.panel-topline span,.card-topline span,.section-label,.future-rail span{color:var(--brand-strong);font-size:.75rem;font-weight:860;letter-spacing:0;text-transform:uppercase}.panel-topline strong{padding:5px 9px;border-radius:var(--radius);background:#ecfdf5;color:#047857;font-size:.78rem}.launch-stack{display:grid;gap:10px;margin-top:14px}.launch-tile{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid #dbe3ec;border-radius:var(--radius);background:#f8fbfd;text-decoration:none}.launch-tile:hover,.project-card:hover,.future-rail article:hover{border-color:#b9ccc6;transform:translateY(-1px)}.project-card:hover,.project-card:focus-visible{box-shadow:0 14px 34px #17202a1c}.launch-mark{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:.74rem;font-weight:900}.launch-tile.tools .launch-mark,.launch-tile.apps .launch-mark{background:#ecfdf5;color:var(--brand-strong)}.launch-tile.games .launch-mark{background:#fff7ed;color:#b45309}.launch-tile strong,.launch-tile small{display:block}.launch-tile strong{color:#0f172a;line-height:1.2}.launch-tile small{margin-top:3px;color:var(--muted)}.panel-console{display:grid;gap:6px;margin-top:14px;padding:14px;border-radius:var(--radius);background:var(--code-bg);color:var(--code-text)}.panel-console span{color:#a7f3d0;font-size:.82rem}.section{padding:62px 0}.section-heading{max-width:760px;margin-bottom:24px}.section-heading.compact{margin-bottom:0}.section-heading h2,.principle-grid h2,.app-copy h2{margin:7px 0 10px;color:#0f172a;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.08}.section-heading p,.future-rail p,.principle-grid p,.app-copy p,.project-card p{margin:0;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.project-card,.future-rail article,.principle-grid article{min-width:0;border:1px solid #dbe3ec;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.project-card{display:flex;min-height:260px;flex-direction:column;padding:18px;color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.card-topline small{padding:4px 8px;border-radius:var(--radius);background:#ecfdf5;color:#047857;font-size:.74rem;font-weight:820}.project-card h3{margin:22px 0 8px;color:#0f172a;font-size:1.16rem;line-height:1.18}.muted-section{border-block:1px solid var(--line);background:var(--surface-alt)}.roadmap-grid{display:grid;grid-template-columns:minmax(240px,.56fr) minmax(0,1fr);gap:32px;align-items:start}.future-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.future-rail article{min-height:198px;padding:16px}.future-rail strong{display:block;margin:18px 0 8px;color:#0f172a;font-size:1.08rem;line-height:1.2}.principle-grid{display:grid;grid-template-columns:minmax(260px,.85fr) repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.principle-grid article{padding:18px}.principle-grid article span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-weight:860}.principle-grid h3{margin:18px 0 8px;color:#0f172a;line-height:1.18}.site-footer{padding:42px 0 34px;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(180px,.5fr));gap:32px;align-items:start}.footer-brand{margin-bottom:12px}.site-footer p{max-width:460px;margin:0;color:var(--muted)}.site-footer nav{display:grid;gap:8px}.site-footer h2{margin:0 0 8px;color:#0f172a;font-size:.95rem}.site-footer nav a{color:var(--muted);font-size:.94rem;font-weight:700;text-decoration:none}.site-footer nav a:hover,.back-link:hover{color:var(--brand-strong)}.app-hero{padding:58px 0 42px;border-bottom:1px solid var(--line);background:#fff}.back-link{display:inline-flex;margin-bottom:16px;color:var(--muted);font-weight:760;text-decoration:none}.feature-graphic{overflow:hidden;padding:10px}.feature-graphic img{width:100%;border-radius:var(--radius)}.app-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);gap:30px;align-items:start}.feature-list{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.feature-list li{position:relative;padding:12px 14px 12px 38px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#334155;font-weight:700}.feature-list li:before{position:absolute;top:14px;left:14px;width:12px;height:12px;border-radius:4px;content:"";background:var(--brand)}.note{padding:14px 16px;border:1px solid #fed7aa;border-radius:var(--radius);background:#fff7ed}.ledger-panel{overflow:hidden;background:var(--code-bg);color:var(--code-text)}.ledger-panel .panel-topline{padding:16px;border-color:#ffffff1a}.ledger-panel .panel-topline span{color:#a7f3d0}.ledger-panel .panel-topline strong{background:#2dd4bf24;color:#a7f3d0}.ledger-panel pre{margin:0;padding:20px;overflow-x:auto;font-size:.92rem}.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.screenshot-grid figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}.screenshot-grid img{width:100%;border-radius:6px}@media(max-width:1080px){.project-grid,.future-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:220px}}@media(max-width:860px){:root{--container: min(100vw - 24px, 1120px)}.header-inner{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 0}.site-nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.site-nav a{flex:0 0 auto}.hero,.app-hero{padding:46px 0 34px}.hero-grid,.app-hero-grid,.roadmap-grid,.principle-grid,.app-detail-grid,.footer-grid{grid-template-columns:1fr}.section-heading.compact{margin-bottom:20px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hero-copy h1,.app-hero h1{font-size:2.75rem}.site-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}.site-nav a{min-height:34px;padding:6px 4px;border:1px solid var(--line);background:#fff;font-size:.78rem;line-height:1.1;text-align:center}.hero-actions,.future-rail,.project-grid,.screenshot-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a,.hero-actions span{width:100%}.project-grid,.future-rail,.screenshot-grid{display:grid}}
