:root {
  --brand-primary:#ffcf5a;
  --brand-primary-dark:#c49a35;
  --brand-gold:#7a5f1f;
  --brand-secondary:#655a3f;
  --brand-accent:#fbe19f;
  --brand-bg:#ffffff;
  --brand-surface:#fff5d9;
  --brand-text-primary:#0e0e0e;
  --brand-text-secondary:#655a3f;
  --brand-border:#e7e7e7;
  --brand-link:#7a5f1f;
  --brand-focus:#7a5f1f;
  --brand-button-text:#0e0e0e;
  --brand-highlight:#ffd978;
  --brand-ember:#e6b84a;
  --brand-glow:#fffdf5;
  --brand-ink-deep:#3d3524;
  --brand-signal:#f0523d;
  --font-heading:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-display: clamp(2.5rem, 5vw, 4rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-body-sm: 0.875rem;
  --fs-caption: 0.75rem;
  --lh-display: 1.1;
  --lh-h2: 1.2;
  --lh-h3: 1.3;
  --lh-body: 1.65;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --radius: 10px;
  --shadow-sm: 0 1px 6px rgba(14,14,14,.04);
  --shadow-md: 0 8px 24px rgba(14,14,14,.08);
  --measure: 42rem;
  --motion-fast: .2s;
  --motion-med: .7s;
  --ease-out: cubic-bezier(.22,1,.36,1);
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1400px;
}

* { box-sizing:border-box;margin:0;padding:0;}
body { font-family:var(--font-body);color:var(--brand-text-primary);background-color:var(--brand-bg,#fff);line-height:var(--lh-body);font-size:var(--fs-body);min-height:100vh;display:flex;flex-direction:column;padding-bottom:0;}
.wrapper { max-width:var(--bp-xl);margin:0 auto;padding:0 var(--space-4);}
.page-canvas { max-width:var(--bp-xl);margin:0 auto;padding:var(--space-5) var(--space-4) 0;width:100%;}
.page-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,14rem);gap:var(--space-5);align-items:start}
.page-main{min-width:0}.page-main>:last-child{margin-bottom:0}
.page-rail{position:sticky;top:7rem;min-width:0}.page-rail-mark{display:block;font-size:6.5rem;line-height:1}
.page-rail-line,.page-rail-next{margin:var(--space-3) 0 0}.page-main > p,
.page-main > ul,
.page-main > ol,
.page-main > .md-table { max-width:var(--measure);}
.page-main > table { max-width:min(52rem,100%);}
.page-main > p { margin:0 0 var(--space-3);text-wrap:pretty;}
.page-main > h2 { margin:var(--space-6) 0 var(--space-3);}
.page-main > h3 { margin:var(--space-5) 0 var(--space-2);}
a { color:var(--brand-link);}
h1,h2,h3,h4 { font-family:var(--font-heading);color:var(--brand-secondary);}
h1 { font-size:var(--fs-display);font-weight:800;line-height:var(--lh-display);}
h2 { font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-h2);}
h3 { font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-h3);}

a:focus-visible, button:focus-visible, .nav-item:focus-visible, .cta-btn:focus-visible, .cta-btn-ghost:focus-visible {
outline: 3px solid var(--brand-focus);
outline-offset: 3px;
}
.skip-link {
position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
z-index:1000;background:var(--brand-secondary);color:#fff;padding:.5rem 1rem;text-decoration:none;font-weight:700;
}
.skip-link:focus {
position:fixed;left:1rem;top:1rem;width:auto;height:auto;overflow:visible;
}

