:root {
  color-scheme: light; --page:#fff; --panel:#f6f7f9; --raised:#fff; --ink:#12161d; --text:#1f2430; --muted:#4f5560; --line:#dfe3ea; --line-strong:#bfc6d1; --accent:#1c4fa3; --accent-soft:#e8eef8; --hero-grid:#dfe3ea; --action:#1c4fa3; --action-ink:#fff; --action-hover:#163f86;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:14px; line-height:1.5; color:var(--text); background:var(--page);
}
@media(prefers-color-scheme:dark){:root:not([data-appearance="light"]){color-scheme:dark;--page:#0f1216;--panel:#141920;--raised:#1a2029;--ink:#eef1f5;--text:#d4d9e1;--muted:#9aa3b2;--line:#262d37;--line-strong:#3a4350;--accent:#7aa7ff;--accent-soft:#1a2640;--hero-grid:#262d37;--action:#7aa7ff;--action-ink:#0f1216;--action-hover:#9cbbff}}
:root[data-appearance="dark"]{color-scheme:dark;--page:#0f1216;--panel:#141920;--raised:#1a2029;--ink:#eef1f5;--text:#d4d9e1;--muted:#9aa3b2;--line:#262d37;--line-strong:#3a4350;--accent:#7aa7ff;--accent-soft:#1a2640;--hero-grid:#262d37;--action:#7aa7ff;--action-ink:#0f1216;--action-hover:#9cbbff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--page)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;z-index:10;padding:.5rem .75rem;color:var(--ink);background:var(--raised);border:1px solid var(--line-strong)}.skip:focus{left:.75rem;top:.75rem}
.topbar{min-height:52px;display:flex;align-items:center;gap:.65rem;padding:0 max(1.25rem,calc((100vw - 1160px)/2));background:var(--raised);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;flex:none;gap:.5rem;color:var(--ink);text-decoration:none}.header-badge{flex:none;padding:.12rem .4rem;border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:.72rem;white-space:nowrap}
.topbar nav{display:flex;align-items:stretch;align-self:stretch;gap:.15rem;margin-left:.45rem}.topbar nav a{display:inline-flex;align-items:center;padding:.35rem .6rem;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;white-space:nowrap}.topbar nav a:hover,.topbar nav a[aria-current="page"]{color:var(--ink);background:var(--panel);border-bottom-color:var(--accent)}.topbar nav a.language{border:1px solid var(--line);border-radius:3px;align-self:center;min-height:28px;margin-left:.3rem;padding:0 .45rem;font:600 .72rem/1 system-ui,sans-serif}
.header-spacer{flex:1}.appearance{display:inline-flex;flex:none;overflow:hidden;border:1px solid var(--line-strong);border-radius:4px}.appearance button{min-width:30px;height:28px;padding:0 .35rem;border:0;background:var(--raised);color:var(--muted);font:inherit;cursor:pointer}.appearance button+button{border-left:1px solid var(--line)}.appearance button[aria-pressed="true"]{background:var(--accent-soft);color:var(--ink)}.menu-toggle{display:none;width:30px;height:30px;padding:5px;border:1px solid var(--line-strong);border-radius:4px;color:var(--muted);background:var(--raised)}.menu-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}
main{overflow:hidden}.hero{width:min(1160px,100%);min-height:490px;margin:auto;padding:3.25rem 1.5rem 2.75rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.95fr);align-items:center;gap:2rem}.hero-copy{max-width:590px}.eyebrow{margin:0 0 .65rem;color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{color:var(--ink);line-height:1.16;letter-spacing:-.035em}h1{max-width:14ch;margin:0 0 1rem;font-size:clamp(2.25rem,4.6vw,2.75rem);font-weight:650}h1 em{color:var(--accent);font-style:normal}.lead{max-width:58ch;color:var(--muted);font-size:1.08rem;line-height:1.6}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:1.5rem 0 1rem}.button{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:.45rem .8rem;border:1px solid var(--line-strong);border-radius:4px;color:var(--ink);background:var(--raised);font-weight:600;text-decoration:none}.button:hover{border-color:var(--accent);text-decoration:none}.button.primary{color:var(--action-ink);border-color:var(--action);background:var(--action)}.button.primary:hover{background:var(--action-hover)}.button.light{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.text-link{font-weight:600;text-decoration:none}.text-link:hover,footer a:hover{text-decoration:underline}.note{color:var(--muted);font-size:.86rem}
.hero-art{position:relative;min-height:390px;display:grid;place-items:center;isolation:isolate;background-color:var(--panel);background-image:linear-gradient(var(--hero-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--line)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 0%,transparent 25%,transparent 75%,var(--panel) 100%);z-index:-1}.orbit{position:absolute;border:1px solid var(--line-strong);border-radius:50%;transform:rotate(-27deg)}.orbit-a{width:340px;height:220px}.orbit-b{width:290px;height:170px;transform:rotate(42deg);border-style:dashed}.core{z-index:1;width:138px;height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:1px solid var(--line-strong);border-radius:50%;color:var(--ink);background:var(--raised);text-align:center;font-weight:650;line-height:1.3}.monogram{padding:0 .1em .12em;border-bottom:2px solid var(--accent);color:var(--accent);font-size:1.7rem;font-weight:750;letter-spacing:-.12em}.node{position:absolute;display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:4px;color:var(--text);background:var(--raised);font-size:.78rem;font-weight:600}.node b{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:3px;color:var(--accent);background:var(--panel);font:600 .72rem ui-monospace,monospace}.node-one{left:4%;top:17%}.node-two{right:3%;top:43%}.node-three{left:12%;bottom:12%}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent)}.s1{top:13%;right:20%}.s2{bottom:16%;right:18%}
.strip{width:min(1160px,calc(100% - 3rem));min-height:62px;margin:0 auto 4rem;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-around;gap:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.84rem;font-weight:550}.strip i{width:4px;height:4px;flex:none;border-radius:50%;background:var(--line-strong)}.section{width:min(1160px,100%);margin:0 auto;padding:0 1.5rem 4rem}.section-heading{max-width:720px}.section-heading h2,.artifact-copy h2,.closing h2{margin:0 0 .85rem;font-size:clamp(1.8rem,3vw,2.35rem)}.section-heading>p:last-child,.artifact-copy>p:not(.eyebrow),.closing>p:not(.eyebrow){max-width:64ch;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem}.steps article{padding:1rem .8rem 0 0;border-top:1px solid var(--line-strong)}.step-number{color:var(--accent);font:600 .8rem ui-monospace,monospace}.steps h3{margin:1rem 0 .5rem;font-size:1.12rem}.steps p{margin:0;color:var(--muted);font-size:.94rem}
.artifacts{padding:4rem max(1.5rem,calc((100vw - 1160px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:center;border-block:1px solid var(--line);background:var(--panel)}.artifact-copy .eyebrow{color:var(--accent)}.artifact-copy>p:not(.eyebrow){color:var(--muted)}.artifact-stack{display:flex;flex-direction:column;align-items:center}.artifact-card{width:min(100%,340px);padding:1rem 1.1rem;border:1px solid var(--line-strong);border-radius:4px;color:var(--text);background:var(--raised)}.card-label{color:var(--muted);font-size:.64rem;font-weight:700;letter-spacing:.12em}.doc-lines{height:66px;margin:.8rem 0;display:flex;flex-direction:column;gap:6px}.doc-lines b,.doc-lines i{width:82%;height:4px;border-radius:2px;background:var(--line)}.doc-lines b{width:48%;background:var(--accent)}.doc-lines i:nth-child(3){width:65%}.artifact-card strong,.artifact-card small{display:block}.artifact-card strong{color:var(--ink);font-weight:650}.artifact-card small{margin-top:2px;color:var(--muted);font-size:.76rem}.connector{height:34px;display:grid;place-items:center;color:var(--accent);font-size:1.2rem}.mini-browser{height:82px;margin:.8rem 0;padding:8px;border:1px solid var(--line);background:var(--panel)}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:var(--line-strong)}.mini-layout{display:grid;grid-template-columns:40px 1fr;gap:4px;margin-top:7px}.mini-layout b{grid-row:span 3;background:var(--line)}.mini-layout span{height:6px;background:var(--line-strong)}.mini-layout span:nth-child(2){width:80%}.mini-layout span:nth-child(3){width:70%}.closing{max-width:760px;margin:auto;padding:4rem 1.5rem;text-align:center}.closing>p:not(.eyebrow){margin-inline:auto}.closing .button{margin-top:.75rem}footer{width:min(1160px,100%);min-height:60px;margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}footer a{color:var(--muted);text-decoration:none}footer .footer-brand{margin-right:auto;color:var(--ink);font-weight:650}
@media(max-width:900px){.topbar{flex-wrap:wrap;padding:.5rem 1rem 0;gap:.5rem}.header-spacer{flex:1}.menu-toggle{display:block}.topbar nav{order:5;flex:1 0 100%;max-width:100%;overflow-x:auto;margin:0;border-top:1px solid var(--line);scrollbar-width:thin}.topbar nav a{min-height:40px}.hero{min-height:0;grid-template-columns:1fr;padding-top:2.6rem}.hero-copy{max-width:700px}.hero-art{min-height:340px}.artifacts{gap:2rem}}
@media(max-width:620px){.brand-title{font-size:.9rem}.header-badge{display:none}.topbar{gap:.4rem}.topbar nav{gap:0}.hero{padding:2.25rem 1.1rem 2rem;gap:.5rem}.hero-art{min-height:300px}.orbit-a{width:270px;height:170px}.orbit-b{width:230px;height:135px}.node{padding:.35rem .45rem;font-size:.68rem}.node-one{left:0}.node-two{right:0}.node-three{left:4%}.strip{width:calc(100% - 2.2rem);margin-bottom:3rem;padding:.85rem .2rem;justify-content:center;flex-wrap:wrap;gap:.4rem .75rem;font-size:.74rem}.strip i{display:none}.section{padding:0 1.1rem 3.25rem}.steps{grid-template-columns:1fr;gap:1.1rem;margin-top:1.7rem}.steps article{padding-top:.75rem}.steps h3{margin:.65rem 0 .35rem}.artifacts{padding:3rem 1.1rem;grid-template-columns:1fr;gap:1.5rem}.closing{padding:3rem 1.1rem}footer{padding:1rem 1.1rem;flex-wrap:wrap;gap:.5rem 1rem}footer span{order:3;flex-basis:100%}}
@media(max-width:370px){.appearance button{min-width:27px}.hero-art{min-height:270px}.node{max-width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}