:root { color-scheme: light; --ink:#111827; --muted:#5d6673; --line:#ddd6cb; --paper:#fbfaf7; --green:#123d3b; --green-soft:#cfe8e3; --gold:#e8d7b8; --white:#fff; --warn:#fff8ed; --ok:#e8f5ef; --blue:#eef4ff; --accent:#a56b1f; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } a { color: inherit; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px clamp(18px,4vw,56px); border-bottom:1px solid var(--line); background:rgba(251,250,247,.94); position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.brand { font-weight:950; text-decoration:none; letter-spacing:-.03em; font-size:20px; } nav { display:flex; flex-wrap:wrap; gap:14px; font-size:14px; color:var(--muted); } nav a { text-decoration:none; } nav a:hover { color:var(--green); }
.hero { display:grid; grid-template-columns:minmax(0,.98fr) minmax(320px,1.02fr); gap:clamp(28px,5vw,72px); align-items:center; padding:clamp(48px,8vw,104px) clamp(20px,4vw,56px) clamp(36px,6vw,76px); } .hero-copy { max-width:790px; } .upgraded-hero { background:radial-gradient(circle at 84% 18%, #d9eee9 0, transparent 32%), linear-gradient(180deg,#fffdf8 0%,#fbfaf7 100%); }
.eyebrow,.section-kicker,.card-label { margin:0 0 14px; color:var(--green); font-size:13px; font-weight:950; text-transform:uppercase; letter-spacing:.07em; } h1,h2,h3,h4,p { margin-top:0; } h1 { margin-bottom:24px; font-size:clamp(42px,7vw,84px); line-height:.95; letter-spacing:-.055em; } h2 { margin-bottom:18px; font-size:clamp(30px,4.2vw,54px); line-height:1.03; letter-spacing:-.035em; } h3 { margin-bottom:10px; font-size:20px; } h4 { margin-bottom:8px; }
.lede,.band p,.deliverable>div:first-child p,.intake p,.proof-path p,.fit-copy p,.included-grid p,.audience p,.seo-answer-section p { color:var(--muted); font-size:18px; line-height:1.65; } .band p { color:var(--green-soft); }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 16px; } .button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; border-radius:10px; padding:0 18px; font-weight:850; text-decoration:none; } .primary { background:var(--green); color:var(--white); } .secondary { background:var(--white); border:1px solid var(--line); } .inverted { background:var(--white); color:var(--green); } .fine-print { color:#7d7468; font-size:13px; line-height:1.5; }
.hero-card,.status-card { padding:28px; background:var(--white); border:1px solid var(--line); border-radius:22px; box-shadow:0 22px 70px rgba(29,37,45,.10); } .outcome-card { border-top:6px solid var(--green); } .check-list,.x-list { margin:0; padding-left:0; list-style:none; color:var(--muted); line-height:1.55; } .check-list li,.x-list li { position:relative; padding-left:28px; margin:0 0 12px; } .check-list li:before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:900; } .x-list li:before { content:"—"; position:absolute; left:0; color:#9a6a2f; font-weight:900; } .check-list.large { font-size:20px; } .mini-metric,.summary-stat { margin-top:20px; padding:18px; border-radius:14px; background:#f3eee4; } .mini-metric strong,.mini-metric span,.summary-stat span,.summary-stat strong,.summary-stat small { display:block; } .mini-metric span,.summary-stat small { color:var(--muted); line-height:1.5; }
.band { padding:clamp(48px,7vw,88px) clamp(20px,4vw,56px); background:var(--green); color:var(--white); } .band .section-kicker { color:var(--green-soft); } .band-light { background:#f3eee4; } .band-light p { color:var(--muted); }
.deliverable,.included-grid,.fit,.intake,.proof-path,.audience,.seo-answer-section { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(28px,5vw,64px); padding:clamp(56px,8vw,104px) clamp(20px,4vw,56px); border-top:1px solid var(--line); } .start-panel { display:grid; grid-template-columns:.64fr 1.36fr; gap:clamp(24px,4vw,48px); align-items:start; padding:clamp(28px,5vw,56px) clamp(20px,4vw,56px); border:1px solid var(--line); background:var(--green); color:var(--white); } .start-copy p { color:var(--green-soft); font-size:18px; line-height:1.6; } .start-panel .section-kicker { color:var(--gold); } .start-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .start-steps article { padding:22px; border:1px solid rgba(207,232,227,.34); border-radius:16px; background:rgba(255,255,255,.08); } .start-steps span { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; margin-bottom:12px; border-radius:999px; background:var(--gold); color:var(--green); font-weight:950; } .start-steps p { color:var(--green-soft); line-height:1.55; margin-bottom:0; } .start-actions { grid-column:2; display:flex; flex-wrap:wrap; gap:12px; } .deliverable-grid,.fit-grid,.proof-cards,.faq-grid,.status-grid,.insight-grid,.topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .deliverable-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .six-pack { grid-template-columns:repeat(3,minmax(0,1fr)); }
.deliverable-grid article,.fit-grid article,.proof-cards article,.faq-grid article,.two-col-list article,.insight-grid article,.topic-grid article,.metric-grid div { padding:24px; background:var(--white); border:1px solid var(--line); border-radius:14px; } .deliverable-grid span,.proof-cards span,.timeline span,.report-block span { color:var(--green); font-weight:950; } .deliverable-grid p,.fit-grid ul,.proof-cards p,.faq-grid p,.compact-list,.score-table p,.timeline p,.blueprint p,.insight-grid p,.topic-grid p,.metric-grid span { color:var(--muted); line-height:1.58; } .proof-cards span,.timeline span { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; margin-bottom:14px; border-radius:999px; background:var(--green-soft); }
.tools-section { display:block; } .tools-intro { max-width:960px; margin-bottom:28px; } .tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .tool-card { padding:24px; background:#fff; color:var(--ink); border-radius:16px; border:1px solid rgba(255,255,255,.35); } .tool-card label { margin:14px 0; font-weight:750; color:#27323d; } .tool-card input[type="number"] { margin-top:8px; background:#f8f5ef; } .fit-tool label { display:flex; grid-template-columns:none; align-items:flex-start; gap:10px; color:var(--muted); line-height:1.45; } .fit-tool input { width:auto; margin-top:4px; } .result-box { margin-top:18px; padding:18px; background:#f3eee4; border:1px solid var(--line); border-radius:12px; } .result-box span,.result-box strong,.result-box small { display:block; } .result-box strong { margin:4px 0; font-size:30px; color:var(--green); } .result-box small { color:var(--muted); line-height:1.45; }
.answer-block { padding:22px; background:#fff; border-left:5px solid var(--green); border-radius:12px; } .topic-grid { align-self:start; }
.process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:32px 0 0; padding:0; list-style:none; } .process li { padding-top:18px; border-top:1px solid rgba(207,232,227,.45); color:var(--green-soft); line-height:1.6; } .process strong { display:block; color:var(--white); margin-bottom:8px; }
.two-col-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .preview-form { display:grid; gap:16px; padding:24px; background:var(--white); border:1px solid var(--line); border-radius:14px; } label { display:grid; gap:8px; color:#343b45; font-weight:750; } input,textarea,select { width:100%; border:1px solid var(--line); border-radius:8px; padding:12px 13px; color:var(--muted); background:#f7f4ee; font:inherit; } textarea { min-height:105px; resize:vertical; } button { min-height:46px; border:0; border-radius:8px; background:var(--green); color:var(--white); font:inherit; font-weight:850; cursor:pointer; } .call-outcome { margin-top:24px; padding:22px; background:var(--white); border:1px solid var(--line); border-radius:10px; } .call-outcome ul { margin:0; padding-left:20px; color:var(--muted); line-height:1.55; } .intake-agent-section { display:grid; grid-template-columns:.72fr 1fr .82fr; gap:clamp(20px,4vw,42px); align-items:start; max-width:1180px; margin:18px auto; padding:clamp(44px,6vw,76px) clamp(20px,4vw,56px); border:1px solid var(--line); border-radius:28px; background:#fffdf8; } .agent-intro p,.agent-result p,.agent-result li { color:var(--muted); line-height:1.6; } .agent-form,.agent-result { display:grid; gap:16px; padding:24px; background:var(--white); border:1px solid var(--line); border-radius:18px; box-shadow:0 1px 0 rgba(255,255,255,.8) inset; } .agent-checks { display:grid; gap:10px; margin:0; padding:16px; border:1px solid var(--line); border-radius:14px; background:#f8f5ef; } .agent-checks legend { padding:0 6px; color:var(--green); font-weight:900; } .agent-checks label { display:flex; grid-template-columns:none; align-items:flex-start; gap:10px; color:var(--muted); line-height:1.45; } .agent-checks input { width:auto; margin-top:4px; } .agent-score { display:inline-grid; gap:2px; align-self:start; padding:16px 18px; border-radius:16px; background:var(--green-soft); color:var(--green); } .agent-score strong { font-size:30px; } .agent-result ul { padding-left:20px; margin-top:0; } .handoff-form { grid-column:2 / span 2; } .consent-line { display:flex; grid-template-columns:none; align-items:flex-start; gap:10px; color:var(--muted); line-height:1.45; } .consent-line input { width:auto; margin-top:4px; }
.report-hero { padding:clamp(48px,8vw,96px) clamp(20px,4vw,56px) 32px; max-width:1180px; } .report-layout { display:grid; grid-template-columns:350px 1fr; gap:clamp(28px,5vw,64px); padding:0 clamp(20px,4vw,56px) clamp(56px,8vw,104px); } .report-summary { position:sticky; top:100px; align-self:start; padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--white); } .report-summary h2 { font-size:30px; } .report-summary p { color:var(--muted); line-height:1.6; } .report-stack { display:grid; gap:18px; } .report-block { padding:26px; border:1px solid var(--line); border-radius:14px; background:var(--white); } .report-block.warning { background:var(--warn); } .compact-list { margin-bottom:0; padding-left:20px; } .compact-list li + li { margin-top:8px; }
table { width:100%; border-collapse:collapse; margin-top:18px; font-size:14px; } th,td { text-align:left; padding:14px; border-bottom:1px solid var(--line); vertical-align:top; } th { color:var(--green); }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:18px; background:var(--white); box-shadow:var(--shadow); }
.feature-table { min-width:860px; margin-top:0; font-size:14px; }
.feature-table th { background:#f3eee4; color:var(--green); font-size:12px; letter-spacing:.07em; text-transform:uppercase; }
.feature-table td:first-child { color:var(--green); font-weight:900; }
.product-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; max-width:1180px; margin:0 auto; padding:clamp(24px,4vw,42px); border:1px solid var(--line); border-radius:28px; }
.product-summary article { padding:24px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.product-summary h2 { font-size:clamp(28px,3.2vw,42px); margin-bottom:8px; }
.product-summary p { color:var(--muted); line-height:1.55; margin-bottom:0; }
.product-table-section { align-items:start; }
.timeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:clamp(20px,4vw,56px) clamp(20px,4vw,56px) clamp(56px,8vw,104px); } .timeline article { padding:26px; border:1px solid var(--line); border-radius:10px; background:var(--white); }
.score-table,.blueprint,.workflow-map,.os-grid,.ticket-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .score-table.three { grid-template-columns:repeat(3,minmax(0,1fr)); } .score-table div,.blueprint article,.workflow-map div,.os-grid div,.ticket-grid div { padding:18px; border:1px solid var(--line); border-radius:10px; background:#f8f5ef; } .workflow-map .highlight { background:#e8f5ef; border-color:#b5d8cc; } .score-table strong,.blueprint strong,.workflow-map strong,.ticket-grid strong { color:var(--green); }
.status-grid { padding:0 clamp(20px,4vw,56px) clamp(56px,8vw,104px); } .status-card h2 { font-size:26px; letter-spacing:-.02em; } .status-card.ready { background:var(--ok); } .status-card.partial { background:var(--blue); } .status-card.gated { background:var(--warn); } .status-card.next { background:var(--white); } .metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .metric-grid strong,.metric-grid span { display:block; } .metric-grid strong { color:var(--green); margin-bottom:8px; }
.value-proof { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(28px,5vw,64px); padding:clamp(56px,8vw,104px) clamp(20px,4vw,56px); border-top:1px solid var(--line); background:#fffdf8; } .value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .value-grid article,.guarantee-box { padding:24px; background:var(--white); border:1px solid var(--line); border-radius:10px; } .value-grid strong { display:block; color:var(--green); font-size:18px; margin-bottom:8px; } .value-grid span { display:block; color:#7b4e12; font-weight:850; margin-bottom:10px; line-height:1.4; } .value-grid p,.guarantee-box p { color:var(--muted); line-height:1.58; } .guarantee-box { margin-top:16px; background:#f3eee4; } .value-callout { background:#fffdf0; }
.faq-index { display:flex; gap:10px; flex-wrap:wrap; padding:0 clamp(20px,4vw,56px) 28px; } .faq-index a { padding:10px 14px; background:#fff; border:1px solid var(--line); border-radius:999px; text-decoration:none; color:var(--green); font-weight:800; } .faq-section { padding:clamp(44px,6vw,76px) clamp(20px,4vw,56px); border-top:1px solid var(--line); } .faq-section h2 { max-width:980px; } details { max-width:980px; margin:12px 0; padding:18px 20px; background:#fff; border:1px solid var(--line); border-radius:12px; } summary { cursor:pointer; font-weight:900; color:var(--green); } details p { margin:12px 0 0; color:var(--muted); line-height:1.65; font-size:17px; }
.decision-box { padding:16px; background:#e8f5ef; border:1px solid #b5d8cc; border-radius:10px; color:#17413b; } .os-block { border-top:6px solid var(--green); } .prompt-pack { display:grid; gap:14px; } .prompt-pack div { border:1px solid var(--line); border-radius:12px; background:#f8f5ef; padding:16px; } pre { white-space:pre-wrap; overflow:auto; background:#102725; color:#e9fff9; padding:16px; border-radius:10px; font-size:13px; line-height:1.5; } .sop-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .sop-list section { padding:18px; background:#f8f5ef; border:1px solid var(--line); border-radius:10px; }

.primary-nav { align-items:center; } .nav-cta { padding:10px 14px; border-radius:10px; background:var(--green); color:var(--white); font-weight:850; } .nav-menu { position:relative; } .nav-menu summary { list-style:none; cursor:pointer; color:var(--muted); } .nav-menu summary::-webkit-details-marker { display:none; } .nav-menu summary:after { content:"▾"; margin-left:6px; font-size:11px; } .nav-dropdown { position:absolute; right:0; top:calc(100% + 12px); width:min(560px, calc(100vw - 32px)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; background:var(--white); border:1px solid var(--line); border-radius:16px; box-shadow:0 22px 70px rgba(29,37,45,.14); } .nav-dropdown a { display:grid; gap:3px; padding:12px; border-radius:10px; color:var(--ink); } .nav-dropdown a:hover { background:#f3eee4; color:var(--green); } .nav-dropdown strong { font-size:14px; } .nav-dropdown span { color:var(--muted); font-size:12px; line-height:1.35; } .footer-nav { display:flex; flex-wrap:wrap; gap:12px 16px; } .site-footer>div { max-width:460px; }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding:28px clamp(20px,4vw,56px); border-top:1px solid var(--line); color:var(--muted); font-size:14px; } footer p { margin:0; }
@media (max-width:980px) { .site-header { align-items:flex-start; flex-direction:column; } .primary-nav { width:100%; } .nav-dropdown { position:static; width:100%; grid-template-columns:1fr; margin-top:10px; } .nav-cta { display:inline-flex; } .hero,.start-panel,.deliverable,.included-grid,.fit,.intake,.proof-path,.report-layout,.product-summary,.audience,.seo-answer-section,.value-proof,.intake-agent-section { grid-template-columns:1fr; } .start-actions { grid-column:auto; } .process ol,.deliverable-grid,.fit-grid,.proof-cards,.faq-grid,.status-grid,.timeline,.score-table,.score-table.three,.blueprint,.two-col-list,.tool-grid,.insight-grid,.topic-grid,.value-grid,.workflow-map,.os-grid,.ticket-grid,.sop-list,.metric-grid,.start-steps { grid-template-columns:1fr; } .report-summary { position:static; } table { display:block; overflow-x:auto; white-space:normal; } h1 { font-size:clamp(40px,12vw,64px); } .result-box strong { font-size:24px; } }

/* IA + visual redesign pass: buyer-safe navigation and warmer service-brand styling. */
:root {
  --surface:#ffffff;
  --warm:#f7f3ea;
  --green-2:#255f53;
  --shadow:0 18px 52px rgba(35, 42, 38, .08), 0 2px 8px rgba(35, 42, 38, .05);
}
body { background:var(--paper); color:var(--ink); }
.site-header {
  max-width:1180px; margin:14px auto 0; border:1px solid rgba(230,223,211,.9);
  border-radius:18px; padding:12px 14px 12px 18px; background:rgba(255,253,248,.88);
  box-shadow:0 12px 32px rgba(30,37,34,.06); backdrop-filter:blur(16px);
}
.brand { color:var(--green); font-size:18px; letter-spacing:-.035em; }
.primary-nav { align-items:center; gap:4px; flex-wrap:nowrap; }
.primary-nav > a, .nav-menu > summary {
  min-height:40px; height:40px; display:inline-flex; align-items:center; border-radius:999px; padding:0 13px;
  color:#4f5a56; font-size:14px; font-weight:750; text-decoration:none; cursor:pointer; list-style:none;
  border:0!important; background:transparent; box-shadow:none; width:auto;
}
.nav-menu > summary::-webkit-details-marker { display:none; }
.primary-nav > a:hover, .nav-menu > summary:hover { background:var(--warm); color:var(--green); }
.nav-cta { background:var(--green)!important; color:#fff!important; padding-inline:16px!important; }
.nav-menu { position:relative; display:inline-flex; align-items:center; height:40px; padding:0; margin:0; border:0; }
.nav-menu:not([open]) .nav-panel { display:none; }
.nav-panel {
  position:absolute; right:0; top:calc(100% + 10px); width:min(520px, calc(100vw - 36px)); display:grid; gap:6px;
  padding:10px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:var(--shadow); z-index:30;
}
.nav-panel a { display:grid; gap:3px; padding:13px; border-radius:12px; text-decoration:none; }
.nav-panel a:hover { background:var(--warm); }
.nav-panel strong { color:var(--green); font-size:15px; }
.nav-panel span { color:var(--muted); font-size:13px; line-height:1.35; }
.hero, .start-panel, .deliverable, .included-grid, .fit, .intake, .proof-path, .audience, .seo-answer-section, .value-proof, .band { max-width:1180px; margin:0 auto; }
.hero { padding-top:clamp(62px,9vw,116px); }
.upgraded-hero { background:linear-gradient(180deg,#fffdf8 0%,#fbf7ef 100%); border-radius:0 0 28px 28px; }
h1 { max-width:780px; font-size:clamp(46px,6.4vw,76px); letter-spacing:-.065em; }
h2 { letter-spacing:-.045em; }
.lede { max-width:720px; color:#53615c; font-size:20px; line-height:1.62; }
.button { border-radius:999px; transition:transform .16s ease, box-shadow .16s ease, background .16s ease; }
.button:hover { transform:translateY(-1px); }
.primary { background:var(--green); box-shadow:0 14px 28px rgba(22,63,56,.18); }
.secondary { background:#fff; border-color:var(--line); color:var(--green); }
.hero-card,.status-card,.deliverable-grid article,.fit-grid article,.proof-cards article,.faq-grid article,.two-col-list article,.insight-grid article,.topic-grid article,.value-grid article,.guarantee-box,.tool-card,.report-block,.timeline article,.call-outcome,.preview-form {
  border-color:rgba(230,223,211,.95); border-radius:18px; box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}
.hero-card { box-shadow:var(--shadow); }
.outcome-card { border-top:0; position:relative; }
.outcome-card:before { content:""; position:absolute; inset:0 auto 0 0; width:6px; background:var(--green); border-radius:18px 0 0 18px; }
.section-kicker,.eyebrow,.card-label { letter-spacing:.11em; font-size:12px; color:var(--accent); }
.band { border-radius:28px; background:var(--green); box-shadow:var(--shadow); }
.band + section, section + .band { margin-top:18px; }
.band-light { background:var(--warm); border-radius:28px; border:1px solid var(--line); }
.tools-section { max-width:1180px; border-radius:28px; }
footer { max-width:1180px; margin:0 auto 32px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.footer-links { display:flex; flex-wrap:wrap; gap:14px; }
.footer-links a { color:var(--green); font-weight:800; text-decoration:none; }
@media (max-width:980px) {
  .site-header { margin:0; border-radius:0; border-left:0; border-right:0; }
  .primary-nav { width:100%; flex-wrap:wrap; }
  .nav-menu { position:static; }
  .nav-panel { position:static; width:100%; margin-top:6px; box-shadow:none; }
  .primary-nav > a, .nav-menu > summary { min-height:44px; }
  .hero, .start-panel, .deliverable, .included-grid, .fit, .intake, .proof-path, .report-layout,.product-summary,.audience,.seo-answer-section,.value-proof,.intake-agent-section { grid-template-columns:1fr; }
  .start-actions, .handoff-form { grid-column:auto; }
  .hero, .start-panel, .deliverable, .included-grid, .fit, .intake, .proof-path, .audience, .seo-answer-section, .value-proof, .band, .product-summary, .intake-agent-section { border-radius:0; }
}

/* Customer information architecture pass: one primary path, categorized support material. */
.primary-nav { align-items:center; gap:6px; }
.nav-panel.nav-panel-wide { width:min(720px, calc(100vw - 36px)); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.nav-group { display:grid; gap:4px; }
.nav-group > p { margin:2px 10px 6px; color:var(--accent); font-size:11px; font-weight:950; letter-spacing:.11em; text-transform:uppercase; }
.nav-group a { display:grid; gap:3px; padding:12px; border-radius:12px; color:var(--ink); }
.footer-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; min-width:min(680px,100%); }
.footer-group { display:grid; gap:8px; align-content:start; }
.footer-group p { margin:0 0 3px; color:var(--accent); font-size:11px; font-weight:950; letter-spacing:.11em; text-transform:uppercase; }
.footer-group a { color:var(--green); font-weight:800; text-decoration:none; }
.footer-group a:hover { text-decoration:underline; }
@media (max-width:980px) {
  .nav-panel.nav-panel-wide { grid-template-columns:1fr; width:100%; }
  .footer-nav { grid-template-columns:1fr; }
}
.report-cta { background:#fffdf0; border-color:#e6d2a8; }
.report-cta span { display:inline-flex; width:auto; height:auto; margin-bottom:10px; padding:7px 10px; border-radius:999px; background:var(--gold); color:var(--green); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.report-cta p { color:var(--muted); line-height:1.6; max-width:820px; }
.report-cta .actions { margin-bottom:0; }

/* True-phone viewport hardening: keep report grids, tables, accordions, and form choices usable on 360px–390px screens. */
.hero > *, .start-panel > *, .deliverable > *, .included-grid > *, .fit > *, .intake > *, .proof-path > *, .audience > *, .seo-answer-section > *, .value-proof > *, .intake-agent-section > *, .report-layout > *, .report-stack > *, .status-grid > *, .timeline > *, .product-summary > * { min-width:0; }
.report-hero, .report-layout, .report-summary, .report-block, .status-card, .preview-form, .agent-form, .agent-result { max-width:100%; overflow-wrap:anywhere; }
.table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
summary { min-height:44px; display:flex; align-items:center; }
.nav-menu > summary { min-height:44px; }
.faq-index a, .footer-group a, .proof-cards a, .deliverable-grid a, .topic-grid a, .insight-grid a, .feature-table a, .faq-section a { min-height:44px; display:inline-flex; align-items:center; }
.agent-checks label, .consent-line { min-height:44px; align-items:flex-start; }
.agent-checks input[type="checkbox"], .consent-line input[type="checkbox"] { width:18px; height:18px; flex:0 0 18px; }
@media (max-width:480px) {
  .report-hero { padding-top:44px; }
  .report-layout { padding-inline:12px; }
  .report-summary, .report-block, .preview-form, .agent-form, .agent-result { padding:18px; }
  .report-summary h2 { font-size:clamp(24px,7vw,30px); }
  table:not(.feature-table) { table-layout:fixed; font-size:12px; }
  th, td { padding:10px 8px; overflow-wrap:anywhere; }
}