:root{--ink:#172033;--muted:#667085;--line:#17203324;--paper:#fff;--wash:#f6f8fb;--wash-strong:#e6ebf2;--accent:#2563eb;--accent-deep:#111827;--accent-soft:#eff6ff;--focus:#f59e0b;color:var(--ink);background:var(--wash);font-synthesis:none;text-rendering:geometricprecision;font-family:Aptos,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wash);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.skip-link{z-index:20;background:var(--accent-deep);color:#f9fafb;border-radius:6px;padding:10px 12px;font-weight:800;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.top-bar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcf0;grid-template-columns:minmax(210px,260px) minmax(0,1fr);align-items:center;gap:16px;padding:10px max(20px,50vw - 590px);display:grid;position:sticky;top:0}.brand-block{display:grid}.brand-lockup{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.brand-logo{border-radius:8px;width:34px;height:34px}.brand-copy{gap:1px;min-width:0;display:grid}.brand-name{color:var(--accent-deep);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:900;line-height:1.1;overflow:hidden}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:850}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.06}h1,h2{font-family:Georgia,Times New Roman,serif}h1{max-width:14ch;font-size:1.38rem;font-weight:700}h2{text-wrap:balance;max-width:16ch;font-size:2.65rem;font-weight:700}h3{font-size:1.16rem;font-weight:850}p{color:var(--muted);margin:0}.nav-list{padding:0;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:100%;margin:0;padding-block:2px;list-style:none;display:flex;overflow-x:visible}.top-bar nav{min-width:0}.nav-list>li,.nav-group,.nav-children{align-items:center;display:flex}.nav-group{border-left:1px solid var(--line);gap:8px;min-height:40px;padding-left:8px}.nav-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.nav-children{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.nav-link{color:#344054;white-space:nowrap;border-radius:6px;flex:none;align-items:center;min-height:40px;padding:8px 9px;font-size:.94rem;font-weight:800;transition:background .18s,color .18s,transform .18s;display:inline-flex}.nav-children .nav-link{color:#667085;min-height:34px;padding:6px 8px;font-size:.86rem;font-weight:750}.nav-link:hover{background:#2563eb1a;transform:translateY(-1px)}.nav-link[data-active=true]{background:var(--accent-deep);color:#f9fafb}.route-surface{width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0 18px}.page-stack{gap:16px;min-width:0;display:grid}.demo-hero,.advanced-hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);align-items:stretch;gap:18px;display:grid}.advanced-hero{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:26px}.hero-copy{align-content:space-between;gap:24px;display:grid}.hero-copy p{max-width:58ch;font-size:1.04rem}.demo-title,.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.demo-title p,.page-header p{max-width:64ch;margin-top:10px}.form-panel,.summary-panel,.toolbar,.demo-script,.value-card,.record-card,.empty-results,.scroll-marker{border:1px solid var(--line);background:var(--paper);border-radius:8px;box-shadow:0 10px 24px #1118270d}.form-panel,.summary-panel,.toolbar{gap:16px;padding:20px;display:grid}.pending-page{place-items:center;min-height:560px;display:grid}.pending-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:16px;width:min(560px,100%);padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 58px #1118271f}.pending-card h2{max-width:12ch}.loading-bar{background:var(--accent);transform-origin:0;width:42%;height:4px;animation:.98s ease-in-out infinite alternate loading-bar;position:absolute;top:0;left:0}.demo-editor{gap:16px;padding:22px}.demo-brief{background:var(--accent-deep);color:#f9fafb;border:1px solid #ffffff29;border-radius:8px;align-content:start;gap:14px;padding:22px;display:grid;box-shadow:0 14px 32px #11182724}.demo-brief .eyebrow,.inspector .eyebrow{color:var(--focus)}.demo-brief p,.demo-brief li{color:#e5e7eb}.step-list{gap:10px;margin:0;padding-left:1.25rem;display:grid}.step-list li::marker{color:var(--focus);font-weight:900}.feature-grid,.comparison-grid,.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.value-card{align-content:start;gap:12px;min-height:150px;padding:20px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.value-card:hover{border-color:#2563eb75;transform:translateY(-2px);box-shadow:0 22px 52px #1118271f}.value-card-accent{background:var(--accent-soft);border-color:#2563eb47}.value-card span{color:var(--accent-deep);font-size:1.08rem;font-weight:900}.button-row{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.mark-button,.cache-pill,.text-link{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-weight:850;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.primary-button{background:var(--accent);color:#fffaf6}.primary-button:hover{background:#1d4ed8;transform:translateY(-1px)}.secondary-button{color:var(--ink);background:#f8fbfa;border-color:#15211e33}.secondary-button:hover,.mark-button:hover{background:#eef4ff;border-color:#2563eb66;transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.text-link{color:#f9fafb;text-underline-offset:5px;width:fit-content;min-height:0;padding:0;text-decoration:underline;text-decoration-thickness:2px}.active-badge{color:var(--accent-deep);white-space:nowrap;background:#dbeafe;border-radius:999px;flex:none;padding:8px 12px;font-size:.86rem;font-weight:900}.active-badge.muted{color:var(--accent-deep);background:#e5e7eb}.field-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:#344054;gap:8px;font-weight:850;display:grid}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fbfdfd;border:1px solid #1720332e;border-radius:6px;padding:11px 12px}textarea{resize:vertical}.checkbox-row{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;font-weight:800}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #f0bf4c6b}.status-metric{background:var(--wash);border:1px solid #1720331f;border-radius:6px;gap:4px;min-width:0;padding:12px;display:grid}.status-metric span{color:var(--muted);font-size:.78rem;font-weight:800}.status-metric strong{color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.demo-brief .status-metric,.inspector .status-metric{background:#ffffff14;border-color:#ffffff24}.demo-brief .status-metric span,.inspector .status-metric span{color:#cbd5e1}.demo-brief .status-metric strong,.inspector .status-metric strong{color:#f9fafb}.demo-script{grid-template-columns:minmax(220px,.6fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.lab-strip{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;display:grid}.lab-strip span{background:var(--accent-soft);min-height:76px;color:var(--accent-deep);border:1px solid #2563eb2e;border-radius:8px;padding:14px;font-weight:900}.split-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:start;gap:16px;display:grid}.summary-panel{position:sticky;top:108px}.activity-list{gap:8px;display:grid}.activity-list span{border-left:3px solid var(--accent);color:var(--muted);padding-left:10px;font-size:.92rem}.toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,190px) repeat(4,minmax(110px,140px));align-items:end}.catalog-page{padding-bottom:48px}.record-card{gap:16px;min-height:230px;padding:18px;display:grid}.record-card p{color:var(--accent);text-transform:uppercase;font-size:.78rem;font-weight:900}.record-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.record-card dt{color:var(--muted);font-size:.78rem;font-weight:800}.record-card dd{color:var(--ink);margin:0;font-weight:900}.health-meter{background:var(--wash-strong);border:0;border-radius:999px;width:100%;height:10px;display:block;overflow:hidden}.health-meter::-webkit-meter-bar{background:var(--wash-strong);border:0;border-radius:999px}.health-meter::-webkit-meter-optimum-value{background:var(--accent)}.health-meter::-moz-meter-bar{background:var(--accent);border-radius:999px}.mark-button{color:var(--ink);background:#f8fbfa;border-color:#15211e33}.mark-button-active{border-color:var(--accent-deep);background:var(--accent-deep);color:#f9fafb}.mark-button-active:hover{color:#f9fafb;background:#0f172a}.empty-results{color:var(--muted);grid-column:1/-1;padding:22px;font-weight:800}.scroll-marker{align-content:center;gap:16px;min-height:280px;padding:28px;display:grid}.inspector{background:var(--accent-deep);border:1px solid #ffffff24;border-radius:8px;grid-template-columns:minmax(170px,.5fr) minmax(120px,.3fr) minmax(220px,1fr) auto;align-items:center;gap:12px;width:min(1180px,100% - 40px);margin:0 auto 20px;padding:14px;display:grid;box-shadow:0 14px 34px #11182729}.inspector h2{color:#f9fafb;max-width:none;font-size:1.18rem}.shelf-meta{color:#e5e7eb;font-weight:800}.cache-list{gap:10px;display:grid}.cache-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.empty-state{color:#e5e7eb;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;padding:12px;font-size:.95rem}.cache-pill{color:#f9fafb;background:#ffffff14;border-color:#fff3;justify-content:space-between;gap:10px;width:100%;min-height:38px}.cache-pill:hover{color:#f9fafb;background:#ffffff24;border-color:#f59e0b75;transform:translateY(-1px)}.cache-pill span:first-child{text-overflow:ellipsis;overflow:hidden}.inspector .secondary-button{color:#f9fafb;background:#ffffff14;border-color:#ffffff38}.inspector .secondary-button:hover{background:#ffffff24}.compact-form{max-width:760px}@media (width<=1080px){.top-bar,.demo-hero,.advanced-hero,.split-layout,.toolbar,.demo-script,.inspector{grid-template-columns:1fr}.summary-panel{position:static}.inspector .secondary-button{width:fit-content}}@media (width<=860px){.top-bar{position:static}.nav-list{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 8px;display:grid}.nav-group{align-items:flex-start;min-height:34px}.nav-group:last-child{grid-column:1/-1}.nav-label{padding-top:8px}.nav-children{flex-wrap:nowrap}.nav-link{min-height:34px;padding:6px 8px;font-size:.86rem}.feature-grid,.comparison-grid,.record-grid,.lab-strip{grid-template-columns:1fr}.route-surface,.inspector{width:min(100% - 28px,1180px)}.route-surface{padding-top:24px}h1{max-width:none}h2{font-size:2.15rem}.page-header,.demo-title{display:grid}}@media (width<=560px){.field-grid,.metric-grid,.record-card dl{grid-template-columns:1fr}.button-row{display:grid}.primary-button,.secondary-button,.mark-button{width:100%}.demo-editor,.demo-brief,.advanced-hero,.demo-script,.scroll-marker{padding:18px}}@keyframes loading-bar{0%{transform:translate(-20%)scaleX(.62)}to{transform:translate(160%)scaleX(1)}}