/* Company IA: Home + Content OS + Growth Studio + cross-offer routing. V6.3 tokens: paper, ink, coral, violet. Mobile first. */
.co-home,.co-page,.co-section,.co-hero{--co-ink:var(--v6-ink,#11110f);--co-paper:var(--v6-paper,#fbfaf8);--co-soft:var(--v6-soft,#f4f2ee);--co-line:var(--v6-line,#e7e3de);--co-muted:var(--v6-muted,#6b6762);--co-coral:var(--v6-coral,#ed765b);--co-coral-text:#ae4f3a;--co-violet:var(--v6-violet,#8a76ff)}
.co-section,.co-hero{color:var(--co-ink);background:var(--co-paper);padding:60px 16px;line-height:1.75;overflow-wrap:anywhere}
.co-section *,.co-hero *{box-sizing:border-box}
.co-soft{background:var(--co-soft)}
.co-wrap{max-width:1160px;margin:0 auto}
.co-narrow{max-width:820px}
.co-kicker{margin:0 0 12px;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--co-coral-text);text-transform:uppercase}
.co-section h2,.co-hero h1{font-family:inherit;font-weight:850;letter-spacing:-.03em;line-height:1.25;color:var(--co-ink);margin:0 0 16px}
.co-hero h1{font-size:clamp(30px,4.4vw,54px)}
.co-keep{white-space:nowrap}
.co-product-hero h1{font-size:clamp(30px,3.8vw,48px)}
.co-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ef8a68,#8f7cff,#6fa1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.co-section h2{font-size:clamp(26px,3.2vw,40px)}
.co-section h3{font-size:clamp(20px,2vw,24px);line-height:1.35;font-weight:850;margin:0 0 8px;letter-spacing:-.02em}
.co-lead{font-size:clamp(16px,1.6vw,19px);color:var(--co-muted);max-width:720px;margin:0 0 16px}
.co-note{font-size:13px;color:var(--co-muted);margin:14px 0 0}
.co-heading{max-width:780px;margin-bottom:28px}
.co-heading-row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px}
.co-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.co-section a:focus-visible,.co-hero a:focus-visible,.co-section summary:focus-visible{outline:3px solid var(--co-violet);outline-offset:3px}

