:root{color-scheme:dark;--bg:#08111f;--surface:#101c2f;--surface-2:#14233a;--surface-3:#1b2d49;--border:#2b4160;--text:#ecf3ff;--muted:#a8b8ce;--blue:#62a6ff;--blue-strong:#2878dd;--green:#65d9ad;--amber:#ffd27a;--violet:#b59cff;--danger:#ff9b9b}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 15% 0,#12294d 0,transparent 31rem),var(--bg);color:var(--text);font-family:Inter,"Noto Sans JP",system-ui,sans-serif;line-height:1.65}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
button{color:inherit}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(1rem,calc((100% - 1180px)/2));border-bottom:1px solid rgba(98,166,255,.18);background:rgba(8,17,31,.88);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--text);font-size:1.05rem;font-weight:700;text-decoration:none}
.brand__orb{width:1.65rem;height:1.65rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8edff 0 12%,#62a6ff 28%,#7659d6 64%,#152753 100%);box-shadow:0 0 24px rgba(98,166,255,.5)}
.demo-badge{padding:.25rem .65rem;border:1px solid rgba(101,217,173,.38);border-radius:999px;color:#baf4dc;font-size:.82rem}
main{display:flex;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 5rem;flex-direction:column}
.eyebrow{margin:0 0 .3rem;color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:3rem;align-items:center;padding:1rem 0 3.2rem}
.hero #hero-title{max-width:720px;margin:.25rem 0 .8rem;font-size:clamp(2.35rem,5.2vw,4.25rem);line-height:1.06;letter-spacing:-.045em}
.hero__definition{max-width:700px;margin:0;color:#c4d2e5;font-size:clamp(1rem,1.6vw,1.17rem)}
.hero__note{margin:.8rem 0 0;color:var(--muted);font-size:.8rem}
.hero__channel-support{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.55rem 0 0;color:var(--muted);font-size:.68rem}.hero__channel-support span{margin-right:.15rem;color:#baf4dc;font-weight:800}.hero__channel-support b{padding:.16rem .45rem;border:1px solid rgba(98,166,255,.26);border-radius:999px;background:rgba(98,166,255,.07);color:#dceaff;font-size:.65rem;letter-spacing:.01em}
.hero__security{margin-top:1rem;padding:.85rem 1rem;border:1px solid rgba(101,217,173,.34);border-left:4px solid var(--green);border-radius:.75rem;background:rgba(101,217,173,.08)}
.hero__security strong{display:block;color:var(--green);font-size:.84rem}
.hero__security p{margin:.35rem 0 0;color:#d7e8e2;font-size:.76rem;line-height:1.65}
.core-systems-overview{margin:1.2rem 0;padding:1.35rem;border:1px solid rgba(98,166,255,.28);border-radius:1.15rem;background:linear-gradient(145deg,rgba(12,27,48,.94),rgba(8,18,33,.9))}
.about-echosphere-section[hidden]{display:none}.about-echosphere-section{display:block}
.about-echosphere-section .hero{align-items:start}
.product-positioning{margin:0 0 1.2rem;padding:1.35rem;border:1px solid rgba(98,166,255,.28);border-radius:1.15rem;background:linear-gradient(145deg,rgba(12,27,48,.94),rgba(8,18,33,.9))}.product-positioning__heading{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(20rem,1.25fr);gap:.25rem 1.5rem;align-items:end;margin-bottom:1rem}.product-positioning__heading .eyebrow{grid-column:1/-1}.product-positioning__heading h2{margin:.1rem 0;font-size:clamp(1.45rem,2.7vw,2.15rem)}.product-positioning__heading>p:last-child{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}.product-positioning__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:.8rem}.product-comparison,.product-positioning__results{padding:1rem;border:1px solid rgba(98,166,255,.18);border-radius:.85rem;background:rgba(3,13,25,.46)}.product-positioning h3{margin:0 0 .7rem;font-size:.9rem}.product-comparison__scroll{overflow-x:auto}.product-comparison table{width:100%;border-collapse:collapse;font-size:.7rem}.product-comparison th,.product-comparison td{padding:.55rem .6rem;border-top:1px solid rgba(98,166,255,.15);text-align:left;vertical-align:top}.product-comparison thead th{border-top:0;color:#9cb8d9;font-size:.62rem;letter-spacing:.03em}.product-comparison tbody th{width:18%;color:#c8d8ec}.product-comparison tbody td:nth-child(2){color:#aab9cc}.product-comparison tbody td:last-child{color:#d9f7ec;font-weight:750}.product-positioning__results ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.product-positioning__results li{position:relative;padding-left:1.25rem;color:#dce9f7;font-size:.72rem}.product-positioning__results li::before{position:absolute;left:0;color:var(--green);content:"→"}.product-positioning__results aside{margin-top:.9rem;padding:.75rem;border-left:3px solid var(--blue);border-radius:.4rem;background:rgba(98,166,255,.08)}.product-positioning__results aside strong{display:block;color:#cfe1ff;font-size:.75rem}.product-positioning__results aside p{margin:.3rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.6}
.critical-mission-appeal{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);gap:1.2rem;margin:0 0 1.2rem;padding:1.35rem;border:1px solid rgba(101,217,173,.42);border-radius:1.15rem;background:linear-gradient(135deg,rgba(12,42,43,.92),rgba(13,27,48,.94));box-shadow:inset 0 0 0 1px rgba(101,217,173,.08),0 1rem 3rem rgba(0,0,0,.14)}.critical-mission-appeal h2{margin:.2rem 0 .55rem;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2}.critical-mission-appeal p{margin:0;color:#d9e8e5;font-size:.86rem}.critical-mission-appeal ul{display:grid;gap:.42rem;margin:0;padding:0;list-style:none}.critical-mission-appeal li{position:relative;padding:.55rem .7rem .55rem 2rem;border:1px solid rgba(101,217,173,.18);border-radius:.55rem;background:rgba(3,13,25,.35);color:#dcece8;font-size:.74rem;font-weight:750}.critical-mission-appeal li::before{position:absolute;left:.72rem;color:var(--green);content:"✓"}.critical-mission-appeal small{grid-column:1/-1;padding-top:.75rem;border-top:1px solid rgba(101,217,173,.16);color:var(--muted);font-size:.68rem}
.core-systems-overview__heading{margin-bottom:1rem}.core-systems-overview__heading>p{max-width:42rem}
.core-systems-diagram{margin:0;padding:1rem;border:1px solid rgba(98,166,255,.22);border-radius:1rem;background:rgba(3,13,25,.58);overflow-x:auto}
.core-systems-diagram svg{display:block;width:100%;min-width:760px;height:auto}
.core-diagram-boundary{fill:rgba(101,217,173,.035);stroke:#ff6f91;stroke-width:2;stroke-dasharray:8 7}
.core-diagram-boundary-label{fill:#ff91a9;font-size:14px;font-weight:800}
.core-diagram-node rect{fill:#102e36;stroke:#65d9ad;stroke-width:2}.core-diagram-node--external rect{fill:#182438;stroke:#8fa2bf}.core-diagram-node--database rect{fill:#2b2150;stroke:#9a79ff}.core-diagram-node--result rect{fill:#103145;stroke:#40c8ed}
.core-diagram-node-title{fill:#f2f7ff;font-size:17px;font-weight:850;text-anchor:middle}.core-diagram-node-copy{fill:#b8c9df;font-size:11px;text-anchor:middle}.core-diagram-node-tag{fill:#65d9ad;font-size:10px;font-weight:900;letter-spacing:.09em}
.core-diagram-flow{fill:none;stroke:#65d9ad;stroke-width:3;marker-end:url(#core-arrow)}.core-diagram-flow-label{fill:#9eb4cc;font-size:10px;font-weight:800;text-anchor:middle}
.core-systems-diagram figcaption{margin:.75rem .25rem 0;color:var(--muted);font-size:.75rem;text-align:center}
.core-systems-mobile-flow{display:none}
.core-systems-diagram marker path{fill:var(--green)}
.system-design-story{max-width:48rem;margin:2.2rem auto}.system-design-story section+section{margin-top:2rem}.system-design-story h3{margin:0 0 .75rem;color:var(--text);font-size:1.12rem;line-height:1.7}.system-design-story p{margin:0 0 1rem;line-height:2;overflow-wrap:anywhere}.system-design-reference{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.system-design-reference summary{cursor:pointer;color:var(--blue);line-height:1.8}.core-systems-overview__heading h3{margin:0;font-size:1.2rem;line-height:1.7}
@media(max-width:900px){.core-systems-diagram svg{display:none}.core-systems-mobile-flow{display:flex;flex-direction:column;gap:1.2rem;max-width:28rem;margin:0 auto;padding:0;list-style:none}.core-systems-mobile-flow li{position:relative;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);text-align:center}.core-systems-mobile-flow li+li::before{position:absolute;top:-1.5rem;left:calc(50% - .5rem);width:1rem;color:var(--green);content:"↓"}.core-systems-mobile-flow strong,.core-systems-mobile-flow span{display:block}.core-systems-mobile-flow span{margin-top:.15rem;color:var(--muted);font-size:.85rem}}
@media(max-width:620px){.system-design-story{margin:1.7rem auto}.system-design-story h3{font-size:1.02rem}.system-design-story p{font-size:.94rem}.core-systems-overview__heading h3{font-size:1.08rem}}
.core-system-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.core-system-card{display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(98,166,255,.22);border-radius:.85rem;background:rgba(7,19,35,.72)}.core-system-card>span{color:var(--blue);font-size:.66rem;font-weight:900;letter-spacing:.08em}.core-system-card h3{margin:.25rem 0 .45rem}.core-system-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.core-system-card ul{margin:.65rem 0;padding-left:1.1rem;color:#d6e4f3;font-size:.73rem;line-height:1.65}.core-system-card footer{margin-top:auto;padding-top:.65rem;border-top:1px solid rgba(98,166,255,.16);color:#dce9f7;font-size:.72rem}.core-system-card footer strong{margin-right:.45rem;color:var(--green)}
.core-systems-security{margin:.85rem 0 0;padding:.7rem .85rem;border-left:3px solid var(--green);background:rgba(101,217,173,.07);color:var(--muted);font-size:.75rem}.core-systems-security strong{color:var(--green)}
.integration-channels{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);gap:.8rem 1.2rem;align-items:center;margin-top:.85rem;padding:1rem;border:1px solid rgba(181,156,255,.3);border-radius:.9rem;background:rgba(76,55,130,.1)}.integration-channels h3{margin:.12rem 0 .25rem;font-size:1rem}.integration-channels p{margin:0;color:var(--muted);font-size:.76rem}.integration-channels ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}.integration-channels li{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border:1px solid rgba(98,166,255,.2);border-radius:999px;background:rgba(8,19,34,.72);font-size:.72rem;font-weight:800}.integration-channels li span{width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 .7rem rgba(101,217,173,.55)}.integration-channels small{grid-column:1/-1;color:#c1cce0;font-size:.68rem}
.hero-story{padding:1.3rem;border:1px solid rgba(98,166,255,.32);border-radius:1.15rem;background:linear-gradient(145deg,rgba(22,42,70,.96),rgba(11,24,42,.96));box-shadow:0 1.5rem 4rem rgba(0,0,0,.2)}
.hero-story__label{margin:0 0 .7rem;color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.06em}
.hero-story__contrast{display:grid;grid-template-columns:1fr auto 1.25fr;gap:.65rem;align-items:center;margin:0 0 1.2rem;padding:.8rem;border-radius:.75rem;background:rgba(3,13,25,.45)}
.hero-story__contrast::after{grid-column:2;grid-row:1;color:var(--blue);content:"→";font-weight:700}
.hero-story__contrast span{grid-column:1;color:var(--muted);font-size:.85rem;text-decoration:line-through}
.hero-story__contrast strong{grid-column:3;color:#dff5ed;font-size:.92rem;line-height:1.4}
.hero-route{display:grid;gap:.65rem;margin:0;padding:0;list-style:none;counter-reset:hero-route}
.hero-route li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.1rem .7rem;padding:.8rem;border:1px solid rgba(98,166,255,.16);border-radius:.75rem;background:rgba(3,13,25,.4)}
.hero-route span{grid-row:1/3;align-self:center;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.hero-route strong{font-size:.98rem}.hero-route small{color:var(--muted);font-size:.76rem}
.hero-story__result{margin:.85rem 0 0;color:#c8d8ec;font-size:.82rem}
.content-mode-switch{order:-1;margin:0 0 2.4rem;padding:1rem;border:1px solid rgba(98,166,255,.28);border-radius:1rem;background:rgba(12,25,43,.9);box-shadow:0 1rem 3rem rgba(0,0,0,.14)}
.content-mode-switch>.eyebrow{text-align:center}.content-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.content-tab{display:flex;min-height:5rem;align-items:flex-start;flex-direction:column;justify-content:center;padding:.85rem 1rem;text-align:left;border:1px solid var(--border);border-radius:.8rem;background:rgba(8,19,34,.72);color:var(--muted);cursor:pointer}.content-tab span{color:var(--text);font-size:1.02rem;font-weight:800}.content-tab small{margin-top:.12rem;font-size:.78rem}.content-tab:hover{border-color:rgba(98,166,255,.7)}.content-tab.is-selected{border-color:var(--blue);background:linear-gradient(135deg,rgba(40,120,221,.3),rgba(27,45,73,.88));box-shadow:inset 0 0 0 1px rgba(98,166,255,.18)}.content-tab.is-selected small{color:#cbdcf3}
.original-page-builder-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:.9rem 1rem;border:1px solid rgba(181,156,255,.48);border-radius:.8rem;background:linear-gradient(135deg,rgba(99,70,177,.26),rgba(18,31,52,.92));color:var(--text);cursor:pointer;text-align:left}.original-page-builder-button span{font-size:1rem;font-weight:800}.original-page-builder-button small{color:#cfc3ff}.original-page-builder-button:hover,.original-page-builder-button.is-selected{border-color:var(--violet);filter:brightness(1.08);box-shadow:inset 0 0 0 1px rgba(181,156,255,.16)}
.hero-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none}
.hero-flow li{position:relative;min-width:0;padding:.65rem .35rem;text-align:center;border-radius:.65rem;background:rgba(98,166,255,.07)}
.hero-flow li:not(:last-child)::after{position:absolute;top:50%;right:-.34rem;z-index:1;color:var(--blue);content:"›";transform:translateY(-50%)}
.hero-flow span,.hero-flow strong,.hero-flow small{display:block}.hero-flow span{width:1.35rem;height:1.35rem;margin:0 auto .35rem;border-radius:50%;background:var(--blue-strong);font-size:.72rem;font-weight:700}.hero-flow strong{font-size:.82rem}.hero-flow small{margin-top:.16rem;color:var(--muted);font-size:.68rem;line-height:1.3}
.button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;padding:.65rem 1.05rem;border:1px solid transparent;border-radius:.7rem;cursor:pointer;font-weight:700;text-decoration:none}
.button--primary{border-color:#4894f2;background:linear-gradient(180deg,#3c8deb,#236dcc);color:#fff;box-shadow:0 .5rem 1.5rem rgba(35,109,204,.22)}
.button--secondary{border-color:var(--border);background:var(--surface-2);color:var(--text)}
.button:hover{filter:brightness(1.08)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9dc9ff;outline-offset:3px}
button:disabled,textarea:disabled,input:disabled{opacity:.55;cursor:not-allowed}
.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:2rem;align-items:end;margin-bottom:1.1rem}
.section-heading h2,.panel-header h2,.context-panel h2,.guide-panel h2{margin:0;font-size:1.25rem;line-height:1.25}
.section-heading>p{margin:0;color:var(--muted)}
.scenario-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.scenario-card{position:relative;min-height:10.2rem;padding:1.15rem;text-align:left;border:1px solid var(--border);border-radius:1rem;background:linear-gradient(145deg,rgba(27,45,73,.92),rgba(16,28,47,.92));cursor:pointer;transition:transform .16s ease,border-color .16s ease}
.scenario-card:hover{transform:translateY(-2px);border-color:#5284bd}
.scenario-card.is-selected{border-color:var(--blue);background:linear-gradient(145deg,rgba(35,73,119,.98),rgba(21,36,60,.98));box-shadow:0 0 0 2px rgba(98,166,255,.16)}
.scenario-card strong,.scenario-card>span{display:block}
.scenario-card strong{margin:1.8rem 0 .35rem;font-size:1rem}
.scenario-card>span:last-child{color:var(--muted);font-size:.9rem}
.scenario-card__number{position:absolute;top:.85rem;right:1rem;color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.08em}
.solution-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.usecase-mode-switch{margin:0 0 1rem;padding:.8rem;border:1px solid rgba(98,166,255,.25);border-radius:1rem;background:rgba(8,19,34,.72)}
.usecase-mode-switch>.eyebrow{margin:0 0 .55rem}.usecase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.usecase-tab{display:flex;min-height:4.5rem;align-items:flex-start;flex-direction:column;justify-content:center;padding:.7rem .9rem;text-align:left;border:1px solid var(--border);border-radius:.75rem;background:rgba(16,28,47,.82);color:var(--muted);cursor:pointer}
.usecase-tab:hover{border-color:#5284bd;color:var(--text)}.usecase-tab.is-selected{border-color:var(--blue);background:rgba(40,120,221,.18);color:var(--text);box-shadow:inset 0 0 0 1px rgba(98,166,255,.16)}
.usecase-tab span{font-size:.95rem;font-weight:800}.usecase-tab small{margin-top:.2rem;color:var(--muted);font-size:.75rem;line-height:1.35}.usecase-panel>.solution-card{min-height:auto}
.wizard-step-label{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.6rem;align-items:center;margin:0 0 .65rem;color:var(--text)}
.wizard-step-label>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--blue-strong);color:#fff;font-size:.78rem;font-weight:800}.wizard-step-label>strong{font-size:.9rem}.wizard-step-label>small{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.08em}
.wizard-choice-switch--level-2{border-left:3px solid var(--blue)}.wizard-choice-switch--level-3{margin-top:1rem;border-left:3px solid var(--violet)}
.example-tabs,.build-topic-tabs,.method-step-tabs,.mapping-tabs{display:grid;gap:.6rem}.example-tabs,.build-topic-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.method-step-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.mapping-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.example-tab,.build-topic-tab,.method-step-tab,.mapping-tab{display:flex;min-width:0;min-height:5rem;align-items:flex-start;flex-direction:column;justify-content:center;padding:.7rem .8rem;text-align:left;border:1px solid var(--border);border-radius:.72rem;background:rgba(11,25,43,.84);color:var(--muted);cursor:pointer}
.example-tab:hover,.build-topic-tab:hover,.method-step-tab:hover,.mapping-tab:hover{border-color:#5284bd;color:var(--text)}.example-tab.is-selected,.build-topic-tab.is-selected,.method-step-tab.is-selected,.mapping-tab.is-selected{border-color:var(--blue);background:linear-gradient(135deg,rgba(40,120,221,.24),rgba(27,45,73,.9));color:var(--text);box-shadow:inset 0 0 0 1px rgba(98,166,255,.15)}
.example-tab>span,.build-topic-tab>span,.method-step-tab>span,.mapping-tab>span{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.08em}.example-tab>strong,.build-topic-tab>strong,.method-step-tab>strong,.mapping-tab>strong{margin:.18rem 0;font-size:.84rem;line-height:1.3}.example-tab>small,.build-topic-tab>small,.method-step-tab>small{color:var(--muted);font-size:.7rem;line-height:1.35}
.wizard-detail{margin-top:.8rem}.wizard-detail__step{margin:0 0 .45rem;color:var(--violet);font-size:.7rem;font-weight:800;letter-spacing:.09em}.case-example-card--selected{min-height:auto;border-color:rgba(181,156,255,.32);background:linear-gradient(145deg,rgba(37,48,78,.96),rgba(12,24,41,.96))}
.selected-prompt{margin:.2rem 0 1rem;padding:.8rem;border-radius:.7rem;background:rgba(3,13,25,.42)}.selected-prompt>strong{color:var(--violet);font-size:.76rem}.selected-prompt>p{margin:.35rem 0 0;color:#cbd8ea;font-size:.84rem;line-height:1.6}
.build-topic-switch,.method-step-switch,.mapping-switch,.example-mode-switch{padding:.8rem;border:1px solid rgba(98,166,255,.22);border-radius:.9rem;background:rgba(8,19,34,.62)}.build-topic-panel{margin-top:.85rem}.build-step--selected{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1rem;min-height:auto}.build-step--selected::after{display:none!important}.build-step--selected>.wizard-detail__step{grid-column:1/-1}.build-step--selected .build-step__number{margin:0;font-size:1rem}.build-step--selected .build-step__body>span{font-size:.8rem}.build-step--selected h3{font-size:1.15rem}.build-step--selected p{font-size:.9rem}.build-mapping.wizard-detail{padding:1.25rem}.build-mapping.wizard-detail>.wizard-detail__step{margin-bottom:.75rem}
.solution-card{display:flex;min-height:100%;flex-direction:column;padding:1.35rem;border:1px solid var(--border);border-radius:1.1rem;background:linear-gradient(145deg,rgba(22,43,72,.98),rgba(12,25,43,.98));box-shadow:0 1.2rem 3rem rgba(0,0,0,.15)}
.solution-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(98,166,255,.16),0 1.2rem 3rem rgba(0,0,0,.15)}
.solution-card--health_change_inquiry_ai{border-color:rgba(101,217,173,.3);background:linear-gradient(145deg,rgba(21,63,57,.7),rgba(12,25,43,.98))}
.solution-card header{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.solution-card__label{color:var(--blue);font-size:.75rem;font-weight:700;letter-spacing:.1em}
.solution-card--health_change_inquiry_ai .solution-card__label{color:var(--green)}
.solution-card__number{color:var(--muted);font-size:.78rem;font-weight:700}
.solution-card h3{margin:.8rem 0 .1rem;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2}
.solution-card__headline{margin:.2rem 0 .5rem;color:#e7f0ff;font-size:1.02rem;font-weight:700}
.solution-card__description{margin:0 0 1rem;color:var(--muted)}
.solution-card__audience{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}
.solution-card__audience span{padding:.25rem .5rem;border:1px solid rgba(98,166,255,.22);border-radius:999px;color:#cad8ea;font-size:.72rem}
.solution-card__experience{padding:.8rem;border-radius:.75rem;background:rgba(3,13,25,.38)}
.solution-card__experience>strong{font-size:.82rem}
.solution-card__experience ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin:.55rem 0 0;padding:0;counter-reset:solution-step;list-style:none}
.solution-card__experience li{counter-increment:solution-step;color:var(--muted);font-size:.78rem}
.solution-card__experience li::before{margin-right:.3rem;color:var(--blue);content:counter(solution-step);font-weight:700}
.solution-card__basis,.solution-card__boundary{margin:.8rem 0 0;color:var(--muted);font-size:.8rem}
.solution-card__boundary{margin-bottom:1rem;padding:.55rem .65rem;border-left:3px solid var(--amber);background:rgba(255,210,122,.06)}
.solution-card__basis strong{color:#c9d9ee}.solution-card__boundary strong{color:var(--amber)}
.solution-card .solution-start{align-self:flex-start;margin-top:auto}
.case-study-section--nested{margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--border)}
.section-heading--compact{margin-bottom:.9rem}
.build-section{margin-top:4rem;padding:2rem;border:1px solid rgba(181,156,255,.32);border-radius:1.25rem;background:radial-gradient(circle at 90% 0,rgba(102,71,170,.2),transparent 26rem),rgba(13,24,41,.86);box-shadow:0 1.5rem 4rem rgba(0,0,0,.16)}
.build-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:0 0 1.1rem;padding:1rem 1.1rem;border-left:4px solid var(--violet);background:rgba(181,156,255,.07)}
.build-intro span{color:var(--violet);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.build-intro h3{margin:.2rem 0 0;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.3}
  .build-intro>p{max-width:320px;margin:0;color:var(--muted);font-size:.88rem}
  .frontend-ai{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:1rem;margin:0 0 1.1rem;padding:1.15rem;border:1px solid rgba(98,166,255,.38);border-radius:.9rem;background:linear-gradient(125deg,rgba(34,88,142,.2),rgba(12,25,43,.88))}
  .frontend-ai__lead h3{margin:.2rem 0;font-size:1.25rem}.frontend-ai__lead>strong{display:block;margin:.15rem 0 .55rem;color:#d9e8ff}.frontend-ai__lead>p:not(.eyebrow){margin:.35rem 0;color:var(--muted);font-size:.84rem;line-height:1.6}.frontend-ai__placement{padding-left:.7rem;border-left:2px solid var(--blue)}
  .frontend-ai__flow{display:flex;grid-column:2;grid-row:1;align-items:center;align-self:start;flex-wrap:wrap;gap:.35rem;padding:.75rem;border-radius:.7rem;background:rgba(5,15,28,.55)}.frontend-ai__flow span{padding:.35rem .5rem;border:1px solid rgba(98,166,255,.25);border-radius:.45rem;color:#dbeaff;font-size:.72rem}.frontend-ai__flow b{color:var(--blue)}
  .frontend-ai ul{display:grid;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}.frontend-ai li{padding:.55rem;border-radius:.55rem;background:rgba(98,166,255,.08);color:var(--muted);font-size:.72rem;line-height:1.45}
.build-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none}
.build-step{position:relative;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.85rem;background:rgba(8,19,34,.78)}
.build-step:not(:last-child)::after{position:absolute;top:1.2rem;right:-.53rem;z-index:2;width:1rem;height:1rem;color:var(--violet);content:"›";font-weight:800;text-align:center}
.build-step__number{margin-bottom:.9rem;color:var(--violet);font-size:.72rem;font-weight:800;letter-spacing:.1em}
.build-step__body>span{color:#cdbfff;font-size:.72rem;font-weight:700}
.build-step h3{margin:.2rem 0 .45rem;font-size:.95rem;line-height:1.35}
.build-step p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.55}
.build-step small{display:block;margin-top:.8rem;padding-top:.65rem;border-top:1px solid rgba(181,156,255,.18);color:#cbd7e8;font-size:.71rem;line-height:1.45}
.build-step small strong{display:block;margin-bottom:.1rem;color:var(--violet)}
.mapping-heading{margin:2rem 0 .85rem}.mapping-heading h3{margin:.15rem 0 0;font-size:1.15rem}
.build-mappings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.build-mapping{padding:1.1rem;border:1px solid rgba(98,166,255,.25);border-radius:.85rem;background:rgba(18,38,64,.72)}
.build-mapping--health_change_inquiry_ai{border-color:rgba(101,217,173,.28);background:rgba(20,58,52,.42)}
.build-mapping h3{margin:0 0 .7rem;font-size:1rem}
.build-mapping dl{display:grid;gap:.5rem;margin:0}.build-mapping dl>div{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.55rem}
.build-mapping dt{color:var(--blue);font-size:.76rem;font-weight:700}.build-mapping--health_change_inquiry_ai dt{color:var(--green)}
.build-mapping dd{margin:0;color:var(--muted);font-size:.8rem}
.build-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1rem;padding:1rem 1.1rem;border-radius:.8rem;background:rgba(98,166,255,.08)}
.build-cta p{margin:0;color:var(--muted);font-size:.86rem}.build-cta p strong{color:var(--text)}.build-cta .button{flex:0 0 auto}.build-cta__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;max-width:31rem}.build-cta__actions .button{white-space:normal}
.google-sheets-bridge{margin-top:.8rem;padding:1rem;border:1px solid rgba(69,196,124,.38);border-radius:.9rem;background:linear-gradient(135deg,rgba(12,44,36,.76),rgba(8,20,35,.94))}.google-sheets-bridge header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.google-sheets-bridge header span{color:#6ee7a8;font-size:.68rem;font-weight:900;letter-spacing:.09em}.google-sheets-bridge h3{margin:.15rem 0}.google-sheets-bridge header>strong{padding:.3rem .55rem;border:1px solid rgba(255,210,122,.35);border-radius:999px;color:var(--amber);font-size:.68rem;white-space:nowrap}.google-sheets-bridge header>strong[data-state="ready"],.google-sheets-bridge header>strong[data-state="demo_ready"]{border-color:rgba(101,217,173,.45);color:var(--green)}.google-sheets-bridge header>strong[data-state="blocked"]{border-color:rgba(255,111,145,.4);color:#ff91a9}.google-sheets-bridge>p{margin:.45rem 0;color:var(--muted);font-size:.78rem}.google-sheets-bridge__flow{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.8rem 0;padding:.7rem;border-radius:.65rem;background:rgba(3,13,25,.42)}.google-sheets-bridge__flow span{padding:.4rem .55rem;border:1px solid rgba(101,217,173,.24);border-radius:.45rem;color:#d8f2e5;font-size:.72rem}.google-sheets-bridge__flow b{color:#6ee7a8}.google-sheets-bridge__actions{display:flex;flex-wrap:wrap;gap:.55rem}.google-sheets-bridge>small{display:block;margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(101,217,173,.16);color:#adc7bc;font-size:.68rem}.google-sheets-proposals{margin-top:.65rem;color:#cfe2da;font-size:.72rem}.google-sheets-proposals>strong{display:block;margin-bottom:.4rem;color:var(--green)}.google-sheets-proposals ul{display:grid;gap:.3rem;margin:0;padding-left:1.2rem}.google-sheets-demo{margin:.7rem 0;padding:.65rem;border:1px solid rgba(101,217,173,.28);border-radius:.7rem;background:#f8fbf9;color:#24352d}.google-sheets-demo__bar{display:flex;align-items:center;gap:.55rem;padding:.2rem .2rem .65rem}.google-sheets-demo__bar>span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:.35rem;background:#0f9d58;color:#fff;font-size:1.1rem}.google-sheets-demo__bar>div{display:grid}.google-sheets-demo__bar small{color:#60746a}.google-sheets-demo__bar>b{margin-left:auto;padding:.25rem .45rem;border-radius:999px;background:#e2f4e9;color:#217346;font-size:.65rem}.google-sheets-demo__table-wrap{overflow-x:auto;border:1px solid #cad8d0}.google-sheets-demo table{width:100%;min-width:680px;border-collapse:collapse;font-size:.72rem}.google-sheets-demo th,.google-sheets-demo td{padding:.5rem;border:1px solid #dbe4df;text-align:left}.google-sheets-demo th{background:#edf3ef;color:#41584d}.google-sheets-demo td:first-child{font-family:monospace;color:#52675d}.google-sheets-demo input{width:100%;min-width:16rem;padding:.45rem;border:2px solid #0f9d58;border-radius:.2rem;background:#fff;color:#1f3027}.google-sheets-demo>p{margin:.55rem .15rem 0;color:#60746a;font-size:.68rem}
.domain-build-intro{align-items:center}.domain-build-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0}.domain-build-stats>div{padding:.55rem .7rem;border:1px solid rgba(181,156,255,.2);border-radius:.6rem;background:rgba(5,15,28,.35)}.domain-build-stats dt{color:var(--muted);font-size:.68rem}.domain-build-stats dd{margin:.12rem 0 0;color:#e7e0ff;font-size:.76rem;font-weight:700;overflow-wrap:anywhere}
.domain-flow-switch{padding:.8rem;border:1px solid rgba(98,166,255,.22);border-radius:.9rem;background:rgba(8,19,34,.62)}.domain-flow-panel{min-height:16rem;padding:1.2rem;border:1px solid rgba(181,156,255,.24);border-radius:.9rem;background:linear-gradient(135deg,rgba(27,42,69,.92),rgba(9,20,36,.94))}.domain-stage-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.2rem;align-items:start}.domain-stage-kicker{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.08em}.domain-stage-grid h3,.domain-answer-lead h3{margin:.18rem 0 .5rem;font-size:1.25rem}.domain-stage-grid p,.domain-answer-lead p{margin:0;color:var(--muted)}.domain-stage-grid dl{display:grid;gap:.55rem;margin:0}.domain-stage-grid dl>div{padding:.65rem .75rem;border-left:3px solid var(--blue);background:rgba(98,166,255,.07)}.domain-stage-grid dt{color:var(--blue);font-size:.7rem;font-weight:800}.domain-stage-grid dd{margin:.15rem 0 0;color:#dce8f8;font-size:.82rem;overflow-wrap:anywhere}
.knowledge-record{display:grid;gap:.55rem;padding:1rem;border:1px solid rgba(101,217,173,.3);border-radius:.75rem;background:rgba(15,59,49,.25)}.knowledge-record>span{color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.08em}.knowledge-record code{padding:.6rem;border-radius:.5rem;background:rgba(3,13,25,.55);color:#d9f7ec;font-size:.78rem;overflow-wrap:anywhere}.knowledge-record small{color:var(--muted)}
.domain-runtime-flow{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.9rem;border-radius:.75rem;background:rgba(3,13,25,.48)}.domain-runtime-flow span{padding:.45rem .6rem;border:1px solid rgba(98,166,255,.26);border-radius:.5rem;color:#e3edfb;font-size:.78rem}.domain-runtime-flow b{color:var(--blue)}.domain-answer-lead{margin-bottom:.9rem}.domain-question-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:1rem;border:1px solid rgba(101,217,173,.28);border-radius:.8rem;background:rgba(18,54,49,.36)}.domain-question-card p{margin:0;color:#d7eee6}.domain-question-card .button{flex:0 0 auto}
.guide-panel{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:2rem;align-items:center;margin:1.3rem 0;padding:1.4rem;border:1px solid rgba(181,156,255,.35);border-radius:1rem;background:linear-gradient(120deg,rgba(76,55,130,.2),rgba(16,28,47,.86))}
.guide-panel p{margin:.45rem 0 0;color:var(--muted)}
.guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.guide-actions button,.context-panel__header button,.active-project button{min-height:2.7rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-2);cursor:pointer}
.case-study-section{margin-top:3.4rem}
.case-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}
.case-filter{min-height:2.5rem;padding:.45rem .8rem;border:1px solid var(--border);border-radius:999px;background:rgba(16,28,47,.75);color:var(--muted);cursor:pointer;font-size:.84rem}
.case-filter:hover,.case-filter.is-selected{border-color:var(--blue);background:rgba(40,120,221,.2);color:var(--text)}
.case-study-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.case-example-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.case-example-card{display:flex;min-height:13rem;flex-direction:column;padding:1rem;border:1px solid var(--border);border-radius:.9rem;background:linear-gradient(145deg,rgba(20,35,58,.96),rgba(12,24,41,.96))}
.case-example-card h3{margin:.65rem 0 .35rem;font-size:1.03rem}.case-example-card>p{margin:0 0 1rem;color:var(--muted);font-size:.88rem}.case-example-card .button{align-self:flex-start;margin-top:auto}
.case-study-card{display:flex;min-height:100%;flex-direction:column;padding:1.15rem;border:1px solid var(--border);border-radius:1rem;background:linear-gradient(145deg,rgba(20,35,58,.96),rgba(12,24,41,.96))}
.case-study-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--blue);font-size:.76rem;font-weight:700}
.case-study-card__header small{color:var(--muted);letter-spacing:.08em}
.case-study-card h3{margin:.65rem 0 .35rem;font-size:1.12rem;line-height:1.35}
.case-study-card__context{margin:0 0 .9rem;color:#c4d2e5}
.case-study-card dl{display:grid;gap:.55rem;margin:0 0 1rem}
.case-study-card dl>div{display:grid;grid-template-columns:6.3rem minmax(0,1fr);gap:.6rem}
.case-study-card dt{color:var(--green);font-size:.8rem;font-weight:700}
.case-study-card dd{margin:0;color:var(--muted);font-size:.88rem}
.case-journey{display:flex;flex-wrap:wrap;gap:.4rem;margin:auto 0 1rem;padding:0;list-style:none;counter-reset:case-step}
.case-journey li{counter-increment:case-step;padding:.32rem .55rem;border:1px solid rgba(98,166,255,.22);border-radius:.5rem;background:rgba(98,166,255,.07);color:#cbd8ea;font-size:.76rem}
.case-journey li::before{content:counter(case-step) ". ";color:var(--blue);font-weight:700}
.case-study-start{align-self:flex-start}
.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:1rem;margin-top:2.2rem;align-items:start}
.conversation-panel,.context-panel{border:1px solid var(--border);border-radius:1rem;background:rgba(16,28,47,.94);box-shadow:0 1.5rem 4rem rgba(0,0,0,.16)}
.conversation-panel{padding:1.15rem}
.panel-header,.context-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.panel-header{padding:.15rem .15rem 1rem;border-bottom:1px solid var(--border)}
.participants{color:var(--muted);font-size:.82rem}
.frontend-ai-live{display:flex;align-items:center;gap:.65rem;margin:.9rem 0;padding:.72rem .85rem;border:1px solid rgba(77,182,255,.34);border-radius:.75rem;background:rgba(37,126,181,.11);color:#c9d6e8;font-size:.86rem}.frontend-ai-live strong{flex:0 0 auto;color:#8fd8ff}.frontend-ai-live span{color:var(--muted)}
.participant{display:inline-block;padding:.08rem .42rem;border-radius:999px}
.participant--human{background:#243f64;color:#dbeafe}.participant--ai{background:#174a3c;color:#d7ffee}
.active-project{display:flex;align-items:center;gap:.7rem;margin:1rem 0 0;padding:.65rem .75rem;border:1px solid rgba(181,156,255,.38);border-radius:.7rem;background:rgba(91,65,151,.16)}
.active-project span{color:var(--muted);font-size:.82rem}.active-project strong{flex:1}.active-project button{min-height:auto;padding:.28rem .55rem;font-size:.78rem}
.conversation-history{min-height:22rem;max-height:58vh;overflow-y:auto;padding:.4rem .15rem;margin:1rem 0;scrollbar-color:#3a567a transparent}
.conversation-empty{display:grid;min-height:20rem;place-content:center;padding:2rem;text-align:center;color:var(--muted)}
.conversation-empty strong{display:block;margin-bottom:.4rem;color:var(--text);font-size:1.05rem}
.composer{padding-top:.85rem;border-top:1px solid var(--border)}
.composer label,#project-form label{display:block;margin:0 0 .4rem;font-weight:700}
.composer textarea,#project-form input{width:100%;border:1px solid #405979;border-radius:.75rem;background:#0b1728;color:var(--text);padding:.8rem .9rem}
.composer textarea{min-height:6.4rem;resize:vertical;line-height:1.55}
.composer__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem}
.composer__footer span{color:var(--muted);font-size:.78rem}
#status{min-height:1.6rem;margin:.7rem 0 0;color:var(--amber)}
#status[data-kind="success"]{color:var(--green)}#status[data-kind="error"]{color:var(--danger)}
.answer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.9rem;padding:.85rem;border-radius:.75rem;background:rgba(98,166,255,.09)}
.answer-actions p{width:100%;margin:0;color:#cad8ea}
.context-column{display:grid;gap:1rem}
.context-panel{padding:1rem}
.context-panel__header{padding-bottom:.8rem;border-bottom:1px solid var(--border)}
.context-panel__header button{min-height:2.25rem;padding:.35rem .55rem;color:var(--muted);font-size:.78rem}
.experience-trace{margin:1rem 0 0;padding:0;list-style:none}
.experience-trace li{position:relative;margin-left:.35rem;padding:0 0 1rem 1.5rem;border-left:1px solid #355577;color:#c9d6e8}
.experience-trace li::before{position:absolute;left:-.35rem;top:.3rem;width:.62rem;height:.62rem;border-radius:50%;background:var(--blue);content:"";box-shadow:0 0 0 .22rem var(--surface)}
.experience-trace li:last-child{padding-bottom:.2rem;border-left-color:transparent}
.experience-trace__empty{border:0!important;color:var(--muted)!important}.experience-trace__empty::before{background:#536a86!important}
.experience-trace small{display:block;color:var(--muted)}
.projects-empty{margin-top:1rem;color:var(--muted)}
.project-list{display:grid;gap:.55rem;margin-top:.9rem}
.project-list button{padding:.7rem;text-align:left;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-2);cursor:pointer}
.project-list button strong,.project-list button span{display:block}.project-list button span{color:var(--muted);font-size:.8rem}
.project-detail{margin-top:.9rem;padding:.85rem;border-radius:.75rem;background:var(--surface-2)}
.project-detail h3{margin:.1rem 0 .4rem}.project-detail>p{margin:.2rem 0 .8rem;color:var(--muted)}
.project-detail details{margin-top:.85rem}.project-detail summary,.safety-details summary{cursor:pointer;font-weight:700}
.project-version-item{padding:.7rem 0;border-bottom:1px solid var(--border)}.project-version-item:last-child{border:0}.project-version-item p{margin:.2rem 0;color:var(--muted)}
.safety-details{margin-top:1rem;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:.9rem;background:rgba(16,28,47,.68);color:var(--muted)}
.safety-details summary{color:var(--text)}
.safety-details ul{padding-left:1.25rem}
.role-design-section{padding:2rem;border:1px solid rgba(101,217,173,.3);border-radius:1.25rem;background:radial-gradient(circle at 90% 0,rgba(101,217,173,.12),transparent 28rem),rgba(13,24,41,.86);box-shadow:0 1.5rem 4rem rgba(0,0,0,.16)}
.role-definition-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.4rem;margin-bottom:1rem;padding:1.2rem;border-left:4px solid var(--green);border-radius:.85rem;background:rgba(101,217,173,.07)}
.role-definition-card span{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.1em}.role-definition-card h3{margin:.18rem 0 .45rem;font-size:1.35rem}.role-definition-card p{margin:0;color:var(--muted)}
.role-definition-card ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;counter-reset:role-dimension;list-style:none}.role-definition-card li{counter-increment:role-dimension;padding:.55rem .65rem;border:1px solid rgba(101,217,173,.2);border-radius:.55rem;background:rgba(3,13,25,.35);color:#d9eee8;font-size:.78rem}.role-definition-card li::before{margin-right:.35rem;color:var(--green);content:counter(role-dimension);font-weight:800}
.role-mode-switch,.role-question-switch{padding:.8rem;border:1px solid rgba(98,166,255,.22);border-radius:.9rem;background:rgba(8,19,34,.62)}.role-question-switch{margin-top:1rem}.role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.role-question-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.role-tab{display:flex;min-width:0;min-height:5rem;align-items:flex-start;flex-direction:column;justify-content:center;padding:.75rem .85rem;text-align:left;border:1px solid var(--border);border-radius:.75rem;background:rgba(11,25,43,.84);color:var(--muted);cursor:pointer}.role-tab:hover{border-color:var(--green);color:var(--text)}.role-tab.is-selected{border-color:var(--green);background:linear-gradient(135deg,rgba(30,120,101,.25),rgba(27,45,73,.9));color:var(--text);box-shadow:inset 0 0 0 1px rgba(101,217,173,.14)}.role-tab>span{color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.08em}.role-tab>strong{margin:.18rem 0;font-size:.9rem;line-height:1.3}.role-tab>small{font-size:.7rem;line-height:1.35}
.role-panel{padding:1.2rem;border:1px solid rgba(101,217,173,.28);border-radius:.9rem;background:linear-gradient(135deg,rgba(19,54,55,.7),rgba(9,20,36,.94))}.role-panel header>span{color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.08em}.role-panel header h3{margin:.15rem 0 .2rem;font-size:1.25rem}.role-panel header p{margin:0;color:#cfddd9}.role-contract-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}.role-contract-grid section{padding:.8rem;border:1px solid rgba(101,217,173,.16);border-radius:.65rem;background:rgba(3,13,25,.38)}.role-contract-grid h4{margin:0 0 .45rem;color:var(--green);font-size:.75rem}.role-contract-grid p,.role-contract-grid li,.role-contract-grid strong{color:var(--muted);font-size:.75rem;line-height:1.5}.role-contract-grid ul{margin:0;padding-left:1rem}.role-contract-grid strong{display:block;margin-top:.55rem;color:#d9eee8}
.custom-role-editor{display:grid;gap:.65rem;margin-top:1rem;padding:1rem;border:1px solid rgba(181,156,255,.38);border-radius:.75rem;background:rgba(57,42,91,.25)}.custom-role-editor h4{margin:0;color:#ded5ff}.custom-role-editor>div>p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.custom-role-editor textarea{width:100%;resize:vertical;padding:.75rem;border:1px solid rgba(181,156,255,.34);border-radius:.6rem;background:rgba(3,13,25,.68);color:var(--text);line-height:1.6}.custom-role-editor__actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.custom-role-editor__actions small{color:var(--muted)}.custom-role-status{margin:0;color:var(--green);font-size:.78rem}.custom-role-status.is-pending{color:var(--amber)}.custom-role-status.is-error{color:var(--danger)}
.role-question-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:1rem 1.2rem;border:1px solid rgba(181,156,255,.32);border-radius:.85rem;background:rgba(57,42,91,.25)}.role-question-card>div>span{color:var(--violet);font-size:.7rem;font-weight:800;letter-spacing:.08em}.role-question-card p{margin:.25rem 0 0;font-size:1rem;font-weight:700}.role-question-card .button{flex:0 0 auto}.role-question-card .button span{margin-right:.2rem}
.role-comparison-guide{margin-top:1rem;padding:1rem 1.1rem;border-radius:.8rem;background:rgba(98,166,255,.08)}.role-comparison-guide>p{margin:.2rem 0 .8rem;color:var(--muted);font-size:.84rem}.role-comparison-guide>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.role-comparison-guide span{padding:.6rem;border-radius:.55rem;background:rgba(3,13,25,.38);color:var(--muted);font-size:.72rem}.role-comparison-guide b{display:block;margin-bottom:.15rem;color:var(--text)}
.active-role-context{display:flex;align-items:center;gap:.7rem;margin:.75rem 0;padding:.7rem .85rem;border:1px solid rgba(101,217,173,.32);border-radius:.7rem;background:rgba(101,217,173,.08)}.active-role-context span{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.07em}.active-role-context strong{color:#e2fff5}.active-role-context small{margin-left:auto;color:var(--muted)}
.domain-lifecycle-section{padding:2rem;border:1px solid rgba(255,210,122,.3);border-radius:1.25rem;background:radial-gradient(circle at 90% 0,rgba(255,210,122,.1),transparent 28rem),rgba(13,24,41,.88);box-shadow:0 1.5rem 4rem rgba(0,0,0,.16)}
.domain-purpose-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:1.2rem;margin-bottom:1rem;padding:1.35rem;border-left:4px solid var(--amber);border-radius:.9rem;background:linear-gradient(135deg,rgba(255,210,122,.1),rgba(12,28,48,.8))}.domain-purpose-card>div>span{color:var(--amber);font-size:.7rem;font-weight:800;letter-spacing:.08em}.domain-purpose-card h3{margin:.2rem 0 .45rem;font-size:1.3rem}.domain-purpose-card p{margin:0;color:#c8d6e8}.domain-purpose-card ol{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;counter-reset:domain-purpose}.domain-purpose-card li{display:grid;grid-template-columns:7rem 1fr;gap:.55rem;padding:.65rem .75rem;border-radius:.6rem;background:rgba(3,13,25,.42)}.domain-purpose-card li b{color:var(--amber);font-size:.74rem}.domain-purpose-card li span{color:#dbe7f5;font-size:.78rem}
.domain-lifecycle-definition{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:1.2rem;margin-bottom:1rem;padding:1.2rem;border-left:4px solid var(--amber);border-radius:.85rem;background:rgba(255,210,122,.06)}.domain-lifecycle-definition>div>span,.domain-project-card>div>span{color:var(--amber);font-size:.7rem;font-weight:800;letter-spacing:.1em}.domain-lifecycle-definition h3,.domain-project-card h3{margin:.18rem 0 .4rem;font-size:1.25rem}.domain-lifecycle-definition p,.domain-project-card p{margin:0;color:var(--muted)}
.domain-lifecycle-formula{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;padding:.8rem;border-radius:.7rem;background:rgba(3,13,25,.48)}.domain-lifecycle-formula span{padding:.38rem .55rem;border:1px solid rgba(255,210,122,.24);border-radius:.45rem;color:#fff0cc;font-size:.72rem}.domain-lifecycle-formula b{color:var(--amber)}
.domain-project-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:1rem;padding:1.1rem;border:1px solid rgba(98,166,255,.28);border-radius:.9rem;background:rgba(18,38,64,.72)}.domain-project-state,.domain-project-card dl{display:grid;gap:.45rem}.domain-project-card dl{margin:0}.domain-project-card dl>div{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.5rem;padding:.45rem .6rem;border-radius:.5rem;background:rgba(3,13,25,.32)}.domain-project-card dt{color:var(--blue);font-size:.7rem;font-weight:800}.domain-project-card dd{margin:0;color:#dce8f8;font-size:.77rem}.domain-project-card dd strong{margin-right:.2rem}.domain-project-actions{display:flex;align-items:center;gap:.7rem;margin-top:.35rem}.domain-project-actions .button{flex:0 0 auto}.domain-project-actions p{margin:0;color:var(--muted);font-size:.68rem}
.domain-stage-switch{margin-top:1rem;padding:1rem;border:1px solid rgba(98,166,255,.25);border-radius:.9rem;background:rgba(8,19,34,.62)}.domain-stage-switch>p{margin:0 0 .7rem;color:var(--muted);font-size:.76rem;text-align:center}.domain-stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.domain-stage-tab{display:grid;grid-template-columns:2rem 1fr;grid-template-rows:auto auto;column-gap:.55rem;min-height:4.5rem;padding:.7rem;text-align:left;border:1px solid var(--border);border-radius:.7rem;background:rgba(3,13,25,.45);color:var(--text);cursor:pointer}.domain-stage-tab>span{display:grid;grid-row:1/3;place-items:center;width:2rem;height:2rem;border-radius:50%;background:rgba(98,166,255,.14);color:var(--blue);font-weight:800}.domain-stage-tab strong{align-self:end;font-size:.85rem}.domain-stage-tab small{color:var(--muted);font-size:.67rem}.domain-stage-tab.is-selected{border-color:var(--amber);background:rgba(255,210,122,.1)}.domain-stage-tab.is-selected>span{background:var(--amber);color:#172237}
.domain-stage-panel{margin-top:1rem;padding:1.2rem;border:1px solid rgba(98,166,255,.22);border-radius:1rem;background:rgba(8,19,34,.62)}.domain-stage-heading{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:.8rem;margin-bottom:1rem}.domain-stage-heading>span{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--blue);color:white;font-size:1.15rem;font-weight:900}.domain-stage-heading small{color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.1em}.domain-stage-heading h3{margin:.08rem 0 .2rem;font-size:1.25rem}.domain-stage-heading p{margin:0;color:var(--muted)}.domain-stage-actions,.domain-evidence-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.domain-answer-preview{display:grid;gap:.65rem;margin-top:.8rem;padding:1rem;border:1px solid rgba(98,166,255,.28);border-radius:.8rem;background:rgba(3,13,25,.42)}.domain-answer-preview>div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.7rem}.domain-answer-preview span{color:var(--blue);font-size:.72rem;font-weight:800}.domain-answer-preview p{margin:0;color:#e4edf9}.domain-answer-preview>div+div{padding-top:.7rem;border-top:1px solid rgba(98,166,255,.18)}.domain-answer-preview>div+div p+p{margin-top:.35rem}.domain-catalog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.domain-catalog-heading span{color:var(--amber);font-size:.68rem;font-weight:800}.domain-catalog-heading h3{margin:.12rem 0}.domain-catalog-heading p{max-width:34rem;margin:0;color:var(--muted);font-size:.75rem}.domain-result-pending{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.8rem 1rem;border:1px dashed rgba(255,210,122,.4);border-radius:.7rem}.domain-result-pending p{margin:0;color:var(--muted)}.domain-result-meaning{margin-top:1rem;padding:1.1rem;border-left:4px solid var(--green);border-radius:.75rem;background:rgba(101,217,173,.08)}.domain-result-meaning span{color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.08em}.domain-result-meaning h3{margin:.18rem 0 .35rem}.domain-result-meaning p{margin:0;color:#cfe2dc}
.blocks-observation{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:.8rem}.blocks-scene{position:relative;min-height:270px;overflow:hidden;border:1px solid rgba(98,166,255,.32);border-radius:.85rem;background:linear-gradient(#152a46 0 72%,#0b1729 72%)}.blocks-scene__label{position:absolute;top:.75rem;left:.85rem;color:#bdd5f5;font-size:.68rem;font-weight:800;letter-spacing:.08em}.blocks-table{position:absolute;right:8%;bottom:28px;left:8%;height:10px;border-radius:5px;background:#b58a5a;box-shadow:0 12px 0 -3px #684b32}.block{position:absolute;z-index:2;width:74px;height:74px;box-shadow:inset -9px -9px 0 rgba(0,0,0,.12),0 12px 22px rgba(0,0,0,.24);transition:left .35s ease,bottom .35s ease}.block--circle{border-radius:50%}.block--red{left:24%;bottom:112px;background:#ff6f75}.block--blue{left:24%;bottom:38px;background:#4f9dff}.block--green{left:63%;bottom:38px;background:#56cf9e}.blocks-scene--updated .block--red{left:63%}.world-state-inspector,.world-state-diff{padding:1rem;border:1px solid rgba(101,217,173,.28);border-radius:.85rem;background:rgba(3,13,25,.48)}.world-state-inspector>span,.world-state-diff>span{color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.07em}.world-state-inspector ul{display:grid;gap:.35rem;margin:.7rem 0 0;padding:0;list-style:none}.world-state-inspector li{display:grid;grid-template-columns:6.3rem minmax(0,1fr);gap:.5rem;padding:.42rem .55rem;border-radius:.45rem;background:rgba(101,217,173,.06)}.world-state-inspector b{color:#9be7cb;font-size:.68rem}.world-state-inspector p{margin:0;color:#dbe9e4;font-size:.72rem}.world-state-diff{display:flex;flex-direction:column;justify-content:center}.world-state-diff del,.world-state-diff ins{margin-top:.65rem;padding:.7rem;text-decoration:none;border-radius:.5rem}.world-state-diff del{background:rgba(255,111,117,.09);color:#ffb8bb}.world-state-diff ins{background:rgba(86,207,158,.1);color:#b9f2da}.world-state-diff p{margin:.75rem 0 0;color:var(--muted);font-size:.72rem}.domain-secondary-intro{margin:.9rem 0 .1rem;color:var(--muted);font-size:.78rem;text-align:center}
.domain-direct-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1rem}.domain-text-viewer,.domain-dialogue-viewer{min-width:0;padding:1.1rem;border:1px solid rgba(98,166,255,.3);border-radius:.95rem;background:rgba(5,17,31,.76)}.domain-text-viewer header,.domain-dialogue-viewer header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.domain-text-viewer header span,.domain-dialogue-viewer header span{color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.1em}.domain-text-viewer h3,.domain-dialogue-viewer h3{margin:.12rem 0}.domain-text-viewer header>strong{padding:.35rem .6rem;border:1px solid var(--green);border-radius:999px;color:var(--green);font-size:.75rem}.domain-text-viewer>p,.domain-dialogue-viewer>p{margin:.4rem 0 .8rem;color:var(--muted);font-size:.76rem}.domain-text-viewer ol{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;font-family:Consolas,"Courier New",monospace}.domain-text-viewer li{display:grid;grid-template-columns:6.8rem minmax(0,1fr);gap:.55rem;padding:.55rem .65rem;border-left:3px solid var(--blue);border-radius:.35rem;background:rgba(98,166,255,.06)}.domain-text-viewer li b{color:#8fc1ff;font-size:.7rem}.domain-text-viewer li span{color:#e0ebf8;font-size:.75rem}.domain-text-viewer li.is-new{border-left-color:var(--green);background:rgba(101,217,173,.11)}.domain-text-viewer li.is-new b{color:var(--green)}.domain-text-change{margin:.75rem 0 0!important;padding:.65rem;border:1px solid rgba(255,210,122,.28);border-radius:.5rem;color:#ffe4aa!important;background:rgba(255,210,122,.07)}.domain-dialogue-log{display:grid;gap:.55rem;min-height:20rem;margin-top:.8rem;padding:.75rem;border-radius:.7rem;background:rgba(2,10,19,.48)}.domain-dialogue-message{max-width:90%;padding:.65rem .75rem;border-radius:.65rem}.domain-dialogue-message b{font-size:.68rem}.domain-dialogue-message p{margin:.18rem 0 0;font-size:.8rem}.domain-dialogue-message small{color:var(--muted);font-size:.65rem}.domain-dialogue-message--ai{justify-self:start;background:rgba(98,166,255,.12)}.domain-dialogue-message--ai b{color:var(--blue)}.domain-dialogue-message--guest{justify-self:end;background:rgba(181,156,255,.14)}.domain-dialogue-message--guest b{color:var(--violet)}#simple-domain-question-exchange,#simple-domain-move-exchange{display:grid;gap:.55rem}.domain-dialogue-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.domain-dialogue-actions .button{width:100%}
.domain-record-catalog,.domain-update-lab{margin-top:1rem;padding:1rem;border:1px solid rgba(98,166,255,.2);border-radius:.95rem;background:rgba(8,19,34,.58)}.domain-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.domain-record{padding:.85rem;border:1px solid var(--border);border-radius:.72rem;background:rgba(12,28,48,.9);transition:border-color .16s ease,box-shadow .16s ease}.domain-record header{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center}.domain-record header>span{color:var(--blue);font-size:.72rem;font-weight:800}.domain-record header>strong{font-size:.75rem}.domain-record header>em{color:var(--green);font-size:.62rem;font-style:normal;font-weight:800}.domain-record p{margin:.6rem 0;color:#e4edf9;font-size:.85rem}.domain-record dl{display:grid;gap:.25rem;margin:0}.domain-record dl>div{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.35rem}.domain-record dt{color:var(--muted);font-size:.64rem}.domain-record dd{margin:0;color:#bccbe0;font-size:.68rem}.domain-record.is-referenced{border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,210,122,.16)}.domain-record--new{border-color:var(--green);background:rgba(20,67,56,.5)}
.domain-question-switch{margin-top:1rem;padding:.8rem;border:1px solid rgba(98,166,255,.22);border-radius:.9rem;background:rgba(8,19,34,.62)}.domain-lifecycle-question-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.domain-question-trace{margin-top:.8rem;padding:1rem;border:1px solid rgba(181,156,255,.28);border-radius:.9rem;background:linear-gradient(135deg,rgba(39,45,75,.72),rgba(9,20,36,.94))}.domain-question-trace>header>span{color:var(--violet);font-size:.68rem;font-weight:800;letter-spacing:.08em}.domain-question-trace>header h3{margin:.15rem 0 .75rem;font-size:1.1rem}.domain-trace-columns{display:grid;grid-template-columns:.75fr 1.25fr 1.25fr;gap:.7rem}.domain-trace-columns>section{padding:.8rem;border-radius:.65rem;background:rgba(3,13,25,.4)}.domain-trace-columns h4,.domain-change-grid h4{margin:0 0 .55rem;color:#d8ccff;font-size:.76rem}.domain-trace-columns ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.75rem}
.domain-retrieval-list,.domain-claim-list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.domain-retrieval-list li{display:grid;grid-template-columns:2.2rem 4.8rem minmax(0,1fr);gap:.35rem;padding:.45rem;border:1px solid transparent;border-radius:.45rem;cursor:pointer;font-size:.68rem}.domain-retrieval-list li:hover,.domain-retrieval-list li:focus-visible{border-color:var(--amber)}.domain-retrieval-list b{color:var(--green)}.domain-retrieval-list .is-skipped{opacity:.63}.domain-retrieval-list .is-skipped b{color:var(--muted)}.domain-retrieval-list span{color:var(--muted)}.domain-claim-list li{padding:.5rem;border-left:3px solid var(--blue);background:rgba(98,166,255,.06)}.domain-claim-list p{margin:0;color:#e0ebfa;font-size:.75rem}.domain-claim-list small{color:var(--blue);font-size:.65rem}
.domain-update-message{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;background:rgba(98,166,255,.08)}.domain-update-message>span{flex:0 0 auto;color:var(--blue);font-size:.7rem;font-weight:800}.domain-update-message>p{flex:1;margin:0}.domain-update-message>.button{flex:0 0 auto}.domain-change-candidate,.domain-review-gate{margin-top:.8rem;padding:1rem;border:1px solid rgba(255,210,122,.3);border-radius:.8rem;background:rgba(72,54,25,.22)}
.domain-state-flow{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-bottom:.8rem}.domain-state-flow span{padding:.35rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.65rem;font-weight:800}.domain-state-flow span.is-current{border-color:var(--amber);background:rgba(255,210,122,.14);color:#fff0cc}.domain-state-flow b{color:var(--amber)}.domain-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.domain-change-grid>section{padding:.8rem;border-radius:.6rem;background:rgba(3,13,25,.4)}.domain-change-grid p{margin:.25rem 0;color:var(--muted);font-size:.78rem}.domain-change-grid dl{display:grid;gap:.25rem;margin:.6rem 0 0}.domain-change-grid dl>div{display:grid;grid-template-columns:4rem 1fr;gap:.4rem;font-size:.7rem}.domain-change-grid dt{color:var(--blue)}.domain-change-grid dd{margin:0}.domain-change-grid pre{margin:0;white-space:pre-wrap;font:inherit;font-size:.75rem}.domain-change-grid del,.domain-change-grid ins{display:block;padding:.4rem;text-decoration:none}.domain-change-grid del{background:rgba(255,155,155,.09);color:#ffc5c5}.domain-change-grid ins{margin-top:.3rem;background:rgba(101,217,173,.09);color:#c7f4e3}.domain-candidate-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.domain-update-status{margin:.65rem 0 0;color:var(--amber);font-size:.76rem}
.domain-review-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;border-color:rgba(181,156,255,.34);background:rgba(57,42,91,.22)}.domain-review-gate header{grid-column:1/-1}.domain-review-gate header>span{color:var(--violet);font-size:.68rem;font-weight:800;letter-spacing:.08em}.domain-review-gate h3{margin:.15rem 0}.domain-review-gate header p{margin:0;color:var(--muted)}.domain-verification-evidence{grid-column:1/-1;padding:.75rem;border-left:3px solid var(--green);background:rgba(101,217,173,.08)}.domain-verification-evidence p{margin:.2rem 0;color:#d7e8e2}.domain-verification-evidence span{color:var(--green);font-size:.68rem;font-weight:800}.domain-answer-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.8rem}.domain-answer-comparison>div{padding:.9rem;border:1px solid var(--border);border-radius:.7rem;background:rgba(3,13,25,.4)}.domain-answer-comparison span{color:var(--blue);font-size:.7rem;font-weight:800}.domain-answer-comparison p{margin:.3rem 0}.domain-answer-comparison small{color:var(--muted)}#domain-answer-after{border-color:var(--green)}#domain-answer-after span{color:var(--green)}.domain-lab-boundary{margin:.8rem 0 0;padding:.65rem;border-left:3px solid var(--amber);color:var(--muted);font-size:.75rem}
dialog{width:min(540px,calc(100% - 2rem));border:1px solid var(--border);border-radius:1rem;background:var(--surface);color:var(--text);box-shadow:0 2rem 6rem rgba(0,0,0,.55)}
dialog::backdrop{background:rgba(2,8,18,.74);backdrop-filter:blur(4px)}
#project-form h2{margin:.15rem 0 .5rem}#project-form>p:not(.eyebrow){color:var(--muted)}
.dialog-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}
@media(max-width:1000px){.frontend-ai ul{grid-template-columns:repeat(2,minmax(0,1fr))}.build-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.build-step:not(:last-child)::after{display:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:1.4rem}.hero-story{max-width:680px}.scenario-list,.solution-list{grid-template-columns:repeat(2,minmax(0,1fr))}.case-example-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.context-column{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-history{max-height:none}.guide-panel{grid-template-columns:1fr}.build-intro{align-items:start;flex-direction:column;gap:.5rem}.domain-build-stats{width:100%}.domain-stage-grid{grid-template-columns:1fr}.role-tabs,.role-contract-grid,.role-comparison-guide>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.method-step-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){main{width:min(100% - 1rem,1180px);padding-top:2rem}.site-header{padding:.7rem}.hero{padding-bottom:2.2rem}.hero #hero-title{font-size:clamp(2.35rem,12vw,3.35rem)}.hero-story{padding:1rem}.hero-route li{grid-template-columns:3.8rem minmax(0,1fr)}.hero-story__contrast{grid-template-columns:1fr}.hero-story__contrast::after{display:none}.hero-story__contrast span,.hero-story__contrast strong{grid-column:1}.hero-story__contrast strong::before{display:block;margin:.15rem 0;color:var(--blue);content:"↓"}.hero-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-flow li::after{display:none}.content-mode-switch,.usecase-mode-switch{padding:.75rem}.content-tabs,.usecase-tabs{grid-template-columns:1fr}.content-tab{min-height:4.4rem}.original-page-builder-button{align-items:flex-start;flex-direction:column}.usecase-tab{min-height:4rem}.section-heading{grid-template-columns:1fr;gap:.55rem}.frontend-ai{grid-template-columns:1fr}.frontend-ai__flow{grid-column:1;grid-row:auto}.frontend-ai ul,.scenario-list,.solution-list,.guide-actions,.context-column,.case-study-list,.case-example-list,.build-steps,.build-mappings{grid-template-columns:1fr}.scenario-card{min-height:8.5rem}.solution-card{padding:1rem}.solution-card__experience ol{grid-template-columns:1fr}.case-study-section{margin-top:2.4rem}.case-study-section--nested{margin-top:1.6rem}.case-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem}.case-filter{flex:0 0 auto}.case-study-card dl>div{grid-template-columns:1fr;gap:.1rem}.build-section{margin-top:0;padding:1rem}.build-cta{align-items:stretch;flex-direction:column}.build-cta__actions,.google-sheets-bridge__actions{max-width:none;flex-direction:column}.build-cta .button,.google-sheets-bridge__actions .button{width:100%}.google-sheets-bridge header{flex-direction:column}.workspace{margin-top:1.2rem}.panel-header{align-items:flex-start;flex-direction:column}.frontend-ai-live{align-items:flex-start;flex-direction:column;gap:.25rem}.composer__footer{align-items:stretch;flex-direction:column}.composer__footer .button{width:100%}.answer-actions .button{width:100%}.active-project{align-items:flex-start;flex-wrap:wrap}.active-project strong{width:100%;flex-basis:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.domain-build-stats{grid-template-columns:1fr}.domain-question-card{align-items:stretch;flex-direction:column}.domain-question-card .button{width:100%}}
@media(max-width:620px){.wizard-step-label{grid-template-columns:2rem minmax(0,1fr)}.wizard-step-label>small{grid-column:2}.example-tabs,.build-topic-tabs,.method-step-tabs,.mapping-tabs,.role-tabs,.role-question-tabs,.role-contract-grid,.role-comparison-guide>div{grid-template-columns:1fr}.example-tab,.build-topic-tab,.method-step-tab,.mapping-tab,.role-tab{min-height:4rem}.build-step--selected{grid-template-columns:1fr}.build-step--selected .build-step__number{margin-bottom:-.45rem}.role-design-section{padding:1rem}.role-definition-card{grid-template-columns:1fr}.role-question-card{align-items:stretch;flex-direction:column}.role-question-card .button{width:100%}.active-role-context,.custom-role-editor__actions{align-items:stretch;flex-direction:column;gap:.35rem}.active-role-context small{margin-left:0}.custom-role-editor__actions .button{width:100%}}
@media(max-width:900px){.content-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-purpose-card,.domain-lifecycle-definition,.domain-project-card,.blocks-observation,.domain-direct-demo{grid-template-columns:1fr}.domain-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-trace-columns{grid-template-columns:1fr}.domain-lifecycle-question-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.domain-lifecycle-section,.domain-stage-panel{padding:1rem}.domain-stage-tabs,.domain-record-grid,.domain-lifecycle-question-tabs,.domain-change-grid,.domain-answer-comparison,.domain-dialogue-actions{grid-template-columns:1fr}.domain-project-actions,.domain-update-message,.domain-evidence-actions,.domain-result-pending{align-items:stretch;flex-direction:column}.domain-project-actions .button,.domain-update-message>.button,.domain-evidence-actions .button,.domain-result-pending .button{width:100%}.domain-stage-actions .button{width:100%}.domain-state-flow{justify-content:flex-start;overflow-x:auto}.domain-review-gate{grid-template-columns:1fr}.domain-review-gate>.button{width:100%}.domain-retrieval-list li{grid-template-columns:2.2rem 4.5rem minmax(0,1fr)}.domain-answer-preview>div{grid-template-columns:1fr}.domain-catalog-heading{flex-direction:column}.domain-text-viewer li{grid-template-columns:1fr}.domain-dialogue-log{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scenario-card{transition:none}}
.domain-dialogue-log{align-content:start;max-height:34rem;overflow-y:auto}.domain-dialogue-message small{display:block;margin-top:.35rem}.blocks-world-suggestions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.blocks-world-suggestions button{padding:.45rem .62rem;border:1px solid rgba(98,166,255,.35);border-radius:999px;color:#cfe3ff;background:rgba(98,166,255,.08);cursor:pointer}.blocks-world-suggestions button:hover{border-color:var(--blue);background:rgba(98,166,255,.15)}.blocks-world-composer{display:grid;gap:.45rem;margin-top:.75rem}.blocks-world-composer label{font-size:.74rem;font-weight:700}.blocks-world-composer textarea{width:100%;resize:vertical}.blocks-world-composer>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.blocks-world-composer small{color:var(--muted);font-size:.68rem}.blocks-world-trace{padding-top:.35rem;border-top:1px solid rgba(98,166,255,.16)}
.project-planning-section{border-color:rgba(101,217,173,.32);background:radial-gradient(circle at 90% 0,rgba(101,217,173,.1),transparent 28rem),rgba(13,24,41,.88)}.project-planning-purpose{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.project-planning-purpose ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.project-planning-purpose li{padding:.48rem .65rem;border:1px solid rgba(101,217,173,.3);border-radius:999px;color:#c8f7e4;background:rgba(101,217,173,.08);font-size:.74rem}.planning-project-fields{display:grid;gap:.5rem;margin:.8rem 0}.planning-project-fields>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.7rem;padding:.7rem;border-left:3px solid rgba(98,166,255,.55);border-radius:.4rem;background:rgba(98,166,255,.06)}.planning-project-fields dt{color:var(--muted);font-size:.72rem;font-weight:700}.planning-project-fields dd{margin:0;color:var(--text);font-size:.82rem;font-weight:700}.planning-project-fields .is-next{border-left-color:var(--green);background:rgba(101,217,173,.1)}.planning-project-fields .is-next dt,.planning-project-fields .is-next dd{color:#bff5df}.project-state-viewer>.button{width:100%;margin-top:.7rem}
.project-team-section{border-color:rgba(181,156,255,.34);background:radial-gradient(circle at 90% 0,rgba(181,156,255,.12),transparent 28rem),rgba(13,24,41,.9)}.project-team-purpose{grid-template-columns:minmax(0,1fr) minmax(24rem,1.2fr)}.project-team-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.project-team-flow li{display:flex;align-items:center;gap:.45rem;padding:.65rem;border:1px solid rgba(181,156,255,.25);border-radius:.65rem;background:rgba(181,156,255,.07);font-size:.74rem}.project-team-flow b{display:grid;flex:0 0 1.6rem;height:1.6rem;place-items:center;border-radius:50%;background:var(--violet);color:#0b1220}.project-team-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1rem}.team-project-snapshot,.team-focus-card,.team-synthesis-card{padding:1rem;border:1px solid rgba(98,166,255,.24);border-radius:.9rem;background:rgba(8,19,34,.66)}.team-project-snapshot header>span,.team-focus-card header>span,.team-synthesis-card header>span,.team-result-heading>span,.team-update-proposal span{color:var(--violet);font-size:.68rem;font-weight:800;letter-spacing:.08em}.team-project-snapshot h3,.team-focus-card h3,.team-synthesis-card h3,.team-result-heading h3{margin:.2rem 0 .7rem}.team-project-snapshot>ul{display:grid;gap:.35rem;margin:.7rem 0;padding:0;list-style:none}.team-project-snapshot>ul li{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.5rem;padding:.55rem;border-left:3px solid var(--blue);background:rgba(98,166,255,.06)}.team-project-snapshot li b{color:var(--muted);font-size:.72rem}.team-project-snapshot li span{font-size:.8rem}.team-project-snapshot>.button{width:100%;margin-top:.5rem}.team-focus-options{display:grid;gap:.45rem;margin:.75rem 0}.team-focus-options button{padding:.65rem .75rem;text-align:left;border:1px solid var(--border);border-radius:.55rem;background:rgba(8,19,34,.8);color:var(--text);cursor:pointer}.team-focus-options button.is-selected{border-color:var(--violet);background:rgba(181,156,255,.14)}.team-focus-card>.button{width:100%;margin-top:.25rem}.team-focus-card>p{min-height:2.4rem;margin:.65rem 0 0;color:var(--muted);font-size:.75rem}.project-team-result{margin-top:1rem}.project-team-specialists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.project-team-specialists article{padding:.9rem;border:1px solid rgba(98,166,255,.24);border-top:3px solid var(--blue);border-radius:.75rem;background:rgba(8,19,34,.72)}.project-team-specialists h4{margin:0 0 .45rem}.project-team-specialists p{margin:0 0 .55rem;color:#dbeaff;font-size:.82rem}.project-team-specialists ul,.team-synthesis-grid ul,.team-update-proposal ul{margin:.35rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.75rem}.team-synthesis-card{margin-top:.8rem;border-color:rgba(101,217,173,.3)}.team-synthesis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.team-synthesis-grid section{padding:.7rem;border-radius:.6rem;background:rgba(101,217,173,.06)}.team-synthesis-grid h4,.team-update-proposal h4{margin:0;color:#c9f5e3}.team-update-proposal{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:.8rem;border:1px solid rgba(101,217,173,.26);border-radius:.7rem;background:rgba(101,217,173,.08)}.team-update-proposal>div{min-width:0}.team-update-proposal .button{flex:0 0 auto}
.research-report-section{border-color:rgba(255,190,92,.34);background:radial-gradient(circle at 90% 0,rgba(255,190,92,.1),transparent 28rem),rgba(13,24,41,.9)}.research-report-purpose{grid-template-columns:minmax(0,1fr) minmax(24rem,1.2fr)}.report-request-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:1rem;margin-top:1rem;padding:1rem;border:1px solid rgba(255,190,92,.26);border-radius:.9rem;background:rgba(8,19,34,.68)}.report-topic-input{display:grid;gap:.45rem}.report-topic-input label,.report-source-options legend{font-size:.75rem;font-weight:800}.report-topic-input textarea{width:100%;resize:vertical}.report-source-options{display:grid;align-content:start;gap:.5rem;margin:0;padding:.75rem;border:1px solid rgba(98,166,255,.22);border-radius:.7rem}.report-source-options label{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem;border-radius:.55rem;background:rgba(98,166,255,.06);cursor:pointer}.report-source-options input{margin-top:.2rem}.report-source-options span{display:grid}.report-source-options b{font-size:.8rem}.report-source-options small{margin-top:.12rem;color:var(--muted);font-size:.68rem}.report-request-card>.button{grid-column:1/-1;width:100%}.report-request-card>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.75rem}.research-report-result{margin-top:1rem}.report-trace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0 0 .8rem;padding:0;list-style:none}.report-trace li{padding:.7rem;border-left:3px solid var(--green);border-radius:.45rem;background:rgba(101,217,173,.08);font-size:.75rem}.report-trace b{display:block;margin-bottom:.2rem;color:#bff5df}.generated-report{padding:clamp(1rem,3vw,2rem);border:1px solid rgba(255,190,92,.28);border-radius:.9rem;background:#f4f0e6;color:#172234}.generated-report>header{padding-bottom:1rem;border-bottom:1px solid rgba(23,34,52,.2)}.generated-report>header>span{color:#8d5a00;font-size:.68rem;font-weight:900;letter-spacing:.1em}.generated-report h3{margin:.25rem 0 .65rem;font-size:clamp(1.35rem,3vw,2rem)}.generated-report header p{margin:0;color:#42506a}.generated-report>div>section,.report-conclusion,.report-unknowns{margin-top:1.25rem}.generated-report h4{margin:0 0 .45rem;color:#172234;font-size:1.05rem}.generated-report p{margin:0;line-height:1.85;white-space:pre-wrap}.generated-report section small{display:block;margin-top:.55rem;color:#6e5b38}.report-unknowns ul{margin:.4rem 0 0;padding-left:1.2rem}.report-sources{margin-top:.8rem;padding:1rem;border:1px solid rgba(98,166,255,.22);border-radius:.8rem;background:rgba(8,19,34,.68)}.report-sources>span{color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.08em}.report-sources h3{margin:.2rem 0 .7rem}.report-sources>div{display:grid;gap:.45rem}.report-source-card{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.65rem;border-radius:.55rem;background:rgba(98,166,255,.07)}.report-source-card>span{color:#bcd5fa;font-size:.7rem;font-weight:800}.report-source-card b{font-size:.78rem}.report-source-card a{color:var(--blue);font-size:.72rem}.report-source-card small{color:var(--muted);font-size:.68rem}
@media(max-width:620px){.blocks-world-composer>div{align-items:stretch;flex-direction:column}.blocks-world-composer .button{width:100%}}
@media(max-width:900px){.project-team-purpose,.project-team-input{grid-template-columns:1fr}.project-team-specialists,.team-synthesis-grid{grid-template-columns:1fr}}
@media(max-width:620px){.project-team-flow{grid-template-columns:1fr}.team-project-snapshot>ul li{grid-template-columns:1fr}.team-update-proposal{align-items:stretch;flex-direction:column}.team-update-proposal .button{width:100%}}
@media(max-width:900px){.research-report-purpose,.report-request-card{grid-template-columns:1fr}.report-trace{grid-template-columns:1fr}.report-source-card{grid-template-columns:4rem minmax(0,1fr)}}
@media(max-width:620px){.report-source-card a{grid-column:2}.generated-report{padding:1rem}}
.page-builder-section{border-color:rgba(77,182,255,.38);background:radial-gradient(circle at 90% 0,rgba(77,182,255,.12),transparent 28rem),rgba(13,24,41,.9)}
.page-builder-definition{display:grid;gap:1rem;margin-bottom:1.2rem;padding:1.15rem;border:1px solid rgba(101,217,173,.42);border-radius:1rem;background:linear-gradient(135deg,rgba(101,217,173,.12),rgba(98,166,255,.08))}.page-builder-definition>div>span{display:block;margin-bottom:.3rem;color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.08em}.page-builder-definition>div>strong{display:block;max-width:58rem;font-size:1.05rem;line-height:1.55}.page-builder-definition>div>p{margin:.45rem 0 0;color:#d6e4f5;font-size:.82rem}.page-builder-definition>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none}.page-builder-definition li{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px solid rgba(98,166,255,.2);border-radius:.7rem;background:rgba(3,13,25,.38)}.page-builder-definition li>b{display:grid;flex:0 0 1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:var(--blue);color:#fff}.page-builder-definition li span{display:grid;gap:.08rem}.page-builder-definition li strong{font-size:.8rem}.page-builder-definition li small,.page-builder-definition>small{color:var(--muted);font-size:.7rem;line-height:1.45}.page-builder-definition>small{padding-top:.75rem;border-top:1px solid rgba(98,166,255,.18)}
.page-builder-form{display:grid;gap:1rem}.page-builder-stage{display:grid;gap:.75rem;margin:0;padding:1rem;border:1px solid rgba(98,166,255,.24);border-radius:.9rem;background:rgba(8,19,34,.66)}.page-builder-stage legend{display:flex;align-items:center;gap:.55rem;padding:0 .35rem;font-weight:800}.page-builder-stage legend b{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:var(--blue);color:white}.page-builder-options,.page-builder-layouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.page-builder-options--features{grid-template-columns:repeat(3,minmax(0,1fr))}.page-builder-option{display:flex;gap:.55rem;min-height:5.2rem;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:rgba(3,13,25,.42);cursor:pointer}.page-builder-option:has(input:checked){border-color:var(--blue);background:rgba(98,166,255,.13)}.page-builder-option input{margin-top:.22rem}.page-builder-option span{display:grid;align-content:start;gap:.2rem}.page-builder-option strong{font-size:.84rem}.page-builder-option small{color:var(--muted);font-size:.7rem;line-height:1.45}.page-builder-option--compact{min-height:4.4rem}.page-builder-custom{display:grid;grid-template-columns:minmax(12rem,.5fr) minmax(0,1.5fr);gap:.7rem;padding:.75rem;border-left:3px solid var(--violet);background:rgba(181,156,255,.08)}.page-builder-custom label,.page-builder-starter{display:grid;gap:.3rem;font-size:.72rem;font-weight:800}.page-builder-custom input,.page-builder-custom textarea,.page-builder-starter input,.generated-ai-view textarea{width:100%;resize:vertical}.page-builder-components{display:flex;flex-wrap:wrap;gap:.45rem}.page-builder-components label{padding:.42rem .58rem;border:1px solid rgba(101,217,173,.24);border-radius:999px;background:rgba(101,217,173,.06);font-size:.72rem;cursor:pointer}.page-builder-components input{margin-right:.3rem}.page-builder-form>.button{width:100%}.page-builder-form>p{margin:0;color:var(--muted);font-size:.76rem}
.generated-demo-page{margin-top:1.2rem;border:1px solid rgba(101,217,173,.35);border-radius:1rem;overflow:hidden;background:rgba(8,19,34,.72)}.generated-demo-page__header{padding:1.2rem;border-bottom:1px solid rgba(101,217,173,.22);background:linear-gradient(120deg,rgba(101,217,173,.12),rgba(98,166,255,.08))}.generated-demo-page__header>span,.generated-model-view>span,.generated-ai-view>span{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.09em}.generated-demo-page__header h3{margin:.2rem 0 .35rem;font-size:1.45rem}.generated-demo-page__header p{margin:0;color:var(--muted)}.generated-demo-page__body{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:1rem;padding:1rem}.generated-demo-page[data-layout="guided_flow"] .generated-demo-page__body,.generated-demo-page[data-layout="result_first"] .generated-demo-page__body{grid-template-columns:1fr}.generated-demo-page[data-layout="result_first"] .generated-ai-view{order:-1}.generated-model-view,.generated-ai-view{padding:1rem;border:1px solid rgba(98,166,255,.22);border-radius:.8rem;background:rgba(3,13,25,.42)}.generated-model-view h4,.generated-ai-view h4{margin:.2rem 0 .7rem}.generated-model-view dl{display:grid;gap:.4rem;margin:0}.generated-model-view dl>div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.5rem;padding:.5rem;border-left:3px solid var(--blue);background:rgba(98,166,255,.06)}.generated-model-view dt{color:var(--blue);font-size:.7rem;font-weight:800}.generated-model-view dd{margin:0;font-size:.76rem}.generated-component-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.generated-component-list span{padding:.3rem .45rem;border-radius:999px;background:rgba(181,156,255,.12);color:#ddd4ff;font-size:.66rem}.generated-page-chat{display:grid;align-content:start;gap:.5rem;min-height:9rem;max-height:22rem;overflow-y:auto;margin-bottom:.7rem}.generated-page-chat article{padding:.6rem .7rem;border-radius:.6rem;background:rgba(98,166,255,.08)}.generated-page-chat article:nth-child(odd){border-left:3px solid var(--green)}.generated-page-chat article:nth-child(even){border-left:3px solid var(--blue)}.generated-page-chat strong{font-size:.68rem;color:var(--green)}.generated-page-chat p{margin:.2rem 0 0;white-space:pre-wrap;font-size:.78rem;line-height:1.55}.generated-ai-view form{display:grid;gap:.45rem}.generated-ai-view label{font-size:.72rem;font-weight:800}.generated-ai-view .button{justify-self:end}.generated-demo-page>.report-trace{margin:0 1rem .8rem}.generated-demo-page>.domain-lab-boundary{margin:.8rem 1rem 1rem}
@media(max-width:900px){.page-builder-options--features{grid-template-columns:repeat(2,minmax(0,1fr))}.generated-demo-page__body{grid-template-columns:1fr}}
@media(max-width:620px){.page-builder-options,.page-builder-options--features,.page-builder-layouts,.page-builder-custom{grid-template-columns:1fr}.generated-ai-view .button{width:100%}.generated-model-view dl>div{grid-template-columns:1fr}}
.page-builder-custom input,.page-builder-custom textarea,.page-builder-starter input,.generated-ai-view textarea{padding:.7rem .75rem;border:1px solid #405979;border-radius:.6rem;background:#0b1728;color:var(--text)}
.page-builder-stage__help,.page-builder-auto-note{margin:0;color:var(--muted);font-size:.75rem}.page-builder-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.page-builder-capabilities label{display:flex;gap:.55rem;min-height:5rem;padding:.7rem;border:1px solid var(--border);border-radius:.65rem;background:rgba(3,13,25,.42);cursor:pointer}.page-builder-capabilities label:has(input:checked){border-color:var(--green);background:rgba(101,217,173,.1)}.page-builder-capabilities input{margin-top:.22rem}.page-builder-capabilities span{display:grid;align-content:start;gap:.2rem}.page-builder-capabilities strong{font-size:.8rem}.page-builder-capabilities small{color:var(--muted);font-size:.68rem;line-height:1.45}.page-builder-recipe-summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem;border-left:3px solid var(--green);background:rgba(101,217,173,.08)}.page-builder-recipe-summary strong{font-size:.82rem}.page-builder-recipe-summary span{color:var(--muted);font-size:.72rem}.generated-composition-explanation{margin:.2rem 0 .75rem;color:var(--muted);font-size:.74rem;line-height:1.55}
.page-builder-option em{margin-top:.2rem;color:var(--green);font-size:.68rem;font-style:normal;line-height:1.4}
@media(max-width:900px){.page-builder-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.page-builder-definition>ol,.page-builder-capabilities{grid-template-columns:1fr}.page-builder-recipe-summary{align-items:flex-start;flex-direction:column}}

.domain-browser-section{border-color:rgba(101,217,173,.32);background:radial-gradient(circle at 92% 0,rgba(101,217,173,.1),transparent 30rem),rgba(13,24,41,.9)}
.domain-browser-search{margin-top:.8rem}.domain-browser-search label{display:block;margin-bottom:.4rem;color:#d8e5f6;font-size:.78rem}.domain-browser-search>div{display:flex;gap:.4rem}.domain-browser-search input{min-width:0;flex:1;width:100%;padding:.6rem;border:1px solid #426186;border-radius:.4rem;background:#081525;color:#e5effc;font:inherit;font-size:.8rem}.domain-browser-search button{padding:.4rem .6rem;border:1px solid #426186;border-radius:.4rem;background:#14253b;color:#e5effc;cursor:pointer}.domain-browser-search button:disabled{opacity:.45;cursor:default}.domain-browser-search p{margin:.45rem 0 0;color:#9db7d8;font-size:.73rem;line-height:1.6}.domain-browser-content-block pre[data-record-type="system_knowledge"]{max-height:none;font-size:.86rem;line-height:1.85}
.domain-browser-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.domain-browser-choice{display:grid;gap:.25rem;min-height:5rem;padding:.85rem 1rem;border:1px solid rgba(98,166,255,.24);border-radius:.8rem;background:rgba(5,17,31,.62);color:var(--text);cursor:pointer;text-align:left}.domain-browser-choice strong{font-size:.9rem}.domain-browser-choice small{color:var(--muted);font-size:.72rem;line-height:1.45}.domain-browser-choice:hover,.domain-browser-choice.is-selected{border-color:var(--green);background:rgba(101,217,173,.1);box-shadow:inset 0 0 0 1px rgba(101,217,173,.14)}
.domain-browser-workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-height:34rem;border:1px solid rgba(98,166,255,.25);border-radius:1rem;overflow:hidden;background:rgba(3,13,25,.44)}
.domain-browser-tree-panel{min-width:0;padding:1rem;border-right:1px solid rgba(98,166,255,.2);background:rgba(7,18,32,.72)}.domain-browser-tree-panel header>span,.domain-browser-detail header>span{color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.1em}.domain-browser-tree-panel h3,.domain-browser-detail h3{margin:.16rem 0 .35rem}.domain-browser-tree-panel header p{min-height:2.2rem;margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}
.domain-browser-tree{max-height:29rem;margin-top:.8rem;overflow:auto;padding:.2rem}.domain-browser-tree ul{display:grid;gap:.16rem;margin:0;padding:0 0 0 .8rem;border-left:1px solid rgba(98,166,255,.16);list-style:none}.domain-browser-tree>ul{padding-left:0;border-left:0}.domain-browser-tree-row{display:grid;grid-template-columns:1.55rem minmax(0,1fr);align-items:center;gap:.15rem}.domain-browser-toggle{width:1.55rem;height:1.55rem;padding:0;border:0;background:transparent;color:#9db7d8;cursor:pointer}.domain-browser-toggle:disabled{cursor:default;opacity:.36}.domain-browser-node{min-width:0;padding:.42rem .5rem;border:1px solid transparent;border-radius:.45rem;background:transparent;color:#dce9fa;cursor:pointer;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.domain-browser-node::before{display:inline-block;width:1.25rem;color:#82a8d4;content:"▤"}.domain-browser-node[data-kind="folder"]::before{content:"▱"}.domain-browser-node:hover,.domain-browser-node.is-selected{border-color:rgba(101,217,173,.42);background:rgba(101,217,173,.09);color:#fff}
.domain-browser-detail{min-width:0;padding:1.2rem}.domain-browser-breadcrumb{min-height:1rem;margin:.35rem 0;color:#8eabd0;font-size:.7rem;overflow-wrap:anywhere}.domain-browser-record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.9rem 0}.domain-browser-record-meta div{padding:.55rem .65rem;border-radius:.55rem;background:rgba(98,166,255,.07)}.domain-browser-record-meta dt{color:#91acd0;font-size:.62rem;font-weight:800;letter-spacing:.05em}.domain-browser-record-meta dd{margin:.18rem 0 0;color:#e5effc;font-size:.72rem;overflow-wrap:anywhere}.domain-browser-content-block{padding:1rem;border:1px solid rgba(181,156,255,.2);border-radius:.75rem;background:rgba(4,14,27,.58)}.domain-browser-content-block h4{margin:0 0 .65rem;color:#cfc3ff;font-size:.73rem}.domain-browser-content-block pre{max-height:22rem;margin:0;overflow:auto;color:#d8e5f6;font:inherit;font-size:.78rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.domain-browser-source{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;padding:.65rem .75rem;border-radius:.55rem;background:rgba(101,217,173,.08);font-size:.72rem}.domain-browser-source span{color:var(--green);font-weight:800}.domain-browser-source a{color:#a9cfff;overflow-wrap:anywhere}
@media(max-width:900px){.domain-browser-workspace{grid-template-columns:1fr}.domain-browser-tree-panel{border-right:0;border-bottom:1px solid rgba(98,166,255,.2)}.domain-browser-tree{max-height:22rem}}
@media(max-width:620px){.domain-browser-picker,.domain-browser-record-meta{grid-template-columns:1fr}.domain-browser-section{padding:1rem}.domain-browser-detail{padding:1rem}.domain-browser-workspace{min-height:0}}
.news-watch-section{border-color:rgba(64,200,237,.34);background:radial-gradient(circle at 92% 0,rgba(64,200,237,.12),transparent 30rem),rgba(13,24,41,.9)}
.news-watch-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid rgba(98,166,255,.25);border-radius:.8rem;background:rgba(5,17,31,.66)}.news-watch-status[data-state="ready"]{border-color:rgba(101,217,173,.35)}.news-watch-pulse{width:.75rem;height:.75rem;border-radius:50%;background:#8fa2bf;box-shadow:0 0 0 .3rem rgba(143,162,191,.1)}.news-watch-status[data-state="ready"] .news-watch-pulse{background:var(--green);box-shadow:0 0 0 .3rem rgba(101,217,173,.12)}.news-watch-status strong,.news-watch-status small{display:block}.news-watch-status small{margin-top:.15rem;color:var(--muted);font-size:.7rem;line-height:1.45}.news-watch-actions{display:flex;flex-wrap:wrap;gap:.45rem}.news-watch-actions .button{white-space:nowrap}
.news-watch-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.75rem 0}.news-watch-metrics div{padding:.75rem;border:1px solid rgba(98,166,255,.2);border-radius:.7rem;background:rgba(98,166,255,.06)}.news-watch-metrics dt{color:#9ab7da;font-size:.66rem;font-weight:800}.news-watch-metrics dd{margin:.18rem 0 0;color:#fff;font-size:1rem;font-weight:850}
.news-watch-toolbar{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(9rem,.35fr) minmax(11rem,.45fr) auto auto;align-items:end;gap:.6rem;padding:.75rem;border-radius:.75rem;background:rgba(3,13,25,.5)}.news-watch-toolbar label{display:grid;gap:.3rem;color:#aec3dd;font-size:.66rem;font-weight:800}.news-watch-toolbar input,.news-watch-toolbar select{width:100%;padding:.65rem .7rem;border:1px solid #405979;border-radius:.55rem;background:#0b1728;color:var(--text)}.news-watch-toolbar>span{padding:.65rem 0;color:var(--green);font-size:.72rem;font-weight:800;white-space:nowrap}
.news-watch-toolbar .news-watch-language-toggle{display:flex;align-items:center;gap:.5rem;min-height:2.55rem;padding:.55rem .7rem;border:1px solid rgba(98,166,255,.32);border-radius:.55rem;background:rgba(98,166,255,.08);color:var(--text);cursor:pointer;white-space:nowrap}.news-watch-toolbar .news-watch-language-toggle input{width:1rem;height:1rem;margin:0;padding:0;accent-color:#4a9bff}.news-watch-language-toggle span{font-size:.7rem;font-weight:900}
.news-watch-layout{display:grid;grid-template-columns:minmax(15rem,.42fr) minmax(0,1fr);gap:.8rem;margin-top:.8rem}.news-watch-sources,.news-watch-feed{padding:1rem;border:1px solid rgba(98,166,255,.22);border-radius:.85rem;background:rgba(4,14,27,.58)}.news-watch-sources>span,.news-watch-feed>header>span{color:var(--blue);font-size:.66rem;font-weight:900;letter-spacing:.09em}.news-watch-sources h3,.news-watch-feed h3{margin:.18rem 0 .7rem}.news-watch-sources>div,.news-watch-feed>div{display:grid;gap:.5rem}.news-watch-sources article{padding:.65rem;border-radius:.55rem;background:rgba(98,166,255,.07)}.news-watch-sources article>div{display:flex;justify-content:space-between;gap:.5rem}.news-watch-sources article strong{font-size:.76rem}.news-watch-sources article span{color:#aebdd0;font-size:.62rem;font-weight:800}.news-watch-sources article span[data-state="ready"]{color:var(--green)}.news-watch-sources article span[data-state="error"]{color:#ff91a9}.news-watch-sources article small{display:block;margin-top:.25rem;color:var(--muted);font-size:.64rem;line-height:1.45}
.news-watch-item{padding:.85rem;border:1px solid rgba(98,166,255,.18);border-radius:.7rem;background:rgba(8,22,39,.76)}.news-watch-item__meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.64rem}.news-watch-item__meta b{color:var(--green)}.news-watch-item h4{margin:.35rem 0;font-size:.92rem;line-height:1.45}.news-watch-item h4 a{color:#e7f1ff;text-decoration:none}.news-watch-item h4 a:hover{text-decoration:underline}.news-watch-item>p{display:-webkit-box;margin:.25rem 0;color:#bacbe0;font-size:.72rem;line-height:1.55;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.news-watch-item__tags{display:flex!important;flex-wrap:wrap;gap:.3rem!important;margin:.55rem 0}.news-watch-item__tags span{padding:.22rem .38rem;border-radius:999px;background:rgba(64,200,237,.1);color:#aeeeff;font-size:.6rem}.news-watch-item dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:.5rem 0 0}.news-watch-item dl div{min-width:0;padding:.4rem;background:rgba(98,166,255,.05)}.news-watch-item dt{color:#8ea9c9;font-size:.58rem;font-weight:800}.news-watch-item dd{margin:.12rem 0 0;font-size:.64rem;overflow-wrap:anywhere}.news-watch-empty{margin:0;padding:2rem;text-align:center;color:var(--muted)}
@media(max-width:900px){.product-positioning__heading,.product-positioning__body,.critical-mission-appeal{grid-template-columns:1fr}.product-positioning__heading .eyebrow,.critical-mission-appeal small{grid-column:1}.news-watch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.news-watch-toolbar{grid-template-columns:1fr 1fr}.news-watch-layout{grid-template-columns:1fr}.news-watch-sources>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.product-positioning{padding:1rem}.product-comparison,.product-positioning__results{padding:.8rem}.product-comparison table{min-width:34rem}.news-watch-status{grid-template-columns:auto 1fr}.news-watch-status .button{grid-column:1/-1;width:100%}.news-watch-metrics,.news-watch-toolbar,.news-watch-sources>div,.news-watch-item dl{grid-template-columns:1fr}.news-watch-section{padding:1rem}}
.generated-execution-label{display:block;margin-top:.55rem;padding:.38rem .5rem;border-left:3px solid var(--green);background:rgba(101,217,173,.08);color:#bff5df;font-size:.68rem;font-weight:800}
@media(max-width:900px){.core-system-cards{grid-template-columns:1fr}}
@media(max-width:620px){.core-systems-overview{padding:1rem}.core-systems-diagram{padding:.6rem}.integration-channels{grid-template-columns:1fr}.integration-channels small{grid-column:auto}}
/* Searchable business prototype catalog and text-input controls. */
.page-builder-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.7rem}.page-builder-filters label{display:grid;gap:.35rem;flex:1 1 14rem;min-width:0;font-size:.78rem;font-weight:700}.page-builder-filters input,.page-builder-filters select,.page-builder-starter textarea{width:100%;padding:.7rem .75rem;border:1px solid #405979;border-radius:.6rem;background:#0b1728;color:var(--text);font:inherit}.page-builder-starter textarea{resize:vertical;line-height:1.6}.page-builder-catalog{max-height:28rem;overflow-y:auto;padding:.2rem;scrollbar-gutter:stable}.page-builder-option[hidden],.page-builder-custom[hidden]{display:none}.page-builder-option:focus-within{outline:2px solid var(--blue);outline-offset:2px}.page-builder-input-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8rem;font-weight:700}.generated-page-details{margin:1rem;overflow-wrap:anywhere;font-size:.8rem}.generated-page-details p{color:var(--muted)}.generated-page-details pre{white-space:pre-wrap;max-height:20rem;overflow:auto}.page-builder-stage{min-width:0}.generated-ai-view,.generated-model-view{min-width:0}.generated-page-chat p{overflow-wrap:anywhere}.page-builder-filters input:focus,.page-builder-filters select:focus,.page-builder-starter textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:620px){.page-builder-filters{align-items:stretch;flex-direction:column}.page-builder-filters label{flex:auto}.page-builder-catalog{max-height:25rem}.page-builder-input-heading .button{width:100%}}
.generated-business-output h5{font-size:.85rem;margin:.8rem 0 .4rem;color:var(--text)}.generated-table-scroll{max-width:100%;overflow-x:auto;margin:.6rem 0}.generated-business-output table{width:100%;border-collapse:collapse;font-size:.75rem}.generated-business-output th,.generated-business-output td{min-width:6rem;padding:.5rem;text-align:left;vertical-align:top;border:1px solid var(--border);white-space:normal}.generated-business-output th{background:rgba(98,166,255,.12);color:var(--blue)}.generated-business-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78rem}
.prototype-code-runner { margin: 24px; padding: 24px; border: 1px solid #c8d9d3; border-radius: 16px; background: #f5faf8; color: #173b34; }
.prototype-code-runner[hidden] { display: none; }
.prototype-code-runner h4 { font-size: 1.3rem; margin: 6px 0 12px; }
.prototype-code-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.prototype-code-tools select { max-width: 100%; padding: 10px; border: 1px solid #b4c8bf; border-radius: 8px; background: #fff; color: #173b34; }
.prototype-code-editors { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.prototype-code-editors label { display: block; margin-bottom: 8px; font-weight: 700; }
.prototype-code-editors textarea { box-sizing: border-box; width: 100%; min-height: 340px; resize: vertical; padding: 14px; border: 1px solid #b4c8bf; border-radius: 10px; background: #fff; color: #182f2a; font: 13px/1.6 Consolas, monospace; tab-size: 4; white-space: pre; overflow: auto; }
.prototype-code-note { font-size: .85rem; line-height: 1.7; color: #4c635b; }
#prototype-run-status { font-weight: 700; padding: 12px; border-radius: 8px; background: #e4ede9; overflow-wrap: anywhere; }
#prototype-run-status[data-state="passed"], #prototype-run-status[data-state="completed"] { background: #d9efe3; color: #175037; }
#prototype-run-status[data-state="failed"], #prototype-run-status[data-state="error"], #prototype-run-status[data-state="timeout"] { background: #f8e3dc; color: #812f20; }
#prototype-run-output { min-height: 100px; max-height: 360px; overflow: auto; padding: 16px; border-radius: 10px; background: #122b26; color: #e4f3eb; font: 13px/1.7 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
#prototype-test-cases { overflow-wrap: anywhere; font: 12px/1.8 Consolas, monospace; }
.generated-business-output pre { overflow: auto; padding: 12px; background: #eef3f0; border-radius: 8px; white-space: pre; }
@media (max-width: 700px) {
  .prototype-code-runner { margin: 16px 10px; padding: 16px; }
  .prototype-code-editors { grid-template-columns: minmax(0, 1fr); }
  .prototype-code-tools .button { width: 100%; }
}
.page-builder-catalog { grid-auto-rows: max-content; align-content: start; }
.page-builder-catalog .page-builder-option { min-height: max-content; }
.page-builder-catalog .page-builder-option > span { min-width: 0; overflow-wrap: anywhere; }

/* Keep trial inputs primary; details remain available on demand. */
.content-tabs-group-title{grid-column:1/-1;margin:.65rem 0 0;color:var(--muted);font-size:.75rem;font-weight:800}
.page-builder-advanced{padding:1rem;border:1px solid rgba(98,166,255,.25);border-radius:.85rem;background:rgba(5,17,31,.45)}
.page-builder-advanced>summary,.generated-model-view>summary{cursor:pointer;color:var(--text);font-weight:800}
.page-builder-capability-group{min-width:0;margin:1rem 0 0;padding:.75rem;border:1px solid rgba(98,166,255,.2);border-radius:.65rem}
.page-builder-capability-group>legend{padding:0 .35rem;font-size:.85rem;font-weight:800}
.page-builder-capability-group>p{color:var(--muted);font-size:.75rem}
.generated-usage-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0}
.generated-usage-notes>div{min-width:0;padding:.8rem;border-radius:.65rem;background:rgba(98,166,255,.07)}
.generated-usage-notes dt{font-weight:800;color:var(--green);font-size:.75rem}.generated-usage-notes dd{margin:.3rem 0 0;line-height:1.65;font-size:.8rem;overflow-wrap:anywhere}
.generated-demo-page .generated-demo-page__body{display:flex;flex-direction:column}
.generated-demo-page .generated-model-view{order:2}.generated-demo-page .generated-ai-view{order:1}
@media(max-width:620px){.generated-usage-notes{grid-template-columns:1fr}}

/* Concrete requests and outcomes lead into the existing live experiences. */
.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.4rem 0}
.hero-product-detail{color:var(--muted);font-size:.85rem;line-height:1.7}.hero-product-detail summary{cursor:pointer;color:var(--text)}
.value-example-input{padding:1rem;border:1px solid rgba(98,166,255,.25);border-radius:.8rem;background:rgba(98,166,255,.07)}
.value-example-input>span{font-size:.72rem;font-weight:800;color:var(--blue)}.value-example-input p{margin:.5rem 0 0;line-height:1.7}
.value-example-process{padding:.35rem 0;text-align:center;color:var(--green);font-weight:700;font-size:.8rem}
.value-example-result{display:grid;gap:.6rem}.value-example-result>div{padding:.8rem;border-left:3px solid var(--green);background:rgba(101,217,173,.07)}
.value-example-result dt{color:var(--green);font-size:.7rem;font-weight:800}.value-example-result dd{margin:.3rem 0 0;font-size:.85rem;line-height:1.6}
.value-showcase{margin:1.5rem 0 2.5rem;padding:clamp(1rem,3vw,2rem);border:1px solid rgba(98,166,255,.25);border-radius:1.3rem;background:rgba(9,24,42,.7);scroll-margin-top:5rem}
.hero #hero-title{font-size:clamp(1.8rem,4.7vw,4rem);line-height:1.25}.hero #hero-title>span{display:block}
.product-positioning__body>*{min-width:0}
.content-mode-switch{padding:.7rem 1rem;margin-bottom:1.2rem;box-shadow:none}.demo-primary-nav{display:flex;gap:.5rem;flex-wrap:wrap}.demo-primary-nav button{border:1px solid var(--border);border-radius:.6rem;padding:.6rem .9rem;background:var(--surface);cursor:pointer}.demo-primary-nav button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}#demo-all-features>summary{cursor:pointer;margin-top:.7rem;color:var(--muted);font-size:.8rem}.demo-entry-help{font-size:.8rem;color:var(--muted)}
.trial-storage,.trial-result-history{padding:1rem;border:1px solid var(--border);border-radius:.8rem;margin:1rem 0;background:rgba(8,21,36,.7);min-width:0}.trial-storage p,.trial-result-history>p{font-size:.78rem;color:var(--muted);margin:.4rem 0}.trial-storage summary,.trial-result-history>summary{cursor:pointer;color:var(--blue);font-weight:700}.trial-storage details{margin-top:.8rem}.trial-storage label{display:block;font-size:.8rem;margin:.8rem 0}.trial-storage input,.trial-storage select{display:block;max-width:100%;width:100%;margin:.3rem 0;padding:.6rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem}.trial-toolbar,.result-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0}.trial-toolbar .button,.trial-storage .button,.result-actions .button{font-size:.75rem;padding:.5rem .7rem}.trial-storage button:disabled{opacity:.45}
#trial-run-near-input{width:100%;margin-top:.5rem}.trial-run-note{font-size:.75rem;color:var(--muted)}.trial-progress{position:fixed;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 2rem));bottom:.7rem;z-index:8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;border:1px solid var(--blue);border-radius:.8rem;background:#10243c;box-shadow:0 3px 20px #0008}.trial-progress p{margin:0;font-size:.85rem}.trial-progress small{display:block;flex-basis:100%;font-size:.7rem;color:var(--muted)}
.result-actions{align-items:center}.result-actions [role=status]{font-size:.75rem;color:var(--muted)}.result-history-item{padding:.8rem 0;border-top:1px solid var(--border)}.result-history-item>summary{cursor:pointer;font-size:.85rem}.result-history-item pre{white-space:pre-wrap;overflow-wrap:anywhere}.result-copy-fallback{width:100%;min-height:8rem;background:var(--surface);color:var(--text)}
@media(max-width:620px){.demo-primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-primary-nav button{font-size:.76rem;padding:.6rem .3rem}.content-mode-switch{padding:.6rem}.trial-toolbar .button{flex:1}.hero{gap:1.3rem}.trial-progress{bottom:0}.page-builder-section{padding:.75rem}}
.value-showcase>header>h2{margin:.35rem 0;font-size:clamp(1.4rem,3vw,2rem)}.value-showcase>header>p:last-child,.value-showcase-note{color:var(--muted);font-size:.9rem;line-height:1.75}
.value-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.value-card{display:flex;flex-direction:column;min-width:0;padding:1.15rem;border:1px solid rgba(98,166,255,.2);border-radius:1rem;background:rgba(13,30,50,.8)}
.value-card-number{color:var(--blue);font-size:.8rem;font-weight:850;letter-spacing:.1em}.value-card h3{margin:.6rem 0;font-size:1.1rem;line-height:1.5}
.value-card dl{display:grid;gap:.85rem;margin:.6rem 0}.value-card dt{font-size:.65rem;color:var(--muted);font-weight:800;letter-spacing:.04em}
.value-card dd{margin:.3rem 0 0;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}.value-card-result{padding:.8rem;border-radius:.6rem;background:rgba(101,217,173,.08)}.value-card-result dt{color:var(--green)}
.value-card-scope{color:var(--muted);font-size:.74rem;line-height:1.65;flex:1}.value-card-scope strong{display:block;color:var(--text);margin-bottom:.2rem}
.value-card .button{width:100%;white-space:normal;text-align:center;font-size:.8rem}.value-showcase-note{margin:1.2rem 0 0;font-size:.77rem}
.trial-quick-start{margin:1.1rem 0 1.4rem}.trial-quick-start h3{margin:0 0 .5rem}.trial-quick-start>p{font-size:.82rem;color:var(--muted);line-height:1.65}
.trial-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.trial-quick-card{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:1rem;border:1px solid rgba(98,166,255,.28);border-radius:.75rem;background:rgba(98,166,255,.06);color:var(--text);font:inherit;font-weight:800;font-size:.86rem;text-align:left;cursor:pointer}
.trial-quick-card span{color:var(--green);font-weight:600;font-size:.72rem}.trial-quick-card:hover,.trial-quick-card[aria-pressed="true"]{border-color:var(--green);background:rgba(101,217,173,.1)}
.value-inline-link{padding:.8rem 0;border:0;background:transparent;color:var(--blue);font:inherit;font-size:.8rem;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.page-builder-full-catalog>summary{padding:.6rem 0;cursor:pointer;color:var(--text);font-weight:800}.page-builder-full-catalog .page-builder-filters{margin-top:.8rem}
.trial-example-preview{margin:.9rem 0;padding:.9rem;border-radius:.75rem;border:1px solid rgba(101,217,173,.22);background:rgba(101,217,173,.04)}
.trial-example-preview summary{cursor:pointer;font-size:.8rem;color:var(--muted)}.trial-example-preview h4{margin:.85rem 0 .4rem;color:var(--green);font-size:.85rem}.trial-example-preview p{margin:.3rem 0;font-size:.85rem;line-height:1.65}
.trial-example-preview pre{max-height:13rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.8rem;line-height:1.8}
#trial-output-example{margin-top:.8rem;padding:.8rem;border-radius:.6rem;background:rgba(0,0,0,.14)}#trial-output-example>span{font-size:.66rem;color:var(--muted)}#trial-output-example pre{margin:.4rem 0 0}
[data-view-section]{scroll-margin-top:5rem}
.trial-audience-switch{display:flex;gap:.6rem;margin:0 0 1.2rem}.trial-audience-switch .button{flex:1;white-space:normal}.trial-audience-switch [aria-pressed="true"]{border-color:var(--green);background:rgba(101,217,173,.15);color:var(--green)}
.composition-explainer{padding:1rem;margin:.8rem 0;border:1px solid rgba(98,166,255,.3);border-left:3px solid var(--blue);border-radius:.7rem;background:rgba(98,166,255,.07);min-width:0;overflow-wrap:anywhere}.composition-explainer>strong{font-size:.8rem;color:var(--blue)}.composition-explainer p{margin:.6rem 0;font-size:.87rem;line-height:1.8}.composition-explainer [data-explanation-summary]{font-weight:700}.composition-explainer summary{cursor:pointer;color:var(--muted);font-size:.78rem}.composition-explainer ul{padding-left:1.2rem;margin:.5rem 0}.composition-explainer li,.composition-explainer small{font-size:.77rem;line-height:1.75;color:var(--muted)}.composition-explainer li+li{margin-top:.45rem}
.trial-quick-card strong{font-size:.95rem;line-height:1.55}.trial-quick-card small{font-size:.78rem;font-weight:400;color:var(--muted);line-height:1.65}.trial-quick-card span:last-child{margin-top:auto}
.trial-followup{padding:1rem;margin:1rem 0;border:1px solid rgba(101,217,173,.3);border-radius:.8rem;background:rgba(101,217,173,.06)}.trial-followup h4{margin:0 0 .5rem}.trial-followup p{font-size:.83rem;line-height:1.7}.trial-followup small{display:block;font-size:.75rem;color:var(--muted);line-height:1.65}.trial-followup .button{white-space:normal;text-align:left}
@media(max-width:1000px){.value-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.value-showcase-grid,.trial-quick-grid{grid-template-columns:1fr}.value-card{padding:1rem}.hero-actions{flex-direction:column}.hero-actions .button{white-space:normal;text-align:center}}

/* Shared page identity and the visible eight-step guide. */
.demo-topic-page{padding:1.5rem;border:1px solid var(--border);border-radius:1rem;background:rgba(12,25,43,.6)}.demo-topic-page>.section-heading{grid-template-columns:1fr}.demo-topic-page>p{color:var(--muted)}.demo-topic-page .value-showcase{margin:0}.demo-topic-page .core-systems-overview{margin:0}.demo-topic-page .integration-channels{margin:0;grid-template-columns:1fr}.demo-topic-page .hero__security{max-width:none;margin:0 0 1rem}.demo-topic-page .critical-mission-appeal{margin:1rem 0}.demo-topic-page #tools-panel{max-width:none}
.demo-related-pages{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.demo-related-pages>strong{width:100%;font-size:.9rem}.demo-related-pages button{padding:.55rem .8rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface);color:var(--blue);cursor:pointer;font-size:.8rem}
.demo-maintenance{margin-top:1.2rem;padding:.8rem;border:1px solid var(--border);border-radius:.65rem}.demo-maintenance>summary{cursor:pointer;color:var(--muted);font-size:.8rem}.demo-maintenance>button{margin-top:.8rem}
#workspace-purpose{margin:.45rem 0 0;color:var(--muted);font-size:.8rem}#demo-workspace{scroll-margin-top:5rem}.trial-storage{margin-top:1.5rem}.page-builder-stage>.trial-quick-start{margin:1rem 0}.demo-topic-page #past-demo-history{max-height:none}
@media(max-width:620px){.demo-topic-page{padding:.8rem}.demo-related-pages{flex-direction:column}.demo-related-pages button{text-align:left}}
.brand__label{display:flex;align-items:baseline;gap:.6rem}.brand__label small{font-size:.75rem;font-weight:500;color:var(--muted)}
.demo-nav-return{min-height:2.6rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface);cursor:pointer;font-size:.8rem;white-space:nowrap}
.demo-global-nav{display:flex;gap:.4rem;margin-left:auto}.demo-global-nav button{min-height:2.6rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:.8rem}.demo-global-nav button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}
.experience-catalog{padding:clamp(1rem,3vw,2rem);border:1px solid rgba(98,166,255,.28);border-radius:1rem;background:rgba(12,25,43,.68)}.experience-catalog h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.experience-catalog>p{margin:.5rem 0 1.2rem;color:var(--muted);line-height:1.7}.experience-catalog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.experience-catalog__grid :is(button,a),.experience-catalog__secondary>*{display:grid;gap:.35rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.experience-catalog__grid :is(button,a):hover,.experience-catalog__secondary>*:hover{border-color:var(--blue)}.experience-catalog__grid b,.experience-catalog__secondary b{font-size:.95rem}.experience-catalog__grid span,.experience-catalog__secondary span{color:var(--muted);font-size:.8rem;line-height:1.6}.experience-catalog__secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.experience-catalog__links{display:flex;flex-wrap:wrap;gap:.65rem}.experience-catalog__links button{padding:0;border:0;background:transparent;color:var(--blue);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:.2em}.continue-links{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.experience-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:start;margin:0 0 1.2rem;padding:1rem;border:1px solid rgba(98,166,255,.3);border-radius:.8rem;background:rgba(8,19,34,.76)}.experience-shell span,.experience-shell b{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.08em}.experience-shell h2{margin:.2rem 0;font-size:clamp(1.25rem,2.5vw,1.7rem)}.experience-shell p{margin:0;color:var(--muted);line-height:1.6}.experience-back{padding:.45rem .65rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:.78rem}.experience-tabs{display:flex;grid-column:1/-1;gap:.4rem;border-bottom:1px solid var(--border)}.experience-tabs button{margin-bottom:-1px;padding:.55rem .75rem;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font:inherit}.experience-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--text);font-weight:800}.experience-mechanism{grid-column:1/-1;padding:.8rem;border-radius:.6rem;background:rgba(98,166,255,.08)}.experience-mechanism button{padding:0;border:0;background:transparent;color:var(--blue);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:.2em}
.demo-page-heading{order:-2;margin-bottom:1.5rem;scroll-margin-top:5rem}.demo-page-heading h1{margin:.15rem 0 .45rem;font-size:clamp(1.7rem,3.7vw,2.8rem);line-height:1.3;letter-spacing:-.025em}.demo-page-heading>p:not(.eyebrow){max-width:54rem;margin:0 0 .75rem;color:var(--muted);font-size:.9rem}.demo-page-heading .demo-badge{display:inline-block;font-size:.72rem}
#demo-navigation{scroll-margin-top:5rem}.demo-step-heading{margin:1rem 0 .6rem}.demo-step-heading strong{font-size:.9rem}.demo-step-heading p{margin:.15rem 0 0;color:var(--muted);font-size:.76rem}
.demo-step-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.demo-step-tabs .content-tab{min-height:4.2rem;padding:.6rem .75rem}.demo-step-tabs .content-tab span{font-size:.85rem}.demo-step-tabs .content-tab small{font-size:.7rem}
.demo-current-location{margin:.65rem 0 0;color:var(--blue);font-size:.78rem;font-weight:700}
.experience-try-content.section-heading,.experience-try-content.demo-reading{display:none}
@media(max-width:620px){.brand__label{gap:.35rem}.brand__label small{font-size:.68rem}.demo-nav-return{font-size:.72rem;padding:.4rem .55rem}.demo-page-heading{margin-bottom:1rem}.demo-page-heading>p:not(.eyebrow){font-size:.8rem}.demo-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-step-tabs .content-tab{min-height:4.2rem;padding:.5rem}.demo-step-tabs .content-tab span{font-size:.76rem}.demo-step-tabs .content-tab small{font-size:.66rem}}
@media(max-width:620px){.site-header{flex-wrap:wrap}.demo-global-nav{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-global-nav button{padding:.45rem .25rem;font-size:.72rem}.experience-catalog__grid,.experience-catalog__secondary{grid-template-columns:1fr}.experience-shell{grid-template-columns:1fr}.experience-back{width:100%}}

/* One stable menu for the demo: the hidden legacy tabs remain only as the
   existing accessible view-switching contract. */
.experience-sidebar{position:fixed;top:4.4rem;bottom:1rem;left:max(1rem,calc((100% - 1420px)/2));z-index:9;width:260px;overflow:auto;padding:1rem;border:1px solid rgba(98,166,255,.28);border-radius:1rem;background:rgba(8,17,31,.94);box-shadow:0 18px 45px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.experience-sidebar__title{margin:0 0 .8rem;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.08em}.experience-sidebar__nav{display:grid;gap:.85rem}.experience-sidebar__nav section{display:grid;gap:.2rem}.experience-sidebar__nav h2{margin:0 0 .15rem;color:var(--muted);font-size:.72rem;letter-spacing:.06em}.experience-sidebar__nav button,.experience-sidebar__nav a{display:block;padding:.45rem .55rem;border:0;border-radius:.45rem;background:transparent;color:var(--text);font:inherit;font-size:.86rem;line-height:1.4;text-align:left;text-decoration:none;cursor:pointer}.experience-sidebar__nav button:hover,.experience-sidebar__nav a:hover,.experience-sidebar__nav button:focus-visible,.experience-sidebar__nav a:focus-visible{background:rgba(98,166,255,.16);outline:2px solid transparent}.experience-sidebar__nav .is-selected{background:rgba(98,166,255,.24);color:#fff;font-weight:800}.experience-prerequisite{margin:0 0 1rem;padding:.8rem 1rem;border-left:3px solid var(--blue);border-radius:.3rem;background:rgba(98,166,255,.09);line-height:1.65}.ai-run-status{display:flex;align-items:center;gap:.7rem;margin:.8rem 0;padding:.75rem .9rem;border:1px solid rgba(98,166,255,.35);border-radius:.7rem;background:rgba(98,166,255,.09)}.ai-run-status__mark{width:.7rem;height:.7rem;border:2px solid var(--blue);border-top-color:transparent;border-radius:50%;animation:demo-run-spin 1.1s linear infinite}.ai-run-status strong,.ai-run-status small{display:block}.ai-run-status small{margin-top:.1rem;color:var(--muted)}.ai-run-status[data-kind="complete"] .ai-run-status__mark{border-color:#69d49a;background:#69d49a;animation:none}.ai-run-status[data-kind="error"] .ai-run-status__mark,.ai-run-status[data-kind="unknown"] .ai-run-status__mark{border-color:#f0a25f;animation:none}@keyframes demo-run-spin{to{transform:rotate(360deg)}}
@media(min-width:861px){main{width:min(1080px,calc(100% - 330px));margin-right:max(1rem,calc((100% - 1420px)/2));margin-left:auto}.site-header{padding-left:max(1rem,calc((100% - 1420px)/2 + 280px))}.demo-global-nav{display:none}}
@media(max-width:860px){.experience-sidebar{position:static;width:auto;max-height:none;margin:1rem;overflow:visible}.experience-sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.experience-sidebar__nav section{break-inside:avoid}.experience-sidebar__nav section:first-child,.experience-sidebar__nav section:last-child{grid-column:1/-1}.demo-global-nav{display:none}main{width:min(1180px,calc(100% - 2rem));padding-top:2rem}}
@media(max-width:520px){.experience-sidebar{margin:.75rem}.experience-sidebar__nav{grid-template-columns:1fr}.experience-sidebar__nav section:first-child,.experience-sidebar__nav section:last-child{grid-column:auto}.ai-run-status{align-items:flex-start}.ai-run-status__mark{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){.ai-run-status__mark{animation:none}}

/* A clear first action and the same orientation in each experience. */
main{padding-top:2rem}.demo-first-try{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem}.demo-first-try>span{color:var(--muted);font-size:.78rem}.demo-page-heading.is-compact{margin-bottom:.8rem}.demo-page-heading.is-compact h1{font-size:1.35rem}.demo-page-heading.is-compact>p,.demo-page-heading.is-compact>.demo-badge{display:none}
.demo-step-tabs .content-tab{min-height:3.6rem;padding:.5rem .6rem}.demo-step-tabs .content-tab span{font-size:.8rem}.demo-step-tabs .content-tab small{font-size:.68rem}.demo-step-heading{margin:.75rem 0 .45rem}
.demo-try-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:1rem;align-items:center;margin:0 0 1.25rem;padding:1rem 1.1rem;border:1px solid rgba(98,166,255,.3);border-left:3px solid var(--blue);border-radius:.7rem;background:rgba(98,166,255,.055)}.demo-try-guide strong{color:var(--blue);font-size:.76rem}.demo-try-guide p{margin:.2rem 0 0;font-size:.83rem;line-height:1.7}.demo-try-guide .button{font-size:.78rem;white-space:nowrap}.demo-term-details{margin:0 0 1rem}.demo-term-details>summary,.trial-example-preview>summary{cursor:pointer;color:var(--muted);font-size:.8rem}.demo-term-details>.role-definition-card{margin-top:.7rem}.trial-example-preview{margin:.7rem 0}.trial-example-preview>summary{padding:.25rem 0}.trial-example-preview[open]>summary{margin-bottom:.65rem}
#top{scroll-margin-top:5rem}
.about-story{width:100%;max-width:48rem;margin:3rem auto 2.5rem;padding:0 1rem;scroll-margin-top:5rem}.about-story h2{margin:0 0 1.4rem;font-size:1.65rem;line-height:1.6}.about-story p{margin:0 0 1.4rem;font-size:1rem;line-height:2;overflow-wrap:anywhere}.about-story>.button{margin-top:.3rem}
@media(max-width:620px){.about-story{margin:2rem auto;padding:0 .8rem}.about-story h2{font-size:1.35rem}.about-story p{font-size:.94rem;line-height:2}.about-story>.button{width:100%}}
.demo-reading{max-width:52rem;margin:0 0 1.7rem;color:var(--text);font-size:.95rem;line-height:1.95;overflow-wrap:anywhere}.demo-reading p{margin:0 0 1em}.demo-reading p:last-child{margin-bottom:0}.hero__copy .demo-reading{max-width:40rem;font-size:.97rem}.demo-reading+.demo-try-guide{margin-top:.2rem}
@media(max-width:620px){.demo-reading,.hero__copy .demo-reading{font-size:.9rem;line-height:1.95;margin-bottom:1.4rem}}
@media(max-width:800px){.demo-try-guide{grid-template-columns:1fr 1fr}.demo-try-guide .button{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){main{padding-top:1.2rem}.demo-first-try{align-items:stretch;flex-direction:column}.demo-first-try .button{width:100%}.demo-step-tabs .content-tab{min-height:2.9rem;padding:.4rem .5rem}.demo-step-tabs .content-tab small{display:none}.demo-step-tabs .content-tab span{font-size:.72rem}.demo-try-guide{grid-template-columns:1fr;gap:.7rem;padding:.8rem}.demo-try-guide .button{width:100%;justify-self:stretch}.demo-primary-nav button{font-size:.71rem}.demo-page-heading.is-compact h1{font-size:1.2rem}}