:root{--case-blue:#1d38c7;--case-cyan:#57d7dc;--case-navy:#081226;--case-green:#53a269;--case-cream:#f3f1e9}
.new-case .case-cover{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;padding:clamp(24px,5vw,72px);gap:clamp(24px,5vw,64px);align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,#11191d,#242e32)}
.new-case .case-cover.base28{background:radial-gradient(circle at 80% 10%,#203c78 0,#0c1733 45%,#070c1b 100%)}
.cover-kicker,.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.cover-copy h2{font-size:clamp(34px,5vw,68px);margin:18px 0;max-width:12ch}.cover-copy p{color:var(--ink-soft);max-width:46ch;font-size:17px}
.product-window{background:#f5f7fa;color:#14213d;border-radius:12px;box-shadow:none;overflow:hidden;min-width:0}.window-bar{height:40px;background:#e7e9ee;display:flex;align-items:center;padding:0 16px;gap:7px}.window-bar i{display:block;width:9px;height:9px;border-radius:50%;background:#f25f5c}.window-bar i:nth-child(2){background:#f5b942}.window-bar i:nth-child(3){background:#2bc74f}
.product-body{padding:24px}.product-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #d9deea;padding-bottom:18px}.product-head strong{font-size:21px}.status-chip{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:#e3f7ef;color:#176245;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric{border:1px solid #dce1ea;padding:14px;border-radius:7px}.metric small{display:block;color:#667085;margin-bottom:6px}.metric strong{font-size:20px}.mini-chart{height:150px;display:flex;align-items:end;gap:8px;padding-top:20px;border-bottom:1px solid #aeb7c7}.mini-chart span{flex:1;background:linear-gradient(#55d8dc,#1d38c7);min-height:20%;border-radius:3px 3px 0 0}.mini-chart span:nth-child(2){height:44%}.mini-chart span:nth-child(3){height:68%}.mini-chart span:nth-child(4){height:55%}.mini-chart span:nth-child(5){height:86%}.mini-chart span:nth-child(6){height:72%}.base28 .mini-chart span{background:linear-gradient(#6fb1ff,#283fba)}
.case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.case-actions a{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:999px;padding:14px 20px;font-weight:600}.case-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.case-actions a:hover{transform:translateY(-2px)}
.case-list{list-style:none;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px}.case-list li{background:var(--bg);padding:20px 22px;color:var(--ink-soft)}.case-list strong{color:var(--ink);display:block;margin-bottom:4px}
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.journey article{border:1px solid var(--line);padding:22px;min-width:0}.journey b{display:block;color:var(--accent);font-size:12px;margin-bottom:22px}.journey h3{font-size:18px;margin-bottom:8px}.journey p{font-size:14px;margin:0}
.evidence{display:grid;grid-template-columns:1fr 1.35fr;border:1px solid var(--line);margin-top:32px}.evidence-copy{padding:clamp(24px,4vw,48px)}.evidence-copy h3{font-size:clamp(25px,3vw,38px);margin:12px 0}.evidence-copy p{font-size:15px}.evidence-ui{background:#0b1728;padding:clamp(20px,4vw,44px);color:#eef4ff}.evidence-ui.base{background:#0a1130}.ui-row{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}.ui-row strong{font-size:15px}.ui-row span{font-size:13px;color:#9fb0c7}.ui-alert{margin-top:20px;padding:18px;border-left:3px solid var(--case-cyan);background:rgba(87,215,220,.09)}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.ai-card{border:1px solid var(--line);padding:24px}.ai-card .eyebrow{margin-bottom:14px}.ai-card p{font-size:15px;margin:0}.honesty{margin-top:16px;padding:22px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.prototype-cta{border:1px solid var(--line);padding:clamp(28px,5vw,56px);display:flex;justify-content:space-between;align-items:center;gap:28px}.prototype-cta h2{font-size:clamp(26px,4vw,44px);margin:8px 0}.prototype-cta p{margin:0;max-width:55ch}.prototype-cta>a{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--accent);border-radius:999px;padding:15px 22px;background:var(--accent);color:#fff;font-weight:600;transition:transform .2s ease}.prototype-cta>a:hover{transform:translateY(-2px);box-shadow:none}
@media(max-width:900px){.new-case .case-cover,.evidence{grid-template-columns:1fr}.journey{grid-template-columns:1fr 1fr}.product-window{max-width:680px}.prototype-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.new-case .case-cover{min-height:0;padding:22px}.metric-grid{grid-template-columns:1fr}.journey,.ai-grid{grid-template-columns:1fr}.product-body{padding:16px}.product-head{flex-direction:column}.prototype-cta{padding:24px}.case-actions a{width:100%;justify-content:space-between}.new-case .case-title{font-size:clamp(40px,12vw,62px)}}

.screen-gallery{display:grid;gap:18px;margin-top:30px}.screen-gallery figure{margin:0;min-width:0}.screen-frame{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0b1220;box-shadow:none}.screen-frame img{display:block;width:100%;height:auto}.screen-gallery figcaption{font-size:12px;line-height:1.5;color:var(--ink-muted);margin-top:10px}.screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.screen-pair .screen-frame{height:100%}.screen-pair img{height:100%;object-fit:cover;object-position:top}.visual-note{margin-top:18px;font-size:13px!important;color:var(--ink-muted)!important}
@media(max-width:760px){.screen-pair{grid-template-columns:1fr}.screen-pair img{height:auto}.screen-frame{border-radius:5px}}

.base28-placeholder{position:relative;isolation:isolate;aspect-ratio:16/10;border:1px solid var(--line-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--line) 72%,transparent),color-mix(in srgb,var(--bg) 90%,#17346b));display:flex;align-items:center;justify-content:center;overflow:hidden}.base28-placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--line-strong) 45%,transparent) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,color-mix(in srgb,var(--line-strong) 35%,transparent) 50%,transparent 50.2%);background-size:25% 25%;opacity:.4;z-index:-1}.base28-placeholder::after{content:"";position:absolute;width:46%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;opacity:.22;z-index:-1}.base28-placeholder .img-hint{color:var(--ink-soft);border-color:var(--line-strong);background:var(--bg);backdrop-filter:none;max-width:80%;white-space:normal;text-align:center;line-height:1.5}.placeholder-index{position:absolute;left:20px;top:18px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.12em}.base28-placeholder--cover{margin-top:64px;min-height:0}.case-nav-actions{display:flex;align-items:center;gap:32px}
@media(max-width:640px){.base28-placeholder{aspect-ratio:4/3}.base28-placeholder--cover{margin-top:44px}.base28-placeholder .img-hint{max-width:72%;font-size:9px}.case-nav-actions{width:100%;justify-content:space-between}}

.prompt-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 90%,#16346d),color-mix(in srgb,var(--line) 65%,transparent));color:var(--ink-soft);text-align:center}
.prompt-placeholder span{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.prompt-placeholder strong{max-width:26ch;font-size:14px;font-weight:500;line-height:1.45}
@media(max-width:640px){.prompt-placeholder{min-height:180px;padding:20px}}

.product-thesis .thesis-statement{max-width:30ch;margin:0 0 32px;color:var(--ink);font-size:clamp(24px,3vw,40px);font-weight:500;line-height:1.18;letter-spacing:-.025em}
.thesis-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 36px;background:var(--line);border:1px solid var(--line)}
.thesis-principles article{min-width:0;padding:clamp(20px,3vw,30px);background:var(--bg)}
.thesis-principles span{display:block;margin-bottom:28px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.14em}
.thesis-principles strong{display:block;margin-bottom:10px;color:var(--ink);font-size:17px;line-height:1.3}
.thesis-principles p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55}
.decision-journey{margin-top:32px}
.decision-journey article{position:relative}
.decision-journey article:not(:last-child)::after{content:"→";position:absolute;right:-10px;top:50%;z-index:2;display:grid;width:20px;height:20px;place-items:center;color:var(--accent);background:var(--bg);font-size:16px;transform:translateY(-50%)}
@media(max-width:900px){.thesis-principles{grid-template-columns:1fr}.decision-journey article::after{display:none!important}}
@media(max-width:640px){.product-thesis .thesis-statement{font-size:clamp(24px,8vw,34px)}.thesis-principles{margin-bottom:28px}.decision-journey{margin-top:24px}}

.editorial-screen{display:block;margin:30px 0 0;overflow:hidden;border:1px solid var(--line);background:#f3f1e9;box-shadow:none}
.editorial-screen img{display:block;width:100%;height:auto}
.editorial-screen--hero{min-height:0;padding:0}
.new-case .case-cover.editorial-screen{display:block}
@media(max-width:760px){.editorial-screen{margin-top:22px;box-shadow:none}}


/* Current Base 28 product evidence; long screenshots remain inspectable. */
.base28-evidence{margin:28px 0 44px;border:1px solid var(--line);background:var(--bg)}
.base28-evidence a{display:block;background:#f8fafc;overflow:hidden}
.base28-evidence img{display:block;width:100%;height:auto}
.base28-evidence--long a{max-height:620px;overflow:auto}
.base28-evidence figcaption{padding:14px 18px;color:var(--ink-soft);font-size:13px;line-height:1.6}
.base28-opinion-placeholder{padding:36px 24px;margin:28px 0 40px;border:1px dashed var(--line-strong);background:var(--bg);text-align:center}
.base28-opinion-placeholder strong{color:var(--ink)}
.base28-opinion-placeholder p{margin:12px 0 0;font-size:14px;color:var(--ink-soft)}
@media(max-width:640px){.base28-evidence--long a{max-height:420px}.base28-evidence figcaption{padding:12px;font-size:12px}}

/* Base 28 hero: full-bleed cover, matching the standard case ratio. */
.new-case[data-page="base28"] .case-cover.editorial-screen--hero{padding:0;min-height:0;aspect-ratio:16/9}
.new-case[data-page="base28"] .case-cover.editorial-screen--hero img{width:100%;height:100%;object-fit:cover;object-position:center}

.base28-ds-proof{margin:28px 0 40px;padding:24px;border:1px solid #CBD5E1;border-radius:8px;background:#F8FAFC;color:#0F172A}.base28-ds-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.base28-ds-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.base28-ds-swatches div{display:grid;gap:6px}.base28-ds-swatches div>span{height:54px;border:1px solid #CBD5E1;border-radius:6px}.base28-ds-swatches strong,.base28-ds-swatches code{font-size:12px}.base28-ds-type{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.base28-ds-type div{display:grid;gap:10px}.base28-ds-type strong{font-size:22px}.base28-ds-type small{color:#475569}.base28-ds-type span,.base28-ds-type code{font-size:12px}.base28-ds-components,.base28-ds-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.base28-ds-button{padding:12px 16px;border-radius:6px;background:#0F172A;color:#fff;font-size:12px}.base28-ds-button--blue{background:#2563EB}.base28-ds-button--outline{background:transparent;color:#0F172A;border:1px solid #64748B}.base28-ds-status span{padding:6px 10px;border-radius:5px;background:rgba(5,150,105,.08);color:#059669;font-size:12px}.base28-ds-status span:nth-child(2){background:rgba(217,119,6,.08);color:#D97706}.base28-ds-status span:nth-child(3){background:rgba(220,38,38,.08);color:#DC2626}.base28-ds-proof p{margin:24px 0 0!important;color:#475569!important;font-size:13px!important}@media(max-width:640px){.base28-ds-proof{padding:18px}.base28-ds-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.base28-ds-type{grid-template-columns:1fr}}

.new-case[data-page="base28"] .case-ai{background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.new-case[data-page="base28"] .case-ai .ai-card{background:var(--bg);padding:28px;border:0}.new-case[data-page="base28"] .ai-card--wide{grid-column:1/-1}.new-case[data-page="base28"] .ai-prototype{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.new-case[data-page="base28"] .ai-prototype .btn{flex-shrink:0}.new-case[data-page="base28"] .ai-card .label{display:block;margin-bottom:14px}.base28-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.base28-proof-grid article{border:1px solid var(--line);padding:24px}.base28-proof-grid h3{margin-top:0}@media(max-width:640px){.base28-proof-grid{grid-template-columns:1fr}.new-case[data-page="base28"] .ai-prototype{align-items:flex-start;flex-direction:column}}

/* New-case layouts use the same rounded panel and nested-element scale. */
.new-case .case-cover,.product-window,.case-list,.journey article,.evidence,
.ai-card,.prototype-cta,.screen-frame,.base28-placeholder,.prompt-placeholder,
.thesis-principles,.editorial-screen,.base28-evidence,
.base28-opinion-placeholder,.base28-ds-proof,.base28-proof-grid article{
  border-radius:var(--radius-panel);
}
.case-list,.evidence,.thesis-principles,.base28-evidence{overflow:hidden}
.metric,.base28-ds-swatches div>span,.base28-ds-button,.base28-ds-status span{
  border-radius:var(--radius-inner);
}

/* AI opinion evidence: neutral surround and uniform breathing room. */
.base28-evidence--opinion>img{display:block;width:100%;height:auto;border-radius:0}
.base28-evidence--opinion img{display:block;width:100%;height:auto;border-radius:var(--radius-inner)}