:root{--bg:#f4f7f8;--surface:#fff;--surface-2:#f0f6f5;--ink:#171717;--muted:#66615b;--subtle:#7d8991;--line:#d8e0e4;--line-strong:#bdc9d0;--teal:#097c77;--teal-soft:#dff0ee;--blue:#315db8;--blue-soft:#e4ebfb;--green:#247047;--green-soft:#e3f1e8;--amber:#a35d08;--amber-soft:#f8ead2;--red:#a23a3a;--red-soft:#f4dddd;--shadow:0 18px 48px #2c261e1f;--radius:8px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0}#root,.app-shell{min-height:100svh}main{margin-left:96px;overflow:hidden}.hero-section,.get-started-section,.product-surfaces-section,.system-overview-section,.states-motion-section,.scenario-section,.model-studio-section,.trialsense-section,.principles-section,.specifications-section,.inventory-section,.components-section,.resources-section{padding:28px clamp(20px,4vw,56px);scroll-margin-top:24px}.site-rail{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8db;flex-direction:column;align-items:center;gap:18px;width:96px;padding:18px 12px;display:flex;position:fixed;inset:0 auto 0 0}.rail-brand,.rail-links a{color:var(--muted);place-items:center;display:grid}.rail-brand{border:1px solid var(--line);border-radius:var(--radius);width:54px;height:54px;color:var(--teal);background:var(--surface)}.rail-links{gap:10px;width:100%;display:grid}.rail-links a{border-radius:var(--radius);text-align:center;min-height:58px;padding:8px 4px;font-size:11px;font-weight:760}.rail-links a:hover,.rail-links a:focus-visible{color:var(--teal);background:var(--teal-soft)}.rail-links span{margin-top:4px}.hero-section{flex-direction:column;justify-content:space-between;gap:48px;min-height:94svh;display:flex}.topbar{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand-lockup,.topbar a,.primary-action,.secondary-action,.component-heading,.feedback-bar,.review-banner button{align-items:center;gap:8px;display:inline-flex}.brand-lockup{min-width:0;color:var(--ink);font-size:15px;font-weight:700}.brand-mark{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:34px;height:34px;color:var(--teal);flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #fffc}.topbar-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.topbar a{color:var(--muted);font-size:14px;font-weight:650}.hero-grid{grid-template-columns:minmax(0,.86fr) minmax(420px,1fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.hero-copy h1{max-width:720px;margin-top:18px;font-size:88px;font-weight:760;line-height:.94}.hero-copy>p:not(.eyebrow){max-width:640px;color:var(--muted);margin-top:26px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.scenario-switcher{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.scenario-switcher button{border:1px solid var(--line);color:var(--muted);background:#fffdf8b8;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:750}.scenario-switcher button.active{color:var(--teal);background:var(--teal-soft);border-color:#097c776b}.primary-action,.secondary-action{border-radius:var(--radius);min-height:42px;padding:10px 14px;font-size:14px;font-weight:760}.primary-action{color:#fff;background:var(--ink)}.secondary-action{color:var(--ink);border:1px solid var(--line);background:#fffdf8ad}.hero-surface,.component-specimen{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-surface{gap:14px;padding:clamp(16px,2.4vw,26px);display:grid}.product-surfaces-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7faf9}.product-surfaces-heading{grid-template-columns:minmax(0,.75fr) minmax(320px,.5fr);align-items:end;gap:clamp(24px,5vw,72px);display:grid}.product-surfaces-heading h2{max-width:760px;color:var(--ink);margin-top:12px;font-size:64px;line-height:.98}.product-surfaces-heading>p{color:var(--muted);font-size:16px}.sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.sequence-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:16px;padding:18px;display:grid}.sequence-card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.sequence-card-topline>span{color:var(--teal);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.sequence-card h3{color:var(--ink);font-size:20px}.sequence-card p,.sequence-proof p{color:var(--muted);font-size:14px}.sequence-proof{border-top:1px solid var(--line);padding-top:14px}.sequence-proof strong{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.sequence-proof p{margin-top:6px}.sequence-link{border-radius:var(--radius);width:max-content;color:var(--teal);background:var(--teal-soft);border:1px solid #097c7761;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;font-size:14px;font-weight:760;display:inline-flex}.get-started-section{border-top:1px solid var(--line);background:#fffdf8a3}.get-started-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.start-card,.run-locally-panel,.resource-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.start-card{align-content:space-between;gap:24px;min-height:210px;padding:18px;display:grid}.start-card h3,.run-locally-panel h3,.catalog-card h3,.state-pattern-card h3,.motion-principles strong,.resource-card h3{color:var(--ink);font-size:15px}.start-card p,.run-locally-panel pre,.catalog-card p,.state-pattern-card p,.motion-principles p,.resource-card p{color:var(--muted);font-size:14px}.start-card p,.resource-card p{margin-top:8px}.start-card>span{color:var(--teal);align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.run-locally-panel{margin-top:16px;padding:18px}.run-locally-panel pre{border-radius:var(--radius);color:#fff;background:#171717;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:auto}.surface-toolbar,.citation-topline,.score-row,.history-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.surface-grid{grid-template-columns:.9fr 1.1fr;gap:14px;display:grid}.signal{white-space:nowrap;border-radius:999px;width:max-content;padding:5px 9px;font-size:12px;font-weight:800;line-height:1}.signal-neutral{color:var(--muted);background:#e9eef1}.signal-good{color:var(--green);background:var(--green-soft)}.signal-warn{color:var(--amber);background:var(--amber-soft)}.signal-danger{color:var(--red);background:var(--red-soft)}.signal-evidence{color:var(--blue);background:var(--blue-soft)}.review-banner{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#f9fbfb,#eef7f6);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.review-banner svg{color:var(--teal)}.review-banner strong,.confidence-panel strong,.timeline-row strong,.score-row strong,.citation-card h3,.response-column h3,.principles-grid h3{color:var(--ink);font-size:15px}.review-banner p,.confidence-panel p,.timeline-row p,.score-row p,.citation-card p,.response-column p,.principles-grid p,.section-header p{color:var(--muted);font-size:14px}.review-banner button{border-radius:var(--radius);color:var(--surface);background:var(--teal);cursor:pointer;white-space:nowrap;border:0;justify-content:center;padding:9px 16px;font-size:13px;font-weight:760}.confidence-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:12px;min-height:100%;padding:14px;display:grid}.panel-label{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.meter{background:#d6ddd9;border-radius:999px;height:10px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--green));height:100%;display:block}.feedback-bar{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--muted);background:#f5f8f7;padding:8px}.feedback-bar button{border:1px solid var(--line);border-radius:var(--radius);width:32px;height:32px;color:var(--ink);background:var(--surface);place-items:center;display:inline-grid}.feedback-bar button.selected{color:var(--teal);background:var(--teal-soft);border-color:#097c7766}.feedback-bar span{margin-left:2px;font-size:13px;font-weight:650}.timeline{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf9;gap:12px;min-height:100%;padding:14px;display:grid}.timeline-row{grid-template-columns:auto 1fr;gap:10px;display:grid}.timeline-dot{border:2px solid var(--line-strong);border-radius:999px;width:11px;height:11px;margin-top:5px}.timeline-done .timeline-dot{border-color:var(--green);background:var(--green)}.timeline-active .timeline-dot{border-color:var(--teal);background:var(--teal-soft)}.timeline-waiting .timeline-dot{border-color:var(--amber);background:var(--amber-soft)}.timeline-error .timeline-dot{border-color:var(--red);background:var(--red-soft)}.principles-section,.system-overview-section,.states-motion-section,.scenario-section,.model-studio-section,.trialsense-section,.specifications-section,.inventory-section,.components-section,.resources-section{border-top:1px solid var(--line);background:#fffdf86b}.section-header{max-width:780px}.section-header h2{color:var(--ink);margin-top:10px;font-size:48px;line-height:1}.section-header p:not(.eyebrow){margin-top:16px;font-size:17px}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;display:grid}.principles-grid article{border-top:2px solid var(--line-strong);padding-top:18px}.principles-grid svg{color:var(--teal)}.principles-grid h3{margin-top:14px}.principles-grid p{margin-top:8px}.spec-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);align-items:start;gap:16px;margin-top:32px;display:grid}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.spec-card,.review-checklist{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.spec-card{align-self:start;gap:14px;min-height:270px;padding:16px;display:grid}.spec-card-topline{color:var(--teal);align-items:center;gap:10px;display:flex}.spec-card h3,.review-checklist h3{color:var(--ink);font-size:15px}.spec-card>p,.spec-reuse p,.checklist-row p{color:var(--muted);font-size:14px}.spec-states{flex-wrap:wrap;gap:7px;display:flex}.spec-states span{border:1px solid var(--line);color:var(--ink);background:#f7faf9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:750}.spec-reuse{border-top:1px solid var(--line);padding-top:12px}.spec-reuse span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.review-checklist{gap:16px;padding:16px;display:grid;position:sticky;top:18px}.checklist-rows{gap:14px;display:grid}.checklist-row{border-bottom:1px solid var(--line);padding-bottom:14px}.checklist-row:last-child{border-bottom:0;padding-bottom:0}.checklist-row strong{color:var(--ink);font-size:14px}.checklist-row p{margin-top:5px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.inventory-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;align-self:start;gap:16px;padding:16px;display:grid}.inventory-card.wide{grid-column:span 2}.inventory-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inventory-heading .component-heading{margin-bottom:0}.inventory-stack{gap:12px;display:grid}.inventory-stack.compact{gap:14px}.inventory-state-row{gap:8px;display:grid}.inventory-card .confidence-panel,.inventory-card .timeline{min-height:auto}.inventory-card .comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.scenario-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:16px;padding:18px;display:grid}.scenario-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scenario-card-header .component-heading{margin-bottom:0}.scenario-card>p,.scenario-meter p,.scenario-claim p{color:var(--muted);font-size:14px}.scenario-question{border-left:3px solid var(--teal);background:var(--teal-soft);padding:10px 12px}.scenario-question span{color:var(--ink);font-size:14px;font-weight:800}.scenario-meter{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf9;gap:10px;padding:12px;display:grid}.scenario-meter>div:first-child,.scenario-primitives-label{color:var(--teal);align-items:center;gap:8px;display:inline-flex}.scenario-meter strong{color:var(--ink);font-size:14px}.scenario-claims{gap:8px;display:grid}.scenario-claim{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:10px;padding-bottom:8px;display:grid}.scenario-claim:last-child{border-bottom:0;padding-bottom:0}.scenario-primitives{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.scenario-primitives-label span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.scenario-tags{flex-wrap:wrap;gap:7px;display:flex}.scenario-tags span{border:1px solid var(--line);color:var(--ink);background:#f7faf9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:750}.studio-shell{grid-template-columns:minmax(270px,.34fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:32px;display:grid}.studio-sidebar,.studio-panel,.prompt-playground{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.studio-sidebar{gap:16px;padding:16px;display:grid}.profile-list{gap:10px;display:grid}.profile-filter{flex-wrap:wrap;gap:7px;display:flex}.profile-filter button{border:1px solid var(--line);color:var(--muted);background:#f7faf9;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:750}.profile-filter button.active{color:var(--teal);background:var(--teal-soft);border-color:#097c776b}.profile-list button,.trial-case-list button{border:1px solid var(--line);border-radius:var(--radius);text-align:left;width:100%;color:var(--muted);background:#f7faf9;gap:4px;padding:12px;display:grid}.profile-list button.active,.trial-case-list button.active{color:var(--ink);background:var(--teal-soft);border-color:#097c776b}.profile-list span,.trial-case-list span{color:var(--ink);font-size:14px;font-weight:800}.profile-list small,.trial-case-list small{font-size:12px;font-weight:700}.prompt-playground,.studio-panel{align-content:start;gap:14px;padding:16px;display:grid}.studio-panel-heading{color:var(--teal);align-items:center;gap:8px;display:inline-flex}.studio-panel-heading strong{color:var(--ink);font-size:14px}.prompt-playground textarea,.trial-intake-panel textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:inherit;background:#f7faf9;padding:12px;font-size:14px}.prompt-playground textarea{width:100%;min-height:210px}.prompt-playground p{color:var(--muted);font-size:14px}.prompt-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.prompt-actions span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.prompt-actions button,.download-link{border-radius:var(--radius);width:max-content;color:var(--teal);background:var(--teal-soft);border:1px solid #097c7761;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:760;display:inline-flex}.studio-workspace{gap:16px;display:grid}.studio-workspace-topline,.trialsense-topline{justify-content:space-between;gap:10px;display:flex}.comparison-panel .comparison{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-lower-grid,.studio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-footer-grid>.feedback-bar{align-self:start}.report-rows{gap:12px;display:grid}.report-summary{flex-wrap:wrap;gap:8px;display:flex}.report-summary span{border:1px solid var(--line);color:var(--muted);background:#f7faf9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:750}.report-row{border-bottom:1px solid var(--line);padding-bottom:10px}.report-row:last-child{border-bottom:0;padding-bottom:0}.report-row span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.report-row p{color:var(--muted);margin-top:4px;font-size:14px}.report-button{border-radius:var(--radius);color:#fff;background:var(--ink);border:0;width:max-content;padding:10px 12px;font-size:13px;font-weight:760}.export-preview{border-radius:var(--radius);background:var(--teal-soft);border:1px solid #097c7747;gap:10px;padding:12px;display:grid}.export-preview>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-preview strong{color:var(--ink);font-size:14px}.export-preview span{color:var(--teal);font-size:12px;font-weight:800}.export-preview pre{color:var(--muted);white-space:pre-wrap;font:inherit;margin:0;font-size:13px;overflow-x:auto}.trialsense-shell{grid-template-columns:minmax(270px,.32fr) minmax(0,1fr);gap:16px;margin-top:32px;display:grid}.trial-intake-panel,.trial-panel,.risk-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.trial-intake-panel,.trial-panel{align-content:start;align-self:start;gap:16px;padding:16px;display:grid}.trial-case-list{gap:10px;display:grid}.trial-intake-panel textarea{min-height:260px}.trialsense-workspace{gap:16px;display:grid}.trialsense-topline{justify-content:space-between;gap:10px;display:flex}.trialsense-product-brief{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:16px;margin-top:32px;padding:16px;display:grid}.product-brief-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-brief-card{border-left:3px solid var(--teal);padding-left:12px}.product-brief-card span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.product-brief-card p{color:var(--muted);margin-top:6px;font-size:14px}.trial-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.trial-evidence-layout,.trial-risk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.risk-card{gap:12px;padding:16px;display:grid}.risk-card>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.risk-card svg{color:var(--teal)}.risk-card h3{color:var(--ink);font-size:15px}.risk-card p,.summary-row p{color:var(--muted);font-size:14px}.question-list{gap:10px;display:grid}.question-list button{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);text-align:left;background:#f7faf9;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;font-size:14px;font-weight:650;display:grid}.question-list button span{border:2px solid var(--line-strong);border-radius:4px;width:16px;height:16px;margin-top:2px}.question-list button[aria-pressed=true]{color:var(--ink);background:var(--green-soft);border-color:#24704761}.question-list button[aria-pressed=true] span{border-color:var(--green);background:var(--green)}.source-packet-list{gap:10px;display:grid}.source-packet-row{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf9;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;display:grid}.source-packet-row strong{color:var(--ink);font-size:14px}.source-packet-row p{color:var(--muted);margin-top:4px;font-size:14px}.summary-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-row{border-left:3px solid var(--teal);padding-left:12px}.summary-row span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.summary-row p{margin-top:6px}.summary-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.system-overview-grid{grid-template-columns:.9fr 1.1fr;gap:16px;margin-top:32px;display:grid}.overview-panel,.reuse-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.overview-panel{padding:18px}.overview-summary p,.decision-row p,.reuse-card p,.reuse-primitives p{color:var(--muted);font-size:14px}.overview-summary>p{max-width:660px}.proof-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.proof-list span{border:1px solid var(--line);color:var(--ink);background:#f7faf9;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:750}.decision-list{gap:14px;display:grid}.decision-row{border-bottom:1px solid var(--line);padding-bottom:14px}.decision-row:last-child{border-bottom:0;padding-bottom:0}.decision-row strong,.reuse-card h3{color:var(--ink);font-size:15px}.decision-row p{margin-top:6px}.reuse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.reuse-card{gap:18px;padding:18px;display:grid}.reuse-card h3{margin-top:14px}.reuse-card p{margin-top:8px}.reuse-primitives{border-top:1px solid var(--line);padding-top:14px}.reuse-primitives span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.component-index{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.component-index span{border:1px solid var(--line);color:var(--muted);background:#fffdf8bd;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.component-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.catalog-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:14px;padding:16px;display:grid}.catalog-states{flex-wrap:wrap;gap:7px;display:flex}.catalog-states span{border:1px solid var(--line);color:var(--ink);background:#f7faf9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:750}.catalog-reuse{border-top:1px solid var(--line);padding-top:12px}.catalog-reuse span{color:var(--subtle);text-transform:uppercase;font-size:12px;font-weight:800}.catalog-reuse p{margin-top:5px}.component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.states-motion-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.motion-toggle{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface);align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:800;display:inline-flex}.state-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.state-pattern-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:14px;min-height:220px;padding:16px;display:grid;position:relative;overflow:hidden}.state-pattern-card:before{content:"";background:var(--teal-soft);border-radius:999px;width:54px;height:54px;animation:2.8s ease-in-out infinite state-pulse;position:absolute;inset:auto 18px 18px auto}.state-pattern-card>div{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.state-pattern-card h3,.state-pattern-card p{z-index:1;position:relative}.state-evidence:before{background:var(--blue-soft)}.state-warn:before{background:var(--amber-soft)}.state-danger:before{background:var(--red-soft)}.motion-paused .state-pattern-card:before{animation-play-state:paused}.motion-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.motion-principles article{border-left:3px solid var(--teal);padding-left:12px}.motion-principles p{margin-top:5px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.resource-card{justify-content:space-between;align-items:flex-start;gap:16px;min-height:160px;padding:18px;display:flex}.resource-card svg{color:var(--teal);flex:none}@keyframes state-pulse{0%,to{opacity:.42;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.state-pattern-card:before{animation:none}}.component-specimen{min-height:270px;box-shadow:none;align-self:start;padding:16px}.component-specimen.wide{grid-column:span 2}.component-heading{color:var(--teal);margin-bottom:16px}.component-heading h3{color:var(--ink);font-size:15px}.citation-stack{gap:12px;display:grid}.citation-card{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf9;padding:14px}.citation-topline{color:var(--subtle);font-size:12px}.citation-card h3{margin-top:12px}.citation-card p{margin-top:8px}.scorecard,.prompt-history{gap:10px;display:grid}.score-row{border-bottom:1px solid var(--line);padding-bottom:10px}.score-row:last-child{border-bottom:0;padding-bottom:0}.score-row span{border-radius:var(--radius);width:44px;height:44px;color:var(--teal);background:var(--teal-soft);place-items:center;font-weight:850;display:grid}.history-item{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f7faf9;justify-content:flex-start;padding:12px;font-size:14px}.history-item.current{color:var(--ink);background:var(--teal-soft);border-color:#097c7761}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.response-column{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf9;align-content:start;gap:8px;padding:14px;display:grid}.response-column.selected{background:var(--green-soft);border-color:#2470476b}.response-column h3{margin-top:14px}.response-column p{margin-top:0}.response-select{border:1px solid var(--line);border-radius:var(--radius);width:max-content;color:var(--muted);background:var(--surface);padding:8px 10px;font-size:12px;font-weight:800}.response-select[aria-pressed=true]{color:var(--green);background:var(--green-soft);border-color:#2470475c}@media (width<=1100px){.hero-grid,.product-surfaces-heading,.surface-grid,.system-overview-grid,.scenario-grid,.studio-shell,.trialsense-shell,.spec-layout,.principles-grid{grid-template-columns:1fr}.reuse-grid,.sequence-grid,.get-started-grid,.studio-lower-grid,.studio-footer-grid,.trial-review-grid,.trial-evidence-layout,.spec-grid,.inventory-grid,.component-grid,.component-catalog,.state-pattern-grid,.motion-principles,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{max-width:820px;font-size:72px}.product-surfaces-heading h2{font-size:54px}.section-header h2{font-size:44px}}@media (width<=720px){main{margin-left:0;padding-bottom:86px}.site-rail{border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:flex-start;width:auto;height:76px;padding:8px 10px;inset:auto 0 0;overflow-x:auto}.rail-brand{flex:none;width:48px;height:48px}.rail-links{gap:8px;display:flex}.rail-links a{min-width:72px;min-height:52px}.hero-section{gap:42px;min-height:auto}.topbar{align-items:flex-start}.topbar-links{display:none}.hero-grid,.reuse-grid,.sequence-grid,.get-started-grid,.studio-lower-grid,.studio-footer-grid,.trial-review-grid,.trial-evidence-layout,.trial-risk-grid,.product-brief-grid,.summary-rows,.scenario-grid,.spec-grid,.inventory-grid,.component-grid,.component-catalog,.state-pattern-grid,.motion-principles,.resource-grid,.comparison{grid-template-columns:1fr}.hero-copy h1{font-size:44px}.hero-copy>p:not(.eyebrow){margin-top:18px;font-size:17px}.scenario-switcher{margin-top:14px}.hero-surface{margin-top:4px;padding:12px}.hero-surface .review-banner p,.hero-surface .confidence-panel p,.hero-surface .timeline-row p,.hero-surface .feedback-bar span{font-size:12px}.hero-surface .timeline{gap:8px}.product-surfaces-heading h2,.section-header h2{font-size:34px}.states-motion-heading{flex-direction:column}.inventory-card.wide{grid-column:span 1}.inventory-heading{flex-direction:column}.scenario-card-header,.scenario-claim{grid-template-columns:1fr}.scenario-card-header{flex-direction:column}.inventory-card .comparison,.comparison-panel .comparison{grid-template-columns:1fr}.review-checklist{position:static}.component-specimen.wide{grid-column:span 1}.review-banner{grid-template-columns:1fr}.surface-toolbar,.studio-workspace-topline,.trialsense-topline{flex-direction:column;align-items:flex-start}.feedback-bar{flex-wrap:wrap;align-items:flex-start}.citation-topline{flex-direction:column;align-items:flex-start;gap:8px}}