/* MEL-1905 VE-2 */
.site-header { background:color-mix(in srgb,var(--brand-bg,#fff) 92%,transparent);border-bottom:1px solid var(--brand-border);min-height:64px;display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);backdrop-filter:saturate(1.15) blur(10px);-webkit-backdrop-filter:saturate(1.15) blur(10px);}
.site-header::after { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--brand-highlight),var(--brand-signal));transform:scaleX(0);transform-origin:center;pointer-events:none;transition:transform var(--motion-fast) var(--ease-out);}
.site-header.is-scrolled { background:var(--brand-bg,#fff);box-shadow:var(--shadow-md);border-bottom-color:transparent;}
.site-header.is-scrolled::after { transform:scaleX(1);}
.site-header nav { max-width:var(--bp-xl);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);width:100%;align-items:center;}
.site-logo { font-family:var(--font-heading);font-weight:700;color:var(--brand-secondary);text-decoration:none;margin-right:var(--space-3);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2);}
.site-logo-img { display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:32px;line-height:1;border-radius:8px;flex:0 0 auto;transition:transform var(--motion-fast) var(--ease-out);}
.site-logo-text { line-height:1;font-size:1.05rem;}
.mf-mark { display:inline-block;line-height:1;font-style:normal;}
.site-header .mf-mark { font-size:1.05rem;}
.page-kicker { margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-gold);}
.page-kicker .mf-mark { margin-right:.35rem;letter-spacing:0;text-transform:none;}
.page-hero { position:relative;overflow:hidden;margin:0 0 var(--space-5);padding:var(--space-5) var(--space-4);background:linear-gradient(90deg,var(--brand-surface) 0%,var(--brand-glow) 55%,var(--brand-bg) 100%);border-radius:var(--radius);}
.page-hero .page-kicker { position:relative;z-index:1;max-width:var(--measure);}
.page-hero .hero-title { position:relative;z-index:1;margin:0;max-width:var(--measure);font-size:clamp(2rem,4vw,2.75rem);color:var(--brand-text-primary);text-wrap:balance;overflow-wrap:break-word;}
.page-hero .hero-subtitle { position:relative;z-index:1;margin:var(--space-3) 0 0;max-width:var(--measure);color:var(--brand-ink-deep);overflow-wrap:break-word;}
.page-hero .llm-ops-stack { position:relative;z-index:1;max-width:var(--measure);width:100%;min-width:0;margin-top:var(--space-4);}
.flow-caption { margin:var(--space-2) 0 var(--space-5);font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-gold);}
.post-signoff { margin-top:var(--space-5);font-family:var(--font-heading);font-weight:700;color:var(--brand-secondary);}
.nav-item { color:var(--brand-text-secondary);text-decoration:none;font-size:var(--fs-body-sm);font-weight:500;padding:.35rem 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;}
.nav-item:hover { color:var(--brand-text-primary);border-bottom-color:var(--brand-border);}
.nav-active { color:var(--brand-gold) !important;border-bottom-color:var(--brand-gold) !important;font-weight:600;}
.site-header .nav-item { color:var(--brand-text-primary);font-weight:600;padding:.45rem .2rem;letter-spacing:.01em;}
.site-header .nav-item:hover { color:var(--brand-ink-deep);border-bottom-color:var(--brand-primary);}
.site-header .nav-active { color:var(--brand-gold) !important;border-bottom-color:var(--brand-gold) !important;font-weight:700;}
.home-landing{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:start;margin:0 0 var(--space-6);}
/* MEL-1906 VE-3 */
.llm-ops-stack{display:flex;flex-direction:column;align-items:stretch;max-width:40rem;margin:var(--space-5) 0;padding:0;gap:0;min-width:0;width:100%;box-sizing:border-box}
.home-landing .llm-ops-stack{margin:0;max-width:none;width:100%;min-width:0;align-self:start}
.llm-ops-connector{width:1px;height:var(--space-3);margin:0 auto;flex:0 0 auto;background:var(--brand-accent);transform-origin:top center}
.llm-ops-card{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius);border-top:3px solid var(--brand-primary);padding:var(--space-4);text-decoration:none;color:inherit;display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);align-items:start;width:100%;max-width:100%;min-width:0;box-sizing:border-box;box-shadow:0 2px 8px rgba(14,14,14,.08);transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}
.llm-ops-card:hover{border-color:var(--brand-primary-dark);box-shadow:var(--shadow-md)}
.llm-ops-card:hover .llm-ops-icon{transform:none}
.llm-ops-icon{transition:transform var(--motion-fast) var(--ease-out)}
.flow-strip-wrap{margin:0 0 var(--space-5);max-width:40rem}
.flow-strip,.flow-lottie{display:block;width:100%;height:auto;border:1px solid var(--brand-border);border-radius:var(--radius);background:var(--brand-bg)}
.flow-lottie{display:none}
.flow-strip-wrap.is-lottie .flow-strip{display:none}
.flow-strip-wrap.is-lottie .flow-lottie{display:block}
.llm-ops-card:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}
.llm-ops-icon{width:32px;height:32px;object-fit:contain;flex:0 0 auto;align-self:start;margin-top:.15rem}
.llm-ops-copy{min-width:0;overflow-wrap:break-word}
.llm-ops-copy h3{margin:0 0 var(--space-1);font-size:var(--fs-body-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-secondary);line-height:1.35}
.llm-ops-copy p{margin:0;font-size:var(--fs-body);color:var(--brand-text-primary);line-height:1.5}
.content-section img[src*="/assets/brand/diagrams/"]{display:block;max-width:40rem;width:100%;height:auto;margin:var(--space-4) 0;border:1px solid var(--brand-border);border-radius:var(--radius);background:var(--brand-bg)}
.blog-tags { margin:var(--space-1) 0 0;font-size:0.75rem;color:var(--brand-text-secondary);}
.blog-tag { display:inline-block;margin-right:0.35rem;padding:0.1rem 0.4rem;border-radius:4px;background:var(--brand-accent);color:var(--brand-gold);}

