/* PATCH_021 — same component rhythm, color, typography and spacing as V3 homepage. */

.ep-header{height:76px;background:#fff}
.ep-header .ep-nav a{font-weight:620}
.ep-header .ep-header-cta{border-radius:999px;background:#171819;border-color:#171819;padding:13px 20px}
.ep-header .ep-header-cta:hover{background:#373a38}
.ep-header .ep-brand-word{color:#597b61;letter-spacing:.02em;text-transform:none;font-weight:740}

.v21-page{background:#fff}
.v21-page h1 span{color:#5e8d70}
.v21-page h2{color:#202723}
.v21-page .v3-hero{padding-top:72px;padding-bottom:105px}
.v21-page .v3-hero-content{padding-top:37px}
.v21-page .v3-hero h1{font-size:clamp(50px,5vw,73px);letter-spacing:-.062em;max-width:660px}
.v21-page .v3-hero-copy{font-size:15px;max-width:545px}
.v21-page .v3-hero-grid{grid-template-columns:1.03fr 1fr;gap:clamp(44px,6vw,100px)}
.v21-page .v3-visual{min-height:570px;background:#c8ddd3;border-radius:7px;padding:36px 32px}
.v21-page .v3-visual-note{font-size:9px;color:#4e735d}
.v21-page .v3-mini-label{color:#7c847d}
.v21-page .v3-benefits article{border-top:1px solid #d9ded8}
.v21-page .v3-benefits h3{font-weight:580}
.v21-page .v3-opportunity{padding:99px 0 116px;background:#fafaf8}
.v21-page .v3-process{padding-top:108px;padding-bottom:123px}
.v21-page .v3-managed{background:#f1f4f0}
.v21-page .v3-bottom-cta{background:#fafaf8}
.v21-page .v3-bottom-cta h2{max-width:800px}

/* Actual product-style examples: one carefully built screen in each hero. */
.v21-conversation{width:min(423px,100%);background:#fff;border:1px solid #dbe1da;border-radius:17px;box-shadow:0 21px 55px rgba(45,74,58,.11);overflow:hidden}
.v21-conversation-head{display:flex;align-items:center;gap:11px;padding:18px 23px;border-bottom:1px solid #ecefeb;min-height:79px}
.v21-small-avatar{display:flex;width:44px;height:47px;flex:none;align-items:center;justify-content:center;overflow:hidden}
.v21-small-avatar svg{width:42px;height:49px}
.v21-conversation-head strong{font-size:12px;color:#252b25;display:block;line-height:1.3}
.v21-conversation-head small{font-size:9px;color:#8b928c;display:block;margin-top:5px}
.v21-conversation-menu{font-size:15px;letter-spacing:.1em;color:#9ca39b;margin-left:auto}
.v21-conversation-body{padding:34px 25px 26px}
.v21-speaker-label{font-size:9px;color:#64876c;font-weight:750;letter-spacing:.14em}
.v21-conversation-body h3{font-size:clamp(24px,2.4vw,30px);line-height:1.24;font-weight:550;letter-spacing:-.045em;margin:14px 0 12px}
.v21-conversation-body>p{font-size:11px;color:#899189;line-height:1.65;margin:0 0 28px}
.v21-choice{display:flex;align-items:center;gap:12px;padding:16px 14px;border:1px solid #e2e6df;border-radius:8px;font-size:11px;color:#303a32;margin-top:9px}
.v21-choice:first-of-type{border-color:#9ab6a0;background:#f7faf6}
.v21-choice-radio{width:15px;height:15px;border:1px solid #c5cec4;border-radius:50%;flex:none}
.v21-choice-on{border-color:#719c7c;background:#719c7c;box-shadow:inset 0 0 0 4px #fff}
.v21-choice b{margin-left:auto;color:#5f8c6a;font-size:12px}
.v21-conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eef0ed;margin-top:34px;padding-top:19px;font-size:9px;color:#a0a69e}
.v21-conversation-bottom strong{font-size:10px;font-weight:700;color:#325840;white-space:nowrap}

.v21-plan-window,.v21-research-window,.v21-meeting-window{background:#fff;border:1px solid #dde4dc;box-shadow:0 20px 55px rgba(45,74,58,.09);width:min(440px,100%);padding:29px 32px;border-radius:10px}
.v21-preview-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;color:#7b917f;font-weight:750;letter-spacing:.1em;border-bottom:1px solid #e8ebe6;padding-bottom:22px}
.v21-plan-window h3,.v21-research-window h3,.v21-meeting-window h3{font-size:clamp(25px,2.7vw,37px);font-weight:560;line-height:1.2;letter-spacing:-.05em;margin:25px 0 12px}
.v21-plan-window>p,.v21-research-window>p,.v21-meeting-window>p{color:#828b82;font-size:11px;line-height:1.7;margin:0 0 28px}
.v21-plan-lines>div{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;border-top:1px solid #edf0eb;padding:16px 0}
.v21-plan-lines>div>span,.v21-research-steps>div>span{color:#82a087;font-size:10px;font-weight:700}
.v21-plan-lines strong,.v21-research-steps strong{font-size:11px;font-weight:650;color:#303a33}
.v21-plan-lines small,.v21-research-steps small{font-size:9px;color:#909b91;text-align:right}
.v21-plan-footer,.v21-meeting-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#466f50;border-top:1px solid #e1e7e0;padding-top:18px;margin-top:15px}
.v21-plan-footer span,.v21-meeting-footer span{font-size:16px}
.v21-research-window{padding-bottom:28px}
.v21-research-window h3{margin-bottom:36px}
.v21-research-steps>div{display:grid;grid-template-columns:27px 1fr;gap:6px 13px;border-top:1px solid #ebeee9;padding:18px 0}
.v21-research-steps>div>span{grid-row:span 2;padding-top:3px}
.v21-research-steps small{text-align:left;grid-column:2;font-size:10px}
.v21-research-window>p{border-top:1px solid #e5ebe5;padding-top:18px;margin:12px 0 0;color:#5c8467;font-size:10px;font-weight:650}
.v21-meeting-avatar{height:91px;display:flex;align-items:center;justify-content:flex-start;margin-top:28px}
.v21-meeting-avatar svg{height:92px;width:80px}
.v21-meeting-window h3{margin-top:20px}
.v21-meeting-choice{border:1px solid #b9cdbb;background:#f7faf6;border-radius:8px;padding:17px 14px;display:flex;align-items:center;gap:14px}
.v21-meeting-choice>span{color:#628c6e;font-size:17px}
.v21-meeting-choice strong{display:block;font-size:11px;font-weight:700}
.v21-meeting-choice small{font-size:9px;display:block;margin-top:5px;color:#98a199}
.v21-meeting-footer{margin-top:27px}

/* Founders have the same three-column typography treatment as home benefits. */
.v21-founder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.v21-founder-grid article{border-top:1px solid #d6dad5;padding:28px 0 10px;min-width:0}
.v21-founder-grid article>span{font-size:10px;color:#8c928b;font-weight:700;letter-spacing:.08em}
.v21-founder-grid h3{font-size:clamp(22px,2.1vw,29px);font-weight:560;line-height:1.23;letter-spacing:-.045em;margin:28px 0 18px}
.v21-founder-grid p{font-size:13px;color:#6f7770;line-height:1.8;max-width:350px}
.v21-founders .v3-process-heading{margin-bottom:57px}
.v21-ajda-section .v3-inline-link{display:inline-block;margin-top:12px}
.v21-ajda-inline{display:inline-flex;margin-top:28px;height:110px}
.v21-ajda-inline svg{height:100px;width:85px}

/* Mission examples share the actual landing's calm product-shot treatment. */
.v21-mission-process .v3-process-step{padding-top:60px;padding-bottom:60px}
.v21-process-shot{min-height:320px}
.v21-budget-figure{font-size:55px;line-height:1;letter-spacing:-.065em;color:#29302c;font-weight:550;margin-top:43px}
.v21-budget-figure span{font-size:13px;letter-spacing:0;color:#839087;font-weight:450}
.v21-budget-track{height:5px;border-radius:999px;background:#e2e7e1;margin-top:34px;position:relative}
.v21-budget-track:before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;border-radius:999px;background:#6a9876}
.v21-budget-track span{position:absolute;left:32%;top:50%;height:16px;width:16px;background:#6b9877;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #6a9876}
.v21-budget-ticks{display:flex;justify-content:space-between;font-size:9px;color:#a1aaa0;margin-top:14px}
.v21-shot-note{margin:32px 0 0;color:#8a948a;font-size:10px}
.v21-partner-note{font-size:11px!important;color:#929a92!important;border-top:1px solid #d9e1d7;padding-top:17px;margin-top:26px!important}
.v21-contact-other .v3-inline-link{display:inline-block;margin-top:12px}

/* FAQ is a genuine content page, with exactly the homepage's accordion look. */
.v21-short-hero{padding:115px 0 85px;text-align:center}
.v21-short-hero h1{font-size:clamp(47px,5vw,74px);font-weight:550;letter-spacing:-.065em;line-height:1.12;margin:24px auto 22px}
.v21-short-hero>div>p{font-size:15px;line-height:1.78;color:#697169;max-width:590px;margin:0 auto}
.v21-faq{padding-top:35px}
.v21-faq .v3-faq-list summary{font-size:15px}
.v21-closing{border-top:1px solid #ecedea}

@media(max-width:1110px){
  .v21-page .v3-hero-grid{gap:35px}
  .v21-page .v3-visual{padding:23px;min-height:550px}
  .v21-plan-window,.v21-research-window,.v21-meeting-window{padding:25px 22px}
}
@media(max-width:780px){
  .v21-page .v3-hero{padding:44px 0 75px}
  .v21-page .v3-hero-grid{grid-template-columns:1fr;gap:38px}
  .v21-page .v3-hero-content{padding:0}
  .v21-page .v3-hero h1{font-size:clamp(42px,9vw,61px)}
  .v21-page .v3-visual{min-height:530px;padding:24px 20px}
  .v21-page .v3-opportunity{padding:70px 0}
  .v21-page .v3-process{padding:76px 0}
  .v21-founder-grid{grid-template-columns:1fr;gap:18px}
  .v21-founder-grid article{padding:25px 0 12px}
  .v21-founder-grid h3{margin:14px 0;font-size:25px}
  .v21-founder-grid p{max-width:540px}
  .v21-page .v3-process-heading{margin-bottom:35px}
  .v21-short-hero{padding:82px 0 60px}
  .v21-faq{padding-top:25px}
  .v21-page .v3-benefits{gap:20px}
}
@media(max-width:540px){
  .v21-page .v3-hero h1{font-size:44px}
  .v21-page .v3-visual{min-height:515px;padding:18px 12px 36px}
  .v21-conversation{border-radius:13px}
  .v21-conversation-body{padding:26px 19px 22px}
  .v21-conversation-body h3{font-size:24px}
  .v21-plan-window,.v21-research-window,.v21-meeting-window{padding:22px 19px}
  .v21-plan-lines>div{grid-template-columns:20px 1fr;gap:3px 8px}
  .v21-plan-lines small{grid-column:2;text-align:left}
  .v21-page .v3-process-step{padding:32px 0}
  .v21-page .v3-product-shot{padding:23px 19px}
  .v21-page .v3-section-intro h2,.v21-page .v3-process-heading h2{font-size:35px}
  .v21-short-hero h1{font-size:43px}
}
@media(prefers-reduced-motion:reduce){.v21-page *{animation:none!important;transition:none!important}}