:root{color-scheme:dark;--bg:#090a10;--panel:#10111a;--panel2:#151622;--line:#ffffff18;--ink:#f5f4fb;--quiet:#9695a4;--violet:#9188bd;--green:#45df7c;--red:#ff626e}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#05060a;color:var(--ink);font:14px/1.45 system-ui,-apple-system,sans-serif}button,a{font:inherit}.runtime{height:100%;display:grid;grid-template:84px minmax(0,1fr) 42px/246px minmax(0,1fr);background:radial-gradient(circle at 64% 42%,#26233555,transparent 38%),var(--bg);opacity:1;animation:arrive .22s ease-out forwards}.mast{grid-column:1/-1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:13px}.brand>div{display:flex;flex-direction:column}.brand strong{font-size:18px}.brand small,.navigation>p,.workspace-head p{font:700 8px/1.3 ui-monospace,monospace;letter-spacing:2.4px;color:var(--quiet)}.brand-mark{width:38px;height:38px;border:1px solid #aaa2d25c;border-radius:10px;display:grid;place-items:center;background:#ffffff05}.brand-mark i{width:16px;height:16px;border:1px solid var(--violet);border-radius:50%;box-shadow:inset 0 0 0 5px #090a10;background:var(--violet)}.live-state{display:flex;align-items:center;gap:9px;color:var(--quiet);font-size:12px}.live-state span{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 12px currentColor}.live-state.is-live{color:#b8efca}.live-state.is-live span{background:var(--green)}.navigation{border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;gap:5px}.navigation>p{margin:0 10px 12px}.nav-item{border:0;background:transparent;color:var(--quiet);display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;padding:11px 10px;border-radius:9px;cursor:pointer;transition:background .18s,color .18s}.nav-item:hover{background:#ffffff08;color:var(--ink);}.nav-item.is-active{background:#8580a84a;color:#fff}.nav-item b{font:600 9px ui-monospace,monospace;color:#aaa5c5}.nav-note{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;display:flex;flex-direction:column;gap:5px}.nav-note span{font:700 8px ui-monospace,monospace;letter-spacing:1.8px;color:var(--quiet)}.nav-note strong{font-size:12px}.nav-note small{color:var(--quiet)}.workspace{min-width:0;min-height:0;padding:30px clamp(28px,5vw,72px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.workspace-head p{margin:0 0 7px}.workspace-head h1{font-size:clamp(25px,3vw,40px);letter-spacing:-.035em;margin:0}.consumer-link{color:var(--ink);text-decoration:none;border:1px solid #9e96c75e;background:#817aa833;border-radius:999px;padding:10px 15px;font-size:12px;white-space:nowrap}.canvas{min-height:0;border:1px solid #a39ac33d;border-radius:22px;background:linear-gradient(145deg,#11121bde,#0b0c12f2);box-shadow:inset 0 0 0 9px #06070a,0 28px 80px #0008;padding:clamp(26px,4vw,54px);overflow:auto;scrollbar-width:none;opacity:1;transform:none}.canvas::-webkit-scrollbar{display:none}.canvas.enter{animation:canvas-in var(--act4-runtime-motion,220ms) cubic-bezier(.22,1,.36,1) forwards}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:18px;height:100%}.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:680px;padding:4vw}.kicker{font:700 9px ui-monospace,monospace;letter-spacing:2.3px;color:var(--violet)}.hero-copy h2{font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.hero-copy>p{font-size:16px;color:#b0aeb9;max-width:560px}.truth-grid,.consumer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.truth-card,.consumer-card,.skin-card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:17px}.truth-card span,.consumer-card span{display:block;font:700 8px ui-monospace,monospace;letter-spacing:1.7px;color:var(--quiet);margin-bottom:7px}.truth-card strong,.consumer-card strong{display:block}.truth-card small,.consumer-card small{display:block;color:var(--quiet);margin-top:5px}.stack{display:flex;flex-direction:column;gap:12px}.section-copy{max-width:720px;color:var(--quiet);margin:0 0 8px}.part-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.part{border:1px solid var(--line);border-radius:12px;padding:14px;background:#ffffff04}.part b{display:block;font:600 11px ui-monospace,monospace;color:#cbc6e4}.skin-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.skin-card p{margin:5px 0;color:var(--quiet)}.actions{display:flex;gap:8px;flex-wrap:wrap}.action{border:1px solid #a49bc45c;border-radius:999px;background:#817aa82c;color:#fff;padding:9px 13px;text-decoration:none;cursor:pointer}.action.secondary{background:transparent}.proof-line{display:flex;align-items:flex-start;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.proof-line i{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:5px;box-shadow:0 0 10px #45df7c66}.proof-line.unknown i{background:var(--quiet);box-shadow:none}.proof-line div{display:flex;flex-direction:column}.proof-line small{color:var(--quiet)}.floor{grid-column:1/-1;border-top:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;font:600 8px ui-monospace,monospace;letter-spacing:1.5px;color:#777684}@keyframes arrive{from{opacity:0}to{opacity:1}}@keyframes canvas-in{from{opacity:0}to{opacity:1}}@media(max-width:760px){.runtime{grid-template:72px auto minmax(0,1fr) 38px/1fr}.mast{padding:0 20px}.navigation{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;flex-direction:row;overflow:auto}.navigation>p,.nav-note{display:none}.nav-item{min-width:max-content}.workspace{padding:20px}.workspace-head{align-items:flex-start}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:18px}.truth-grid,.consumer-grid{grid-template-columns:1fr}.live-state{font-size:0}.consumer-link{font-size:0}.consumer-link span{font-size:14px}}@media(prefers-reduced-motion:reduce){.runtime,.canvas,.canvas.enter{animation:none;opacity:1;transform:none}.nav-item{transition:none}.nav-item:hover{transform:none}}
button:focus-visible,a:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.action:active,.nav-item:active{filter:brightness(1.15)}

/* Real clip/scroll ownership and reachable controls preserve the existing skin. */
.runtime{overflow:hidden}.canvas{min-width:0;overscroll-behavior:contain;overflow-wrap:anywhere}.hero-copy,.member-copy{min-width:0}.nav-item,.member,.action,.consumer-link{min-width:44px;min-height:44px}.action{display:inline-flex;align-items:center;justify-content:center}.member-panel{align-content:safe center}.cargo-control .actions{margin-top:10px}[data-cargo-proof]{display:block;margin:9px 0;color:var(--quiet)}[data-cargo-retry]{margin-bottom:12px}[hidden]{display:none!important}.action:disabled,.cargo-control:disabled .action{opacity:.6;cursor:wait}
@media(forced-colors:active){html,body,.runtime,.canvas,.truth-card,.consumer-card,.skin-card,.part,.cargo-grid article{background:Canvas;color:CanvasText;box-shadow:none}.canvas,.action,.consumer-link,.brand-mark,.member i,.member-avatar,.part,.cargo-grid article{border-color:CanvasText}.nav-item,.member,.action,.consumer-link{color:ButtonText}.nav-item.is-active,[aria-pressed="true"]{background:Highlight;color:HighlightText}.kicker,.section-copy,.proof-line small,[data-cargo-proof]{color:CanvasText}button:focus-visible,a:focus-visible,[data-canvas]:focus-visible{outline:2px solid Highlight;outline-offset:3px}.proof-line i,.live-state span{background:CanvasText;box-shadow:none}}

/* The middle column is the canvas. The heading is canvas chrome, never a frame around content. */
.workspace{position:relative;overflow:hidden;padding:0;grid-template-rows:minmax(0,1fr);gap:0}
.workspace-head{position:absolute;z-index:4;top:0;left:0;right:0;padding:30px clamp(28px,5vw,72px) 22px;pointer-events:none}
.workspace-head>*{pointer-events:auto}
.canvas{height:100%;border:0;border-radius:0;box-shadow:none;background:linear-gradient(155deg,#11131d 0%,#0b0d14 72%);padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) clamp(28px,4vw,54px)}
.overview-field{min-height:100%;display:grid;align-content:center;max-width:1080px}
.overview-field h2{max-width:900px;margin:18px 0;font-size:clamp(48px,7vw,104px);line-height:.94;letter-spacing:-.06em}
.overview-field>p{max-width:720px;color:#b8b5c2;font-size:clamp(16px,1.45vw,22px);line-height:1.55;margin:0 0 38px}
.stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:760px){.workspace-head{padding:20px}.canvas{padding:128px 20px 28px}.overview-field h2{font-size:clamp(44px,13vw,68px)}.stack-grid{grid-template-columns:1fr}}

/* Canonical ReadyPlay Design DNA projection. The canvas remains the page. */
.canvas.is-dna,.canvas.is-tech{padding:0;background:#0b0c12}
.canvas.is-dna~*{display:initial}
.dna-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 72px;background:radial-gradient(circle at 12% 8%,#701b2730,transparent 28%),radial-gradient(circle at 88% 12%,#7b6cb429,transparent 32%),#0b0c12}
.dna-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:clamp(28px,5vw,72px);align-items:end;min-height:min(62vh,680px);border-bottom:1px solid var(--line);padding-bottom:52px}
.dna-badges,.dna-links,.tech-summary,.tech-tabs{display:flex;gap:8px;flex-wrap:wrap}.dna-badges span,.dna-links a{border:1px solid #ff637b55;border-radius:999px;background:#ff637b12;color:#ff9ba9;padding:7px 11px;font:700 9px/1 ui-monospace,monospace;letter-spacing:1.2px;text-decoration:none}.dna-hero h2{max-width:980px;margin:22px 0;font-size:clamp(48px,7vw,108px);line-height:.9;letter-spacing:-.065em}.dna-hero p{max-width:760px;color:#b9b7c2;font-size:clamp(16px,1.4vw,21px);line-height:1.55}.dna-links{margin-top:28px}.dna-hero aside{align-self:end;border:1px solid var(--line);border-radius:20px;padding:24px;background:#ffffff05;display:flex;flex-direction:column;gap:9px}.dna-hero aside span,.dna-proof>span,.dna-chapters header span,.tech-header>div>span{font:700 9px ui-monospace,monospace;letter-spacing:1.8px;color:#9f99c6}.dna-hero aside strong{font-size:21px}.dna-hero aside small{color:var(--quiet);line-height:1.65}.dna-build-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);margin:42px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.dna-build-map div{min-height:104px;background:#101119;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.dna-build-map span{font:700 9px ui-monospace,monospace;color:#ff8496}.dna-build-map strong{font-size:13px}.dna-chapters{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);border-top:1px solid var(--line)}.dna-chapters header{padding:42px 42px 42px 0}.dna-chapters header h3{font-size:clamp(32px,4vw,58px);line-height:.95;letter-spacing:-.045em;margin:16px 0}.dna-chapters article{grid-column:2;display:grid;grid-template-columns:52px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.dna-chapters article>span{font:700 10px ui-monospace,monospace;color:#ff8496}.dna-chapters h4{font-size:22px;margin:5px 0}.dna-chapters small,.dna-chapters p{color:var(--quiet)}.dna-chapters p{margin:0;max-width:680px}.dna-proof{margin-top:50px;border:1px solid #ff637b44;border-radius:20px;padding:24px;background:#ff637b0b}.dna-proof>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.dna-proof article{border-top:1px solid #ff637b44;padding-top:14px;display:flex;flex-direction:column;gap:5px}.dna-proof small{color:var(--quiet)}

/* Automata / Pocket Spot Tech Stack grammar: summary LEDs, rack tabs, grouped tables. */
.tech-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 54px;background:linear-gradient(150deg,#12131b,#090a0f 70%)}.tech-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.tech-header h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.05em;margin:12px 0}.tech-header p{max-width:760px;color:var(--quiet);font-size:15px}.tech-summary button{display:inline-flex;align-items:center;gap:7px;border:1px solid #45df7c66;background:#45df7c16;border-radius:999px;padding:8px 12px;font-size:12px}.tech-summary button.soft{border-color:#ffffff22;background:#ffffff08}.tech-summary i,.tech-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #45df7c99}.tech-summary .soft i{background:#8f8e99;box-shadow:none}.tech-tabs{position:sticky;top:0;z-index:2;padding:10px 0 18px;background:linear-gradient(#0b0c12 70%,transparent)}.tech-tabs button{border:1px solid var(--line);border-radius:8px;background:#ffffff04;color:var(--quiet);padding:8px 11px;cursor:pointer}.tech-tabs button:hover,.tech-tabs button.is-active{color:#fff;border-color:#9d94c866;background:#8b83b32b}.tech-group{margin:24px 0 38px}.tech-group h3{display:flex;align-items:baseline;gap:12px;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#bbb6d4}.tech-group h3 small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--quiet)}.tech-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.tech-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;background:#10111899}.tech-table th{text-align:left;padding:11px 13px;background:#ffffff08;color:var(--quiet);font:700 9px ui-monospace,monospace;letter-spacing:1.1px;text-transform:uppercase}.tech-table th:first-child{width:42px;text-align:center}.tech-table th:nth-child(2){width:20%}.tech-table th:nth-child(3){width:15%}.tech-table th:nth-child(4){width:24%}.tech-table td{padding:12px 13px;border-top:1px solid #ffffff0d;color:#d6d3dd;overflow:hidden;text-overflow:ellipsis}.tech-table td:first-child{text-align:center}.tech-table code{font:11px ui-monospace,monospace;color:#aaa5c5;background:#ffffff08;padding:3px 5px;border-radius:4px}.tech-page footer{color:var(--quiet);font-size:11px;letter-spacing:.04em;margin-top:32px}
@media(max-width:900px){.dna-hero{grid-template-columns:1fr}.dna-build-map{grid-template-columns:repeat(2,1fr)}.dna-chapters{grid-template-columns:1fr}.dna-chapters article{grid-column:1}.dna-proof>div{grid-template-columns:repeat(2,1fr)}.tech-header{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.dna-page,.tech-page{padding:128px 20px 38px}.dna-hero h2{font-size:46px}.dna-build-map,.dna-proof>div{grid-template-columns:1fr}.dna-chapters article{grid-template-columns:38px 1fr}.tech-header h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.dna-page,.tech-page{scroll-behavior:auto}}
@media(forced-colors:active){.dna-page,.tech-page,.dna-build-map div,.tech-table{background:Canvas;color:CanvasText}.dna-badges span,.dna-links a,.dna-hero aside,.dna-proof,.tech-table-wrap,.tech-tabs button{border-color:CanvasText}.tech-led,.tech-summary i{background:CanvasText;box-shadow:none}}

/* The canonical source is the canvas: no card or document frame around it. */
.dna-source-tabs{position:sticky;top:0;z-index:4;display:flex;gap:8px;padding:14px clamp(28px,5vw,72px);margin:0 calc(clamp(28px,5vw,72px)*-1);overflow:auto;background:color-mix(in srgb,#090a0f 90%,transparent);backdrop-filter:blur(24px) saturate(150%);border-block:1px solid var(--line)}
.dna-source-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#ffffff05;color:var(--quiet);padding:9px 14px;cursor:pointer;transition:color 160ms ease,border-color 160ms ease,background 160ms ease,transform 160ms ease}
.dna-source-tabs button:hover{color:#fff;opacity:.78}.dna-source-tabs button.is-active{color:#fff;border-color:#ff718988;background:#ff718918}
.dna-reader{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,820px);gap:clamp(30px,5vw,74px);align-items:start;padding-top:38px}
.dna-toc{position:sticky;top:82px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 120px);overflow:auto}.dna-toc>span{font:700 9px ui-monospace,monospace;letter-spacing:.16em;color:#ff8496}.dna-toc>strong{margin:8px 0 2px}.dna-toc>small{color:var(--quiet);margin-bottom:14px}.dna-toc a{color:var(--quiet);font-size:12px;line-height:1.35;padding:7px 0;text-decoration:none;border-bottom:1px solid #ffffff0a}.dna-toc a:hover,.dna-toc a:focus-visible{color:#fff}
.dna-document{min-width:0;padding-bottom:100px}.dna-document h2{font-size:clamp(35px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:68px 0 20px}.dna-document h2:first-child{margin-top:0}.dna-document h3{font-size:clamp(23px,3vw,34px);letter-spacing:-.025em;margin:52px 0 16px}.dna-document h4{font-size:18px;margin:34px 0 12px}.dna-document p,.dna-document li{color:#c8c5d0;line-height:1.72}.dna-document ul{padding-left:22px}.dna-document li{margin:7px 0}.dna-document hr{border:0;border-top:1px solid var(--line);margin:52px 0}.dna-document pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff06;border-left:2px solid #ff7189;padding:18px;color:#dcd8e6;font:12px/1.65 ui-monospace,monospace}.dna-table-source{margin:0;border-bottom:0}
.tech-controls{position:sticky;top:0;z-index:4;padding:12px 0 18px;background:linear-gradient(#0b0c12 78%,transparent)}.tech-controls label{display:flex;align-items:center;gap:14px;margin-bottom:10px}.tech-controls label span{font:700 9px ui-monospace,monospace;letter-spacing:.14em;color:var(--quiet)}.tech-controls input{width:min(420px,100%);border:1px solid var(--line);border-radius:9px;background:#ffffff07;color:#fff;padding:10px 12px;font:inherit;outline:none}.tech-controls input:focus{border-color:#9d94c8;box-shadow:0 0 0 3px #9d94c822}.tech-controls .tech-tabs{position:static;padding:0;background:none}
.tech-summary{display:flex;flex-wrap:wrap;gap:8px}.tech-summary button.yellow{border-color:#f5bd4f66;background:#f5bd4f12}.tech-summary button.red{border-color:#ff657766;background:#ff657712}.tech-summary span.yellow i,.tech-state.yellow i{background:#f5bd4f;box-shadow:0 0 8px #f5bd4f88}.tech-summary span.red i,.tech-state.red i{background:#ff6577;box-shadow:0 0 8px #ff657788}
.tech-table{min-width:1120px;table-layout:auto}.tech-table th:first-child{width:92px}.tech-table th:nth-child(2){width:17%}.tech-table th:nth-child(3){width:10%}.tech-table th:nth-child(4){width:17%}.tech-table th:nth-child(5){width:30%}.tech-table td{vertical-align:top;line-height:1.45}.tech-table td:nth-child(2) small{display:block;margin-top:5px;color:var(--quiet);font-size:10px}.tech-state{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;font:700 9px ui-monospace,monospace;letter-spacing:.08em}.tech-state i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #45df7c99}
@media(max-width:760px){.dna-reader{grid-template-columns:1fr}.dna-toc{position:relative;top:auto;max-height:240px}.dna-source-tabs{margin-inline:-20px;padding-inline:20px}.tech-controls label{align-items:stretch;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){.dna-source-tabs button{transition:none}}
.dna-example{margin:22px 0 42px;border-block:1px solid #ffffff17;background:linear-gradient(120deg,#ffffff08,#ffffff03);padding:22px}.dna-example>header{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}.dna-example>header span{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#ff8496}.dna-example>header strong{font-size:17px}.dna-example-demo{min-height:104px;display:grid;align-items:center;padding:18px;border:1px solid #ffffff12;border-radius:14px;background:#0a0b11}.dna-example>pre{margin:12px 0 0;border-left-color:#8d85bd}.dna-example button{min-height:44px;border:1px solid #958db866;border-radius:10px;background:#867dac2c;color:#fff;padding:9px 13px;cursor:pointer}.example-job,.example-owner,.example-record,.example-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.example-job small,.example-record small,.example-error span,.example-owner span{font:800 9px ui-monospace,monospace;letter-spacing:.13em;color:#a8a1cc}.example-job strong,.example-owner strong,.example-record strong,.example-error strong{font-size:21px}.example-owner i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#45df7c;box-shadow:0 0 8px #45df7c}.example-owner small,.example-record span{color:var(--quiet)}.example-fruit,.example-input,.example-colors,.example-flow,.example-loop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.example-fruit span{color:var(--quiet)}.example-fruit .alt{border-radius:999px;background:#ff637b22;border-color:#ff637b66}.example-rooms,.example-themes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.example-rooms div,.example-themes div{min-height:100px;padding:16px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between}.example-rooms div:first-child{background:#f2eee7;color:#25242a}.example-rooms div:last-child{background:#141521;border:1px solid #ffffff20}.example-rooms small,.example-themes small{font:800 9px ui-monospace,monospace;letter-spacing:.12em}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.example-grid i,.example-grid b{height:38px;border:1px solid #958db844;border-radius:7px;background:#958db81b}.example-grid b{grid-column:span 2;height:58px;background:#ff637b19;border-color:#ff637b44}.example-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.example-metrics span{padding:14px;border:1px solid #ffffff18;border-radius:10px}.example-metrics strong{display:block;font:700 26px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums}.example-metrics small{color:var(--quiet)}.example-colors span{padding:8px 11px;border-radius:999px;font-weight:700}.example-colors .ready{background:#45df7c20;color:#8ef1ae}.example-colors .caution{background:#f5bd4f20;color:#ffd57e}.example-colors .blocked{background:#ff657720;color:#ff9eaa}.example-themes div:first-child{background:#f5f4f0;color:#1b1b20}.example-themes div:last-child{background:#151622;border:1px solid #ffffff20}.example-themes button{align-self:flex-start}.example-themes div:first-child button{color:#111;background:#fff;border-color:#bbb}.example-motion{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.example-motion i{width:46px;height:46px;border-radius:10px;background:#ff7189;opacity:.35;transition:opacity 220ms ease-out}.example-motion i.is-moved{opacity:1}.example-motion span{grid-column:1/-1;color:var(--quiet)}.example-error{border-left:3px solid #ff6577;padding-left:14px}.example-flow span{display:flex;flex-direction:column;min-width:90px;padding:12px;border:1px solid #ffffff18;border-radius:10px;text-align:center}.example-flow small{color:var(--quiet)}.example-flow b,.example-loop b{color:#ff8496}.example-proof{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:0!important}.example-proof li{margin:0!important;padding:11px;border:1px solid #ffffff18;border-radius:8px;text-align:center}.example-proof li.done{border-color:#45df7c55;background:#45df7c12}.example-loop span{padding:10px;border-bottom:1px solid #ff849666}.dna-document .dna-example p,.dna-document .dna-example li{line-height:1.4}@media(max-width:620px){.example-rooms,.example-themes,.example-metrics{grid-template-columns:1fr}.example-proof{grid-template-columns:1fr 1fr}.dna-example{padding:16px}}
@media(prefers-reduced-motion:reduce){.example-motion i{transition:none}.example-motion i.is-moved{opacity:1;outline:3px solid #ff8496}}
.must-page,.studio-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 60px;background:radial-gradient(circle at 82% 5%,#554c842b,transparent 30%),#0b0c12}.must-header,.studio-header{max-width:980px;margin-bottom:52px}.must-header>span,.studio-header>span,.studio-feature>span{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#a9a2d1}.must-header h2,.studio-header h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.must-header p,.studio-header p{max-width:760px;color:#bbb8c6;font-size:17px;line-height:1.6}.must-key{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.must-key span,.must-state{border:1px solid currentColor;border-radius:999px;padding:6px 9px;text-transform:uppercase;font:800 8px ui-monospace,monospace;letter-spacing:.1em}.proved{color:#70e69a}.partial{color:#ffd06d}.open{color:#ff8496}.required{color:#aca4d7}.must-group{margin:44px 0}.must-group h3{display:flex;gap:12px;align-items:baseline;font-size:18px}.must-group h3 small{color:var(--quiet);font-weight:400}.must-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.must-grid article{min-height:210px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#ffffff05;display:flex;flex-direction:column;align-items:flex-start}.must-grid h4{font-size:20px;margin:18px 0 8px}.must-grid p{color:#c5c2ce;line-height:1.55}.must-grid article>small{margin-top:auto;color:var(--quiet);border-top:1px solid #ffffff0d;padding-top:12px}.must-page footer,.studio-page footer{margin-top:50px;color:var(--quiet)}
.studio-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-feature{min-height:260px;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#171824,#101118);display:flex;flex-direction:column}.studio-feature.featured{grid-column:1/-1;min-height:320px;background:radial-gradient(circle at 80% 25%,#ff637b20,transparent 30%),#13141d}.studio-feature h3{font-size:clamp(25px,3vw,42px);line-height:1;margin:18px 0}.studio-feature p{color:#bbb8c6;max-width:620px}.studio-feature small{margin-top:auto;color:var(--quiet)}.studio-actions{display:flex;gap:8px;margin-top:18px}.studio-actions button{min-height:44px;padding:9px 13px;border:1px solid #ff718966;border-radius:10px;background:#ff718918;color:#fff}.studio-lights{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.studio-lights b{padding:8px 10px;border:1px solid currentColor;border-radius:999px;font-size:10px}.studio-lights .green{color:#70e69a}.studio-lights .yellow{color:#ffd06d}.studio-lights .red{color:#ff8496}@media(max-width:900px){.must-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.must-page,.studio-page{padding:128px 20px 38px}.must-grid,.studio-board{grid-template-columns:1fr}.studio-feature.featured{grid-column:1}.must-grid article{min-height:0}}

.tech-summary button{color:#b8efca;cursor:pointer}.tech-summary button b{display:grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:9px}.tech-summary button:focus-visible{outline:2px solid #fff}.status-dialog{width:min(430px,calc(100vw - 32px));border:1px solid #ffffff28;border-radius:20px;background:#151621;color:#fff;padding:30px;box-shadow:0 30px 90px #000}.status-dialog::backdrop{background:#03040bd9;backdrop-filter:blur(10px)}.status-dialog>[data-status-close]{position:absolute;right:14px;top:12px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:#fff;font-size:20px}.status-dialog>span{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#ff8496}.status-dialog h3{font-size:28px;margin:14px 0 8px}.status-dialog p{color:#c6c3cf;line-height:1.6}
.devices-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 60px;background:radial-gradient(circle at 18% 2%,#4a446b33,transparent 28%),#0b0c12}.devices-page>header{max-width:980px;margin-bottom:48px}.devices-page>header>span,.device-grid article>span{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#aaa3d1}.devices-page>header h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.devices-page>header p{max-width:760px;color:#bbb8c6;font-size:17px;line-height:1.6}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-grid article{min-width:0;border:1px solid var(--line);border-radius:20px;background:#11121a;overflow:hidden;padding:0 22px 22px}.device-image{height:310px;margin:0 -22px 22px;display:grid;place-items:center;background:linear-gradient(145deg,#f2f1ed,#c9c8c4);overflow:hidden}.device-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.device-grid h3{font-size:32px;margin:10px 0 4px}.device-grid strong{color:#d8d4e7}.device-grid p,.device-grid small,.devices-page footer{color:var(--quiet)}.device-grid small{display:block;margin-top:20px;border-top:1px solid #ffffff0e;padding-top:12px}.devices-page footer{margin-top:42px}@media(max-width:720px){.devices-page{padding:128px 20px 38px}.device-grid{grid-template-columns:1fr}.device-image{height:260px}}

/* ACT encyclopedia and Spot behavior contract. */
.workspace{position:relative}.canvas-action-dock{position:absolute;z-index:8;top:18px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;pointer-events:none}.canvas-action-dock>*{pointer-events:auto}.canvas-action-dock .consumer-link{min-height:44px;display:inline-flex;align-items:center;gap:7px;background:#161722dd;backdrop-filter:blur(18px);box-shadow:0 12px 32px #0007}
.dna-jump{position:sticky;top:0;z-index:6;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 calc(clamp(28px,5vw,72px)*-1);padding:12px clamp(28px,5vw,72px);background:#090a0fe8;backdrop-filter:blur(24px);border-block:1px solid var(--line)}.dna-jump a{color:#d8d4e7;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.dna-volume{scroll-margin-top:74px;padding-top:64px}.dna-volume>header{max-width:900px;margin-bottom:30px}.dna-volume>header>span{font:800 9px ui-monospace,monospace;letter-spacing:.17em;color:#ff8496}.dna-volume>header h3{font-size:clamp(38px,5vw,70px);line-height:.94;letter-spacing:-.05em;margin:14px 0}.dna-volume>header p{max-width:760px;color:#b9b7c2;font-size:16px;line-height:1.6}
.behavior-layout{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:18px}.behavior-controls,.behavior-preview{border:1px solid var(--line);border-radius:22px;background:#11121a;padding:24px}.behavior-controls{display:grid;gap:24px}.behavior-controls fieldset{border:0;padding:0;margin:0}.behavior-controls legend,.behavior-controls label>span{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;font:800 9px ui-monospace,monospace;letter-spacing:.14em;color:#aaa4ca}.behavior-controls input[type=range]{width:100%;accent-color:#ff7189}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented button,.preview-actions button{min-height:40px;border:1px solid var(--line);border-radius:10px;background:#ffffff06;color:#aaa6b7;padding:8px 11px;cursor:pointer}.segmented button.is-active{color:#fff;border-color:#ff718988;background:#ff718918}.behavior-owner{color:var(--quiet);font-size:12px;border-top:1px solid var(--line);padding-top:18px}.behavior-preview{display:flex;flex-direction:column;min-height:560px}.preview-stage{flex:1;display:grid;grid-template-columns:repeat(2,minmax(100px,190px));grid-auto-rows:150px;place-content:center;gap:12px;overflow:auto}.preview-stage[data-count="1"]{grid-template-columns:minmax(100px,190px)}.preview-tile{border:1px solid #ffffff22;border-radius:24px;background:radial-gradient(circle at 30% 20%,#8c7fcc44,transparent 55%),#191a25;color:#fff;font-size:20px;box-shadow:0 24px 60px #0007;cursor:pointer}.preview-tile.is-focused{border-color:#ff8496;box-shadow:0 0 0 4px #ff718922,0 30px 80px #000}.preview-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}.behavior-preview>small{display:block;text-align:center;max-width:660px;margin:18px auto 0;color:var(--quiet)}
.showroom-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,520px));justify-content:center;align-content:center;gap:12px}.showroom-grid>article{min-height:260px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#171824,#101118);padding:25px;display:flex;flex-direction:column;justify-content:center}.showroom-grid>article>span{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#aaa3d1}.showroom-grid h1{font-size:50px;letter-spacing:-.05em;margin:20px 0 0}.showroom-grid h2{font-size:26px;margin:6px 0}.showroom-grid p{color:var(--quiet)}.specimen-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.spec-status{border:1px solid currentColor;border-radius:999px;padding:8px 10px}.spec-status.green{color:#70e69a}.spec-status.yellow{color:#ffd06d}.spec-status.red{color:#ff8496}.spec-panel{margin-top:20px;border:1px solid var(--line);border-radius:15px;background:#ffffff05;padding:18px;display:flex;flex-direction:column;gap:8px}.spacing-spec{display:flex;align-items:end;gap:9px;margin-top:22px}.spacing-spec i{display:grid;place-items:center;background:#817aa84a;border-radius:5px;font-style:normal}.spacing-spec i:nth-child(1){width:24px;height:24px}.spacing-spec i:nth-child(2){width:48px;height:48px}.spacing-spec i:nth-child(3){width:72px;height:72px}.spacing-spec i:nth-child(4){width:110px;height:110px}.spec-dialog{width:min(540px,calc(100vw - 32px));border:1px solid var(--line);border-radius:22px;background:#151621;color:#fff;padding:70px 30px 30px}.spec-dialog::backdrop{background:#03040bd9;backdrop-filter:blur(10px)}.spec-dialog>[data-spec-modal-close]{position:absolute;top:14px;left:50%;transform:translateX(-50%);border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:#fff;padding:9px 16px}.spec-dialog small{color:#ff8496}.spec-dialog h4{font-size:30px;margin:12px 0}.proof-ladder{display:grid;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;border:1px solid var(--line);border-radius:18px;overflow:hidden}.proof-ladder li{padding:22px;border-right:1px solid var(--line);color:var(--quiet)}.proof-ladder li.done{color:#70e69a}.proof-ladder li:last-child{border:0}
.spot-grid{justify-content:center;align-content:center}.spot-grid>:only-child{width:min(100%,520px);justify-self:center}.spot-grid>.is-spot-focused{border-color:#ff849688!important;box-shadow:0 0 0 3px #ff718918,0 26px 70px #0006;transition:opacity var(--act4-runtime-motion,220ms) ease-out,box-shadow var(--act4-runtime-motion,220ms) ease}
.tech-summary button.green{color:#b8efca;border-color:#45df7c66;background:#45df7c16}.tech-summary button.yellow{color:#ffd06d;border-color:#f5bd4f66;background:#f5bd4f12}.tech-summary button.red{color:#ff8496;border-color:#ff657766;background:#ff657712}.tech-summary button.yellow i{background:#f5bd4f;box-shadow:0 0 8px #f5bd4f99}.tech-summary button.red i{background:#ff6577;box-shadow:0 0 8px #ff657799}.status-dialog>[data-status-close]{right:auto;left:50%;transform:translateX(-50%);border-radius:999px;width:auto;padding:0 14px}
.device-image{background:radial-gradient(circle at 50% 55%,#817aa82d,transparent 45%)}.device-image img{width:92%;height:92%;mix-blend-mode:normal;filter:drop-shadow(0 28px 30px #0009)}
@media(max-width:900px){.behavior-layout{grid-template-columns:1fr}.showroom-grid{grid-template-columns:1fr}.proof-ladder{grid-template-columns:1fr 1fr}.workspace{padding-top:78px}.canvas-action-dock{top:12px}}
@media(prefers-reduced-motion:reduce){.spot-grid>.is-spot-focused{transition:none;transform:none}}
.fast-look-shell{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#f5f5f7;color:#1d1d1f;box-shadow:0 30px 90px #0008}.fast-look-shell[data-look-theme="dark"]{background:#090909;color:#f5f5f7}.fast-look-shell>header{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #8884}.fast-look-shell>header div{display:flex;flex-direction:column}.fast-look-shell>header small{font:800 9px ui-monospace,monospace;letter-spacing:.15em;color:#c3263b}.fast-look-shell>header button,.look-screen button{border:1px solid #c3263b;border-radius:12px;background:#c3263b;color:#fff;padding:10px 13px}.fast-look-shell>nav{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #8884}.fast-look-shell .segmented button{color:inherit;background:#8881}.fast-look-shell .segmented button.is-active{background:currentColor;color:var(--panel)}.look-gallery{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;place-items:center;padding:32px}.look-device{display:grid;place-items:center;width:280px;height:530px;border:8px solid #242424;border-radius:42px;background:#111;padding:8px;transition:width 220ms ease,height 220ms ease}.look-device[data-look-device-frame="tablet"]{width:min(560px,100%);height:470px;border-radius:28px}.look-device[data-look-device-frame="wide"]{width:min(760px,100%);height:430px;border-radius:18px}.look-screen{width:100%;height:100%;border-radius:29px;background:radial-gradient(circle at 20% 15%,#c3263b26,transparent 42%),#f5f5f7;color:#1d1d1f;padding:30px;display:flex;flex-direction:column;justify-content:center}.fast-look-shell[data-look-theme="dark"] .look-screen{background:radial-gradient(circle at 20% 15%,#c3263b38,transparent 42%),#151515;color:#f5f5f7}.look-screen small{font:800 9px ui-monospace,monospace;letter-spacing:.14em;color:#c3263b}.look-screen h4{font-size:32px;line-height:1;margin:16px 0}.look-screen p{color:#777}.fast-look-shell[data-look-theme="dark"] .look-screen p{color:#b6b6bb}.look-screen button{align-self:flex-start;margin-top:18px}.look-screen button:disabled{opacity:.35}.look-gallery aside{align-self:center}.look-gallery aside>span{font:800 9px ui-monospace,monospace;color:#c3263b}.look-gallery aside h4{font-size:24px;margin:10px 0}.look-gallery aside li{margin:8px 0;color:#777}.fast-look-shell[data-look-theme="dark"] .look-gallery aside li{color:#b6b6bb}.look-page-rail button{min-height:46px;border:0;border-radius:12px;background:transparent;color:inherit;font-weight:750;padding:9px 14px}.look-page-rail button.is-active{background:#1d1d1f;color:#fff}.fast-look-shell[data-look-theme="dark"] .look-page-rail button.is-active{background:#fff;color:#1d1d1f}
.stage-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 60px;background:radial-gradient(circle at 50% 5%,#574c862e,transparent 34%),#0b0c12}.stage-page>header{max-width:980px;margin-bottom:52px}.stage-page>header>span,.stage-grid article>span{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#aaa3d1}.stage-page>header h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.stage-page>header p{max-width:760px;color:#bbb8c6;font-size:17px;line-height:1.6}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,360px));gap:12px}.stage-grid article{min-height:230px;border:1px solid var(--line);border-radius:18px;background:#ffffff05;padding:22px;display:flex;flex-direction:column}.stage-grid h3{font-size:26px;margin:18px 0 8px}.stage-grid p{color:#c5c2ce}.stage-grid small{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--quiet)}.stage-page footer{margin-top:42px;color:var(--quiet)}
@media(max-width:900px){.look-gallery{grid-template-columns:1fr}.look-gallery aside{max-width:560px}.stage-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:620px){.look-gallery{padding:16px}.look-device,.look-device[data-look-device-frame="tablet"],.look-device[data-look-device-frame="wide"]{width:100%;height:500px}.stage-grid{grid-template-columns:1fr}.stage-page{padding:128px 20px 38px}}
.automata-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 60px;background:radial-gradient(circle at 78% 3%,#ff657724,transparent 30%),#090a10}.automata-page>header{max-width:1000px;margin-bottom:46px}.automata-page>header>span,.automata-section>header>span,.engine-room>div>span,.source-flow>span{font:800 9px ui-monospace,monospace;letter-spacing:.17em;color:#ff8496}.automata-page>header h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.automata-page>header p,.automata-section>header p{max-width:800px;color:#bbb8c6;font-size:17px;line-height:1.6}.engine-room{border:1px solid var(--line);border-radius:26px;background:#101119;padding:28px;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(360px,1.35fr);gap:24px}.engine-room h3,.automata-section h3,.source-flow h3{font-size:clamp(30px,4vw,54px);line-height:1;margin:13px 0}.engine-room p{color:var(--quiet)}.engine-lights{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:9px}.engine-lights button{min-height:108px;border:1px solid currentColor;border-radius:16px;background:#ffffff04;color:#aaa;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding:13px;cursor:pointer}.engine-lights i{width:13px;height:13px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;margin-bottom:auto}.engine-lights span{font-weight:800}.engine-lights small{text-transform:uppercase;font:700 8px ui-monospace,monospace}.engine-lights .green,.automata-state.green{color:#70e69a}.engine-lights .yellow,.automata-state.yellow{color:#ffd06d}.engine-lights .red,.automata-state.red{color:#ff8496}.engine-readout{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:180px 220px 1fr;gap:18px;align-items:start}.engine-readout span{font:800 9px ui-monospace,monospace;letter-spacing:.14em;color:#aaa3d1}.engine-readout p{margin:0}.automata-section{padding-top:70px}.automata-section>header{max-width:900px}.automata-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:12px;margin-top:28px}.automata-grid article{min-height:370px;border:1px solid var(--line);border-radius:20px;background:#11121a;padding:24px;display:flex;flex-direction:column}.automata-state{font:800 9px ui-monospace,monospace;text-transform:uppercase}.automata-grid h4,.motif-stage h4{font-size:30px;margin:18px 0 8px}.automata-grid p,.automata-grid li,.automata-grid small{color:#b9b6c2}.automata-grid small{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.motif-switch{display:flex;gap:8px;margin:26px 0 12px}.motif-switch button{border:1px solid var(--line);border-radius:999px;background:#ffffff05;color:#aaa;padding:10px 15px}.motif-switch button[aria-selected="true"]{color:#fff;border-color:#ff8496;background:#ff718918}.motif-stage{min-height:340px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 80% 30%,#817aa836,transparent 36%),#11121a;padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.motif-stage>span{font:800 9px ui-monospace,monospace;letter-spacing:.14em;color:#aaa3d1}.motif-stage p{max-width:700px;color:#c4c1cc;font-size:17px}.motif-stage details{margin-top:20px}.motif-stage summary{cursor:pointer;color:#aaa3d1}.motif-stage code{display:block;margin-top:10px;color:#ffd06d}.source-flow{margin-top:70px;border:1px solid var(--line);border-radius:24px;padding:30px}.source-flow ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:28px 0}.source-flow li{padding:18px;border-left:1px solid var(--line);display:flex;flex-direction:column}.source-flow small{color:var(--quiet)}.source-flow a{display:inline-flex;color:#fff;border:1px solid #ff849666;border-radius:999px;padding:10px 15px;text-decoration:none}.engine-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:22px;background:#151621;color:#fff;padding:72px 30px 30px}.engine-dialog::backdrop{background:#03040bd9;backdrop-filter:blur(10px)}.engine-dialog button{position:absolute;top:14px;left:50%;transform:translateX(-50%);border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:#fff;padding:9px 16px}.engine-dialog span{font:800 9px ui-monospace,monospace;color:#ff8496;letter-spacing:.15em}.engine-dialog h3{font-size:34px;margin:12px 0}.engine-dialog p,.automata-page>footer{color:var(--quiet)}.automata-page>footer{margin-top:48px}@media(max-width:900px){.engine-room{grid-template-columns:1fr}.automata-grid{grid-template-columns:1fr}.source-flow ol{grid-template-columns:1fr 1fr}.engine-readout{grid-template-columns:1fr}}@media(max-width:620px){.automata-page{padding:128px 20px 38px}.engine-lights{grid-template-columns:repeat(2,1fr)}.source-flow ol{grid-template-columns:1fr}}
.journey-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 60px;background:radial-gradient(circle at 18% 0,#51497930,transparent 32%),#0a0b11}.journey-page>header{max-width:1000px;margin-bottom:52px}.journey-page>header>span,.journey-feel>span,.journey-road article>span{font:800 9px ui-monospace,monospace;letter-spacing:.17em;color:#aaa3d1}.journey-page>header h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.journey-page>header p{max-width:790px;color:#c3c0cb;font-size:18px;line-height:1.6}.journey-road{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.journey-road article{min-height:290px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#171824,#101118);padding:26px;display:flex;flex-direction:column;align-items:flex-start}.journey-road article>b{font:800 42px/1 ui-monospace,monospace;color:#ff7189;margin-bottom:auto}.journey-road h3{font-size:clamp(26px,3vw,42px);line-height:1;margin:14px 0}.journey-road p{color:#b9b6c2;line-height:1.6}.journey-feel{margin-top:50px;min-height:420px;border:1px solid #ff849644;border-radius:26px;background:radial-gradient(circle at 78% 45%,#ff65772b,transparent 33%),#11121a;padding:clamp(30px,6vw,80px);display:flex;flex-direction:column;justify-content:center}.journey-feel h3{max-width:900px;font-size:clamp(40px,6vw,78px);line-height:.95;letter-spacing:-.055em;margin:18px 0}.journey-feel p{max-width:760px;color:#c4c1cc;font-size:17px;line-height:1.65}@media(max-width:680px){.journey-page{padding:128px 20px 38px}.journey-road{grid-template-columns:1fr}}
.cck-page{min-height:100%;padding:clamp(132px,14vh,168px) clamp(28px,5vw,72px) 60px;background:radial-gradient(circle at 75% 0,#3f775d28,transparent 32%),#090b10}.cck-page>header{max-width:1000px;margin-bottom:50px}.cck-page>header>span,.cck-map>header>span,.cck-readback>div>span{font:800 9px ui-monospace,monospace;letter-spacing:.17em;color:#70e69a}.cck-page>header h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.cck-page>header p{max-width:820px;color:#c2bfca;font-size:18px;line-height:1.6}.cck-flow{border:1px solid var(--line);border-radius:24px;background:#10121a;padding:22px}.cck-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cck-levels article{min-height:220px;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.cck-levels b{font:800 30px ui-monospace,monospace;color:#70e69a}.cck-levels span{font:800 9px ui-monospace,monospace;letter-spacing:.14em;color:#aaa3d1;margin-top:auto}.cck-levels h3{font-size:20px;margin:9px 0}.cck-levels small{color:var(--quiet)}.cck-arrow{text-align:center;color:#aaa3d1;font:800 9px ui-monospace,monospace;letter-spacing:.16em;padding:24px}.cck-specimen{max-width:620px;margin:auto;border:1px solid #70e69a55;border-radius:22px;padding:34px;background:#70e69a0a}.cck-specimen>span{font:800 9px ui-monospace,monospace;color:#70e69a}.cck-specimen h3{font-size:38px;margin:12px 0}.cck-specimen p,.cck-specimen small{color:#c2bfca}.cck-map{padding-top:70px}.cck-map>header h3{font-size:clamp(34px,5vw,65px);line-height:.96;max-width:850px}.cck-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,460px));gap:12px}.cck-provider-grid article{min-height:210px;border:1px solid var(--line);border-radius:18px;background:#11121a;padding:22px}.cck-provider-grid h4{font-size:27px;margin:16px 0 7px}.cck-provider-grid p{color:#b9b6c2}.cck-readback{margin-top:70px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;border:1px solid var(--line);border-radius:24px;background:#11121a;padding:28px}.cck-readback h3{font-size:36px;margin:14px 0}.cck-readback p,.cck-readback output{color:#b9b6c2}.cck-readback pre{margin:0;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#08090e;padding:18px}.cck-actions{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 16px}.cck-actions a,.cck-actions label{border:1px solid #70e69a66;border-radius:999px;padding:10px 14px;color:#fff;text-decoration:none;cursor:pointer}.cck-actions input{position:absolute;width:1px;height:1px;opacity:0}.cck-readback output{display:block}.cck-page>footer{margin-top:45px;color:var(--quiet)}@media(max-width:840px){.cck-levels{grid-template-columns:1fr 1fr}.cck-readback{grid-template-columns:1fr}}@media(max-width:560px){.cck-page{padding:128px 20px 38px}.cck-levels,.cck-provider-grid{grid-template-columns:1fr}}
.nav-subitem{margin-left:24px;width:calc(100% - 24px);grid-template-columns:36px 1fr;padding-block:8px;border-left:1px solid #ffffff1f;border-radius:0 9px 9px 0}.nav-subitem b{color:#ff8496}
.dna-fl-page{min-height:100%;padding:clamp(120px,13vh,156px) clamp(24px,4vw,60px) 54px;background:#f4f3f0;color:#17171b}.dna-fl-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:28px;align-items:end;margin-bottom:34px}.dna-fl-hero span,.dna-fl-stage>section>span{font:900 10px ui-monospace,monospace;letter-spacing:.17em;color:#b81732}.dna-fl-hero h2{font-size:clamp(46px,6vw,86px);line-height:.91;letter-spacing:-.065em;margin:14px 0}.dna-fl-hero p{max-width:760px;color:#64636b;font-size:17px;line-height:1.6}.dna-fl-hero aside{border:1px solid #d6d2ce;border-radius:22px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:9px;box-shadow:0 20px 60px #453e3916}.dna-fl-hero aside b{font:900 9px ui-monospace,monospace;letter-spacing:.14em;color:#b81732}.dna-fl-hero aside strong{font-size:23px}.dna-fl-hero aside small{color:#747179;line-height:1.5}.dna-fl-shell{height:min(820px,75vh);min-height:650px;display:flex;flex-direction:column;border:1px solid #d6d2ce;border-radius:26px;overflow:hidden;background:#f8f8f8;box-shadow:0 34px 100px #25201c24;color:#17171b}.dna-fl-shell[data-theme="dark"]{background:#0b0b0e;color:#f7f7f8;border-color:#2a292e}.dna-fl-shell>header{height:66px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #8884;background:#ffffffdf;backdrop-filter:blur(22px)}.dna-fl-shell[data-theme="dark"]>header{background:#0b0b0ee8}.dna-fl-shell>header div{display:flex;flex-direction:column}.dna-fl-shell>header small{font:900 9px ui-monospace,monospace;letter-spacing:.16em;color:#c41e3a}.dna-fl-shell>header strong{font-size:18px}.dna-fl-shell>header button,.dna-fl-demo button{min-height:42px;border:0;border-radius:12px;background:#c41e3a;color:#fff;padding:0 15px;font-weight:850}.dna-fl-tools{display:flex;justify-content:center;gap:12px;padding:10px;border-bottom:1px solid #8884}.dna-fl-tabs{display:flex;gap:4px;padding:4px;border:1px solid #8884;border-radius:13px}.dna-fl-tabs button,.dna-fl-path button{border:0;border-radius:9px;background:transparent;color:inherit;padding:8px 12px;font-weight:800}.dna-fl-tabs button.is-active,.dna-fl-path button.is-active{background:#17171b;color:#fff}.dna-fl-shell[data-theme="dark"] .dna-fl-tabs button.is-active,.dna-fl-shell[data-theme="dark"] .dna-fl-path button.is-active{background:#fff;color:#17171b}.dna-fl-body{min-height:0;flex:1;display:grid;grid-template-columns:280px minmax(0,1fr)}.dna-fl-index{min-height:0;overflow:auto;border-right:1px solid #8884;padding:14px}.dna-fl-index label{display:flex;flex-direction:column;gap:7px;font:900 9px ui-monospace,monospace;letter-spacing:.13em}.dna-fl-index input{height:42px;border:1px solid #8884;border-radius:11px;background:transparent;color:inherit;padding:0 12px}.dna-fl-index nav{display:grid;gap:5px;margin-top:12px}.dna-fl-index nav button{display:grid;grid-template-columns:30px 1fr;text-align:left;border:0;border-radius:12px;background:transparent;color:inherit;padding:10px}.dna-fl-index nav button:hover,.dna-fl-index nav button.is-active{background:#c41e3a12}.dna-fl-index nav b{font:800 9px ui-monospace,monospace;color:#c41e3a}.dna-fl-index nav span{font-weight:850}.dna-fl-index nav small{grid-column:2;color:#777}.dna-fl-stage{min-width:0;min-height:0;overflow:auto;display:grid;place-items:center;padding:22px}.dna-fl-stage>section{display:none;width:100%;max-width:850px}.dna-fl-stage>section.is-active{display:block}.dna-fl-stage>section>h3{font-size:clamp(34px,5vw,66px);line-height:.95;letter-spacing:-.05em;margin:16px 0}.dna-fl-stage li{margin:13px 0;font-size:16px}.dna-fl-record{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dna-fl-record article{min-height:220px;border:1px solid #8884;border-radius:17px;padding:18px;display:flex;flex-direction:column}.dna-fl-record small{font:900 9px ui-monospace,monospace;color:#c41e3a}.dna-fl-record strong{margin-top:auto;font-size:16px;line-height:1.5}.dna-fl-device{width:320px;height:520px;margin:auto;border:9px solid #222;border-radius:42px;background:#050505;padding:8px;transition:width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1)}.dna-fl-device[data-fl-frame="tablet"]{width:min(650px,100%);height:520px;border-radius:28px}.dna-fl-device[data-fl-frame="wide"]{width:min(900px,100%);height:480px;border-radius:18px}.dna-fl-screen{height:100%;border-radius:28px;background:radial-gradient(circle at 30% 18%,#c41e3a24,transparent 40%),#f6f4f1;color:#17171b;padding:clamp(24px,5vw,58px);display:flex;flex-direction:column;justify-content:center;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}.dna-fl-shell[data-theme="dark"] .dna-fl-screen{background:radial-gradient(circle at 30% 18%,#c41e3a3a,transparent 40%),#151518;color:#fff}.dna-fl-screen.is-demonstrated{transform:scale(.965);background:radial-gradient(circle at 50% 45%,#c41e3a42,transparent 55%),#f6f4f1}.dna-fl-screen>small{font:900 9px ui-monospace,monospace;color:#c41e3a}.dna-fl-screen h3{font-size:clamp(30px,4vw,55px);line-height:.94;letter-spacing:-.05em;margin:16px 0}.dna-fl-screen p{color:#6d6971;line-height:1.55}.dna-fl-shell[data-theme="dark"] .dna-fl-screen p{color:#c8c4cb}.dna-fl-demo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.dna-fl-demo output{font:800 10px ui-monospace,monospace;color:#777}.dna-fl-path{flex:0 0 auto;display:flex;justify-content:center;gap:7px;padding:10px;border-top:1px solid #8884;background:#ffffffdf}.dna-fl-shell[data-theme="dark"] .dna-fl-path{background:#0b0b0ee8}.dna-fl-shell.is-static .dna-fl-demo button{opacity:.45}.dna-fl-shell.is-static .dna-fl-screen{transition:none}.dna-fl-path button{min-height:46px;min-width:120px}@media(max-width:850px){.dna-fl-page{padding:112px 18px 30px}.dna-fl-hero{grid-template-columns:1fr}.dna-fl-shell{height:auto;min-height:760px}.dna-fl-body{grid-template-columns:1fr}.dna-fl-index{max-height:220px;border-right:0;border-bottom:1px solid #8884}.dna-fl-record{grid-template-columns:1fr}.dna-fl-path button{min-width:0;flex:1}.dna-fl-device,.dna-fl-device[data-fl-frame="tablet"],.dna-fl-device[data-fl-frame="wide"]{width:100%;height:500px}}
.dna-fl-tools{min-width:0;align-items:center}.dna-fl-devices{max-width:min(100%,920px);overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.dna-fl-devices::-webkit-scrollbar{display:none}.dna-fl-devices button{white-space:nowrap}.dna-fl-dimensions{flex:0 0 auto;font:800 9px ui-monospace,monospace;color:#777}.dna-fl-device{--fl-width:390;--fl-height:844;aspect-ratio:calc(var(--fl-width)/var(--fl-height));width:min(100%,calc(var(--fl-width)*.72px));height:auto;max-height:540px}.dna-fl-device[data-fl-frame="iphone-landscape"],.dna-fl-device[data-fl-frame="ipad-landscape"],.dna-fl-device[data-fl-frame="macbook"],.dna-fl-device[data-fl-frame="desktop"],.dna-fl-device[data-fl-frame="wide-screen"],.dna-fl-device[data-fl-frame="samsung-tv"]{width:min(100%,760px);height:auto;border-radius:20px}.dna-fl-device[data-fl-frame="ipad-portrait"],.dna-fl-device[data-fl-frame="ipad-pro"]{width:min(100%,520px);height:auto;border-radius:28px}.dna-fl-device[data-fl-frame="watch"]{width:190px;height:232px;border-radius:48px}.dna-fl-device[data-fl-frame="watch"] .dna-fl-screen{padding:22px;border-radius:34px}.dna-fl-device[data-fl-frame="watch"] .dna-fl-screen p,.dna-fl-device[data-fl-frame="watch"] output{display:none}.dna-fl-device[data-fl-frame="watch"] .dna-fl-screen h3{font-size:23px}.dna-fl-device[data-fl-frame="watch"] .dna-fl-demo button{min-height:38px;padding-inline:10px}@media(max-width:850px){.dna-fl-tools{align-items:stretch;flex-direction:column}.dna-fl-dimensions{text-align:center}.dna-fl-device{max-height:500px}}
.dna-fl-mode{display:flex;gap:4px;padding:4px;border:1px solid #8884;border-radius:13px}.dna-fl-shell>header .dna-fl-mode button{min-height:38px;background:transparent;color:inherit;padding-inline:12px}.dna-fl-shell>header .dna-fl-mode button.is-active{background:#c41e3a;color:#fff}.dna-fl-mode button[aria-pressed="false"]{opacity:.72}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.dna-fl-shell>header .dna-fl-mode button{width:42px;padding:0;display:grid;place-items:center}.dna-fl-mode svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.design-controls-page{min-height:100%;padding:clamp(112px,12vh,146px) clamp(28px,5vw,76px) 64px;background:radial-gradient(circle at 72% 34%,#53364b20,transparent 32%),#0d0d12;color:#f5f4f7}.design-controls-page>header{max-width:760px;margin:0 0 44px}.design-controls-page>header>span,.control-workbench main>section>span{font:760 10px ui-monospace,monospace;letter-spacing:.16em;color:#b9a7c2}.design-controls-page>header h2{font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.055em;margin:13px 0 12px}.design-controls-page>header p{max-width:620px;margin:0;color:#a6a2ad;font-size:16px;line-height:1.55}.control-workbench{min-height:min(720px,70vh);display:grid;grid-template-columns:190px minmax(300px,.72fr) minmax(420px,1.28fr);background:transparent}.control-workbench>nav{padding:4px 26px 4px 0;border-right:1px solid #ffffff12;display:flex;flex-direction:column;gap:4px}.control-workbench>nav button{min-height:48px;display:grid;grid-template-columns:30px 1fr;align-items:center;text-align:left;border:0;border-radius:10px;padding:0 12px;background:transparent;color:#86818d;font-weight:720;transition:color 150ms cubic-bezier(.22,1,.36,1),background 150ms cubic-bezier(.22,1,.36,1)}.control-workbench>nav button b{font:760 9px ui-monospace,monospace;color:#716a78}.control-workbench>nav button:hover,.control-workbench>nav button:focus-visible{color:#f5f4f7;background:#ffffff08}.control-workbench>nav button.is-active{background:#ffffff0b;color:#fff}.control-workbench>nav button.is-active b{color:#c9b6d2}.control-workbench>main{padding:8px clamp(28px,4vw,56px);overflow:auto}.control-workbench main>section{display:none}.control-workbench main>section.is-active{display:grid;align-content:start;gap:20px;animation:quiet-control-in 160ms cubic-bezier(.22,1,.36,1)}.control-workbench main h3{font-size:clamp(30px,3.3vw,50px);line-height:.98;letter-spacing:-.045em;margin:5px 0 20px}.control-workbench main label{display:grid;gap:10px;color:#d3d0d8;font-weight:650}.control-workbench input[type=range]{width:100%;accent-color:#b8a5c2}.control-workbench select{width:100%;min-height:44px;padding:0 12px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff08;color:#f5f4f7}.control-workbench input[type=color]{width:100%;height:50px;border:0;border-radius:11px;background:transparent}.control-workbench main button{min-height:44px;border:1px solid #ffffff28;border-radius:12px;padding:0 15px;background:transparent;color:#f5f4f7;font-weight:760}.control-workbench main button:hover,.control-workbench main button:focus-visible{background:#ffffff0b;border-color:#ffffff4a}.control-workbench>aside{display:grid;place-items:center;padding:clamp(24px,4vw,54px);background:radial-gradient(circle at 55% 46%,#ffffff08,transparent 45%)}.control-specimen{--control-accent:#a78bb5;--control-canvas:#121218;--control-duration:160ms;--control-easing:cubic-bezier(.22,1,.36,1);--control-type:100%;--control-blur:16px;--control-radius:22px;width:min(100%,650px);min-height:520px;padding:clamp(26px,5vw,64px);border:0;border-radius:var(--control-radius);background:radial-gradient(circle at 68% 30%,color-mix(in srgb,var(--control-accent) 13%,transparent),transparent 42%),var(--control-canvas);color:#fff;display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(var(--control-blur));transition:border-radius var(--control-duration) var(--control-easing),background var(--control-duration) var(--control-easing)}.control-specimen small{font:760 9px ui-monospace,monospace;letter-spacing:.14em;color:#bbaac4}.control-specimen h3{font-size:calc(45px * var(--control-type) / 100);line-height:.94;letter-spacing:-.05em;margin:15px 0}.control-specimen p{color:#c8c6cf;line-height:1.55}.control-specimen button{align-self:flex-start;min-height:44px;border:1px solid #ffffff2b;border-radius:12px;background:transparent;color:#fff;padding:0 15px;font-weight:760}.control-specimen output{margin-top:20px;color:#8f8a96}.control-specimen.replay{animation:quiet-control-in var(--control-duration) var(--control-easing)}.control-specimen.reduce{animation:none!important;transition:none!important}.control-specimen.contrast{outline:2px solid #fff;outline-offset:4px}.control-specimen[data-character="expressive"]{box-shadow:0 30px 90px color-mix(in srgb,var(--control-accent) 25%,transparent)}.control-specimen[data-character="technical"]{border-radius:4px;font-family:ui-monospace,monospace}@keyframes quiet-control-in{from{opacity:.35}to{opacity:1}}@media(max-width:1000px){.control-workbench{grid-template-columns:170px 1fr}.control-workbench>aside{grid-column:1/-1;min-height:460px}.control-specimen{min-height:380px}}@media(max-width:680px){.design-controls-page{padding:104px 18px 34px}.control-workbench{grid-template-columns:1fr}.control-workbench>nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #ffffff12;padding:0 0 14px}.control-workbench>nav button{min-width:136px}.control-workbench>main{padding:28px 4px}.control-workbench>aside{padding:22px 0}}

.behavior-lab{min-height:100%;padding:clamp(120px,13vh,156px) clamp(24px,4vw,60px) 60px;background:radial-gradient(circle at 72% 0,#712ecf30,transparent 34%),#08090f;color:#fff}.behavior-lab>header{max-width:1000px}.behavior-lab>header>span,.behavior-stage>section>span{font:900 10px ui-monospace,monospace;letter-spacing:.17em;color:#b893ff}.behavior-lab>header h2{font-size:clamp(45px,6vw,88px);line-height:.92;letter-spacing:-.06em;margin:15px 0}.behavior-lab>header p{max-width:820px;color:#b9b7c4;font-size:17px;line-height:1.6}.behavior-pages{display:flex;gap:6px;overflow:auto;margin:34px 0 14px;padding-bottom:5px}.behavior-pages button{flex:0 0 auto;min-height:48px;border:1px solid #ffffff1d;border-radius:13px;background:#ffffff08;color:#c5c2cd;padding:0 15px;font-weight:800}.behavior-pages button b{margin-right:9px;font:800 9px ui-monospace,monospace;color:#b893ff}.behavior-pages button.is-active{background:#fff;color:#111}.behavior-stage{min-height:620px;border:1px solid #ffffff1d;border-radius:25px;background:#11121a;overflow:hidden}.behavior-stage>section{display:none;min-height:620px;padding:clamp(28px,5vw,70px)}.behavior-stage>section.is-active{display:grid;align-content:center;gap:22px}.behavior-stage h3{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.05em;margin:0}.behavior-stage button,.owner-route{border:1px solid #ffffff26;border-radius:14px;background:#ffffff0b;color:#fff;padding:13px 17px;text-decoration:none;font-weight:800}.motion-orbit{--lab-duration:420ms;position:relative;width:min(100%,700px);min-height:250px;border:1px solid #ffffff1e;border-radius:22px;padding:35px;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.motion-orbit i{position:absolute;width:80px;height:80px;border-radius:28px;background:linear-gradient(135deg,#b893ff,#5848ff);box-shadow:0 24px 70px #7657ff66;top:40px;left:40px}.motion-orbit.play i{animation:lab-orbit var(--lab-duration) cubic-bezier(.16,1,.3,1)}.motion-orbit small{color:#aaa7b4;margin-top:5px}@keyframes lab-orbit{0%{transform:translateX(0) rotate(0)}55%{transform:translateX(min(450px,55vw)) rotate(180deg) scale(1.12)}100%{transform:translateX(0) rotate(360deg)}}.tactile-key{width:min(100%,520px);min-height:220px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 26px 70px #0007;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s}.tactile-key strong{font-size:32px}.tactile-key small{color:#aaa}.tactile-key.pressed{transform:scale(.965) translateY(5px);box-shadow:0 8px 20px #0007}.spatial-card{width:min(100%,680px);min-height:390px;border:1px solid #ffffff2a;border-radius:30px;padding:46px;background:radial-gradient(circle at 70% 10%,#b893ff55,transparent 38%),linear-gradient(145deg,#242631,#0d0e14);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 50px 120px #0009;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.spatial-card small{color:#b893ff}.spatial-card strong{font-size:clamp(32px,5vw,65px);line-height:.95;margin-top:15px}.collection-tools,.exchange-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.collection-tools label{display:grid;gap:7px}.collection-tools select,.exchange-filters input{min-height:44px;border:1px solid #ffffff26;border-radius:12px;background:#0b0c12;color:#fff;padding:0 13px}.adaptive-grid{display:grid;grid-template-columns:repeat(var(--lab-columns),minmax(8px,1fr));gap:6px;max-height:410px;overflow:auto}.adaptive-grid.is-spot{max-width:650px;margin:auto}.adaptive-grid button{aspect-ratio:1;padding:0;min-width:0;display:grid;place-items:center}.adaptive-grid button i{width:30%;height:30%;border-radius:50%;background:#b893ff}.adaptive-grid button span{font:700 8px ui-monospace,monospace;color:#aaa}.smart-list{display:grid;border:1px solid #ffffff1e;border-radius:18px;overflow:hidden}.smart-list button{display:grid;grid-template-columns:60px 1fr 110px 120px;align-items:center;text-align:left;border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:transparent}.smart-list button:hover{background:#ffffff0c}.smart-list small{color:#7ce3a4}.smart-list i{font-style:normal;color:#b893ff}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban-board>section{border:1px solid #ffffff1e;border-radius:18px;padding:12px;background:#090a0f}.kanban-board header{display:flex;justify-content:space-between;padding:8px}.kanban-board button{width:100%;display:grid;text-align:left;margin-top:8px;min-height:100px}.kanban-board small,.exchange-grid span{color:#b893ff;text-transform:uppercase;font:800 9px ui-monospace,monospace}.exchange-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exchange-grid button{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;text-align:left}.exchange-grid strong{font-size:22px}.exchange-filters button.is-active{background:#fff;color:#111}.wire-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wire-proof article{min-height:150px;border:1px solid #ffffff20;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:end}.wire-proof b{font-size:32px;color:#b893ff}.owner-route{justify-self:start;background:#fff;color:#111}.cell-dialog{width:min(560px,calc(100vw - 30px));border:1px solid #ffffff26;border-radius:24px;background:#15161f;color:#fff;padding:70px 30px 30px}.cell-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}@media(max-width:760px){.behavior-lab{padding:110px 18px 30px}.behavior-stage>section{padding:24px}.kanban-board,.exchange-grid,.wire-proof{grid-template-columns:1fr}.smart-list button{grid-template-columns:42px 1fr 80px}.smart-list i{display:none}}@media(prefers-reduced-motion:reduce){.motion-orbit.play i,.spatial-card,.tactile-key{animation:none!important;transition:none!important}}

.cck-orb-profile{padding:70px 0}.cck-orb-profile>header{max-width:900px}.cck-orb-profile>header>span{font:900 9px ui-monospace,monospace;letter-spacing:.16em;color:#b893ff}.cck-orb-profile h3{font-size:clamp(38px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:14px 0}.cck-orb-profile header p{color:#aaa6b2;line-height:1.6}.cck-orb-stage{position:relative;width:min(80vw,660px);aspect-ratio:1;margin:40px auto;transform-style:preserve-3d;animation:orb-breathe 7s ease-in-out infinite}.cck-orb-stage:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff48 0 4%,#a77cff33 20%,#391e6655 52%,#070810 72%);box-shadow:inset -40px -50px 90px #000b,inset 18px 18px 60px #d5c6ff22,0 70px 160px #6d43cc40;transform:translateZ(-20px)}.cck-orb-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px #a77cff77)}.cck-orb-stage line{stroke:#aa83ff66;stroke-width:1.5;stroke-dasharray:3 8;animation:orb-wire 1.8s linear infinite}.cck-orb-core{position:absolute;inset:36%;border:1px solid #ffffff2a;border-radius:50%;background:#090a10dd;display:grid;place-content:center;text-align:center;z-index:3;box-shadow:0 0 70px #8a59ff55}.cck-orb-core span,.cck-orb-core small{font:800 8px ui-monospace,monospace;letter-spacing:.14em;color:#aaa}.cck-orb-core strong{font-size:38px;color:#fff}.cck-orb-point{--angle:calc(var(--point)*40deg - 90deg);position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px;border:1px solid #ffffff38;border-radius:50%;background:#12141e;color:#fff;transform:rotate(var(--angle)) translateX(280px) rotate(calc(-1*var(--angle))) translateZ(24px);z-index:4;display:grid;place-items:center;box-shadow:0 14px 40px #0008;transition:scale .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.cck-orb-point:hover,.cck-orb-point.is-active{scale:1.16;box-shadow:0 0 0 6px #a77cff22,0 20px 55px #764adf88}.cck-orb-point b{font:900 15px ui-monospace,monospace}.cck-orb-point i{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #0b0c12}.cck-orb-point i[data-channel=input]{background:#62d7ff;left:3px;top:32px}.cck-orb-point i[data-channel=output]{background:#ff7190;right:3px;top:32px}.cck-orb-point i[data-channel=auxiliary]{background:#ffd66e;left:31px;bottom:3px}.cck-orb-profile output{display:grid;grid-template-columns:110px 1fr 1fr;gap:14px;align-items:center;max-width:760px;margin:auto;padding:18px;border:1px solid #ffffff1e;border-radius:16px;background:#ffffff08}.cck-orb-profile output b{font:800 9px ui-monospace,monospace;color:#b893ff}.cck-orb-profile output span{color:#aaa}.cck-orb-legend{display:flex;justify-content:center;gap:18px;margin-top:18px}.cck-orb-legend span{display:flex;align-items:center;gap:7px;color:#aaa}.cck-orb-legend i{width:10px;height:10px;border-radius:50%}.cck-orb-legend .input{background:#62d7ff}.cck-orb-legend .output{background:#ff7190}.cck-orb-legend .auxiliary{background:#ffd66e}@keyframes orb-breathe{50%{transform:translateY(-8px) rotateY(4deg)}}@keyframes orb-wire{to{stroke-dashoffset:-22}}@media(max-width:720px){.cck-orb-point{transform:rotate(var(--angle)) translateX(38vw) rotate(calc(-1*var(--angle)));width:58px;height:58px;margin:-29px}.cck-orb-point i[data-channel=input],.cck-orb-point i[data-channel=output]{top:22px}.cck-orb-point i[data-channel=auxiliary]{left:21px}.cck-orb-profile output{grid-template-columns:1fr}.cck-orb-stage{width:88vw}}@media(prefers-reduced-motion:reduce){.cck-orb-stage,.cck-orb-stage line{animation:none!important}}

.intent-badge,.node-intent{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;width:max-content;max-width:100%;padding:11px 14px;border:1px solid #b893ff66;border-radius:14px;background:#b893ff12}.intent-badge b,.node-intent b{font:900 9px ui-monospace,monospace;letter-spacing:.16em;color:#b893ff}.intent-badge span,.node-intent strong{font-weight:850}.node-intent{margin:28px 0;width:100%;grid-template-columns:80px 1fr}.node-intent span{grid-column:2;color:#aaa}.node-anatomy{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.node-anatomy article{min-height:115px;border:1px solid #ffffff1e;border-radius:15px;padding:15px;display:flex;flex-direction:column;justify-content:end;background:#ffffff06}.node-anatomy b{color:#b893ff}.node-anatomy span{color:#aaa;font-size:13px;margin-top:5px}.power-one{margin:10px 0 35px;padding:clamp(24px,4vw,48px);border-radius:24px;background:radial-gradient(circle at 85% 0,#b893ff44,transparent 40%),#11131c;border:1px solid #ffffff20}.power-one span{font:900 9px ui-monospace,monospace;letter-spacing:.17em;color:#b893ff}.power-one strong{display:block;font-size:clamp(28px,4vw,54px);line-height:.98;letter-spacing:-.04em;margin:12px 0}.power-one p{color:#aaa;margin:0}@media(max-width:720px){.node-anatomy{grid-template-columns:1fr 1fr}.node-intent{grid-template-columns:1fr}.node-intent span{grid-column:1}}
.page-schedule{min-height:100%;padding:clamp(24px,4vw,64px);background:radial-gradient(circle at 76% 8%,rgba(90,81,158,.2),transparent 34%),#0c0d14}.page-schedule>header{max-width:980px;margin:0 auto 28px}.page-schedule>header>span,.schedule-method strong{font:700 11px/1.2 var(--mono);letter-spacing:.18em;color:#a99cff}.page-schedule h2{font-size:clamp(36px,5vw,72px);max-width:880px;margin:12px 0}.page-schedule>header p{max-width:780px;color:var(--muted);font-size:16px;line-height:1.65}.schedule-method{max-width:1180px;margin:0 auto 28px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);display:grid;gap:10px}.schedule-method span,.schedule-method small{color:var(--muted);line-height:1.5}.schedule-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}.schedule-grid article{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:22px;display:grid;gap:12px}.schedule-grid article header{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px}.schedule-grid article header span{font:700 10px/1 var(--mono);color:#a99cff;text-transform:uppercase}.schedule-grid article h3{margin:0;font-size:24px}.schedule-grid article div{display:grid;grid-template-columns:106px 1fr;gap:12px}.schedule-grid article b{text-transform:capitalize;color:#a99cff;font-size:11px;letter-spacing:.06em}.schedule-grid article p{margin:0;color:var(--muted);line-height:1.45}.page-schedule>footer{max-width:1180px;margin:28px auto 0;padding-bottom:24px}.page-schedule>footer p{color:var(--muted)}

/* Exact Suit identity and truthful cross-renderer switching. */
.floor{gap:18px}.floor>[data-runtime-stack]{text-align:right}.suit-switcher{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.suit-switcher a,.suit-switcher button{min-height:28px;border:1px solid transparent;border-radius:999px;padding:5px 9px;background:transparent;color:#8e8d9a;text-decoration:none;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.suit-switcher a:hover{color:#fff;background:#ffffff0b}.suit-switcher a.is-active,.suit-switcher a[aria-current="page"]{color:#fff;border-color:#a99cff66;background:#a99cff1b}.suit-switcher button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:900px){.floor{padding:0 14px}.floor>[data-revision]{display:none}.suit-switcher{justify-content:flex-start;overflow-x:auto}.floor>[data-runtime-stack]{max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Design ethic: structure through space, tone, depth, and alignment. */
.navigation{border-right:0;background:#08091066}.floor{border-top:0;background:#07080d}.intent-badge{border:0;border-radius:0;background:transparent;padding:0}.suit-switcher a,.suit-switcher button{border:0;border-radius:6px;background:transparent}.suit-switcher a.is-active,.suit-switcher a[aria-current="page"]{border:0;background:transparent;color:#fff;box-shadow:inset 0 -2px #a99cff}.suit-switcher a:hover{background:transparent;color:#fff}
[data-runtime-stack]{text-transform:none;letter-spacing:.06em}

/* Design DNA typography: interface language uses the shared system sans. */
.navigation,.navigation>p,.nav-item,.nav-item span,.nav-note,.nav-note span,.floor,.suit-switcher a,.suit-switcher button,[data-runtime-stack]{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif}.navigation>p,.nav-note span,.suit-switcher a,.suit-switcher button,[data-runtime-stack]{letter-spacing:.04em}.floor>[data-revision]{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.08em}

/* Design DNA readability floors at 100% zoom. */

.one-experience-page{min-height:100%;padding:clamp(120px,13vh,156px) clamp(24px,5vw,76px) 70px;background:radial-gradient(circle at 50% 8%,#8f68ff20,transparent 30%),#090a10;color:#f7f7fa}.one-experience-page>header{max-width:980px;margin:0 auto 56px;text-align:center;display:grid;justify-items:center}.one-experience-page>header>span,.continuity-test>span,.continuity-laws>header>span,.continuity-proof>header>span{font:800 10px ui-monospace,monospace;letter-spacing:.16em;color:#b99bff}.one-experience-page>header h2{font-size:clamp(48px,7vw,100px);line-height:.9;letter-spacing:-.065em;margin:18px 0}.one-experience-page>header p{max-width:850px;color:#c3c0cb;font-size:18px;line-height:1.65}.one-experience-page>header strong{max-width:780px;margin-top:18px;font-size:clamp(18px,2.4vw,28px);line-height:1.35}.continuity-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1180px;margin:0 auto 70px}.continuity-journey article{min-height:230px;padding:24px;background:#ffffff08;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end}.continuity-journey b{color:#b99bff;font:800 11px ui-monospace,monospace}.continuity-journey h3{font-size:24px;text-transform:capitalize;margin:auto 0 12px}.continuity-journey p{color:#aaa7b2;line-height:1.55}.continuity-test{max-width:900px;margin:0 auto 80px;text-align:center}.continuity-test h3,.continuity-laws h3,.continuity-proof h3{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.05em;margin:14px 0}.continuity-test p{color:#b9b6c2;font-size:17px;line-height:1.65}.continuity-laws,.continuity-proof{max-width:1180px;margin:0 auto 80px}.continuity-laws>header,.continuity-proof>header{text-align:center;max-width:860px;margin:0 auto 34px}.continuity-laws>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.continuity-laws article{padding:28px;border-radius:22px;background:#ffffff07}.continuity-laws b{font-size:21px}.continuity-laws p{color:#aaa7b2;line-height:1.6}.continuity-proof ol{columns:2;column-gap:46px;padding:0;list-style-position:inside}.continuity-proof li{break-inside:avoid;padding:13px 0;border-bottom:1px solid #ffffff12;color:#d4d1da}.continuity-proof>p{margin:34px auto 0;max-width:840px;text-align:center;color:#aaa7b2;line-height:1.6}.one-experience-page>footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.one-experience-page .owner-route{background:#fff;color:#111;border:0}@media(max-width:900px){.continuity-journey{grid-template-columns:repeat(2,1fr)}.continuity-laws>div{grid-template-columns:1fr}}@media(max-width:620px){.one-experience-page{padding:112px 18px 44px}.continuity-journey{grid-template-columns:1fr}.continuity-proof ol{columns:1}}
.runtime{grid-template-rows:84px minmax(0,1fr) 52px}.nav-item{font-size:15px;line-height:1.3}.nav-item b{font-size:11px}.navigation>p,.nav-note span{font-size:11px}.nav-note strong{font-size:13px}.nav-note small{font-size:13px;line-height:1.4}.floor,.suit-switcher a,.suit-switcher button,[data-runtime-stack]{font-size:13px;line-height:1.2}.floor>[data-revision]{font-size:11px}@media(max-width:760px){.runtime{grid-template-rows:72px auto minmax(0,1fr) 52px}}

/* Footer hierarchy is larger than supporting navigation copy. */
.runtime{grid-template-rows:84px minmax(0,1fr) 64px}.floor{padding:0 28px;font-size:13px}.floor .suit-switcher{gap:12px}.floor .suit-switcher a,.floor .suit-switcher button{min-height:44px;padding:10px 4px;font-size:15px;font-weight:650}.floor>[data-runtime-stack]{font-size:13px;font-weight:600}.floor>[data-revision]{font-size:12px}@media(max-width:760px){.runtime{grid-template-rows:72px auto minmax(0,1fr) 64px}}

/* Suit switching follows the shared short, calm behavior contract. */
.runtime{animation-duration:160ms;animation-timing-function:ease-out;transition:opacity 110ms ease-in}.runtime.is-switching-suit{opacity:.72}@media(prefers-reduced-motion:reduce){.runtime{transition:none}.runtime.is-switching-suit{opacity:1;transform:none}}

/* The owner projection controls every footer face; no local size or timing fork. */
.runtime{grid-template-rows:84px minmax(0,1fr) var(--suit-footer-height,64px);animation-duration:var(--suit-incoming-ms,160ms);animation-timing-function:var(--suit-easing,cubic-bezier(.22,1,.36,1));transition-duration:var(--suit-outgoing-ms,110ms)}.floor{font-size:var(--suit-context-px,13px)}.floor .suit-switcher a,.floor .suit-switcher button{display:grid;align-content:center;gap:3px;min-height:var(--suit-footer-height,64px);font-size:inherit}.floor .suit-switcher strong{font-size:var(--suit-primary-px,15px);line-height:1.1}.floor .suit-switcher small{font-size:var(--suit-secondary-px,13px);line-height:1.15;font-weight:450;color:#777786}.floor .suit-switcher [aria-current="page"] small{color:#aaa8b5}.floor>[data-runtime-stack]{font-size:var(--suit-context-px,13px)}.floor>[data-revision]{font-size:var(--suit-revision-px,12px)}@media(max-width:760px){.runtime{grid-template-rows:72px auto minmax(0,1fr) var(--suit-footer-height,64px)}}

/* Complete face inventory: context row plus a full-width Suit row. */
.floor{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"revision stack" "switcher switcher";align-content:center;column-gap:24px;row-gap:2px}.floor>[data-revision]{grid-area:revision}.floor>[data-runtime-stack]{grid-area:stack}.floor .suit-switcher{grid-area:switcher;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:12px}.floor .suit-switcher a,.floor .suit-switcher button{min-width:0;min-height:var(--suit-choice-height,52px);padding:6px 4px}.floor .suit-switcher strong,.floor .suit-switcher small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.floor .suit-switcher{overflow-x:auto;grid-template-columns:repeat(6,minmax(150px,1fr))}}

/* Source-contract review controls: spacious, readable, and subordinate to binding law. */
.mh-board{display:grid;gap:16px}.mh-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.mh-toolbar label{display:grid;gap:7px;flex:1 1 280px;color:var(--quiet);font-size:14px}.mh-toolbar input{min-height:44px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit}.mh-counts,.mh-caution{color:var(--quiet);font-size:14px;line-height:1.5}.mh-source{padding:18px 0;border:0;border-bottom:1px solid var(--line);background:transparent}.mh-source>summary{cursor:pointer;min-height:44px}.mh-source-heading{display:inline-grid;gap:5px;margin-left:8px}.mh-source-heading strong{font-size:17px}.mh-source-heading small,.mh-sections small{font-size:13px;color:var(--quiet)}.mh-source-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0}.mh-source a,.mh-sections a{color:#c9c2fa;text-underline-offset:3px}.mh-sections{list-style:none;margin:0;padding:0;display:grid}.mh-sections li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff0d}.mh-sections li>span{display:grid;gap:5px;min-width:0}.mh-sections strong{font-size:15px}.mh-switch{min-width:68px;min-height:44px;border:0;border-radius:8px;padding:8px 12px;background:#3c3858;color:#fff;cursor:pointer;font-weight:700}.mh-switch[aria-checked=false]{background:#ffffff08;color:var(--quiet)}.mh-switch:focus-visible,.mh-toolbar input:focus-visible,.mh-source>summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.navigation a.nav-item{text-decoration:none}@media(max-width:640px){.mh-sections li{align-items:flex-start}.mh-source-heading strong{font-size:15px}}@media(prefers-reduced-motion:reduce){.mh-switch{transition:none}}
.memory-list{display:grid;gap:clamp(28px,5vw,52px);max-width:1040px;margin-inline:auto}.memory-list article{padding:0 0 clamp(28px,5vw,52px);background:transparent}.memory-list article+article{border-top:1px solid #ffffff12;padding-top:clamp(28px,5vw,52px)}.memory-list article>div{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.memory-list h3{max-width:860px;margin:18px auto 24px;text-align:center;font-size:clamp(24px,4vw,48px);line-height:1.04;letter-spacing:-.035em}.memory-id{display:block;text-align:center;text-transform:uppercase;font:800 10px ui-monospace,monospace;letter-spacing:.12em;color:#a9a2d1}.memory-status{text-transform:uppercase;font:800 9px ui-monospace,monospace;letter-spacing:.1em}.memory-status.live,.memory-status.proved{color:#70e69a}.memory-status.partial{color:#ffd06d}.memory-status.required{color:#aca4d7}.memory-list dl{display:grid;grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);gap:10px 24px;max-width:820px;margin:0 auto}.memory-list dt{color:#a9a2d1;font:800 10px ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.memory-list dd{margin:0;color:#d4d1db;line-height:1.6}.memory-page .must-header{text-align:center;margin-inline:auto}.memory-page .must-header p{margin-inline:auto}.opportunities article{scroll-margin-top:100px}@media(max-width:650px){.memory-list dl{grid-template-columns:1fr;gap:5px}.memory-list dd+dt{margin-top:14px}}

.continuity-specimen{padding:clamp(42px,7vw,96px) 0;display:grid;gap:clamp(28px,5vw,64px)}
.continuity-specimen>header{width:min(820px,100%);margin:auto;text-align:center;display:grid;gap:14px}
.continuity-specimen>header span,.continuity-specimen article small{font:700 11px/1.2 var(--font-mono);letter-spacing:.18em;color:var(--accent)}
.continuity-specimen>header h3{font-size:clamp(32px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:0}
.continuity-specimen>header p{font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:var(--muted);margin:0 auto;max-width:720px}
.continuity-specimen-stage{min-height:min(62vh,620px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:clamp(18px,3vw,44px);padding:clamp(28px,5vw,76px);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 58%)}
.continuity-specimen article{width:min(100%,330px);min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:28px;background:color-mix(in srgb,var(--surface-raised) 72%,transparent);border-radius:30px;box-shadow:0 28px 80px rgba(0,0,0,.22)}
.continuity-specimen article b{font-size:clamp(23px,2.4vw,36px);letter-spacing:-.035em}
.continuity-specimen article p{color:var(--muted);line-height:1.55;margin:0}
.continuity-specimen article button{min-height:44px;border:0;border-radius:999px;padding:0 18px;background:var(--ink);color:var(--canvas);font:650 14px/1 var(--font-body);cursor:pointer}
.continuity-specimen>footer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;text-align:center;color:var(--muted)}
.continuity-specimen>footer strong{color:var(--ink)}
.continuity-specimen>footer small{flex-basis:100%;font:700 11px/1.4 var(--font-mono);letter-spacing:.12em;color:var(--accent)}
@media(max-width:900px){.continuity-specimen-stage{grid-template-columns:1fr;min-height:auto}.continuity-specimen article{min-height:220px}}
.field-method-page{min-height:100%;padding:clamp(112px,12vh,150px) clamp(22px,5vw,76px) 72px;background:radial-gradient(circle at 50% 6%,#8f68ff1d,transparent 29%),#090a10;color:#f7f7fa}.field-method-page>header{max-width:980px;margin:0 auto 58px;text-align:center}.field-method-page>header span,.field-method-page section>header span{font:800 10px var(--font-mono);letter-spacing:.17em;color:var(--accent)}.field-method-page>header h2{font-size:clamp(44px,6vw,88px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.field-method-page>header p{max-width:820px;margin:auto;color:var(--muted);font-size:18px;line-height:1.65}.field-method-flow{max-width:1200px;margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field-method-flow article{min-height:270px;padding:26px;background:#ffffff07;border-radius:24px;display:flex;flex-direction:column}.field-method-flow article>b{font:800 11px var(--font-mono);color:var(--accent)}.field-method-flow article>span{margin-top:auto;font:800 12px var(--font-mono);letter-spacing:.12em}.field-method-flow h3{font-size:19px;line-height:1.35;margin:12px 0}.field-method-flow p{color:var(--muted);line-height:1.5;margin:0}.field-method-evidence,.field-method-risks,.field-method-metrics{max-width:1200px;margin:0 auto 80px}.field-method-page section>header{text-align:center;max-width:850px;margin:0 auto 32px}.field-method-page section>header h3{font-size:clamp(34px,4.6vw,66px);line-height:.96;letter-spacing:-.05em;margin:14px 0}.field-method-evidence>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.field-method-evidence>div span{padding:9px 12px;border-radius:999px;background:#ffffff0b;font:700 12px var(--font-mono)}.field-method-evidence ul{columns:2;column-gap:40px;margin:34px 0 0;padding:0;list-style-position:inside}.field-method-evidence li{break-inside:avoid;padding:13px 0;border-bottom:1px solid #ffffff12;color:#d4d1da}.field-method-risks>div,.field-method-metrics>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-method-risks article,.field-method-metrics article{padding:28px;background:#ffffff07;border-radius:22px}.field-method-risks b,.field-method-metrics b{font:800 11px var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.field-method-risks p,.field-method-metrics p{color:#d5d2dc;line-height:1.55}.field-method-risks strong,.field-method-metrics small{display:block;color:var(--muted);line-height:1.5}.field-method-page>footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:900px){.field-method-flow{grid-template-columns:1fr}.field-method-flow article{min-height:220px}.field-method-risks>div,.field-method-metrics>div{grid-template-columns:1fr}.field-method-evidence ul{columns:1}}@media(max-width:620px){.field-method-page{padding:108px 18px 44px}}

/* Child-owned task evidence projected inside the existing Law surface. */
.task-compliance{border:1px solid var(--line,#777);padding:1.25rem;margin-block:1rem;overflow-wrap:anywhere}.task-compliance label{display:flex;align-items:center;gap:.75rem;font-weight:600}.task-compliance input{width:1.25rem;height:1.25rem;accent-color:#16814b}.task-compliance[data-compliance="green"]{border-inline-start:4px solid #16814b}.task-compliance[data-compliance="yellow"]{border-inline-start:4px solid #b77a00}.task-compliance[data-compliance="red"]{border-inline-start:4px solid #b32930}.task-compliance[data-compliance="neutral"]{border-inline-start:4px solid #777}.task-actions{display:flex;flex-wrap:wrap;gap:.5rem}.task-actions button,.task-actions a,.task-compliance summary{min-height:44px;display:inline-flex;align-items:center}.task-compliance pre{white-space:pre-wrap;max-height:20rem;overflow:auto}

/* The Engine Tech Stack is two clearly separated observations: catalog versus fresh local owner. */
.tech-live-slot{margin-top:22px;border-top:1px solid var(--line);padding-top:24px}.tech-live-owner{display:grid;gap:13px}.tech-live-owner>header{display:flex;justify-content:space-between;align-items:center;gap:15px}.tech-live-owner h3{font-size:22px;margin:0}.tech-live-owner>header button{min-height:44px;padding:8px 14px;background:transparent;color:var(--ink);border:1px solid var(--violet);border-radius:10px;cursor:pointer}.tech-live-owner>header button:disabled{opacity:.55}.tech-live-owner>p{margin:0;color:var(--quiet);max-width:85ch;font-size:12px}.tech-live-owner [role=status]{font-variant-numeric:tabular-nums}.tech-live-owner .tech-table-wrap{max-height:480px;overflow:auto}.tech-live-owner .tech-table th,.tech-live-owner .tech-table td{overflow-wrap:anywhere}.tech-live-owner .tech-table td{font-size:12px}.tech-live-owner .tech-table tbody td:first-child{font-weight:600}@media(max-width:680px){.tech-live-owner>header{align-items:start;flex-direction:column}}
.welcome-control-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.welcome-control-actions a{min-height:44px;display:inline-grid;place-items:center;padding:0 15px;border:1px solid #ffffff28;border-radius:12px;color:#f5f4f7;text-decoration:none;font-weight:760}.welcome-control-actions a:hover,.welcome-control-actions a:focus-visible{background:#ffffff0b;border-color:#ffffff4a}.welcome-control-preview{--welcome-width:680px;--welcome-min-height:124px;--welcome-padding-block:24px;--welcome-padding-inline:52px;--welcome-radius:24px;--welcome-border-width:1px;--welcome-tracking:-.035em;box-sizing:border-box;width:min(var(--welcome-width),100%);min-height:var(--welcome-min-height);display:grid;align-content:center;justify-items:center;gap:12px;padding:var(--welcome-padding-block) min(var(--welcome-padding-inline),10%);border:var(--welcome-border-width) solid #ffffff32;border-radius:var(--welcome-radius);background:transparent;color:#f7f7fa;text-decoration:none;text-align:center;overflow:hidden}.control-specimen .welcome-control-preview h3{margin:0;font-size:clamp(40px,6vw,72px);letter-spacing:var(--welcome-tracking)}.welcome-control-preview small{opacity:0;transition:opacity 140ms cubic-bezier(.22,1,.36,1)}.welcome-control-preview:hover small,.welcome-control-preview:focus-visible small,.welcome-control-preview[data-reveal="always"] small{opacity:1}.welcome-control-preview[data-reveal="hidden"] small{display:none}.welcome-control-preview p{display:none;margin:0;max-width:38ch}.welcome-control-preview[data-content="guided"] p{display:block}.welcome-control-preview[data-surface="quiet-material"]{background:#ffffff08}.control-specimen>output{display:block;text-align:center}.design-controls-page [data-welcome-status]{margin:0;color:#9994a0;font-size:13px;line-height:1.45}@media(prefers-reduced-motion:reduce){.welcome-control-preview small{transition:none}.control-workbench main>section.is-active{animation:none}}

/* Pocket Spot owner-bound Developer Studio projection */
.pocket-studio{background:radial-gradient(circle at 78% 26%,#7b5e8a18,transparent 34%),#0d0d12}.pocket-studio .studio-header{max-width:760px;margin-bottom:42px}.pocket-studio .studio-header h2{font-size:clamp(44px,6vw,78px)}.pocket-studio-shell{min-height:min(720px,72vh);display:grid;grid-template-columns:210px minmax(420px,1fr) 230px}.pocket-studio-shell>nav{padding:4px 24px 4px 0;border-right:1px solid #ffffff12}.pocket-studio-shell>nav section{display:grid;gap:3px;margin-bottom:24px}.pocket-studio-shell>nav span,.pocket-studio-shell main>section>span,.pocket-studio-shell>aside span{margin:0 10px 7px;color:#817a8a;font:760 9px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.pocket-studio-shell>nav button{min-height:42px;border:0;border-radius:10px;padding:0 11px;background:transparent;color:#918b98;text-align:left;font-weight:680}.pocket-studio-shell>nav button:hover,.pocket-studio-shell>nav button:focus-visible{background:#ffffff08;color:#fff}.pocket-studio-shell>nav button.is-active{background:#ffffff0c;color:#fff}.pocket-studio-shell>main{padding:6px clamp(30px,5vw,68px);overflow:auto}.pocket-studio-shell main>section{display:none;align-content:start;gap:20px;animation:quiet-control-in 160ms cubic-bezier(.22,1,.36,1)}.pocket-studio-shell main>section.is-active{display:grid}.pocket-studio-shell main h3{max-width:14ch;margin:8px 0 4px;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.055em}.pocket-studio-shell main p{max-width:58ch;margin:0;color:#aaa5b1;font-size:16px;line-height:1.6}.pocket-studio-shell main button{justify-self:start;min-height:44px;margin-top:8px;padding:0 15px;border:1px solid #ffffff28;border-radius:12px;background:transparent;color:#fff;font-weight:760}.studio-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.studio-capability-list article{min-height:92px;padding:16px;border-radius:14px;background:#ffffff07;display:flex;flex-direction:column;justify-content:space-between}.studio-capability-list b{color:#817a8a;font:760 9px ui-monospace,monospace}.studio-capability-list strong{font-size:16px}.pocket-studio-shell>aside{padding:6px 0 6px 26px;border-left:1px solid #ffffff12;display:flex;flex-direction:column;justify-content:space-between}.pocket-studio-shell>aside ol{list-style:none;margin:18px 0;padding:0}.pocket-studio-shell>aside li{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:44px;color:#77717e;font-weight:720}.pocket-studio-shell>aside li b{font:760 9px ui-monospace,monospace}.pocket-studio-shell>aside li.is-active{color:#fff}.pocket-studio-shell>aside footer{margin:0}.pocket-studio-shell>aside footer strong,.pocket-studio-shell>aside footer code{display:block;margin:6px 0}.pocket-studio-shell>aside footer code{color:#b8a7c1}.pocket-studio-shell>aside footer p{color:#817c88;font-size:12px;line-height:1.5}.pocket-studio-shell>aside footer a{color:#d7d2dc;text-decoration:none;font-size:13px}@media(max-width:1050px){.pocket-studio-shell{grid-template-columns:180px 1fr}.pocket-studio-shell>aside{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff12;margin-top:30px;padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:680px){.pocket-studio-shell{grid-template-columns:1fr}.pocket-studio-shell>nav{display:flex;gap:10px;overflow:auto;border-right:0;border-bottom:1px solid #ffffff12;padding:0 0 16px}.pocket-studio-shell>nav section{display:flex;min-width:max-content;margin:0}.pocket-studio-shell>nav span{display:none}.pocket-studio-shell>main{padding:30px 0}.studio-capability-list{grid-template-columns:1fr}.pocket-studio-shell>aside{grid-template-columns:1fr}}

/* One quiet footer control reveals the complete Suit family on demand. */
.floor{display:flex;align-items:center;justify-content:flex-end;padding:0 28px;overflow:visible}.floor>[data-revision]{display:none}.suit-menu{position:relative}.suit-menu-trigger{min-width:88px;min-height:44px;border:0;border-radius:12px;padding:0 13px;background:transparent;color:#aaa8b5;display:flex;align-items:center;justify-content:center;gap:9px;font:650 15px/1 var(--font-sans);cursor:pointer}.suit-menu-trigger:hover,.suit-menu-trigger[aria-expanded="true"]{background:#ffffff0a;color:#fff}.suit-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.suit-grid-mark{width:17px;height:17px;display:grid;grid-template-columns:repeat(2,6px);grid-auto-rows:6px;gap:3px}.suit-grid-mark i{display:block;border-radius:2px;background:currentColor}.floor .suit-switcher{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;width:min(460px,calc(100vw - 32px));padding:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;overflow:visible !important;gap:5px;border:1px solid #ffffff18;border-radius:20px;background:rgba(25,25,31,.94);box-shadow:0 18px 55px #0009;backdrop-filter:blur(28px) saturate(1.25)}.floor .suit-switcher[hidden]{display:none}.floor .suit-switcher a,.floor .suit-switcher button{min-height:64px;padding:11px 13px;border:0;border-radius:13px;background:transparent;text-align:left;align-content:center}.floor .suit-switcher a:hover,.floor .suit-switcher button:hover,.floor .suit-switcher a.is-active,.floor .suit-switcher a[aria-current="page"]{background:#ffffff0b;box-shadow:none}.floor .suit-switcher a.is-active,.floor .suit-switcher a[aria-current="page"]{color:#fff}.floor .suit-switcher strong,.floor .suit-switcher small{display:block;white-space:normal}.floor .suit-switcher strong{font-size:15px}.floor .suit-switcher small{margin-top:5px;font-size:13px;line-height:1.25}@media(max-width:560px){.floor{padding:0 14px}.floor .suit-switcher{position:fixed;right:14px;bottom:74px;grid-template-columns:minmax(0,1fr) !important;width:min(320px,calc(100vw - 28px));max-height:min(520px,calc(100vh - 100px));overflow:auto}.suit-menu-trigger>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.suit-menu-trigger{min-width:44px;padding:0}}

.floor .suit-menu-revision{grid-column:1/-1;padding:9px 12px 3px;color:#777786;font:600 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}

/* Quiet shell chrome: identity anchors the lower-left; session controls use symbols. */
.mast{justify-content:flex-end}
.floor-home,.floor .brand{display:flex;align-items:center}.floor-home{gap:10px}.floor .brand{gap:10px}.floor .brand strong{font-size:16px}.floor .brand-mark{width:34px;height:34px}
.member.member-icon{inline-size:44px;block-size:44px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:50%}
.member.member-icon svg{inline-size:22px;block-size:22px;fill:currentColor;stroke:none}
.member.member-icon:hover,.member.member-icon:focus-visible{background:#ffffff0b}
.contents-mark{inline-size:18px;display:grid;gap:3px}.contents-mark i{display:block;block-size:2px;border-radius:2px;background:currentColor}.contents-mark i:nth-child(2){inline-size:70%}
.why-guide-page{display:grid;gap:24px;max-width:980px;margin:auto}.why-guide-page>header,.why-guide-page form,.why-guide-result,.why-guide-page>footer{background:color-mix(in srgb,var(--panel,#17171b) 92%,transparent);border-radius:24px;padding:clamp(22px,4vw,42px)}.why-guide-page>header span,.why-guide-page label span,.why-guide-derived span{display:block;font:800 11px/1.3 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent,#a987ff);margin-bottom:8px}.why-guide-page textarea,.why-guide-page input,.why-guide-page select{box-sizing:border-box;width:100%;margin-top:6px;padding:14px 16px;border:1px solid #ffffff24;border-radius:14px;background:#09090c;color:inherit;font:inherit}.why-guide-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.why-guide-derived{display:grid;grid-template-columns:minmax(90px,.3fr) 1fr;gap:10px 20px;align-items:start}.why-guide-derived strong{font-size:clamp(24px,4vw,42px)}.why-guide-matches{margin-top:24px;display:grid;gap:10px}.why-guide-matches button{display:grid;gap:5px;text-align:left;padding:15px 18px;border:1px solid #ffffff1f;border-radius:15px;background:#ffffff08;color:inherit}.why-guide-matches button.is-selected{border-color:var(--accent,#a987ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#a987ff) 30%,transparent)}.why-guide-matches small,.why-guide-page footer{color:#aaa}.why-guide-result output{display:block;margin-top:18px;padding:14px;border-radius:12px;background:#0005}.why-guide-error{color:#ff9caa}@media(max-width:700px){.why-guide-fields,.why-guide-derived{grid-template-columns:1fr}}
.why-guide-example{display:grid;gap:.3rem;margin-top:1rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--accent,#a987ff) 34%,#ffffff24);border-radius:14px;background:color-mix(in srgb,var(--accent,#a987ff) 7%,transparent)}.why-guide-example b{font-size:.75rem;letter-spacing:.12em;color:var(--accent,#a987ff)}.why-guide-example span{color:#aaa;line-height:1.5}

/* Opt-in child views use the same stationary master and its content scroller. */
.act4-child-view{min-width:0;min-height:100%}.child-action-dock{display:flex;align-items:center;gap:10px}.child-action-dock>[hidden]{display:none}