.dry-run-badge {
position:fixed;bottom:1rem;right:1rem;z-index:9998;pointer-events:none;
display:inline-flex;align-items:center;gap:.45rem;
max-width:min(22rem,calc(100vw - 2rem));
padding:.4rem .75rem;border-radius:999px;
font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
font-size:var(--fs-caption);font-weight:600;letter-spacing:.02em;line-height:1.25;
color:var(--brand-secondary);background:var(--brand-surface);
border:1px solid var(--brand-primary-dark);
box-shadow:0 2px 12px rgba(14,14,14,.14);
}
.dry-run-badge__label {
flex:0 0 auto;font-weight:800;letter-spacing:.05em;
color:var(--brand-button-text);background:var(--brand-primary);
padding:.12em .55em;border-radius:999px;border:1px solid var(--brand-primary-dark);
}
.dry-run-badge__text {
flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media (max-width:480px) {
.dry-run-badge { bottom:.65rem;right:.65rem;left:.65rem;max-width:none;justify-content:center;}
}

/* MEL-1904 */
.hero-section { position:relative;overflow:hidden;max-width:none;margin:0;padding:var(--space-6);text-align:left;background:linear-gradient(90deg,var(--brand-surface) 0%,var(--brand-glow) 42%,var(--brand-bg) 72%);border-radius:var(--radius);}
.hero-canvas { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit;}
.hero-canvas { z-index:0;}
.hero-title { font-size:var(--fs-display);font-weight:800;line-height:var(--lh-display);color:var(--brand-secondary);margin-bottom:var(--space-2);font-family:var(--font-heading);text-wrap:balance;}
.hero-section .hero-title { font-size:var(--fs-display);margin-bottom:var(--space-2);max-width:none;color:var(--brand-text-primary);}
.hero-subtitle { font-size:var(--fs-body-lg);color:var(--brand-secondary);margin-bottom:var(--space-3);font-weight:400;letter-spacing:-.01em;}
.hero-section .hero-subtitle { color:var(--brand-ink-deep);}
.hero-lede { font-size:var(--fs-body);color:var(--brand-text-primary);line-height:var(--lh-body);margin:0 0 var(--space-4);max-width:38rem;text-wrap:pretty;}
.hero-content { position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:0;}
.hero-cta-row { margin:0;padding:0;justify-content:flex-start;position:relative;z-index:2;}
.hero-section .cta-btn { position:relative;z-index:2;}
.hero-section .cta-btn.cta-btn-ghost { background:transparent;box-shadow:none;} /* MEL-1910: ghost = outline, not solid */

.pillar-sec { margin-top:var(--space-5);font-weight:700;color:var(--brand-gold);font-size:var(--fs-h3);}
.pillar-sec::after{content:"";display:block;width:24px;height:2px;margin-top:.35rem;background:var(--brand-primary)}

.cta-row { max-width:var(--bp-xl);margin:var(--space-4) 0;padding:0;display:flex;gap:var(--space-3);justify-content:flex-start;flex-wrap:wrap;}
.cta-btn { display:inline-block;box-sizing:border-box;background:var(--brand-primary);color:var(--brand-button-text);text-decoration:none;font-weight:700;padding:.8rem 1.75rem;border-radius:var(--radius);font-size:var(--fs-body);transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);box-shadow:0 4px 12px rgba(196,154,53,.28);border:2px solid var(--brand-primary);}
.cta-btn:hover { background:var(--brand-primary-dark);color:var(--brand-button-text);transform:translateY(-1px);border-color:var(--brand-primary-dark);}
.cta-btn:active { background:var(--brand-primary-dark);color:var(--brand-button-text);transform:none;}
.cta-btn-ghost,.cta-btn.cta-btn-ghost { background:transparent;color:var(--brand-gold);border:2px solid var(--brand-gold);box-shadow:none;}
.cta-btn-ghost:hover,.cta-btn.cta-btn-ghost:hover { background:var(--brand-surface);color:var(--brand-gold);transform:translateY(-1px);}
.cta-btn-ghost:active,.cta-btn.cta-btn-ghost:active { background:var(--brand-surface);color:var(--brand-gold);transform:none;}
@media (prefers-reduced-motion: no-preference) {
@keyframes mf-rise { from { transform:translateY(6px);} }
@keyframes mf-grow { from { transform:scaleY(0);} }
@keyframes mf-wash { 50% { background-position:28% 0;} }
.hero-section { background-size:140% 100%;animation:mf-wash 8s var(--ease-out) infinite;}
.hero-content > * { animation:mf-rise var(--motion-med) var(--ease-out) both;}
.hero-subtitle { animation-delay:.06s;}
.hero-lede { animation-delay:.12s;}
.hero-cta-row { animation-delay:.18s;}
.llm-ops-card { animation:mf-rise var(--motion-med) var(--ease-out) both;}
.llm-ops-stack > .llm-ops-card:nth-child(1) { animation-delay:.05s;}
.llm-ops-stack > .llm-ops-card:nth-child(3) { animation-delay:.13s;}
.llm-ops-stack > .llm-ops-card:nth-child(5) { animation-delay:.21s;}
.llm-ops-stack > .llm-ops-card:nth-child(7) { animation-delay:.29s;}
.llm-ops-connector { animation:mf-grow .5s var(--ease-out) both;}
.blog-card,.content-section img[src*="/assets/brand/diagrams/"],.flow-strip { animation:mf-rise var(--motion-med) var(--ease-out) both;animation-timeline:view();animation-range:entry 0% entry 45%;}
@keyframes mf-drip { 50% { transform:translateY(2px);} }
.site-header .mf-mark { animation:mf-drip 2.4s var(--ease-out) infinite;}
.site-logo:hover .site-logo-img { transform:rotate(-6deg);}
}
@media (prefers-reduced-motion: reduce) {
.cta-btn,.cta-btn-ghost,.llm-ops-card,.llm-ops-icon,.blog-card,.nav-item,.site-logo-img { transition:none;}
.cta-btn:hover,.cta-btn-ghost:hover,.llm-ops-card:hover,.llm-ops-card:hover .llm-ops-icon,.site-logo:hover .site-logo-img { transform:none;}
.hero-section,.hero-content > *,.llm-ops-card,.llm-ops-connector,.blog-card,.flow-strip,.content-section img[src*="/assets/brand/diagrams/"],.site-header .mf-mark { animation:none;}
.hero-canvas { display:none;}
.site-header::after { transition:none;}
}

