:root{color-scheme:dark;--bg:#0b1220;--surface:#152038;--border:#334460;--ink:#edf1f9;--muted:#bcc8dc;--accent:#b7c9ff;--primary:#5369da;--danger:#ffb6bc;--ok:#93e3c8}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#263652 0,var(--bg) 65%);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:var(--accent);text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button,.button{border:1px solid transparent;background:var(--primary);border-radius:11px;padding:11px 16px;color:white;cursor:pointer;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:#6e83e8}.secondary{background:rgba(183,201,255,.045);border:1px solid #52617b;color:var(--ink)}.secondary:hover{background:rgba(183,201,255,.15)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #c9d8ff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;line-height:1.12;font-size:clamp(36px,4.6vw,66px);letter-spacing:-1.6px}h1 em{color:var(--accent);font-weight:400}h2{font:400 27px/1.3 Georgia,serif;margin-bottom:16px}h3{font-size:17px}p{margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:15px}.muted,small{color:var(--muted)}.small{font-size:12px}.lead{font-size:19px}.glass{background:rgba(21,31,49,.8);border:1px solid var(--border);border-radius:22px;padding:28px;min-width:0}.notice{background:rgba(183,201,255,.055);border:1px solid #52617b;border-radius:12px;padding:17px 20px;margin:20px 0;overflow-wrap:anywhere}.notice p:last-child{margin-bottom:0}.error{color:var(--danger);border-color:#ad6174}.brand{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:-.5px}.public-header,.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px clamp(18px,4vw,60px);border-bottom:1px solid var(--border);background:rgba(11,18,32,.65)}nav,.header-actions,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.public-main{max-width:1300px;margin:0 auto;padding:65px 35px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.public-intro{padding-top:20px}.signin-methods{display:grid;gap:12px;margin:25px 0}.signin p{color:var(--muted)}.architecture-list{padding-left:22px}.architecture-list li{padding:0 0 10px 6px}.architecture-list p{font-size:14px;color:var(--muted);margin:5px 0 14px}.public-footer{text-align:center;color:var(--muted);padding:20px;font-size:12px}.public-footer span{display:block}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;padding:12px;background:var(--bg)}.skip-link:focus{top:10px}.workspace{max-width:1600px;margin:auto;padding:36px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.workspace-heading h1{font-size:clamp(36px,3vw,50px);margin:0}.workspace-heading>p{max-width:410px;margin:0}.workspace-tabs{padding-bottom:16px;border-bottom:1px solid var(--border);margin:25px 0}.workspace-tabs button{background:transparent;color:var(--muted);border-color:var(--border);font-size:13px}.workspace-tabs button[aria-selected=true]{background:rgba(83,105,218,.25);border-color:var(--accent);color:var(--ink)}[hidden]{display:none!important}.execution-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.run-workspace{display:grid;gap:24px}.run-list{display:grid;gap:10px;margin:16px 0}.run-list button{text-align:left;justify-content:flex-start;font-size:13px;word-break:break-word}.run-list button[aria-pressed=true]{border-color:var(--accent)}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600}summary::before{content:'▸'}details[open]>summary::before{content:'▾'}label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #52617b;border-radius:8px;background:rgba(7,14,26,.65);font-size:14px}textarea{resize:vertical}fieldset{border:1px solid var(--border);border-radius:10px;padding:12px;margin:20px 0}legend{font-size:12px;padding:0 6px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.section-heading h2{overflow-wrap:anywhere}.badge{display:inline-flex;font-size:11px;line-height:1.4;padding:8px 10px;border:1px solid var(--border);border-radius:20px;white-space:nowrap;background:rgba(183,201,255,.045)}.badge.simulated{color:#f4d498}.badge.completed{color:var(--ok)}.badge.failed,.badge.rejected{color:var(--danger)}.graph{overflow:auto;max-height:650px}.graph svg{display:block;width:100%;min-width:280px}.graph .edge{stroke:#7b91bb;stroke-width:2;fill:none}.graph .graph-node rect{fill:#1a2a45;stroke:#7185ac;stroke-width:1.5}.graph .graph-node:focus rect,.graph .graph-node:hover rect{stroke:#e1eaff;stroke-width:3}.graph .graph-node{cursor:pointer}.graph text{fill:var(--ink);font-family:inherit}.node-list{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.node-list button{font-size:12px}.source-record,.review-record,.audit-record,.status-record{border-bottom:1px solid var(--border);padding:18px 0;overflow-wrap:anywhere}.source-record:last-child,.review-record:last-child,.audit-record:last-child,.status-record:last-child{border-bottom:0}.source-record blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #52617b;color:var(--muted)}.source-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.metric-grid>div{border:1px solid var(--border);padding:18px;border-radius:12px}.metric-grid dt{font-size:12px;color:var(--muted)}.metric-grid dd{margin:7px 0 0;font-size:27px}.workspace-footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:35px}.compact .expanded-detail,.compact .graph{display:none}.compact .glass{padding:20px}.compact .execution-layout{grid-template-columns:240px minmax(0,1fr)}.compact .workspace-heading h1{font-size:32px}
@supports(backdrop-filter:blur(15px)){.glass,.workspace-header{backdrop-filter:blur(15px)}}
@media(max-width:1000px){.public-main{grid-template-columns:1fr;gap:32px;max-width:750px;padding:35px 22px}.execution-layout,.compact .execution-layout{grid-template-columns:1fr}.run-sidebar{order:0}.run-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workspace{padding:25px 18px}.workspace-heading{align-items:start}.workspace-header{flex-wrap:wrap}.header-actions{gap:10px}}
@media(max-width:600px){.public-header{align-items:start;flex-direction:column;padding:20px}.public-header nav{font-size:13px;gap:18px}.glass{padding:22px 18px}.workspace-heading{display:block}.workspace-heading>p{margin-top:20px;font-size:13px}.workspace-tabs{gap:9px}.workspace-tabs button{flex:1 1 130px;font-size:12px;padding:10px}.section-heading{flex-wrap:wrap}.header-actions{font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid>div{padding:12px}.metric-grid dd{font-size:22px}.workspace-header{padding:18px}.graph svg{min-width:290px}button,.button{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Dimensional command-center visual system. Decoration is separate from recorded data. */
:root{--bg:#06091a;--surface:#10152b;--border:#2a3050;--ink:#f2f4ff;--muted:#aab5d1;--accent:#b7a2ff;--primary:#7046f6;--ok:#6eead5}
body{background:radial-gradient(ellipse at 3% 20%,#37206955,transparent 42%),radial-gradient(ellipse at 95% 65%,#00758c22,transparent 42%),#06091a;line-height:1.55}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#8a8fb322 .8px,transparent .8px);background-size:28px 28px}
h1,h2{font-family:inherit;font-weight:650}h1{font-size:clamp(38px,4.4vw,64px);letter-spacing:-2.4px;line-height:1.1}h1 em{font-style:normal;font-weight:650;color:#ad9aff;background:linear-gradient(100deg,#c7bbff,#9d79ff 55%,#65e4ef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:23px;letter-spacing:-.6px}.eyebrow{color:#a79bdc;letter-spacing:2.4px;font-weight:650}.brand{font-size:18px;letter-spacing:-.6px}.brand::first-letter{color:#9d79ff}.public-header,.workspace-header{background:#080c20bb;border-color:#ffffff10;padding:20px 4vw;box-shadow:0 10px 40px #0002}.public-header nav a,.header-actions>a{font-size:12px;text-decoration:none;color:#bdc3dc}.public-header nav a:last-child{border:1px solid #67559a;border-radius:9px;padding:9px 18px;color:white}
button,.button{background:linear-gradient(115deg,#8752ff,#5036e8);box-shadow:inset 0 1px #ffffff30,0 5px 20px #6940ec22;border-radius:10px;font-size:13px;transition:background .2s,box-shadow .2s}button:hover,.button:hover{background:linear-gradient(115deg,#996bff,#6652f1);box-shadow:0 6px 24px #7756ff44}.secondary{background:#ffffff04;border-color:#424668;box-shadow:inset 0 1px #ffffff08}.secondary:hover{background:#8a71d91a}.glass{background:linear-gradient(145deg,#191f37d9,#0d1228eb);border:1px solid #3b3c625c;border-radius:16px;padding:24px;box-shadow:inset 0 1px #ffffff0b,0 18px 50px #0003}.glass h2{margin-bottom:12px}.notice{background:#7c4dff0c;border-color:#63508077}.error{border-color:#ad6174}.lead{font-size:16px;max-width:520px}.public-main{max-width:1350px;grid-template-columns:1.35fr .85fr;gap:70px;padding:55px 40px 35px;align-items:center}.public-intro{padding-top:0}.public-intro h1{margin-bottom:5px}.public-intro>.muted{font-size:12px;max-width:520px}.signin{padding:38px;position:relative;border-color:#74619c66;box-shadow:0 20px 80px #0005,0 0 80px #7841ff12,inset 0 1px #ffffff20}.signin-symbol{display:grid;place-items:center;width:62px;height:62px;background:linear-gradient(140deg,#8f59ff,#282a65);border:1px solid #b8a0ff88;border-radius:19px;font-size:32px;margin-bottom:28px;box-shadow:0 0 30px #8058ff44}.signin h2{font-size:30px}.signin p{font-size:13px}.signin-methods .button,.signin-methods button{min-height:50px}.signin-methods small{font-size:11px}.public-footer{border-top:1px solid #ffffff0b;font-size:10px}
.dimension-scene{height:280px;position:relative;isolation:isolate;overflow:hidden;margin:0 -25px 15px;pointer-events:none}.scene-grid{position:absolute;inset:50% 5% -35%;background:linear-gradient(#8074d522 1px,transparent 1px),linear-gradient(90deg,#8074d522 1px,transparent 1px);background-size:36px 36px;transform:perspective(350px) rotateX(62deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbital-core{position:absolute;width:250px;height:250px;left:50%;top:10px;transform:translateX(-50%);filter:drop-shadow(0 0 24px #804bfa33)}.orbit{position:absolute;inset:18px;border:1px solid #ae8fff; border-radius:50%;box-shadow:0 0 12px #9f68ff55,inset 0 0 12px #9f68ff22;transform:rotateZ(20deg) rotateX(65deg);animation:orbit-breathe 7s ease-in-out infinite alternate}.orbit-two{transform:rotateZ(75deg) rotateX(65deg);border-color:#5ddfeb}.orbit-three{transform:rotateZ(135deg) rotateX(65deg)}.orbit-four{inset:38px;transform:rotateZ(-25deg) rotateX(40deg);border-style:dashed;opacity:.55}.orbit-five{inset:2px;border-color:#60dfe955;transform:rotateZ(-35deg) rotateX(72deg)}.orbit-six{inset:55px;transform:rotateZ(35deg) rotateX(25deg);opacity:.6}.core-sphere{position:absolute;inset:69px;display:grid;place-items:center;border-radius:50%;font-size:46px;color:#e9e7ff;background:radial-gradient(circle at 28% 20%,#ddd4ff,#8b62ea 22%,#42358b 50%,#09132c 78%);box-shadow:inset -10px -12px 25px #060b29,0 0 35px #8556ff77,0 0 70px #1ebde422}.scene-coordinate{position:absolute;color:#a9a3d1;font:9px/1.4 ui-monospace,monospace;letter-spacing:2px;border-top:1px solid #8f7fcc55;padding-top:8px}.coordinate-one{left:7%;top:50px}.coordinate-two{right:4%;top:130px}.coordinate-three{left:12%;bottom:26px}@keyframes orbit-breathe{from{opacity:.5}to{opacity:1}}
.workspace{max-width:1600px;padding:26px 34px}.workspace-heading{position:relative;min-height:130px;border-bottom:1px solid #ffffff0b;padding-bottom:22px;margin-bottom:18px;overflow:hidden}.workspace-heading>div:first-child{position:relative;z-index:1;max-width:550px}.workspace-heading h1{font-size:clamp(26px,2.8vw,40px);letter-spacing:-1.5px}.workspace-heading h1 em{display:block}.workspace-heading>p{max-width:275px;font-size:12px;margin-right:230px}.workspace-heading>.dimension-scene{position:absolute;width:250px;height:150px;right:0;top:-8px;margin:0;opacity:.9}.workspace-heading .orbital-core{transform:translateX(-50%) scale(.57);transform-origin:50% 20%;top:0}.workspace-heading .scene-coordinate{display:none}.workspace-tabs{gap:7px;margin:18px 0;padding:7px;background:#10152c88;border:1px solid #33395966;border-radius:12px}.workspace-tabs button{box-shadow:none;border:0;border-radius:7px;font-size:12px;flex:1;min-height:42px}.workspace-tabs button[aria-selected=true]{background:linear-gradient(110deg,#7041d044,#472b9755);box-shadow:inset 0 0 0 1px #9976f055;color:#e7deff}.execution-layout{grid-template-columns:245px minmax(0,1fr);gap:18px}.run-workspace{gap:18px;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);align-items:start}.run-sidebar{padding:20px}.run-sidebar h2{font-size:18px}.run-sidebar .secondary{font-size:11px;min-height:36px;padding:7px 11px}.run-list{font-size:12px}.run-workspace .glass{min-height:370px}.graph{background:radial-gradient(ellipse,#48238422,transparent 70%),linear-gradient(#7072970b 1px,transparent 1px),linear-gradient(90deg,#7072970b 1px,transparent 1px);background-size:auto,25px 25px,25px 25px;border-radius:12px;border:1px solid #60568533;padding:15px;margin-top:20px}.graph:empty{min-height:210px;display:grid;place-items:center}.graph:empty::before{content:'◇';color:#8a6ceb;font-size:70px;text-shadow:0 0 30px #8361fd88}.graph:empty::after{content:'Awaiting a recorded run';color:#aab5d1;font-size:11px;margin-top:-35px}.graph .edge{stroke:#6ad6ef;stroke-width:2;filter:drop-shadow(0 0 4px #37c7f7)}.graph .graph-node rect{fill:#211e43;stroke:#a480f4;filter:drop-shadow(0 0 5px #8050f044)}.section-heading .eyebrow{font-size:9px;margin-bottom:7px}.section-heading h2{font-size:20px}.badge{font-size:10px;border-color:#555274;background:#3c2c6a33}.metric-grid>div{background:linear-gradient(140deg,#382b5b33,#0f1529);border-color:#5e4b8755;box-shadow:inset 0 1px #ffffff08}.metric-grid dd{color:#b9a4ff;font-weight:600}.workspace-footer{margin-top:22px;border-top:1px solid #ffffff0b;padding-top:16px;font-size:10px}#feedback:empty{display:none}.compact .run-workspace{grid-template-columns:1fr 1fr}.compact .run-workspace .glass{min-height:0}
@media(max-width:1200px){.run-workspace{grid-template-columns:1fr}.workspace-heading>p{margin-right:180px;max-width:240px}.workspace-heading>.dimension-scene{width:190px}.run-workspace .glass{min-height:0}}
@media(max-width:1000px){.public-main{grid-template-columns:1fr;max-width:750px;gap:35px;padding:35px 25px}.public-intro h1{font-size:48px}.public-intro .dimension-scene{height:260px}.workspace-heading>p{display:none}.execution-layout,.compact .execution-layout{grid-template-columns:1fr}.run-workspace,.compact .run-workspace{grid-template-columns:1fr}.workspace-heading>div:first-child{max-width:70%}.workspace-tabs button{flex:1 1 150px}.signin{padding:30px}.workspace{padding:24px 18px}}
@media(max-width:600px){.public-main{padding:30px 20px;gap:25px}.public-intro h1{font-size:39px;letter-spacing:-1.8px}.dimension-scene{margin:0 -10px;height:245px}.coordinate-one{left:1%;font-size:8px}.coordinate-two{right:0;font-size:8px}.coordinate-three{left:4%;font-size:8px}.public-header{padding:18px 20px;gap:16px}.public-header nav{gap:18px}.public-header nav a{font-size:11px}.public-header nav a:last-child{padding:7px 13px}.workspace-header{padding:15px 18px;gap:12px}.header-actions{width:100%;gap:10px}.header-actions #identity{flex:1;font-size:11px}.header-actions button{padding:8px 10px;font-size:11px;min-height:40px}.workspace-heading{min-height:120px}.workspace-heading h1{font-size:27px}.workspace-heading>.dimension-scene{right:-55px;opacity:.65}.workspace-heading>div:first-child{max-width:76%}.workspace-tabs{margin:14px 0}.workspace-tabs button{flex:1 1 125px;font-size:11px}.glass{padding:20px 17px}.signin{padding:28px 22px}.graph{padding:8px}.workspace-footer{gap:10px}.compact .workspace-heading h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the working area near the top of the viewport. */
.workspace-heading{min-height:85px;padding-bottom:14px;margin-bottom:12px}.workspace-heading h1{font-size:clamp(25px,2.5vw,34px)}.workspace-heading h1 em{display:inline}.workspace-heading>div:first-child{max-width:650px}.workspace-heading>.dimension-scene{height:95px}.workspace-heading .orbital-core{transform:translateX(-50%) scale(.38)}.workspace-heading>p{max-width:210px;margin-right:150px}.workspace-heading>.dimension-scene{width:150px}.workspace-heading .eyebrow{margin-bottom:8px}
#preview-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:12px 17px;margin:12px 0}#preview-guide>.eyebrow{grid-column:1/-1;margin:0;font-size:9px}#guide-instruction{margin:0;align-self:center;font-size:12px}#preview-guide .actions{gap:8px}#preview-guide button{min-height:38px;padding:8px 13px;font-size:11px}.workspace-tabs{margin:12px 0}.workspace-start{padding:23px;margin-top:20px;background:radial-gradient(ellipse at top right,#7745ec22,transparent 75%),#10152b;border:1px solid #7656ad77;border-radius:12px}.workspace-start h3{font-size:23px;letter-spacing:-.5px}.workspace-start .actions{gap:12px;align-items:center}.workspace-start .actions>a:not(.button){font-size:12px}.workspace-start>.small{margin:18px 0 0}.badge.disconnected{color:#dfc5a1;background:#7b531315;border-color:#89745366}
@media(max-width:1000px){.workspace-heading h1 em{display:block}.workspace-heading>div:first-child{max-width:80%}}
@media(max-width:600px){.workspace-heading{min-height:92px}.workspace-heading h1{font-size:25px}.workspace-heading>.dimension-scene{right:-30px}.workspace-start{padding:18px}.workspace-start h3{font-size:20px}#preview-guide{grid-template-columns:1fr;gap:9px}#preview-guide>.eyebrow{grid-column:1}.workspace-start .actions{align-items:stretch;flex-direction:column}.workspace-start .actions>a:not(.button){text-align:center;padding:8px}.workspace-heading>div:first-child{max-width:85%}}

.plan-features{padding-left:20px;color:var(--muted);font-size:15px;line-height:2}.plan-price{font-size:52px!important;color:var(--ink)!important;font-weight:650;letter-spacing:-2px;margin:20px 0}.plan-price span{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}
