@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4efe7;--page-deep:#efe6d7;--panel:#fffaf3db;--panel-strong:#102127;--ink:#132128;--ink-soft:#132128b8;--ink-inverse:#f7f0e5;--ink-inverse-soft:#f7f0e5c7;--line:#1321281f;--line-strong:#1321283d;--accent:#c46134;--accent-soft:#c461341f;--accent-cool:#256b74;--accent-warm:#ebae6d;--surface-shadow:0 28px 90px #241c121f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #c4613424, transparent 24%), radial-gradient(circle at 85% 12%, #256b7429, transparent 24%), linear-gradient(180deg, var(--page) 0%, #f7f2ea 44%, var(--page-deep) 100%);margin:0;font-family:Plus Jakarta Sans,sans-serif}#main-content,section[id]{scroll-margin-top:112px}a{color:inherit;text-decoration:none}button{font:inherit}code,pre,.brand-copy,.eyebrow,.hero-facts dt,.panel-topline,.inspection-grid span,.log-header,.log-channel,.step-grid span{font-family:IBM Plex Mono,monospace}.page-shell{max-width:1440px;margin:0 auto;padding:0 24px 72px}.skip-link{z-index:50;background:var(--ink);color:#fff8f0;border-radius:14px;padding:12px 16px;transition:transform .18s;position:absolute;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.site-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 0 0;position:sticky;top:0}.site-header-shell{background:#f8f2e9d1;border:1px solid #13212814;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px 14px 18px;display:flex;box-shadow:0 14px 40px #241c1214}.brand{align-items:flex-start;gap:14px;min-height:44px;display:inline-flex}.brand-mark{background:var(--ink);color:#fff8f0;letter-spacing:-.04em;border-radius:999px;justify-content:center;align-items:center;min-width:58px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.brand-copy{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.brand-text{gap:4px;padding-top:2px;display:grid}.brand-subtitle{color:#132128a3;font-size:.94rem;line-height:1.35}.site-nav-shell{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.site-nav{color:var(--ink-soft);background:#ffffff75;border:1px solid #13212814;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:6px;font-size:.92rem;display:flex}.site-nav a{border-radius:999px;align-items:center;min-height:44px;padding:0 14px;transition:color .18s,background .18s;display:inline-flex}.site-nav a:hover{color:var(--ink);background:#1321280f}.site-nav-cta{background:var(--ink);color:#fff8f0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.site-nav-cta:hover{background:#0e1a20;transform:translateY(-1px)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:32px;min-height:calc(100svh - 92px);padding:20px 0 54px;display:grid}.hero-copy,.hero-panel,.control-panel,.demo-stage,.section,.docs-grid a,.recipe-grid article,.contract-grid article,.step-grid article{border:1px solid var(--line);box-shadow:var(--surface-shadow)}.hero-copy{border-radius:var(--radius-xl);background:radial-gradient(circle at 0 0,#c4613424,#0000 28%),linear-gradient(#fffaf3eb,#fff6ecdb);padding:clamp(32px,5vw,58px);position:relative;overflow:hidden}.hero-copy:after{content:"";filter:blur(6px);background:radial-gradient(circle,#256b7429,#0000 64%);border-radius:999px;width:280px;height:280px;position:absolute;bottom:-12%;right:-12%}.hero-panel{border-radius:var(--radius-xl);background:linear-gradient(180deg, #122128fa, #0d181df5), var(--panel-strong);color:var(--ink-inverse);align-content:start;gap:18px;padding:18px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:.8rem}.hero h1,.section h2{letter-spacing:-.05em;margin:0;line-height:.94}.hero h1{max-width:11ch;font-size:clamp(3.3rem,7vw,7rem)}.section h2{max-width:14ch;font-size:clamp(2rem,3.8vw,4rem)}.lede,.section-head p:not(.eyebrow),.recipe-grid p,.contract-grid p,.docs-grid p,.step-grid p,.hero-principles p,.inspection-grid strong,.log-entry p{color:var(--ink-soft);line-height:1.7}.lede,.section-head p:not(.eyebrow){max-width:68ch}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button,.control-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.button:hover,.control-button:hover:not(:disabled){transform:translateY(-2px)}.brand:focus-visible,.site-nav a:focus-visible,.site-nav-cta:focus-visible,.button:focus-visible,.control-button:focus-visible,.docs-grid a:focus-visible,.recipe-grid article a:focus-visible{outline-offset:3px;outline:3px solid #256b7457}.button-primary,.control-button-primary{background:var(--accent);color:#fff7ef}.button-secondary{border-color:var(--line-strong);color:var(--ink);background:#ffffff59}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0 0;display:grid}.hero-facts div{border-top:1px solid var(--line);padding:14px 0 0}.hero-facts dt,.inspection-grid span,.log-channel,.log-header span{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.hero-facts dd{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:1rem;font-weight:700}.panel-topline{color:var(--ink-inverse-soft);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:.72rem;display:flex}.hero-code,.control-panel,.demo-stage{border-radius:var(--radius-lg);overflow:hidden}.hero-code{background:#ffffff08;border:1px solid #ffffff14;padding:16px}.hero-code pre,.code-grid pre{color:#dbe8dd;margin:18px 0 0;padding:0;font-size:.9rem;line-height:1.7;overflow-x:auto}.hero-principles{gap:14px;display:grid}.hero-principles div{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;padding:16px 18px}.hero-principles strong{color:var(--ink-inverse);margin-bottom:8px;display:block}.hero-panel .hero-principles p,.hero-panel .hero-code pre,.demo-stage .panel-topline{color:var(--ink-inverse-soft)}.section{border-radius:var(--radius-xl);background:var(--panel);margin-top:28px;padding:clamp(26px,4vw,38px)}.section-head{gap:12px;display:grid}.live-lab{background:linear-gradient(180deg, #fffbf5eb, #f8f0e3eb), var(--panel)}.lab-grid{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:22px;margin-top:32px;display:grid}.control-panel,.demo-stage{border:1px solid var(--line);background:#ffffff8c;padding:18px}.control-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.control-button{border-color:var(--line-strong);color:var(--ink);cursor:pointer;background:#fffc}.control-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.inspection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.inspection-grid div{border-radius:var(--radius-md);border:1px solid var(--line);background:#1321280a;padding:16px}.inspection-grid strong{color:var(--ink);margin-top:8px;font-size:.96rem;display:block}.log-strip{margin-top:24px}.log-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.log-header p{color:var(--ink);margin:0;font-weight:700}#event-log{gap:10px;min-height:132px;margin:16px 0 0;padding:0;list-style:none;display:grid}#event-log:empty:before{content:"Session activity will appear here after mount, events, and RPC traffic.";border:1px dashed var(--line-strong);color:var(--ink-soft);background:#ffffff8a;border-radius:16px;padding:14px 16px;display:block}.log-entry{border:1px solid var(--line);background:#ffffffc7;border-radius:16px;padding:14px 16px}.log-entry[data-channel=child]{border-color:#256b743d}.log-entry[data-channel=host]{border-color:#c4613442}.log-entry[data-channel=error]{border-color:#b53e2652}.log-meta{align-items:baseline;gap:10px;display:flex}.log-meta strong{font-size:.98rem}.log-entry p{margin:8px 0 0;font-size:.94rem}.demo-stage{background:linear-gradient(180deg, #102127fa, #0c181dfa), var(--panel-strong);color:var(--ink-inverse)}.demo-mount{margin-top:16px}.demo-mount iframe{background:#fff;border:0;border-radius:24px;width:100%;min-height:400px}.step-grid,.contract-grid,.recipe-grid,.docs-grid{gap:18px;margin-top:32px;display:grid}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recipe-grid,.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-grid article,.contract-grid article,.recipe-grid article,.docs-grid a{border-radius:var(--radius-lg);background:#ffffffa6;padding:22px;display:block}.step-grid span{color:var(--accent);letter-spacing:.16em;font-size:.82rem}.step-grid h3,.contract-grid h3,.recipe-grid h3,.docs-grid strong{margin:10px 0 8px;font-size:1.15rem}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.code-grid pre{border-radius:var(--radius-lg);color:#f0ede3;background:#102127;border:1px solid #ffffff0f;margin:0;padding:22px}.recipe-grid a,.docs-grid a{transition:transform .18s,border-color .18s}.recipe-grid a:hover,.docs-grid a:hover,.docs-grid strong:hover{transform:translateY(-2px)}.recipe-grid article a,.docs-grid a strong{color:var(--accent-cool)}.recipe-grid article a{text-underline-offset:.18em;align-items:center;min-height:44px;margin-top:12px;font-weight:700;text-decoration:underline;display:inline-flex}.final-cta{background:radial-gradient(circle at 100% 0,#ebae6d2e,#0000 28%),linear-gradient(#fff9f1eb,#f5ebdde6);justify-items:start;display:grid}.is-hidden{opacity:0;transform:translateY(24px)}.is-visible{opacity:1;transition:opacity .56s,transform .56s;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.is-hidden,.is-visible{opacity:1;transform:none}}@media (width<=1120px){.hero,.lab-grid,.step-grid,.contract-grid,.code-grid,.recipe-grid,.docs-grid{grid-template-columns:1fr}.hero{min-height:auto}}@media (width<=720px){.page-shell{padding:0 16px 48px}.site-header{padding:14px 0 0}.site-header-shell{border-radius:20px;flex-direction:column;align-items:flex-start;padding:14px}.brand{gap:12px}.brand-subtitle{font-size:.88rem}.site-nav-shell{flex-direction:column;align-items:stretch;width:100%}.site-nav{border-radius:18px;justify-content:flex-start;width:100%;padding:8px}.site-nav a{flex:calc(50% - 8px);justify-content:center;min-height:46px}.site-nav-cta{width:100%}.hero-copy,.hero-panel,.section,.control-panel,.demo-stage{border-radius:24px;padding:18px}.hero h1{font-size:clamp(2.6rem,13vw,4.4rem)}.section h2{font-size:clamp(1.8rem,9vw,3rem)}.hero-facts,.inspection-grid{grid-template-columns:1fr}.site-nav a,.site-nav-cta,.button,.control-button,.recipe-grid article a{min-height:48px}.demo-mount iframe{min-height:520px}}