.blog-grid { max-width:var(--bp-xl);margin:var(--space-4) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);}
.blog-card { background:var(--brand-bg,#fff);border:1px solid var(--brand-border);border-top:3px solid var(--brand-primary);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:border-color .2s, box-shadow .2s;display:block;text-decoration:none;color:inherit;height:100%;}
.blog-card:hover { border-color:var(--brand-primary-dark);box-shadow:var(--shadow-md);}
p.blog-date { font-size:var(--fs-caption);color:var(--brand-text-secondary);margin-bottom:var(--space-1);font-weight:500;}
div.blog-title { font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-h3);margin-bottom:var(--space-1);color:var(--brand-secondary);}
div.blog-excerpt { font-size:var(--fs-body-sm);line-height:1.6;margin:var(--space-1) 0;color:var(--brand-text-secondary);}

.content-section table { width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--fs-body-sm);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.content-section th, .content-section td { border:1px solid var(--brand-border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;}
.content-section th { background:var(--brand-surface);color:var(--brand-secondary);font-weight:700;}
.content-section tbody tr { transition:background var(--motion-fast) var(--ease-out);}
.content-section tbody tr:hover { background:var(--brand-surface);}
.content-section a[href^="mailto:"]:not(.cta-btn) { font-weight:600;transition:background var(--motion-fast) var(--ease-out);border-radius:4px;padding:0 .15em;}
.content-section a[href^="mailto:"]:not(.cta-btn):hover { background:var(--brand-surface);}
.content-section ul, .content-section ol { margin:0 0 var(--space-4) 1.25rem;}
.content-section li { margin:0.4rem 0;}

.explainer-band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(14rem,.75fr);gap:var(--space-4);align-items:center;margin:0 0 var(--space-5)}
.explainer-band>*{min-width:0}
.explainer-kicker{font-family:var(--font-heading);font-weight:700;color:var(--brand-secondary)}
.explainer-band .explainer-keep{list-style:none;margin:0}
.explainer-keep li{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--brand-surface);color:var(--brand-text-primary);font-weight:700;border-top:3px solid var(--brand-primary);border-radius:var(--radius)}
.explainer-unlock{border-left:3px solid var(--brand-primary-dark);padding-left:var(--space-3);color:var(--brand-text-primary)}