.co-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:999px;border:1px solid var(--co-ink);font:inherit;font-size:15px;font-weight:800;line-height:1.4;text-decoration:none;text-align:center;transition:transform .15s}
.co-btn:hover{transform:translateY(-1px)}
.co-btn-dark{background:var(--co-ink);color:#fff}
.co-btn-light{background:#fff;color:var(--co-ink);border-color:var(--co-line)}
.co-link{font-weight:800;color:var(--co-ink);text-underline-offset:5px}
.co-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:22px}
.co-status{display:inline-block;padding:2px 10px;border-radius:999px;background:#f0edff;color:#5a46c9;font-size:12px;font-weight:800;line-height:1.7;white-space:nowrap;font-style:normal}
.co-status-open{background:#fff1ec;color:var(--co-coral-text)}
.co-status-muted{background:var(--co-soft);color:var(--co-muted)}

/* Hero */
.co-hero{padding-top:104px;background:radial-gradient(circle at 8% 85%,rgba(237,118,91,.13),transparent 38%),radial-gradient(circle at 95% 15%,rgba(138,118,255,.15),transparent 40%),var(--co-paper)}
.co-hero-grid,.co-product-grid{display:grid;gap:32px;align-items:center}
.co-hero-paths{display:grid;gap:10px}
.co-hero-paths a{display:block;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--co-line);color:var(--co-ink);text-decoration:none;box-shadow:0 12px 36px rgba(17,17,15,.05);transition:border-color .15s,transform .15s}
.co-hero-paths a:hover{border-color:var(--co-coral);transform:translateY(-2px)}
.co-hero-paths small{display:block;font-size:12px;font-weight:800;color:var(--co-coral-text)}
.co-hero-paths b{display:block;font-size:19px;margin:2px 0}
.co-hero-paths span{display:block;font-size:14px;color:var(--co-muted);line-height:1.6}
.co-pills{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.co-pills li{padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--co-line);font-size:13px;font-weight:800}

/* Offer cards */
.co-offers{display:grid;gap:16px}
.co-offer{display:flex;flex-direction:column;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--co-line);box-shadow:0 18px 50px rgba(17,17,15,.05);position:relative;overflow:hidden;scroll-margin-top:96px}
.co-offer::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--co-coral)}
.co-offer-mew-edit::before{background:var(--co-violet)}
.co-offer-growth-studio::before{background:var(--co-ink)}
.co-offer-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.co-kind{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--co-muted)}
.co-what{font-size:16px;font-weight:700;margin:0 0 14px}
.co-offer dl{margin:0 0 20px;display:grid;gap:10px}
.co-offer dl div{display:grid;gap:2px;padding-top:10px;border-top:1px dashed var(--co-line)}
.co-offer dt{font-size:12px;font-weight:900;color:var(--co-coral-text)}
.co-offer dd{margin:0;font-size:15px;color:var(--co-muted);line-height:1.65}
.co-offer .co-btn{margin-top:auto;align-self:flex-start}
.co-modules{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.co-modules li{display:flex;gap:6px;align-items:baseline;padding:5px 10px;border-radius:10px;background:var(--co-soft);font-size:13px}
.co-modules b{font-size:11px;letter-spacing:.08em;color:var(--co-coral-text)}

/* Availability */
.co-access{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.co-access li{display:grid;gap:4px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--co-line)}
.co-access li>b{font-size:18px}
.co-access .co-status{justify-self:start}
.co-access p{margin:4px 0;font-size:15px;color:var(--co-muted)}
.co-access a{font-weight:800;color:var(--co-ink)}

/* Steps / resources / grids */
.co-steps,.co-grid3,.co-grid4{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.co-steps li,.co-grid3 li,.co-grid4 li{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--co-line)}
.co-steps{counter-reset:step}
.co-steps li{counter-increment:step;position:relative;padding-left:62px}
.co-steps li::before{content:counter(step);position:absolute;left:20px;top:20px;width:28px;height:28px;border-radius:50%;background:var(--co-ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.co-steps b,.co-grid3 b,.co-grid4 b{display:block;font-size:17px;margin-bottom:4px}
.co-steps span,.co-grid3 span,.co-grid4 span{display:block;font-size:15px;color:var(--co-muted);line-height:1.65}
.co-grid4 small{font:800 12px ui-monospace,monospace;color:var(--co-coral-text)}
.co-services li{display:flex;flex-direction:column;gap:6px}
.co-services .co-fit{font-size:13px;font-weight:700;color:var(--co-ink)}
.co-services a{margin-top:auto;font-weight:800;color:var(--co-ink)}
.co-resources{display:grid;gap:12px}
.co-resources a{display:block;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--co-line);color:var(--co-ink);text-decoration:none;transition:border-color .15s}
.co-resources a:hover{border-color:var(--co-coral)}
.co-resources small{display:block;font-size:12px;font-weight:800;color:var(--co-coral-text)}
.co-resources b{display:block;font-size:18px;margin:6px 0}
.co-resources span{display:block;font-size:14px;color:var(--co-muted)}

/* Choose-your-path (light card: no dark band, no notch) */
.co-choose-card{display:grid;gap:20px;padding:28px 22px;border-radius:28px;background:#fff;border:1px solid var(--co-line);box-shadow:0 24px 70px rgba(17,17,15,.06)}
.co-choose-card h2{margin-bottom:8px}
.co-choose-actions{display:grid;gap:10px}
.co-choose-actions .co-btn{width:100%}

/* Product pages */
.co-product-hero{padding-bottom:48px}
.co-product-grid .p0-signup{margin:0}
.co-aside{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--co-line);box-shadow:0 18px 50px rgba(17,17,15,.05)}
.co-modules-wide{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.co-modules-wide li{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--co-line)}
.co-modules-wide small{font:800 12px ui-monospace,monospace;color:var(--co-coral-text);letter-spacing:.06em}
.co-modules-wide b{font-size:20px}
.co-modules-wide span{font-size:15px;color:var(--co-muted);line-height:1.65}
.co-modules-wide .co-status{align-self:flex-start}
.co-modules-wide a{font-weight:800;color:var(--co-ink);margin-top:auto}
.co-brain{margin-top:16px;padding:20px 22px;border-radius:20px;background:#fff;border:1px dashed #cfc9c1}
.co-brain p:last-child{margin:0;color:var(--co-muted)}
.co-brain b{color:var(--co-ink)}
.co-two{display:grid;gap:16px}
.co-panel{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--co-line)}
.co-panel h3{margin-top:12px}
.co-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.co-check li{position:relative;padding-left:26px;font-size:15px;line-height:1.65}
.co-check li::before{content:"✓";position:absolute;left:2px;top:0;font-weight:900;color:var(--co-coral-text)}
.co-check-muted li::before{content:"○";color:var(--co-muted)}
.co-table-wrap{overflow-x:auto;border-radius:20px;border:1px solid var(--co-line);background:#fff;-webkit-overflow-scrolling:touch}
.co-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;line-height:1.6}
.co-table th,.co-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--co-line)}
.co-table thead th{background:var(--co-soft);font-size:13px}
.co-table thead th:last-child{background:#fff1ec}
.co-table tbody th{font-weight:800;width:20%}
.co-table td:last-child{font-weight:600}
.co-table .co-status{margin-top:4px}
.co-faq details{border-bottom:1px solid var(--co-line);padding:16px 0}
.co-faq summary{font-weight:800;cursor:pointer}
.co-faq details p{margin:10px 0 0;color:var(--co-muted)}

/* Cross-offer routing */
.co-routing-grid{display:grid;gap:12px}
.co-route{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--co-line);color:var(--co-ink);text-decoration:none;transition:border-color .15s}
.co-route:hover{border-color:var(--co-coral)}
.co-route small{font-size:12px;font-weight:800;color:var(--co-coral-text)}
.co-route b{font-size:18px}
.co-route span{font-size:14px;color:var(--co-muted)}
.co-route em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:800;font-size:14px}

