/* Fonts are linked from the document head so the browser discovers them while it
   parses, not after the stylesheet has loaded. */

/* One authoritative theme. Text tokens are never reused as surfaces: --text-*
   describes type, --surface-* describes what sits behind it. */
:root{--text-primary:#f6f0f8;--text-secondary:#bdb2c5;--purple:#aa82ff;--pink:#f078cd;--amber:#ffb86b;--amber-soft:#ffd7a8;--page:#000;--line:#3b3246;--surface-raised:#2a2334;--surface-inverse:#f6f0f8;--text-inverse:#15121d;--dots:conic-gradient(oklch(100% 0 0/.03) 90deg,transparent 90deg 180deg,oklch(100% 0 0/.03) 180deg 270deg,transparent 270deg) 0 0/2px 2px;;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--dots),var(--page);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:#e8d9fa}img{display:block}p{margin:0}h1,h2,h3{font-family:var(--display);margin:0}.site-shell{overflow-x:clip;max-width:1440px;margin:auto;padding:0 74px}.skip-link{position:fixed;top:-70px;left:24px;z-index:20;padding:12px 20px;background:var(--surface-inverse);color:var(--text-inverse);border:2px solid var(--purple);border-radius:8px}.skip-link:focus{top:15px}
.site-header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-1px}.brand img{border-radius:10px}.brand-dot{color:var(--purple)}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}nav a:hover{color:var(--amber-soft)}.nav-source{border:1px solid #ddd8e5;padding:11px 19px;border-radius:9px;display:flex;gap:20px}
.hero{min-height:690px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;padding:58px 0 64px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;color:#797087;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#b16bd5;border-radius:50%;box-shadow:0 0 0 4px #eee6f5}h1{max-width:660px;font-size:clamp(52px,5.25vw,76px);line-height:1.06;letter-spacing:-4.7px;font-weight:800;margin:24px 0 25px}h1>span{color:var(--purple);background:linear-gradient(105deg,#8360dd 8%,#c069c9 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:19px;line-height:1.65;color:#625d71;letter-spacing:-.2px}.hero-detail{max-width:440px;font-size:13px;line-height:1.9;color:var(--text-secondary);margin:16px 0 29px}.hero-detail a{color:#68607c;text-decoration:underline;text-underline-offset:3px}.hero-actions{display:flex;gap:17px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:9px;padding:15px 21px;font-size:13px;font-weight:600;min-height:48px;transition:background .18s,transform .18s}.button-primary{background:var(--text-primary);color:white;box-shadow:0 5px 15px #24213912}.button-primary:hover{background:#4a3b67;transform:translateY(-2px)}.button-text{padding:15px 8px;gap:12px;color:#625d71}.button-text:hover{color:var(--purple)}.hero-platforms{display:flex;align-items:center;gap:13px;margin-top:27px;font-size:10px;color:#958da0}.hero-platforms i{width:3px;height:3px;background:#b6aebf;border-radius:50%}
.hero-scene{height:555px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-scene:before{content:'';position:absolute;width:480px;height:480px;background:radial-gradient(ellipse at 75% 30%,#f4d9ec90,transparent 65%),radial-gradient(ellipse at 30% 65%,#ddd8fa,transparent 64%);filter:blur(18px);z-index:-2}.scene-orbit{position:absolute;border:1px solid #e5def080;border-radius:50%;z-index:-1;transform:rotate(-27deg)}.orbit-one{width:530px;height:355px}.orbit-two{width:455px;height:485px;transform:rotate(26deg)}.phone{width:286px;height:516px;border:6px solid #2c293c;border-radius:38px;background:#faf8fd;box-shadow:0 30px 60px -20px #65518155,0 0 0 1px #514b68;position:relative;transform:rotate(-5deg)}.phone-top{height:40px;padding:10px 18px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;position:relative}.camera{position:absolute;left:50%;transform:translateX(-50%);top:7px;width:75px;height:19px;background:#262331;border-radius:15px}.phone-content{padding:8px 15px}.phone-heading{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:-.3px}.phone-heading img{border-radius:8px}.avatar{margin-left:auto;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ede3f7;color:#9462bd;font-size:10px}.phone-title{display:flex;align-items:end;justify-content:space-between;margin:25px 0 16px}.phone-overline{font-size:9px;letter-spacing:1px;color:#aaa0b8}.phone-title h2{font-size:26px;letter-spacing:-1px;margin-top:5px}.host-count{font-size:9px;color:#9c91ab;margin-bottom:5px}.task-tabs{display:flex;gap:4px;border-bottom:1px solid #e7e1ed;padding-bottom:9px;margin-bottom:13px}.task-tab{border:0;background:transparent;font-size:11px;color:#978ba6;cursor:pointer;padding:8px 7px;border-radius:6px;white-space:nowrap;min-height:44px}.task-tab.active{background:#eee3f7;color:#9861b6;font-weight:600}.task-tab span{font-size:10px;margin-left:4px}.demo-task{padding:13px 12px;border-radius:12px;background:white;border:1px solid #eee7f4;box-shadow:0 4px 10px #68528105}.attention-task{border-color:#ebd6e8}.task-label{font-size:9px;letter-spacing:.8px;font-weight:600;color:#c07baf;display:flex;align-items:center;gap:5px}.status-dot{width:4px;height:4px;border-radius:50%;background:#c77cb5}.task-time{margin-left:auto;font-weight:400;font-size:9px;letter-spacing:0;color:#b7adbf}.demo-task h3{font-size:11px;letter-spacing:-.2px;margin-top:11px}.task-path{font-size:10px;color:#a098ad;margin-top:6px}.task-path span{padding:0 4px;color:#c7becd}.task-message{display:flex;gap:7px;margin-top:13px;border-radius:7px;background:#faf6fc;padding:11px 9px;color:#9581a5}.task-message>span{font-size:15px;line-height:16px}.task-message p{font-size:10px;line-height:1.7;color:#8f809e}.task-footnote{display:flex;justify-content:space-between;font-size:9px;margin-top:12px;color:#a46cba}.demo-context{font-size:10px;text-align:center;color:#b0a4bd;margin-top:15px;line-height:1.6}.running-task{margin-bottom:10px}.running-task .task-label{color:#6caa8d}.running-task .status-dot{background:#70b593}.running-task .task-message{background:#f6faf8}.recent-task .task-label{color:#8d7eac}.recent-task .status-dot{background:#a88dce}.recent-task{margin-bottom:10px}.phone-bottom-nav{position:absolute;bottom:27px;left:15px;right:15px;border-top:1px solid #eae3f0;display:flex;justify-content:space-around;padding-top:14px;color:#aa9db9}.phone-bottom-nav>span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px}.phone-bottom-nav b{font-size:15px;font-weight:400}.phone-bottom-nav .selected{color:#a173c0}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#292533;width:78px;height:3px;border-radius:3px}.host-chip,.event-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#ffffffed;box-shadow:0 10px 30px #74608513;border:1px solid #eee8f3;border-radius:13px}.host-chip strong,.event-chip strong{display:block;font-size:11px;font-weight:600;letter-spacing:-.2px}.host-chip div>span,.event-chip div>span{display:flex;align-items:center;gap:4px;font-size:9px;color:#a69bae;margin-top:5px}.host-chip b{width:4px;height:4px;background:#80b79a;border-radius:50%}.host-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f3edf9;color:#ac89c7;font-size:17px}.host-home{left:-3px;top:97px;transform:rotate(3deg)}.host-server{right:-10px;top:205px;transform:rotate(4deg)}.event-chip{bottom:54px;right:20px;padding:15px 18px;transform:rotate(2deg)}.event-check{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f0e7f8;color:#af82cb;font-size:14px}.scene-caption{position:absolute;bottom:-3px;font-size:10px;color:#a99caf;letter-spacing:.25px}
.principles-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#a299ae}.principles-strip p{font-size:13px;line-height:1.6;color:#9d93a8}.principles-strip p strong{font-weight:500;color:#51485f}.principles-strip>span{display:flex;gap:24px}.principles-strip b{font-size:21px;font-weight:400;color:#b095c7}
.section{padding:92px 0;scroll-margin-top:30px}.section-heading{display:grid;grid-template-columns:1fr auto;gap:17px;margin-bottom:34px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.start-copy h2{font-size:37px;font-weight:750;letter-spacing:-1.8px;line-height:1.25}.section-heading>p:last-child:not(.eyebrow){color:#958a9f;font-size:12px;line-height:1.8;align-self:end}.ownership-note{display:flex;align-items:center;gap:18px;margin-top:22px;padding:22px 0 4px;border-top:1px solid #45384f}.ownership-note>span{font-size:25px;color:#a49bad}.ownership-note p{font-size:11px;color:#a197aa;line-height:1.9;max-width:700px}.ownership-note strong{font-weight:600;color:#736a82}.ownership-note a{margin-left:auto;font-size:10px;color:#94829f;white-space:nowrap;display:flex;gap:15px}.ownership-note a:hover{color:var(--purple)}
.text-link{color:inherit;text-decoration:underline;text-underline-offset:3px}.text-link:hover{color:var(--amber)}.powered-by{border-top:1px solid var(--line)}.powered-card{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:start;background:linear-gradient(135deg,#f4ecfa,#f6f1fc);border:1px solid var(--line);border-radius:17px;padding:38px 40px}.powered-head h2{font-size:32px;font-weight:750;letter-spacing:-1.6px;line-height:1.28;margin:15px 0 18px}.powered-lead{font-size:12px;line-height:1.95;color:#8b8195}.powered-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;font-size:11px;font-weight:600;color:#7c6592}.powered-link:hover{color:var(--purple)}.powered-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.powered-list li{position:relative;padding:17px 19px;background:#ffffffd9;border:1px solid #efe8f4;border-radius:12px;font-size:11px;line-height:1.9;color:#8d8298}.powered-list b{display:block;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:-.45px;color:#5f5570;margin-bottom:7px}.powered-list code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;background:#f3edf9;color:#86669f;padding:2px 6px;border-radius:5px}
.architecture{border-top:1px solid var(--line)}.architecture-heading>p:last-child{max-width:320px}.architecture-panel{margin:0;background:linear-gradient(145deg,#fff 0%,#fcf9ff 100%);border:1px solid #e7e0ed;border-radius:22px;padding:34px;box-shadow:0 24px 60px -42px #4c345f80}.architecture-flow{display:grid;grid-template-columns:minmax(96px,.8fr) 104px minmax(300px,3fr) 104px minmax(96px,.8fr);gap:14px;align-items:center}.arch-node{position:relative;min-height:132px;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #e9e2ef;border-radius:15px;padding:20px;box-shadow:0 10px 24px -22px #402b55}.arch-node:before{content:'';position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:0 0 3px 3px;opacity:.7}.arch-icon{width:30px;height:30px;display:grid;place-items:center;margin-bottom:14px;border-radius:8px;background:#f2ebf9;color:#946ac2;font-size:15px}.arch-icon-word{font-family:var(--display);font-size:8px;font-weight:800;letter-spacing:-.3px}.arch-kicker{font-size:7px;letter-spacing:1.05px;font-weight:700;color:#a198aa}.arch-node h3{font-size:14px;letter-spacing:-.45px;margin-top:6px}.arch-node p{font-size:9px;color:#9b91a5;margin-top:7px;line-height:1.5}.arch-external{min-height:154px}.arch-phone-node{background:linear-gradient(160deg,#fff,#f7f1fb)}.arch-provider-node{background:linear-gradient(160deg,#fff,#f3f0fc)}.arch-host{position:relative;border:1px dashed #cfc1dc;border-radius:19px;padding:29px 20px 20px;background:linear-gradient(145deg,#f7f2fb,#f8f5fc)}.arch-boundary-label{position:absolute;top:-7px;left:18px;padding:0 8px;background:var(--page);font-size:7px;letter-spacing:1.2px;font-weight:700;color:#8e8199}.arch-runtime{display:grid;grid-template-columns:1fr 72px 1fr;gap:10px;align-items:center}.arch-omp-node{background:linear-gradient(145deg,#fff,#fbf8fe)}.arch-connection{display:grid;gap:7px;text-align:center;color:#7b6b87}.arch-connection span{font-size:7px;letter-spacing:.7px;font-weight:700;text-transform:uppercase;white-space:nowrap}.arch-connection small{font-size:7px;color:#aaa0b2;white-space:nowrap}.arch-connection i{position:relative;display:block;width:100%;height:1px;background:linear-gradient(90deg,#d7cce1,#a990c1)}.arch-connection i:after{content:'';position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1px solid #9d80b8;border-right:1px solid #9d80b8;transform:translateY(-50%) rotate(45deg)}.arch-local-state{margin-top:13px;padding:13px 14px 12px;border:1px solid #e7dfee;border-radius:11px;background:#ffffffb8}.arch-state-title{display:block;font-size:7px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#a093aa;margin-bottom:10px}.arch-local-state>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.arch-local-state span span{display:block}.arch-local-state>div>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#8f8498}.arch-local-state b{font-size:10px;color:#aa84c4;font-weight:500}.architecture-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;overflow:hidden;border:1px solid #ebe5f0;border-radius:12px;background:#ebe5f0}.architecture-summary>span{background:#fff;padding:16px 18px;font-size:9px;line-height:1.75;color:#91869b}.architecture-summary b{display:block;font-family:var(--display);font-size:10px;letter-spacing:.1px;color:#6f617b;margin-bottom:5px}.architecture-summary code{font-size:8px;color:#8a62a5;background:#f5eff9;padding:2px 4px;border-radius:4px}.architecture-detail-link{display:flex;justify-content:flex-end;align-items:center;gap:11px;margin-top:17px;font-size:10px;font-weight:600;color:#826b91}.architecture-detail-link:hover{color:var(--purple)}
.workflow{border-top:1px solid var(--line);padding-top:69px;padding-bottom:76px}.workflow .section-heading h2{font-size:34px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:42px}.step-number{display:block;font-family:var(--display);font-size:12px;letter-spacing:1px;color:#b69bc8;margin-bottom:17px}.steps article{position:relative;border-top:1px solid #e7dfed;padding-top:20px}.steps h3{font-size:16px;letter-spacing:-.5px;margin-bottom:12px}.steps p{font-size:11px;line-height:1.9;color:#a095aa;max-width:270px}
.getting-started{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding-top:65px;border-top:1px solid var(--line)}.start-copy h2{margin-top:19px;font-size:34px}.start-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:360px;color:#9b90a5;margin-top:18px}.start-copy .button{margin-top:25px}.build-link{display:block;margin-top:19px;font-size:11px;color:#877392}.build-link:hover{color:var(--purple)}.build-link span{padding-left:7px}.build-note{display:block;max-width:340px;font-size:9px;line-height:1.7;color:#ada2b5;margin-top:7px}.install-panel{background:#282434;color:#e4dcec;border:1px solid #3b354a;border-radius:15px;box-shadow:0 15px 30px #41334f10;overflow:hidden}.install-top{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid #443b50;gap:17px;font-size:10px;color:#9f93b0}.terminal-dots{display:flex;gap:5px}.terminal-dots i{height:5px;width:5px;border-radius:50%;background:#796481}.terminal-dots i:nth-child(2){background:#94818c}.terminal-dots i:nth-child(3){background:#779583}.copy-button{margin-left:auto;background:transparent;color:#cbbcd9;border:1px solid #51465f;border-radius:6px;padding:7px 11px;font-size:12px;cursor:pointer;display:flex;gap:8px;min-height:40px}.copy-button:hover{background:#3e344c}pre{margin:0;padding:14px 24px 24px;overflow:auto;line-height:1.9;font-size:14px;tab-size:2}code{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;color:#ceb9e4}.install-next{border-top:1px solid #443b50;margin:0 22px;padding:19px 0 23px}.install-next>span{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#867694}.install-next p{font-size:15px;line-height:1.75;color:#cfc2d6;margin-top:8px}.install-next a{display:inline-flex;gap:12px;font-size:14px;color:#e0bff0;margin-top:16px}.copy-status{padding:10px 0 0;font-size:13px;line-height:1.7;color:#e5cdf5}.copy-status:not(:empty){padding-bottom:16px}
.closing{border-top:1px solid var(--line);text-align:center;padding:62px 0 65px;display:flex;align-items:center;flex-direction:column}.closing img{border-radius:17px;margin-bottom:18px}.closing p{font-family:var(--display);font-size:27px;line-height:1.4;letter-spacing:-1px;color:#aaa0b4}.closing strong{color:#7c6592;font-weight:700}.closing>a{font-size:11px;color:#a396b1;margin-top:19px}.closing>a span{margin-left:8px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:27px 0 32px}.footer-brand{font-size:17px;letter-spacing:-.7px}footer p{font-size:10px;color:#aa9fb3}footer>div{margin-left:auto;display:flex;gap:23px;font-size:10px;color:#9c8da9}footer a:hover{color:var(--purple)}
@media(min-width:1440px){.hero{min-height:730px}.hero-scene{height:580px}.phone{transform:rotate(-5deg) scale(1.06)}.host-home{left:20px}.host-server{right:0}.event-chip{right:32px}}
@media(max-width:1100px){.site-shell{padding:0 40px}.hero{gap:12px}.hero-scene{transform:scale(.9);transform-origin:center}.host-home{left:-20px}.host-server{right:-26px}h1{font-size:clamp(52px,6vw,65px);letter-spacing:-4px}.hero-description{font-size:17px}.getting-started{gap:38px}.ownership-note p{max-width:570px}.arch-node{padding:16px}.arch-runtime{grid-template-columns:1fr 58px 1fr}}
/* The five column flow cannot shrink below ~756px; it stacks as soon as the
   viewport cannot supply that, which is well above the 820px mobile breakpoint. */
@media(max-width:960px){.architecture-flow{grid-template-columns:1fr;max-width:560px;margin:0 auto}.arch-external{min-height:128px}.arch-connection-outer{height:72px;justify-items:center}.arch-connection-outer i{width:1px;height:32px;background:linear-gradient(#d7cce1,#a990c1)}.arch-connection-outer i:after{right:50%;top:auto;bottom:-1px;transform:translateX(50%) rotate(135deg)}.arch-runtime{grid-template-columns:1fr}.arch-connection-inner{height:64px;justify-items:center}.arch-connection-inner i{width:1px;height:27px;background:linear-gradient(#d7cce1,#a990c1)}.arch-connection-inner i:after{right:50%;top:auto;bottom:-1px;transform:translateX(50%) rotate(135deg)}.architecture-summary{grid-template-columns:1fr}}
@media(max-width:820px){.site-shell{padding:0 26px}.site-header{height:85px}nav{gap:21px}.nav-wide{display:none}.hero{grid-template-columns:1fr;padding-top:56px;gap:0;min-height:0}.hero-copy{max-width:530px}h1{font-size:72px}.hero-scene{height:580px;transform:none;margin:10px auto 0;width:min(100%,520px)}.hero-description{font-size:19px}.hero-detail{max-width:425px}.host-home{left:0}.host-server{right:0}.hero-scene:before{max-width:100%}.orbit-one{width:100%}.ownership-note{align-items:start}.ownership-note a{display:none}.powered-card{grid-template-columns:1fr;gap:26px;padding:28px 24px}.powered-head h2{font-size:26px}.steps{gap:22px}.steps h3{font-size:14px}.section-heading h2,.workflow .section-heading h2{font-size:30px}.getting-started{gap:33px;grid-template-columns:1fr}.install-panel{max-width:540px;width:100%}.start-copy h2{font-size:37px}.start-copy>p:not(.eyebrow){max-width:470px}.section{padding:64px 0}.getting-started{padding-top:56px}.section-heading>p:last-child:not(.eyebrow){display:none}.principles-strip>span{font-size:11px}.principles-strip>span b{display:none}footer p{display:none}}
@media(max-width:480px){.site-shell{padding:0 21px}.brand{font-size:20px;gap:5px}.brand img{width:35px;height:35px}nav{gap:15px;font-size:10px}nav a:not(.nav-source){display:none}.nav-source{gap:8px;padding:9px 10px}.hero{padding-top:45px;padding-bottom:40px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:clamp(39px,10vw,50px);letter-spacing:-3px;margin-top:22px}.hero-description{font-size:16px}.hero-detail{font-size:11px;max-width:290px;line-height:1.9}.hero-actions{gap:10px}.button{font-size:13px;padding:13px 16px;gap:21px}.button-text{padding-left:7px;padding-right:0;gap:7px}.hero-platforms{font-size:8px;gap:9px}.hero-scene{height:555px;margin-top:22px}.phone{width:270px;height:500px;transform:rotate(-4deg)}.hero-scene:before{width:320px;height:420px}.orbit-one{width:100%;height:330px}.orbit-two{width:100%;height:420px}.host-chip{padding:10px;gap:6px;box-shadow:0 8px 20px #74608512}.host-icon{width:21px;height:23px;font-size:13px}.host-chip strong{font-size:10px}.host-chip div>span{font-size:9px}.host-home{left:-5px;top:67px}.host-server{right:-5px;top:175px}.event-chip{right:1px;bottom:55px;gap:8px;padding:11px 13px}.event-chip strong{font-size:10px}.event-chip div>span{font-size:9px}.event-check{width:26px;height:26px}.principles-strip{padding:23px 0;gap:14px}.principles-strip p{font-size:10px}.principles-strip>span{font-size:9px}.principles-strip>span:nth-child(3){display:none}.section-heading h2,.workflow .section-heading h2{font-size:27px;letter-spacing:-1.3px}.section-heading{gap:15px}.ownership-note{padding:15px 0;gap:12px}.ownership-note p{font-size:10px}.architecture-panel{padding:22px 15px;border-radius:17px}.arch-host{padding:27px 13px 13px}.arch-local-state>div{grid-template-columns:1fr}.arch-local-state>div>span{padding:3px 0}.architecture-summary>span{padding:14px}.architecture-detail-link{justify-content:flex-start}.steps{grid-template-columns:1fr;gap:28px;margin-top:26px}.steps article{padding-top:17px}.step-number{margin-bottom:12px}.steps h3{font-size:17px}.steps p{font-size:12px;max-width:100%}.start-copy h2{font-size:30px;letter-spacing:-1.5px}.start-copy>p:not(.eyebrow){font-size:12px}.install-top{padding:15px;gap:12px}pre{padding:22px 15px}.install-next{margin:0 16px}.closing{padding:46px 0}.closing p{font-size:25px}footer{gap:10px;padding:24px 0}.footer-brand{font-size:15px}footer>div{gap:15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Reading sizes and layout values for the shipped design. */
nav{font-size:15px}.nav-source{border-color:#4a3e57;background:#211b2b}.eyebrow{font-size:11px;color:var(--amber)}.live-dot{background:var(--amber);box-shadow:0 0 0 4px #5a3a20}.hero-description{font-size:21px;color:#e0d7e5}.hero-detail{max-width:520px;font-size:17px;line-height:1.75;color:#bfb4c7}.hero-detail a,.text-link{color:#d8c4e8}.button-primary{background:linear-gradient(105deg,#7b46dd,#a548c0);color:#fff;box-shadow:0 10px 26px #7a45bb35}.button-primary:hover{background:linear-gradient(105deg,#8450e2,#a94bc5)}.button-text{font-size:14px;color:#cfc3d5}.hero-platforms{font-size:12px;color:#aea1b7}.hero-platforms i{background:#72647c}.hero-scene:before{background:radial-gradient(ellipse at 75% 30%,#d55abf3d,transparent 65%),radial-gradient(ellipse at 30% 65%,#765ee446,transparent 64%),radial-gradient(ellipse at 82% 78%,#ffb86b30,transparent 62%)}.scene-orbit{border-color:#9f7aba38}.phone,.host-chip,.event-chip{color:#242139}.principles-strip{border-color:var(--line)}.principles-strip p{font-size:15px;color:#c6bbcD}.principles-strip p strong{color:#fff}.principles-strip>span{font-size:14px;color:#b9aec2}.section-heading>p:last-child:not(.eyebrow){font-size:16px;color:#bdb1c5}.ownership-note p{max-width:900px;font-size:15px;line-height:1.7;color:#c9becf}.ownership-note strong{color:#fff}.ownership-note a{font-size:14px;color:#d0addf}.powered-by{border-top:0;padding-top:52px}.powered-card{background:linear-gradient(135deg,#241c2e,#2d2138);border-color:#45354f;box-shadow:0 24px 60px -38px #000}.powered-head h2{font-size:36px}.powered-lead{font-size:16px;line-height:1.75;color:#d0c5d5}.powered-link{font-size:14px;color:#d6b2e5}.powered-list li{background:#33283d;border-color:#4b3b57;font-size:15px;line-height:1.7;color:#d5cad9}.powered-list b{font-size:17px;color:#fff}.powered-list code{font-size:13px;background:#201828;color:#e0bded}.architecture{margin:38px 0;padding:70px 32px;background:#1e1827;border:1px solid #3d3149;border-radius:28px}.architecture-panel{background:linear-gradient(145deg,#17131f,#1d1726);border-color:#41344c;box-shadow:0 28px 70px -38px #000}.arch-node,.arch-phone-node,.arch-provider-node,.arch-omp-node{background:linear-gradient(145deg,#2c2337,#251e30);border-color:#4a3a56;box-shadow:0 15px 28px -22px #000}.arch-icon{background:#3d2c49;color:#d9aaf0}.arch-kicker{font-size:10px;color:#b8a9c1}.arch-node h3{font-size:17px;color:#fff}.arch-node p{font-size:14px;color:#cabfd0}.arch-host{background:#211a2b;border-color:#655071}.arch-boundary-label{background:#1e1827}.arch-connection span{font-size:11px;color:#ddcce5}.arch-connection small{font-size:10px;color:#b7a9bf}.arch-connection i,.arch-connection-outer i,.arch-connection-inner i{background:linear-gradient(90deg,#735b80,#c08fd0)}.arch-local-state{background:#2b2235;border-color:#493a55}.arch-boundary-label,.arch-state-title{font-size:9px;color:#c5b4cd}.arch-local-state>div>span{font-size:12px;color:#d0c4d5}.architecture-summary{background:#44354f;border-color:#44354f}.architecture-summary>span{background:#251e2e;font-size:14px;line-height:1.6;color:#d3c7d8}.architecture-summary b{font-size:14px;color:#fff}.architecture-summary code{font-size:12px;background:#1a141f;color:#e3c2ed}.architecture-detail-link{font-size:14px;color:#d9b5e7}.workflow{margin:0 0 42px;padding:74px 32px;background:linear-gradient(135deg,#3a244b,#2b213c);border:1px solid #533a64;border-radius:28px;color:#fff}.workflow .eyebrow{color:#d8bde4}.workflow .section-heading h2{font-size:40px;color:#fff}.workflow .steps article{border-color:#674f73}.workflow .step-number{font-size:14px;color:var(--amber-soft)}.workflow .steps h3{font-size:21px;color:#fff}.workflow .steps p{max-width:330px;font-size:16px;line-height:1.7;color:#ddd1e2}.workflow .text-link{color:#f2cbff}.getting-started{border-color:var(--line)}.start-copy>p:not(.eyebrow){max-width:460px;font-size:16px;line-height:1.75;color:#cec3d3}.build-link{font-size:14px;color:#d4afe1}.build-note{font-size:12px;color:#bdb3c2}.install-panel{background:#0f0d15;border-color:#3d3248;box-shadow:0 18px 42px #0005}.install-top{font-size:13px;color:#c5b7ce}.install-next p{font-size:15px;color:#cfc2d6}.install-next a{font-size:13px;color:#e0bff0}.closing{border-color:var(--line)}.closing p{color:#c1b5c7}.closing strong{color:#d6b2e5}.closing>a,footer p,footer>div{font-size:13px;color:#b8abbf}footer{border-color:var(--line)}
@media(max-width:1100px){.features,.architecture{padding-left:26px;padding-right:26px}.workflow{padding-left:26px;padding-right:26px}}
@media(max-width:820px){.ownership-note p{font-size:15px}.powered-lead,.powered-list li{font-size:16px}.architecture{margin:28px 0;padding:56px 24px}.workflow{margin-bottom:32px;padding:58px 24px}.workflow .steps h3{font-size:20px}.workflow .steps p{font-size:16px}.start-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:480px){.eyebrow{font-size:10px}.hero-description{font-size:18px}.hero-detail{font-size:15px;color:#c7bbcD}.hero-platforms{font-size:10px}.principles-strip p{font-size:13px}.principles-strip>span{font-size:11px}.ownership-note p{font-size:14px}.powered-lead,.powered-list li{font-size:15px}.architecture{margin:22px 0;padding:44px 14px;border-radius:20px}.arch-node p{font-size:13px}.arch-local-state>div>span{font-size:12px}.architecture-summary>span{font-size:14px}.workflow{margin-bottom:28px;padding:48px 20px;border-radius:20px}.workflow .section-heading h2{font-size:31px}.workflow .steps h3{font-size:20px}.workflow .steps p{font-size:15px}.start-copy>p:not(.eyebrow){font-size:15px}.closing>a,footer>div{font-size:12px}}

/* Keep the architecture readable without stacking panels inside panels. */
.architecture-panel{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.arch-host{padding:29px 0 0;background:transparent;border:0;border-top:1px solid #51405d;border-radius:0}
.arch-boundary-label{left:0;background:#1e1827}
.arch-local-state{margin-top:18px;padding:16px 0 0;background:transparent;border:0;border-top:1px solid #46394f;border-radius:0}
.architecture-summary{gap:0;margin-top:30px;overflow:visible;background:transparent;border:0;border-top:1px solid #40344a;border-radius:0}
.architecture-summary>span{padding:20px 20px 0;background:transparent}
.architecture-summary>span:first-child{padding-left:0}
.architecture-summary>span+span{border-left:1px solid #40344a}
.architecture-summary>span:last-child{padding-right:0}
.architecture-detail-link{margin-top:24px}
@media(max-width:960px){.architecture-summary>span{padding:18px 0}.architecture-summary>span+span{border-top:1px solid #40344a;border-left:0}}

/* ---------------------------------------------------------------------------
   Setup, install routes, next steps, and stated limits.
   Written for the shipped theme above; nothing re-declares these later.
   --------------------------------------------------------------------------- */
.requirement-list{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:24px 0 0;max-width:480px}
.requirement-list dt{font-family:var(--display);font-size:13px;font-weight:700;color:#e6d9ef;padding-top:2px}
.requirement-list dd{margin:0;font-size:14px;line-height:1.65;color:var(--text-secondary)}
.hero-detail code,.requirement-list code,.route-note code,.next-steps code{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:12.5px;line-height:1.5;color:#e0bded;background:#201828;border-radius:5px;padding:2px 6px}
.install-route{border-top:1px solid #443b50;padding-bottom:6px}
.install-top+.install-route{border-top:0}
.route-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:20px 22px 0}
.route-head h3{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.3px;color:#f0e6f5}
.route-badge{font-size:12px;color:#c6b7d1;background:var(--surface-raised);border:1px solid #4b3b57;border-radius:999px;padding:3px 10px}
.route-head .copy-button{margin-left:auto}
.install-route .route-note{padding:12px 24px 18px;font-size:13px;line-height:1.7;color:var(--text-secondary)}
.install-next .next-note{font-size:13px;line-height:1.7;color:var(--text-secondary);margin-top:14px}
.next-steps{list-style:none;counter-reset:step;margin:12px 0 0;padding:0;display:grid;gap:12px}
.next-steps li{counter-increment:step;position:relative;padding-left:36px;font-size:15px;line-height:1.7;color:#cfc2d6}
.next-steps li:before{content:counter(step);position:absolute;left:0;top:2px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:700;color:var(--text-inverse);background:var(--amber)}
.steps-note{margin-top:28px;font-size:14px;line-height:1.7;color:#d3c9d8}
.limits{border-top:1px solid var(--line)}
.limits-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.limits-list li{background:var(--surface-raised);border:1px solid #45384f;border-radius:16px;padding:22px 24px;font-size:14px;line-height:1.7;color:#d3c9d8}
.limits-list b{display:block;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.4px;color:var(--amber-soft);margin-bottom:8px}
.limits-more{margin-top:20px;font-size:14px;color:var(--text-secondary)}
@media(max-width:960px){.limits-list{grid-template-columns:1fr}}
@media(max-width:820px){.route-head{padding:18px 18px 0}.install-route .route-note{padding:12px 18px 16px}pre{padding:14px 18px 20px}.install-next{margin:0 18px}}
@media(max-width:560px){pre{white-space:pre-wrap;overflow-wrap:anywhere}}
@media(max-width:480px){.requirement-list{grid-template-columns:1fr;gap:2px}.requirement-list dt{padding-top:12px}.hero-detail code{font-size:12px}.next-steps li{font-size:14px}}

.architecture-page{padding:80px 0 96px}
.architecture-page h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;line-height:1.15;max-width:780px;margin:20px 0}
.architecture-lead{max-width:780px;font-size:17px;line-height:1.75;color:var(--text-secondary)}
.architecture-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:48px 0;padding:0}
.architecture-steps li{border-top:1px solid var(--line);padding-top:20px}
.architecture-steps h2{font-size:20px;margin-bottom:12px}
.architecture-steps p{font-size:15px;line-height:1.7;color:var(--text-secondary)}
.architecture-page>.button{margin-top:28px}
@media(max-width:820px){.architecture-steps{grid-template-columns:1fr;gap:24px}.architecture-page{padding:60px 0 72px}}

.not-found{padding:120px 0 96px;max-width:760px}
.not-found h1{font-size:clamp(40px,4.6vw,64px);letter-spacing:-3px;margin:22px 0 20px;max-width:560px}
.not-found-copy{font-size:17px;line-height:1.75;color:var(--text-secondary);max-width:520px}
.not-found .hero-actions{margin-top:34px}
@media(max-width:480px){.not-found{padding:70px 0 62px}.not-found .hero-actions{flex-direction:column;align-items:stretch}}

.hero h1{max-width:16em;font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:700;font-size:clamp(42px,4.8vw,64px);line-height:0.95;letter-spacing:-0.02em;margin:8px 0 28px}