/* MEL-1908 VE-4 */
.site-footer { margin-top:0;padding:var(--space-6) var(--space-4) var(--space-5);text-align:left;border-top:3px solid var(--brand-primary);color:var(--brand-text-secondary);font-size:var(--fs-body-sm);background:var(--brand-surface);width:100%;box-sizing:border-box;box-shadow:inset 0 1px 0 var(--brand-accent);}
.footer-inner { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr);gap:var(--space-5);align-items:start;max-width:var(--bp-xl);margin:0 auto;padding:0;min-width:0;}
.footer-name { display:flex;flex-direction:row;align-items:center;gap:.45rem;font-family:var(--font-heading);font-weight:700;color:var(--brand-secondary);font-size:var(--fs-h3);margin:0 0 var(--space-2);}
.footer-mark { font-size:1.45rem;line-height:1;flex:0 0 auto;}
.footer-tag { margin:0;max-width:22rem;line-height:1.55;}
.footer-nav { display:flex;flex-direction:column;gap:.35rem;}
.footer-link { color:var(--brand-link);text-decoration:none;font-weight:500;}
.footer-link:hover { color:var(--brand-gold);text-decoration:underline;text-underline-offset:.15em;}
.footer-legal-col{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}
.footer-legal { margin:0;font-size:var(--fs-caption);display:flex;flex-direction:column;flex-wrap:wrap;gap:.35rem;align-items:flex-start;min-width:0;max-width:100%;}
.footer-preview{margin:var(--space-2) 0 0;max-width:18rem;line-height:1.5}
.footer-legal a { color:var(--brand-link);text-decoration:none;margin:0;font-weight:600;white-space:nowrap;}
.footer-legal a:hover { text-decoration:underline;}
.footer-legal a:focus-visible { outline:3px solid var(--brand-focus);outline-offset:2px;}
.footer-copy { text-align:center;margin:var(--space-5) auto 0;font-size:var(--fs-caption);max-width:var(--bp-xl);}
.footer-usa{margin:var(--space-3) 0 0}.footer-usa img{width:128px;height:auto;display:block}
.footer-copy{padding-bottom:var(--space-5)}main { padding-bottom:0;}

.blog-card { border-radius:var(--radius);}
html { scroll-padding-top:5rem;scroll-padding-top:7rem;margin-top:auto}
h1,h2,h3,.page-hero,.hero-section,.pillar-sec{scroll-margin-top:7rem}
main a:not(.cta-btn):not(.nav-item):not(.skip-link) { text-underline-offset:0.15em;}
main a:not(.cta-btn):not(.nav-item):not(.skip-link):not(.page-rail-next a):hover { color:var(--brand-gold);}