/* Module pages: parent link */
.sales-module-parent{margin:0 0 10px}
.sales-module-parent a{display:inline-block;padding:4px 12px;border-radius:999px;background:#f0edff;color:#5a46c9;font-size:13px;font-weight:800;text-decoration:none}

@media (min-width:760px){
  .co-section,.co-hero{padding:84px 24px}
  .co-hero{padding-top:140px}
  .co-hero-grid{grid-template-columns:1.25fr 1fr;gap:56px}
  .co-product-grid{grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
  .co-offers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .co-access{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-steps,.co-grid3,.co-resources,.co-routing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .co-routing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .co-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-modules-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
  .co-process{grid-template-columns:repeat(4,minmax(0,1fr))}
  .co-two{grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  .co-choose-card{grid-template-columns:1.1fr 1fr;align-items:center;padding:44px}
}
@media (min-width:1100px){
  .co-access{grid-template-columns:repeat(4,minmax(0,1fr))}
  .co-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Original concept diagrams (src/templates/explainers.mjs) */
.mew-explainer{margin:8px 0 20px}
.mew-explainer-frame{border-radius:24px;border:1px solid var(--v6-line,#e7e3de);background:#fbfaf8;overflow:hidden;box-shadow:0 18px 50px rgba(17,17,15,.05)}
.mew-explainer-frame svg{display:block;width:100%;height:auto}
.mew-explainer figcaption{margin-top:10px;font-size:13px;color:var(--v6-muted,#6b6762);line-height:1.6}
.mew-explainer figcaption span{display:inline-block;margin-right:8px;padding:1px 10px;border-radius:999px;background:#f0edff;color:#5a46c9;font-weight:800;font-size:12px}
.co-grid3 li a{display:inline-block;margin-top:8px;font-weight:800;color:var(--co-ink)}
/* Below 760px the same content is in the module / story cards; a shrunken diagram would be unreadable. */
@media (max-width:759px){.mew-explainer{display:none}}

.co-section h2,.co-hero h1{text-wrap:balance}
/* Contrast (WCAG AA for small text) on shared components used inside offer pages. */
.p0-signup .v6-kicker,.co-page .v6-kicker{color:#ae4f3a}
.rf .rf-fieldnote small{color:#f3c2a6}