.draft-banner{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--brand-surface);border:1px solid var(--brand-primary-dark);border-radius:10px;color:var(--brand-secondary);font-size:var(--fs-body-sm)}
.draft-chip{display:inline-block;margin-right:.4rem;padding:.1em .5em;border-radius:999px;background:var(--brand-primary);color:var(--brand-button-text);font-size:var(--fs-caption);font-weight:800;border:1px solid var(--brand-primary-dark)}
.blog-card--draft{border-top:3px dashed var(--brand-primary)}

@media (max-width: 1024px) {
.home-landing { grid-template-columns:1fr;}
.footer-inner { grid-template-columns:1fr 1fr;}
.footer-brand{grid-column:1;grid-row:1}.footer-nav{grid-column:1;grid-row:2}.footer-legal-col{grid-column:2;grid-row:1 / span 2}
}
@media (max-width: 768px) {
.explainer-band{grid-template-columns:1fr;align-items:stretch}
.site-header nav { gap:var(--space-2) var(--space-3);}
.site-header .nav-item { font-size:0.8125rem;}
.blog-grid { grid-template-columns:1fr;}
.hero-section { padding:var(--space-5) var(--space-3);}
.cta-btn { width:100%;max-width:20rem;text-align:center;}
.footer-inner { grid-template-columns:1fr;gap:var(--space-4);}
.footer-brand,.footer-nav,.footer-legal-col{grid-column:auto;grid-row:auto}
.page-frame{grid-template-columns:minmax(0,1fr)}.page-rail{position:static}
.page-hero .hero-title { font-size:clamp(1.75rem,6vw,2.35rem);}
}
/* MEL-1907 VE-5 */
@media (max-width: 640px) {
.wrapper,.page-canvas{padding-left:var(--space-3);padding-right:var(--space-3)}
.site-header nav{justify-content:flex-start;gap:var(--space-2) var(--space-3)}
.footer-legal a{display:inline-block;margin:var(--space-1) 0}
.home-landing{grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:stretch;width:100%;min-width:0}
.home-landing .hero-section{padding:var(--space-4) var(--space-3);min-width:0}
.home-landing .hero-title{font-size:clamp(1.75rem,7.5vw,2.35rem);overflow-wrap:break-word}
.home-landing .hero-subtitle,.home-landing .hero-lede{max-width:none;overflow-wrap:break-word}
.home-landing .cta-row{flex-direction:column;align-items:stretch;width:100%}
.home-landing .cta-btn{width:100%;max-width:none}
.home-landing .llm-ops-stack,.home-landing .llm-ops-card,.home-landing .llm-ops-copy{min-width:0;max-width:100%}
.home-landing .llm-ops-card{width:100%;padding:var(--space-3);box-sizing:border-box}
}

:root{--radius:16px}
h1,h2,.hero-title{font-family:var(--font-body);letter-spacing:-.03em}
.site-header .nav-active{background:var(--brand-surface);border-radius:999px;padding:.4rem .85rem}
.hero-section,.page-hero{padding:var(--space-6) clamp(1.5rem,5vw,4rem);background:linear-gradient(135deg,var(--brand-accent),var(--brand-surface) 60%,var(--brand-glow));box-shadow:var(--shadow-md)}
.hero-section::before,.page-hero::before{display:none}
.hero-section .hero-title{font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:1.04;max-width:17ch}
.page-hero .hero-title{font-size:clamp(2rem,4.5vw,3.25rem)}
.page-main>.pillar-sec{color:var(--brand-text-primary)}
:is(#what-you-actually-get,#components-v0-1)+ul{list-style:none;margin:0 0 var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3);max-width:none}
:is(#what-you-actually-get,#components-v0-1)+ul>li{margin:0;padding:var(--space-4);border:1px solid var(--brand-border);border-top:4px solid var(--brand-primary);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.pillar-sec+ol{list-style:none;margin-left:0;padding:var(--space-5) var(--space-4) var(--space-2);background:var(--brand-surface);border-radius:var(--radius);counter-reset:w}
.pillar-sec+ol>li{counter-increment:w;position:relative;margin:0;padding:.3rem 0 var(--space-4) 3.25rem}
.pillar-sec+ol>li::before{content:counter(w);position:absolute;left:0;top:0;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--brand-primary);color:var(--brand-button-text);font-weight:800}
.pillar-sec+ol>li:not(:last-child)::after{content:"";position:absolute;left:1.07rem;top:2.5rem;bottom:.2rem;width:2px;background:var(--brand-primary)}
#safety-is-the-feature+ul{list-style:none;margin-left:0;padding:var(--space-4);background:#3d3524;color:#fff5d9;border-radius:var(--radius)}
#safety-is-the-feature+ul>li::before{content:"✓  ";color:var(--brand-primary)}
.explainer-band{padding:var(--space-4);background:var(--brand-surface);border-radius:var(--radius);margin:var(--space-6) 0 var(--space-4)}
.page-rail{padding:var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius);text-align:center}
.page-rail-next a{display:block;padding:.6rem;border-radius:999px;background:var(--brand-primary);color:var(--brand-button-text);font-weight:700;text-decoration:none}
@media (max-width:768px){.hero-section,.page-hero{padding:var(--space-5) var(--space-4)}
.site-header .nav-item{white-space:nowrap}}
[data-theme=dark]{color-scheme:dark;--brand-bg:#14110b;--brand-surface:#1f1a10;--brand-glow:#1f1a10;--brand-accent:#655a3f;--brand-border:#3d3524;--brand-text-primary:#fff5d9;--brand-text-secondary:#d9cba6;--brand-secondary:#ffcf5a;--brand-ink-deep:#fbe19f;--brand-link:#fbe19f;--brand-primary-dark:#ffcf5a;--brand-gold:#ffcf5a;--brand-focus:#ffcf5a}
[data-theme=dark] :is(.flow-strip,.footer-usa img,img[src*="/diagrams/"]){background:#fff5d9;border-radius:var(--radius)}
.theme-toggle{margin-left:auto;font:inherit;font-weight:600;color:var(--brand-text-primary);background:var(--brand-surface);border:1px solid var(--brand-text-secondary);border-radius:999px;padding:.3rem .8rem;cursor:pointer;white-space:nowrap}
.theme-toggle:focus-visible{outline-color:var(--brand-text-primary)}
[data-theme=dark] .skip-link{color:#0e0e0e}
@media (max-width:768px){html{scroll-padding-top:11.5rem}.site-header .site-logo{order:-2}.site-header nav::before{content:"";flex-basis:100%;order:-1}.theme-toggle{position:absolute;right:.75rem;top:13px}}
.home-landing .hero-section .hero-title{font-size:clamp(1.75rem,2.9vw,2.6rem);line-height:1.1;max-width:none}
.hero-secondary-link{font-weight:700;color:var(--brand-link);text-underline-offset:.2em;padding:.5rem 0;align-self:center}
@media (max-width:1024px){.home-landing .hero-secondary-link{text-align:center}}
@media (max-width:389px){html{scroll-padding-top:7.5rem}.site-header nav{padding:.5rem .75rem;gap:.25rem .65rem}.site-header .nav-item{font-size:.75rem;padding:.35rem .1rem}.site-header .nav-active{padding:.3rem .5rem}.theme-toggle{top:9px}}
@media (max-width:360px){.page-canvas{padding-top:var(--space-3)}.home-landing .hero-section{padding:var(--space-3)}.home-landing .hero-section .hero-title{font-size:1.5rem}}
main img[src*="/walkthrough/"]{display:block;width:100%;max-width:802px;height:auto;border:1px solid var(--brand-border);border-radius:10px;box-shadow:var(--shadow-sm)}
.explainer-transcript{margin-top:var(--space-2);font-size:var(--fs-body-sm);color:var(--brand-text-primary)}
.explainer-transcript summary{cursor:pointer;font-weight:700;color:var(--brand-link);padding:.4rem 0}
.explainer-transcript ol{margin:var(--space-2) 0 0;padding-left:1.25rem}
#proof-of-practice+ul{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
#proof-of-practice+ul li{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--brand-border);border-radius:10px;background:var(--brand-surface)}
.commercial-stage{margin:0 0 1.5rem}
.commercial-video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#fff5d9;border:1px solid #e7e7e7;border-radius:10px}
.commercial-video:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}
.explainer-video{width:100%;height:auto;display:block;background:#fff5d9;border:1px solid #e7e7e7;border-radius:10px}
.explainer-video:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}
