/* Erekio responsive system — loaded last to keep every page on one scale. */
@media (min-width:821px) and (max-width:1280px){
  .topbar,.topbar.scrolled{padding-inline:24px!important;gap:20px!important}
  .topbar .navlinks{gap:16px!important;font-size:14px!important}
  .topbar .navright{gap:7px!important}
  .topbar .nav-login{font-size:13px!important}
  .topbar .btn-small{padding-inline:11px!important;font-size:13px!important}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;padding-inline:32px!important}
  .hero h1{font-size:clamp(42px,4.1vw,52px)!important;letter-spacing:-.055em!important}
  .hero-copy>p{max-width:560px!important;font-size:clamp(15px,1.35vw,17px)!important}
  .hero-video-stage{padding-left:22px!important;transform:translate(0,-8px)!important}
  .hero-video-shell{width:min(540px,100%)!important}
  .home-page .proof-band{margin-inline:24px!important}
}

/* PME hero: viewport-aware height with true vertical centering below the navbar. */
.founder-solution .founder-hero{
  box-sizing:border-box!important;
  min-height:clamp(560px,calc(100svh - 88px),720px)!important;
  padding:64px 0!important;
  display:flex!important;
  align-items:center!important;
}
.founder-solution .founder-hero-grid{width:100%!important}
.founder-solution .founder-hero h1{max-width:1000px!important;font-size:clamp(46px,5vw,68px)!important}
@media(min-width:621px){
  .founder-solution .founder-hero-grid{max-width:1100px!important}
  .founder-solution .founder-hero-lead{max-width:920px!important}
}
@media(max-width:620px){
  .founder-solution .founder-hero{
    min-height:calc(100svh - 68px)!important;
    padding:56px 0!important;
  }
  .founder-solution .founder-hero h1 br{display:none}
}

/* Agency hero: reserve the navbar height and center the complete hero content. */
.org-agency .org-agency-hero{
  box-sizing:border-box!important;
  min-height:clamp(560px,calc(100svh - 88px),720px)!important;
  padding:64px 0!important;
  display:flex!important;
  align-items:center!important;
}
.org-agency .org-agency-hero-grid{width:100%!important}
@media(max-width:620px){.org-agency .org-agency-hero{min-height:calc(100svh - 68px)!important;padding:56px 0!important}}
.org-agency .agency-principle-head{display:block!important}
.org-agency .agency-principle-head h2{max-width:none!important}
.org-agency .agency-principle-head>p{max-width:100%!important;margin:22px 0 0!important}
.org-agency .agency-deliverable{min-height:0!important;padding:26px!important;transition:none!important}
.org-agency .agency-deliverable h3{margin-top:30px!important;text-align:left!important}
.org-agency .agency-deliverable p{margin-top:10px!important;text-align:left!important}
@media(hover:hover){.org-agency .agency-deliverable:hover{transform:none!important;box-shadow:0 8px 20px rgba(20,75,41,.035)!important}}
.org-agency .agency-report-grid{align-items:center!important}
.org-agency .agency-report-grid .premium-product-visual{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.org-agency .agency-report-grid .premium-product-visual:before{display:none!important}
.org-agency .agency-report-grid .premium-product-visual img{min-height:0!important;object-fit:contain!important}
.org-agency .agency-report-grid .premium-product-visual{padding:0!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,249,242,.96))!important;filter:drop-shadow(0 22px 36px rgba(0,0,0,.18))!important}
.org-agency .agency-report-grid .premium-product-visual img{border-radius:28px!important;display:block!important}
@media(max-width:620px){.org-agency .agency-report-grid .premium-product-visual,.org-agency .agency-report-grid .premium-product-visual img{border-radius:20px!important}}
.blog-page .resource-hero{box-sizing:border-box;min-height:clamp(500px,calc(100svh - 88px),640px);padding:64px 0;display:flex;align-items:center}
.blog-page .resource-hero-inner{width:100%;max-width:900px}
@media(max-width:820px){.blog-page .resource-hero{min-height:calc(100svh - 68px);padding:56px 20px;display:flex;align-items:center}}

/* Team value cards: compact, stable cards without decorative movement or
   artificial gaps between the icon and the copy. */
.team-v2 .team-v2-logic article{min-height:0!important;padding:28px 26px 24px!important;display:flex;flex-direction:column;align-items:flex-start;transform:none!important;transition:none!important}
.team-v2 .team-v2-logic article:first-child{padding-left:0!important}
.team-v2 .team-v2-logic article:last-child{padding-right:0!important}
.team-v2 .team-v2-logic h3{margin:28px 0 0!important;max-width:280px;text-align:left!important}
.team-v2 .team-v2-logic p{margin:12px 0 0!important;max-width:290px;text-align:left!important}
@media(hover:hover){.team-v2 .team-v2-logic article:hover{transform:none!important;box-shadow:none!important;background:transparent!important}}
@media(max-width:620px){.team-v2 .team-v2-logic article,.team-v2 .team-v2-logic article:first-child,.team-v2 .team-v2-logic article:last-child{padding:24px 0!important}.team-v2 .team-v2-logic h3{margin-top:22px!important}}
.founder-solution .founder-week-move.no-phase{grid-template-columns:42px minmax(0,1fr)!important}
.founder-solution .founder-week-move.no-phase>.founder-week-copyline{grid-column:2!important}
@media(max-width:620px){.founder-solution .founder-week-move.no-phase{grid-template-columns:34px 1fr!important}.founder-solution .founder-week-move.no-phase>.founder-week-copyline{grid-column:2!important;grid-row:1!important}}

/* Team hero: same viewport-aware rhythm as the PME hero, without excess
   top spacing from the navbar. */
.team-v2 .team-v2-hero{
  box-sizing:border-box!important;
  min-height:clamp(560px,calc(100svh - 88px),720px)!important;
  padding:64px 0!important;
  display:flex!important;
  align-items:center!important;
}
.team-v2 .team-v2-hero-grid{width:100%!important}
@media(max-width:620px){
  .team-v2 .team-v2-hero{
    min-height:calc(100svh - 68px)!important;
    padding:56px 0!important;
  }
}

/* PME market section — a clearer value ladder with three compact, equal cards. */
.founder-solution .founder-truth{padding:118px 0 110px;background:#fff}
.founder-solution .founder-truth-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:92px;align-items:end}
.founder-solution .founder-truth-head h2{max-width:700px;margin-top:17px;font-size:clamp(40px,4.2vw,60px);line-height:.99;letter-spacing:-.065em}
.founder-solution .founder-truth-head>p{max-width:440px;margin:0;color:#587364;font-size:16px;line-height:1.65}
.founder-solution .founder-truth-head{display:block}
.founder-solution .founder-truth-head h2{max-width:none!important}
.founder-solution .founder-truth-head>p{max-width:none;margin-top:22px}
.founder-truth-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:58px}
.founder-truth-cards article{position:relative;display:flex;flex-direction:column;min-height:264px;padding:27px 26px 24px;border:1px solid #d4e8d9;border-radius:18px;background:linear-gradient(145deg,#fbfefc,#f1f9f3);box-shadow:0 14px 32px rgba(27,86,46,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.founder-truth-cards article:first-child{background:#103a27;border-color:#103a27;color:#fff;box-shadow:0 18px 38px rgba(16,58,39,.18)}
.founder-truth-cards article:hover{transform:translateY(-5px);border-color:#9bcaaa;box-shadow:0 20px 40px rgba(27,86,46,.11)}
.founder-truth-cards article:first-child:hover{border-color:#2f8150;box-shadow:0 22px 44px rgba(16,58,39,.24)}
.founder-truth-index{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e4f4e8;color:#2b8548;font:800 11px/1 Manrope,sans-serif}
.founder-truth-cards article:first-child .founder-truth-index{background:rgba(180,239,195,.14);color:#b9efc5}
.founder-truth-cards h3{margin:36px 0 10px;font-size:21px;line-height:1.1;letter-spacing:-.035em}
.founder-truth-cards p{margin:0;color:#5f7869;font-size:14px;line-height:1.58}
.founder-truth-cards article:first-child p{color:#c5ddcc}
.founder-truth-arrow{align-self:flex-end;margin-top:auto;color:#319050;font-size:18px;font-weight:700}
.founder-truth-cards article:first-child .founder-truth-arrow{color:#a9eab8}
.founder-truth-result{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:16px 20px;border-top:1px solid #dcebe0;color:#658071;font-size:12px;font-weight:700}
.founder-truth-result i{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#e4f5e8;color:#2d8a4a;font-style:normal}
@media(max-width:900px){.founder-solution .founder-truth-head{grid-template-columns:1fr;gap:28px}.founder-solution .founder-truth-head>p{max-width:650px}.founder-truth-cards{grid-template-columns:1fr;gap:12px}.founder-truth-cards article{min-height:0}}
@media(max-width:620px){.founder-solution .founder-truth{padding:78px 0 72px}.founder-solution .founder-truth-head h2{font-size:39px}.founder-solution .founder-truth-head>p{font-size:15px}.founder-truth-cards{margin-top:37px}.founder-truth-cards article{padding:22px 20px 20px}.founder-truth-cards h3{margin-top:25px;font-size:20px}.founder-truth-cards p{font-size:13px}.founder-truth-result{align-items:flex-start;flex-direction:column;gap:8px;margin-top:16px;padding:14px 4px;font-size:11px}}

/* Founder output — make the retained illustration the proof point, with a
   concise decision path beside it. */
.founder-solution .founder-output{padding:118px 0 124px;background:#f2f9f4}
.founder-solution .founder-output-head{display:block!important;width:100%;margin:0;text-align:left}
.founder-solution .founder-output-head .founder-kicker{background:transparent!important;box-shadow:none!important;text-shadow:none!important}
.founder-solution .founder-output-head .founder-kicker::before,.founder-solution .founder-output-head .founder-kicker::after{content:none!important;background:none!important;box-shadow:none!important}
.founder-solution .founder-week-move .founder-week-copyline{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;text-align:left!important;justify-self:stretch!important}
.founder-solution .founder-week-move .founder-week-copyline b{display:block!important;width:100%!important;line-height:1.25!important;text-align:left!important}
.founder-solution .founder-week-move .founder-week-copyline p{display:block!important;width:100%!important;margin:5px 0 0!important;line-height:1.45!important;text-align:left!important}
.founder-solution .founder-week-move .founder-week-number{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:rgba(166,230,181,.15)!important;color:#a9e9b8!important;font-style:normal!important}
.founder-solution .founder-week-move{grid-template-columns:42px 104px minmax(0,1fr)!important;text-align:left!important}
.founder-solution .founder-week-move>small{grid-column:2;grid-row:1;align-self:center;text-align:center!important}
.founder-solution .founder-week-move>.founder-week-copyline{grid-column:3;grid-row:1;justify-self:start;text-align:left!important}
.founder-solution .founder-week-move>.founder-week-number{grid-column:1;grid-row:1;align-self:start}
@media(max-width:620px){
  .founder-solution .founder-week-move{grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;row-gap:5px!important}
  .founder-solution .founder-week-move>small{grid-column:2;grid-row:1;align-self:center;text-align:left!important}
  .founder-solution .founder-week-move>.founder-week-copyline{grid-column:2;grid-row:2;justify-self:stretch;text-align:left!important}
  .founder-solution .founder-week-move>.founder-week-number{display:grid!important;grid-column:1;grid-row:1 / span 2;align-self:start}
}
.founder-solution .founder-output-head h2{max-width:none;margin-top:16px;font-size:clamp(42px,4.7vw,64px);line-height:.98;letter-spacing:-.068em}
.founder-solution .founder-output-head p{max-width:980px;margin:20px 0 0;color:#587364;font-size:17px;line-height:1.62}
.founder-solution .founder-output-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:center;margin-top:58px}
.founder-output-points{display:grid;gap:11px;margin-bottom:27px}
.founder-output-points article{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:17px 18px;border:1px solid #d2e7d8;border-radius:14px;background:rgba(255,255,255,.72);transition:transform .25s ease,box-shadow .25s ease}
.founder-output-points article:hover{transform:translateX(4px);box-shadow:0 10px 24px rgba(27,86,46,.08)}
.founder-output-points i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff2e4;color:#2b8548;font:800 10px/1 Manrope,sans-serif;font-style:normal}
.founder-output-points b{display:block;font-size:15px;line-height:1.25}.founder-output-points span{display:block;margin-top:4px;color:#647c6d;font-size:12px;line-height:1.45}
.founder-output-copy>.btn{min-height:52px}
.founder-output .premium-product-visual{max-width:680px;border-radius:22px;box-shadow:0 25px 58px rgba(27,86,46,.13)}
@media(max-width:900px){.founder-solution .founder-output-grid{grid-template-columns:1fr;gap:40px}.founder-output .premium-product-visual{justify-self:center;width:100%}}
@media(max-width:620px){.founder-solution .founder-output{padding:78px 0 82px}.founder-solution .founder-output-head h2{font-size:39px}.founder-solution .founder-output-head p{font-size:15px}.founder-solution .founder-output-grid{margin-top:37px;gap:30px}.founder-output-points article{padding:15px 14px}.founder-output-points b{font-size:14px}.founder-output-points span{font-size:12px}.founder-output .premium-product-visual{border-radius:17px}}

/* Proof band: reserve more horizontal room for the three equally weighted
   proof points so their supporting messages stay on three readable lines. */
@media (min-width:821px){
  .home-page .hero{height:100svh!important;min-height:100svh!important;padding-top:88px!important;padding-bottom:88px!important}
  .home-page .hero-copy>p{max-width:590px!important;text-wrap:balance}
  .home-page .proof-band{margin-top:72px!important;margin-bottom:72px!important}
  .home-page .proof-band{grid-template-columns:280px minmax(0,1fr)!important}
  .home-page .proof-grid b{margin-bottom:2px!important}
  .home-page .proof-grid p{max-width:190px!important;font-size:12px!important;line-height:1.32!important}
}

@media (max-width:820px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  body{position:relative}
  body.menu-open{overflow-x:clip;overflow-y:hidden}
  .topbar,.topbar.scrolled{height:68px!important;padding-inline:18px!important}
  .navlinks.open{inset:68px 0 auto!important;width:100%!important;max-width:100%!important;height:calc(100vh - 68px)!important;height:calc(100dvh - 68px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:flex-start;padding:28px 24px max(108px,calc(28px + env(safe-area-inset-bottom)))!important}
  .navlinks.open .nav-item,.navlinks.open>a{width:100%;max-width:100%}
  .home-page .hero{display:block!important;height:auto!important;min-height:100svh!important;padding:96px 20px 46px!important}
  .home-page .hero h1{max-width:100%;font-size:clamp(34px,10.2vw,44px)!important;line-height:1.02!important;letter-spacing:-.065em!important}
  .home-page .hero-copy>p{max-width:36ch!important;font-size:16px!important;line-height:1.5!important;text-wrap:balance}
  .home-page .hero-actions .btn{width:100%;min-height:52px}
  .home-page .trust-row{gap:8px 12px!important;font-size:11px!important}
  .home-page .hero-video-stage{height:auto!important;min-height:0!important;margin-top:38px!important;padding:0!important;transform:none!important}
  .home-page .hero-video-shell{width:100%!important}
  .home-page .hero-video-frame{aspect-ratio:16/10!important}
  .home-page .proof-band{margin:54px 16px!important}
  .home-page .proof-intro{padding:24px 20px!important}
  .home-page .proof-grid article{min-height:78px!important;padding:17px 20px!important}
  .home-page .proof-grid b{font-size:26px!important}
  .home-page .proof-grid p{font-size:11px!important}
  .feature-demo,.premium-product-visual,.audience-product-visual,.hero-video-shell{max-width:100%!important}
  .feature-demo img,.premium-product-visual img,.audience-product-visual img{width:100%!important;height:auto!important}
  .story-feature,.story-feature.reverse{gap:28px!important;margin-bottom:56px!important}
  .section-heading h2,.feature-copy h2,.data-story-top h2,.tpe-data-hero + * h2{font-size:clamp(30px,8.5vw,38px)!important;letter-spacing:-.055em!important}
}

/* Final cross-route quality pass -----------------------------------------
   These rules correct the few layouts that are not true full-screen heroes,
   remove fixed-grid overflow at tablet widths, and preserve the homepage
   rhythm everywhere else. */
html,body{overflow-x:clip}

/* Pricing introductions are compact content headers, not viewport heroes. */
.pricing-page .pricing-intro,
.features-page .features-hero{
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  margin-inline:auto!important;
  padding-block:clamp(42px,6vw,76px)!important;
}
.pricing-page .pricing-intro{width:min(1120px,calc(100% - 48px));padding-inline:24px!important}
.pricing-page .pricing-intro h1{max-width:860px;margin-inline:auto;font-size:clamp(34px,4.1vw,48px)!important;line-height:1.08!important;letter-spacing:-.055em!important}
.pricing-page .pricing-intro p{max-width:660px;margin:14px auto 0;font-size:16px;line-height:1.55}
.features-page .features-hero{width:min(920px,calc(100% - 48px));max-width:none;padding-inline:24px!important}
.features-page .features-hero h1{max-width:820px;margin-inline:auto;font-size:clamp(34px,4.1vw,48px)!important;line-height:1.08!important;letter-spacing:-.055em!important}
.features-page .features-hero>p{max-width:700px;margin-inline:auto;font-size:17px;line-height:1.55;overflow-wrap:anywhere}

/* Legal content uses intrinsic height; long addresses never force a clipped
   line on narrow devices. */
.content-page .content-hero{height:auto!important;min-height:0!important;padding-block:clamp(72px,9vw,116px)!important}
.content-page .content-section.narrow{width:min(100% - 48px,820px);min-width:0}
.content-page .simple-list li,.content-page .simple-list li>*{min-width:0;overflow-wrap:anywhere}

/* Percentage columns plus a fixed gap previously exceeded the contact shell
   at tablet widths. Fractional tracks keep the gap inside the container. */
.company-page .contact-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(32px,5vw,70px)}
.company-page .contact-form,.company-page .contact-copy{min-width:0}
@media (max-width:1100px) and (min-width:821px){
  .company-page .company-wrap{width:calc(100% - 48px);max-width:1120px}
  .company-page .contact-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px}
  .company-page .contact-form{padding:24px}
}

/* Horizontal plan summaries remain scrollable by design; keep every card
   inside the viewport before the intentional horizontal overflow begins. */
.features-page .plan-overview,.pricing-page .plans-grid{min-width:0}
@media (max-width:820px){
  .pricing-page .pricing-intro{width:calc(100% - 32px);padding-inline:0!important;padding-block:42px 34px!important}
  .pricing-page .pricing-intro h1{font-size:34px!important}
  .pricing-page .pricing-intro p{font-size:16px}
  .features-page .features-hero{width:calc(100% - 32px);padding-inline:0!important;padding-block:42px 34px!important}
  .features-page .features-hero h1{font-size:34px!important}
  .features-page .features-hero>p{font-size:16px}
  .content-page .content-section.narrow{width:calc(100% - 32px)}
}
@media (max-width:520px){
  .pricing-page .pricing-intro h1,.features-page .features-hero h1{font-size:32px!important;letter-spacing:-.045em!important}
  .pricing-page .pricing-intro p,.features-page .features-hero>p{font-size:16px;line-height:1.5}
}

/* Responsible-prospecting visual: keep the illustration in a true,
   dedicated centered track on compact layouts.  The desktop two-column
   composition stays untouched; on tablet/mobile the copy and visual stack
   deliberately so the visual cannot drift toward the outer edge. */
@media (min-width:821px) and (max-width:1100px){
  .faq{
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px!important;
  }
  .faq .section-heading,
  .faq .faq-list{width:100%!important;max-width:none!important}
  .integrations{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
  .integrations .integration-copy{order:1}
  .integrations .integration-animation{order:2;margin-inline:auto}
  .responsible{
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
    align-items:center!important;
  }
  .responsible-animation{
    width:min(420px,100%)!important;
    margin:0 auto!important;
    justify-self:center!important;
    align-self:center!important;
  }
}

@media (max-width:820px){
  .responsible-animation{
    width:min(320px,calc(100vw - 64px))!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    margin:30px auto 0!important;
    justify-self:center!important;
    align-self:center!important;
    display:block!important;
  }
  .responsible-animation iframe{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0 auto!important;
  }
}

@media (max-width:480px){
  .responsible-animation{width:min(300px,calc(100vw - 56px))!important}
}

/* Homepage compact rhythm: one consistent vertical cadence between the
   proof, demonstrations, content blocks and closing actions.  This is scoped
   to compact layouts so the established desktop composition is untouched. */
@media (min-width:821px) and (max-width:1100px){
  .home-page .proof-band{margin-top:48px!important;margin-bottom:60px!important}
  .home-page .live-demo{margin-bottom:78px!important}
  .home-page .revenue-journey,.home-page .loop-section,.home-page .pw-section{padding-block:68px!important}
  .home-page .story-features{padding-bottom:68px!important}
  .home-page .capabilities,.home-page .audiences{padding-block:68px!important}
  .home-page .intelligence{padding-block:68px!important}
  .home-page .responsible{margin-bottom:56px!important}
  .home-page .use-cases{padding-bottom:68px!important}
  .home-page .integrations,.home-page .faq{padding-block:68px!important}
  .home-page .final-cta{padding-block:68px 76px!important}
  .home-page .responsible{padding-bottom:28px!important}
  .home-page .use-case-grid article{min-height:0!important}
  footer .footer-cols>div{border-left:0!important;padding-inline:0!important}
  .home-page .section-heading,
  .home-page .journey-heading,
  .home-page .integration-copy,
  .home-page .loop-inner> .reveal,
  .home-page .pw-section .pw-head{text-align:center!important}
  .home-page .section-heading>p,
  .home-page .journey-heading>p,
  .home-page .integration-copy>p,
  .home-page .loop-inner> .reveal>p{margin-left:auto!important;margin-right:auto!important}
}

@media (max-width:820px){
  .home-page .proof-band{margin-top:36px!important;margin-bottom:44px!important}
  .home-page .live-demo{margin-bottom:64px!important}
  .home-page .revenue-journey,.home-page .loop-section,.home-page .pw-section{padding-block:56px!important}
  .home-page .story-features{padding-bottom:56px!important}
  .home-page .capabilities,.home-page .audiences{padding-block:56px!important}
  .home-page .intelligence{padding-block:56px!important}
  .home-page .responsible{margin-bottom:36px!important}
  .home-page .use-cases{padding-bottom:56px!important}
  .home-page .integrations,.home-page .faq{padding-block:56px!important}
  .home-page .final-cta{padding-block:56px 64px!important}
  .home-page .sticky-features .story-feature{margin-bottom:36px!important}
  .home-page .use-case-grid{margin-top:32px!important}
  .home-page .responsible{padding-bottom:20px!important}
  .home-page .responsible-animation{margin-top:24px!important}
  .home-page .use-case-grid article{min-height:0!important}
  .home-page .integration-animation{margin-top:4px!important}

  /* The floating mobile CTA is disabled, so no artificial body strip should
     remain below the footer. Keep every footer column on one shared grid
     edge: mixed vertical rules were creating visible horizontal offsets. */
  body{padding-bottom:0!important}
  footer{padding-bottom:24px!important}
  footer .footer-cols>div{border-left:0!important;padding-inline:0!important}
  footer .footer-cols{gap:22px!important}
  /* Section introductions: center the kicker, title and supporting line as
     one coherent block on compact screens. Card/body copy keeps its own
     intentional alignment. */
  .home-page .section-heading,
  .home-page .journey-heading,
  .home-page .integration-copy,
  .home-page .loop-inner> .reveal,
  .home-page .pw-section .pw-head{text-align:center!important}
  .home-page .section-heading>p,
  .home-page .journey-heading>p,
  .home-page .integration-copy>p,
  .home-page .loop-inner> .reveal>p{margin-left:auto!important;margin-right:auto!important}
}

/* Blog hero: keep a concise editorial opening instead of inheriting the
   full-screen product-hero rhythm. The content remains vertically balanced
   between the navigation and the next section. */
@media (min-width:821px){
  .blog-page .resource-hero{
    box-sizing:border-box!important;
    min-height:460px!important;
    height:460px!important;
    padding:64px 0!important;
    display:flex!important;
    align-items:center!important;
  }
  .blog-page .resource-hero-inner{
    width:min(900px,calc(100% - 48px))!important;
    max-width:900px!important;
    margin-inline:auto!important;
  }
.blog-page .resource-wrap > .resource-section:first-child{
    padding-top:36px!important;
  }
}

/* The card component sets display:flex, so explicitly preserve the native
   hidden state used by the category filter. */
.blog-page .article-card[hidden]{display:none!important}
@media (max-width:820px){
  .blog-page .resource-hero{
    box-sizing:border-box!important;
    min-height:calc(100svh - 68px)!important;
    height:auto!important;
    padding:56px 20px!important;
    display:flex!important;
    align-items:center!important;
  }
  .blog-page .resource-hero-inner{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  .blog-page .resource-wrap > .resource-section:first-child{
    padding-top:36px!important;
  }
}

/* Final responsive guardrails shared by every public route. These rules only
   constrain sizing; page-specific layouts retain their existing direction. */
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{font:inherit}
.standard-col,.org-shell,.tpe-shell,.resource-wrap,.article-wrap,.company-wrap,
.content-wrap,.legal-wrap{width:min(100% - 48px,1180px);margin-inline:auto}
@media (max-width:820px){
  .standard-col,.org-shell,.tpe-shell,.resource-wrap,.article-wrap,.company-wrap,
  .content-wrap,.legal-wrap{width:min(100% - 36px,760px)}
  .topbar{padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))!important}
  .btn{min-height:44px;max-width:100%;white-space:normal}
  .hero-actions,.product-actions,.tpe-action-row,.org-actions,.company-actions,.resource-actions{flex-wrap:wrap;gap:12px}
  .hero-actions .btn,.product-actions .btn,.tpe-action-row .btn,.org-actions .btn,.company-actions .btn,.resource-actions .btn{min-width:0}
  .footer-top,.footer-cols,.footer-bottom{min-width:0}
  .footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 22px!important}
  .footer-bottom{flex-wrap:wrap;gap:12px}
  .product-visual,.premium-product-visual,.audience-product-visual,.feature-demo,.showcase-panel{min-width:0;max-width:100%;overflow:hidden}
  .article-content,.article-body,.resource-content{min-width:0;overflow-wrap:anywhere}
  .article-content pre,.article-content table,.resource-content table{max-width:100%;overflow-x:auto;display:block}
}
@media (max-width:520px){
  .standard-col,.org-shell,.tpe-shell,.resource-wrap,.article-wrap,.company-wrap,
  .content-wrap,.legal-wrap{width:calc(100% - 32px)}
  .footer-cols{grid-template-columns:1fr!important;gap:22px!important}
  .hero-actions,.product-actions,.tpe-action-row,.org-actions,.company-actions,.resource-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn,.product-actions .btn,.tpe-action-row .btn,.org-actions .btn,.company-actions .btn,.resource-actions .btn{width:100%;justify-content:center}
  input,select,textarea{font-size:16px!important}
  .article-content h2,.article-body h2{scroll-margin-top:82px}
}

/* Stable resource pictograms for compact navigation. CSS geometry avoids
   platform-dependent glyph rendering and keeps every entry aligned. */
@media (max-width:820px){
  .navlinks.open .resource-menu-icon{position:relative;color:var(--deep);font-size:0}
  .navlinks.open .resource-menu-icon::before,.navlinks.open .resource-menu-icon::after{content:"";position:absolute;display:block}
  .navlinks.open .resource-icon-blog::before{inset:9px 10px;border:1.8px solid currentColor;border-radius:3px}
  .navlinks.open .resource-icon-blog::after{width:11px;height:1.8px;left:13px;top:15px;background:currentColor;box-shadow:0 6px currentColor}
  .navlinks.open .resource-icon-guides::before{width:19px;height:2px;left:10px;top:13px;background:currentColor;box-shadow:0 6px currentColor,0 12px currentColor}
  .navlinks.open .resource-icon-guides::after{width:3px;height:3px;left:6px;top:12px;border-radius:50%;background:currentColor;box-shadow:0 6px currentColor,0 12px currentColor}
  .navlinks.open .resource-icon-integrations::before{width:9px;height:9px;left:7px;top:14px;border:1.8px solid currentColor;border-radius:50%;box-shadow:15px 0 0 -1px #f2f7f4,15px 0 0 .8px currentColor}
  .navlinks.open .resource-icon-integrations::after{width:15px;height:1.8px;left:12px;top:18px;background:currentColor}
  .navlinks.open .resource-icon-faq::before{inset:9px;border:1.8px solid currentColor;border-radius:50%}
  .navlinks.open .resource-icon-faq::after{content:"?";inset:0;display:grid;place-items:center;font:800 16px/1 Manrope,sans-serif;color:currentColor}
}

/* Brevo-inspired mobile information architecture, translated into Erekio’s
   visual language: quiet rows, clear accordion hierarchy and actions integrated
   into the normal flow of the open panel. */
@media (max-width:820px){
  .navlinks.open{background:#fff!important;padding:14px 20px max(20px,env(safe-area-inset-bottom))!important;gap:0!important}
  .navlinks.open>.nav-item,.navlinks.open>a{border-bottom:1px solid #e4eee7}
  .navlinks.open>.nav-item>.nav-trigger,.navlinks.open>a{min-height:54px;display:flex;align-items:center;padding:13px 2px!important;font-size:18px!important;font-weight:750;letter-spacing:-.02em}
  .navlinks.open>.nav-item>.nav-trigger small{font-size:15px;transition:transform .2s ease}
  .navlinks.open>.nav-item>.nav-trigger[aria-expanded="true"] small{transform:rotate(180deg)}
  .navlinks.open .platform-menu,.navlinks.open .solutions-menu,.navlinks.open .resources-menu,.navlinks.open .company-menu{padding:4px 0 10px!important}
  .navlinks.open .menu-product,.navlinks.open .solution-menu-link,.navlinks.open .resource-menu-link,.navlinks.open .company-menu-link{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;min-height:56px;padding:8px 4px!important;border:0!important;border-radius:10px!important}
  .navlinks.open .menu-product:active,.navlinks.open .solution-menu-link:active,.navlinks.open .resource-menu-link:active,.navlinks.open .company-menu-link:active{background:#f1f8f3}
  .navlinks.open .menu-product b,.navlinks.open .solution-menu-link b,.navlinks.open .resource-menu-link b,.navlinks.open .company-menu-link b{font-size:15px!important;line-height:1.2}
  .navlinks.open .menu-icon,.navlinks.open .solution-menu-icon,.navlinks.open .resource-menu-icon,.navlinks.open .company-menu-icon{width:38px!important;height:38px!important}
  .navlinks.open .menu-overview,.navlinks.open .solution-menu-overview,.navlinks.open .resource-menu-overview,.navlinks.open .company-menu-overview{margin:8px 0 0!important;border-radius:12px!important;min-height:82px!important;padding:15px!important}
  .navlinks.open .mobile-nav-actions{background:#fff!important;box-shadow:0 -8px 20px rgba(16,62,37,.08);margin-inline:-20px!important;padding-inline:20px!important}
  .navlinks.open .mobile-nav-actions .nav-signup-cta{order:1;flex:1 1 100%!important}
  .navlinks.open .mobile-nav-actions .nav-login{order:2;flex:1 1 auto;justify-content:center;border:1px solid #d1e3d6;border-radius:10px;padding-inline:14px!important}
  .navlinks.open .mobile-nav-actions .nav-demo-cta{order:3;flex:1 1 auto!important}
  .navlinks.open .mobile-nav-actions .nav-language{order:4;flex:0 0 46px}
}

/* Responsive type scale: tuned for comfortable reading and conversion on
   tablet/mobile while leaving the desktop design untouched. */
@media (max-width:1024px) and (min-width:821px){
  .home-page .proof-band{margin-bottom:20px!important}
  .home-page .story-features{padding-top:0!important}
  .home-page .sticky-features .story-feature:last-child{margin-bottom:0!important;padding-bottom:28px!important}
  .home-page .sticky-features{padding-bottom:28px!important}
  .home-page .capabilities{padding-top:72px!important}
  .home-page .hero-copy{text-align:center}
  .home-page .hero-copy>p{margin-left:auto;margin-right:auto}
  .home-page .hero-actions{justify-content:center}
  .home-page .hero-actions .btn{width:min(100%,310px);margin-inline:auto}
  .home-page .trust-row{justify-content:center}
  .home-page .trust-row span{justify-content:center}
  .home-page .trust-row{gap:14px!important;font-size:14px!important;line-height:1.4!important}
  .home-page .trust-row i{font-size:16px!important}
  .home-page .proof-grid p{font-size:15px!important;line-height:1.45!important}
  .hero h1,.content-hero h1,.product-hero h1,.features-hero h1,.pricing-intro h1,
  .company-hero h1,.org-solution h1,.org-owner-hero h1,.org-team-hero h1,
  .org-agency-hero h1,.founder-solution h1,.team-v2-hero h1{font-size:clamp(42px,4.8vw,56px)!important;line-height:1.08!important;letter-spacing:-.045em!important}
  .hero-copy>p,.content-hero p,.product-lead,.company-hero p,.org-lead,
  .founder-hero-lead,.team-v2-hero-lead,.tpe-data-lead,.tpe-search-lead,
  .tpe-outbound-lead,.tpe-sequences-lead,.tpe-conversations-lead,.tpe-crm-lead{font-size:16px!important;line-height:1.55!important}
  .section-heading h2,.content-heading h2,.product-intro h2,.product-steps h2,
  .showcase-copy h2,.company-heading h2,.company-story-copy h2,.org-solution h2,
  .founder-solution h2,.team-v2 h2{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.15!important;letter-spacing:-.04em!important}
  .section-heading>p,.content-heading>p,.feature-copy>p,.product-intro>p,
  .product-steps-heading>p,.company-heading>p,.company-story-copy>p,.org-lead{font-size:16px;line-height:1.55}
  .btn,.content-actions .btn,.product-actions .btn,.org-actions .btn,.company-actions .btn{font-size:16px;line-height:24px;min-height:48px}
}

@media (max-width:820px){
  .home-page .proof-band{margin-bottom:14px!important}
  .home-page .story-features{padding-top:0!important}
  .home-page .sticky-features .story-feature:first-child{padding-top:26px!important}
  .home-page .sticky-features .story-feature:last-child{margin-bottom:0!important;padding-bottom:18px!important}
  .home-page .sticky-features{padding-bottom:0!important}
  .home-page .capabilities{padding-top:40px!important}
  .hero h1,.content-hero h1,.product-hero h1,.features-hero h1,.pricing-intro h1,
  .company-hero h1,.org-solution h1,.org-owner-hero h1,.org-team-hero h1,
  .org-agency-hero h1,.founder-solution h1,.team-v2-hero h1{font-size:clamp(36px,9.6vw,43px)!important;line-height:1.08!important;letter-spacing:-.055em!important;text-wrap:balance}
  .hero-copy>p,.content-hero p,.product-lead,.company-hero p,.org-lead,
  .founder-hero-lead,.team-v2-hero-lead,.tpe-data-lead,.tpe-search-lead,
  .tpe-outbound-lead,.tpe-sequences-lead,.tpe-conversations-lead,.tpe-crm-lead{font-size:16px!important;line-height:1.5!important;text-wrap:pretty}
  .section-heading h2,.content-heading h2,.product-intro h2,.product-steps h2,
  .showcase-copy h2,.company-heading h2,.company-story-copy h2,.org-solution h2,
  .founder-solution h2,.team-v2 h2,.article-content h2{font-size:clamp(28px,7.8vw,36px)!important;line-height:1.16!important;letter-spacing:-.045em!important;text-wrap:balance}
  .section-heading>p,.content-heading>p,.feature-copy>p,.product-intro>p,
  .product-steps-heading>p,.company-heading>p,.company-story-copy>p,.article-content p{font-size:16px;line-height:1.55}
  .eyebrow,.announcement,.section-heading .eyebrow,.feature-copy .eyebrow{font-size:11px;line-height:16px;letter-spacing:.08em}
  .btn,.content-actions .btn,.product-actions .btn,.org-actions .btn,.company-actions .btn,
  .resource-actions .btn{font-size:16px;line-height:24px;min-height:48px;padding:12px 18px}
  .text-link,.company-link,.article-back{font-size:15px;line-height:24px}
  .navlinks.open .mobile-nav-actions .nav-login{font-size:18px!important;line-height:24px}
  .navlinks.open .mobile-nav-actions .nav-signup-cta,.navlinks.open .mobile-nav-actions .nav-demo-cta{font-size:18px!important;line-height:24px}
}

@media (max-width:480px){
  .hero h1,.content-hero h1,.product-hero h1,.features-hero h1,.pricing-intro h1,
  .company-hero h1,.org-solution h1,.org-owner-hero h1,.org-team-hero h1,
  .org-agency-hero h1,.founder-solution h1,.team-v2-hero h1{font-size:clamp(34px,10.8vw,40px)!important}
  .section-heading h2,.content-heading h2,.product-intro h2,.product-steps h2,
  .showcase-copy h2,.company-heading h2,.company-story-copy h2,.org-solution h2,
  .founder-solution h2,.team-v2 h2,.article-content h2{font-size:clamp(27px,8.2vw,33px)!important}
}

/* Readability pass for secondary content. These are real page texts (not
   decorative dashboard labels), so they stay comfortably above the 12px
   threshold on compact screens. */
@media (max-width:1024px){
  .proof-grid p,.company-story-list li,.company-faq p,.content-card p,
  .process-list p,.status-list p,.simple-list li,.partner-card p,
  .company-timeline p,.company-panel span,.article-content li,
  .resource-card p,.resource-link{font-size:14px;line-height:1.55}
  .proof-grid article p{font-size:14px}
  .content-card li,.status-list h3,.process-list h3{font-size:15px}
  .article-toc a,.article-toc b,.article-back{font-size:13px}
  .blog-filter a,.resource-filter a{font-size:14px}
  .form-field label{font-size:13px}
  .form-consent,.form-hint,.form-status{font-size:13px;line-height:1.5}
  .pricing-text-link,.pricing-toggle,.plan-cta{font-size:14px}
}

@media (max-width:820px){
  .faq{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .faq .section-heading,
  .faq .faq-list{width:100%!important;max-width:none!important}
  /* On compact screens the explanation leads; the integration visual follows. */
  .integrations .integration-copy{order:1}
  .integrations .integration-animation{order:2}
  .home-page .hero-copy{text-align:center}
  .home-page .hero-copy>p{margin-left:auto;margin-right:auto}
  .home-page .hero-actions{justify-content:center}
  .home-page .hero-actions .btn{width:min(100%,300px)!important;margin-inline:auto}
  .home-page .trust-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:20px!important;font-size:15px!important;line-height:1.4!important}
  .home-page .trust-row span{display:flex;align-items:center;justify-content:center;min-height:24px;text-align:center}
  .home-page .trust-row i{font-size:17px!important;margin-right:7px!important}
  .home-page .proof-grid article{min-height:96px!important}
  .home-page .proof-grid p{font-size:15px!important;line-height:1.45!important}
  .proof-grid article{min-height:96px}
  .proof-grid p,.company-story-list li,.company-faq p,.content-card p,
  .process-list p,.status-list p,.simple-list li,.partner-card p,
  .company-timeline p,.article-content li,.resource-card p,.resource-link{font-size:15px;line-height:1.55}
  .content-card li,.status-list h3,.process-list h3{font-size:15px;line-height:1.45}
  .article-toc a,.article-toc b,.article-back{font-size:14px}
  .blog-filter a,.resource-filter a{font-size:14px}
  .form-field label{font-size:14px}
  .form-consent,.form-hint,.form-status{font-size:13px;line-height:1.55}
  .pricing-text-link,.pricing-toggle,.plan-cta{font-size:15px}
  .company-panel span{font-size:13px}
  .company-panel b{font-size:12px}
  .data-brief-list small,.data-win p,.search-example small,
  .search-power-side p,.outbound-method-steps p,.outbound-proof-grid p,
  .outbound-assurance-points p,.sequence-lane-side p,.conversation-team-win p,
  .notebook-entry small,.crm-pilot-card p,.crm-growth-list small{font-size:14px;line-height:1.5}
  .data-brief-list b,.data-win h3,.search-power-side h3,
  .outbound-method-steps h3,.outbound-proof-grid h3,.outbound-assurance-points h3,
  .sequence-lane-side h3,.conversation-team-win h3,.notebook-entry b,
  .crm-pilot-card h3,.crm-growth-list b{font-size:16px;line-height:1.3}
}

@media (max-width:480px){
  .proof-grid p,.company-story-list li,.company-faq p,.content-card p,
  .process-list p,.status-list p,.simple-list li,.partner-card p,
  .company-timeline p,.article-content li,.resource-card p,.resource-link{font-size:14px}
}

/* Cross-page compact rhythm. Long-form sections previously kept desktop
   padding on mobile, producing oversized blank bands and a slower second
   half. Bring each family onto the same readable cadence while leaving hero
   art and desktop layouts untouched. */
@media (min-width:621px) and (max-width:1100px){
  body.product-page main>section:not([class*="hero"]):not(.crm-now):not(.data-result-band):not(.outbound-launch),
  body.resource-page main>section.resource-section,
  body.company-page main>section.company-section{padding-block:72px!important}
  body.solution-page main>section:not([class*="hero"]){padding-block:76px!important}
}

@media (max-width:620px){
  body.product-page main>section:not([class*="hero"]):not(.crm-now):not(.data-result-band):not(.outbound-launch),
  body.resource-page main>section.resource-section,
  body.company-page main>section.company-section{padding-block:56px!important}
  body.solution-page main>section:not([class*="hero"]){padding-block:60px!important}
  body.pricing-page main>section:not(.pricing-intro):not(.plans-section),
  body.features-page main>section:not(.features-hero):not(.plan-overview){padding-block:56px!important}
  body.demo-page main>section.demo-next{padding-block:40px!important}
}

/* Account actions live inside the opened mobile navigation. The fixed
   conversion bar is intentionally removed on compact screens to avoid
   competing CTAs and to keep the page content unobstructed. */
.mobile-nav-actions{display:none!important}
@media (max-width:820px){
  .lab-gate .btn[href*="intent=analyse"]{display:none!important}
  .navlinks.open .mobile-nav-actions{display:flex!important;position:static;flex-direction:column;align-items:stretch;gap:14px;width:100%;margin:56px 0 0;padding:26px 0 max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(11,92,63,.14);background:transparent;box-shadow:none}
  .navlinks.open .mobile-nav-actions .nav-login{order:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;color:#111;font-size:20px;font-weight:700;text-decoration:underline;text-underline-offset:6px}
  .navlinks.open .mobile-nav-actions .nav-signup-cta{order:2;display:inline-flex;width:100%;min-height:58px;padding:11px 14px;border-radius:14px;font-size:20px}
  .navlinks.open .mobile-nav-actions .nav-demo-cta{order:3;display:inline-flex;width:100%;min-height:58px;padding:11px 14px;border:2px solid #171918;border-radius:14px;background:#fff;color:#171918;font-size:20px}
  .navlinks.open .mobile-nav-actions .nav-language{order:4;display:flex;align-items:center;justify-content:center;gap:12px;width:auto;height:48px;padding:0;border:0;background:transparent;color:#171918;font-size:20px}
.navlinks.open .mobile-nav-actions .nav-language span{display:inline}
  .navlinks.open .mobile-nav-actions .nav-language svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7}
}

/* Final mobile/tablet hero and kicker pass. Keeps the fixed 68px navbar out
   of the hero rhythm and gives wrapped green labels enough breathing room. */
@media (min-width:621px) and (max-width:1100px){
  .hero,.product-hero,.tpe-data-hero,.tpe-search-hero,.tpe-outbound-hero,.tpe-sequences-hero,
  .tpe-conversations-hero,.tpe-crm-hero,.resource-hero,.company-hero,.content-hero,.demo-hero,
  .features-hero,.founder-hero,.team-v2-hero,.org-agency-hero,.article-hero{padding-inline:24px!important}
  .tpe-shell,.founder-shell,.team-v2-shell,.org-shell,.resource-hero-inner,.company-hero-inner,
  .content-hero,.demo-hero,.article-hero-inner{width:min(100%,920px);margin-inline:auto}
  .tpe-breadcrumb,.breadcrumb,.founder-breadcrumb,.team-v2-breadcrumb,.org-breadcrumb,.article-back{line-height:1.45!important;margin-bottom:24px!important}
  .tpe-breadcrumb{flex-wrap:wrap;row-gap:4px}
  .hero h1,.product-hero h1,.tpe-data-hero h1,.tpe-search-hero h1,.tpe-outbound-hero h1,.tpe-sequences-hero h1,.tpe-conversations-hero h1,.tpe-crm-hero h1,.resource-hero h1,.company-hero h1,.content-hero h1,.demo-hero h1,.features-hero h1,.founder-hero h1,.team-v2-hero h1,.org-agency-hero h1,.article-hero h1{margin-top:0!important}
  .hero-copy>p,.product-lead,.tpe-data-lead,.tpe-search-lead,.tpe-outbound-lead,.tpe-sequences-lead,.tpe-conversations-lead,.tpe-crm-lead,.resource-hero p,.company-hero p,.content-hero p,.demo-hero p,.founder-hero-lead,.team-v2-hero-lead,.org-agency-hero .org-lead,.article-hero p{margin-top:18px!important}
  .hero-actions,.product-actions,.tpe-action-row,.resource-actions,.company-actions,.content-actions,.demo-actions,.founder-actions,.team-v2-actions,.org-actions{margin-top:24px!important}
  .hero-actions .btn,.product-actions .btn,.tpe-action-row .btn,.resource-actions .btn,.company-actions .btn,.content-actions .btn,.demo-actions .btn,.founder-actions .btn,.team-v2-actions .btn,.org-actions .btn{max-width:100%;min-width:190px}
}

@media (max-width:620px){
  .hero,.product-hero,.tpe-data-hero,.tpe-search-hero,.tpe-outbound-hero,.tpe-sequences-hero,.tpe-conversations-hero,.tpe-crm-hero,.resource-hero,.company-hero,.content-hero,.demo-hero,.features-hero,.founder-hero,.team-v2-hero,.org-agency-hero,.article-hero{padding-inline:16px!important}
  .tpe-shell,.founder-shell,.team-v2-shell,.org-shell,.resource-hero-inner,.company-hero-inner,.content-hero,.demo-hero,.article-hero-inner{width:100%;max-width:100%;margin-inline:auto}
  .tpe-breadcrumb,.breadcrumb,.founder-breadcrumb,.team-v2-breadcrumb,.org-breadcrumb,.article-back{line-height:1.45!important;margin-bottom:20px!important}
  .tpe-breadcrumb{flex-wrap:wrap;row-gap:4px}
  .hero h1,.product-hero h1,.tpe-data-hero h1,.tpe-search-hero h1,.tpe-outbound-hero h1,.tpe-sequences-hero h1,.tpe-conversations-hero h1,.tpe-crm-hero h1,.resource-hero h1,.company-hero h1,.content-hero h1,.demo-hero h1,.features-hero h1,.founder-hero h1,.team-v2-hero h1,.org-agency-hero h1,.article-hero h1{margin-top:0!important}
  .hero-copy>p,.product-lead,.tpe-data-lead,.tpe-search-lead,.tpe-outbound-lead,.tpe-sequences-lead,.tpe-conversations-lead,.tpe-crm-lead,.resource-hero p,.company-hero p,.content-hero p,.demo-hero p,.founder-hero-lead,.team-v2-hero-lead,.org-agency-hero .org-lead,.article-hero p{margin-top:16px!important}
  .hero-actions,.product-actions,.tpe-action-row,.resource-actions,.company-actions,.content-actions,.demo-actions,.founder-actions,.team-v2-actions,.org-actions{margin-top:22px!important}
  .hero-actions .btn,.product-actions .btn,.tpe-action-row .btn,.resource-actions .btn,.company-actions .btn,.content-actions .btn,.demo-actions .btn,.founder-actions .btn,.team-v2-actions .btn,.org-actions .btn{width:100%;max-width:100%;min-width:0}
  .eyebrow,.announcement,.section-heading .eyebrow,.feature-copy .eyebrow,.resource-eyebrow,.company-eyebrow,.product-badge,.product-note,.org-eyebrow,.team-v2-kicker,.founder-kicker,.tpe-kicker,.tpe-eyebrow,.features-kicker,.offer-kicker,.pw-eyebrow,.pw-kicker,.loop-eyebrow,.crm-eyebrow,.crm-badge,.billing-note,.summary-note,.content-note,.solution-eyebrow,.article-eyebrow{line-height:1.38!important;text-wrap:balance;max-width:34ch}
}

/* Label layout consistency: never break a word or create a narrow,
   half-line fragment. Section labels follow their text column; hero labels
   are centered as part of the centered hero composition. */
@media (max-width:1100px){
  .eyebrow,.announcement,.section-heading .eyebrow,.feature-copy .eyebrow,
  .resource-eyebrow,.company-eyebrow,.product-badge,.product-note,.org-eyebrow,
  .team-v2-kicker,.founder-kicker,.tpe-kicker,.tpe-eyebrow,.features-kicker,
  .offer-kicker,.pw-eyebrow,.pw-kicker,.loop-eyebrow,.solution-eyebrow,.article-eyebrow{
    white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
    hyphens:none!important;text-align:left;max-width:100%;
  }
  .tpe-kicker{display:inline-flex;align-items:flex-start;line-height:1.38!important}
  .hero .eyebrow,.hero .announcement,.product-hero .product-badge,
  .tpe-data-hero .tpe-kicker,.tpe-search-hero .tpe-kicker,.tpe-outbound-hero .tpe-kicker,
  .tpe-sequences-hero .tpe-kicker,.tpe-conversations-hero .tpe-kicker,.tpe-crm-hero .tpe-kicker,
  .resource-hero .resource-eyebrow,.company-hero .company-eyebrow,.content-hero .eyebrow,
  .demo-hero .eyebrow,.features-hero .features-kicker,.founder-hero .founder-kicker,
  .team-v2-hero .team-v2-kicker,.org-agency-hero .org-eyebrow,.article-hero .article-eyebrow{
    margin-inline:auto;text-align:center;
  }
  .tpe-kicker:before{flex:0 0 auto;margin-top:.34em}
}

@media (max-width:620px){
  .tpe-kicker,.founder-kicker,.team-v2-kicker,.org-eyebrow,.resource-eyebrow,
  .company-eyebrow,.features-kicker,.pw-eyebrow,.pw-kicker,.loop-eyebrow,
  .solution-eyebrow,.article-eyebrow{letter-spacing:.1em;line-height:1.42!important}
}
@media (max-width:420px){
  .eyebrow,.announcement,.section-heading .eyebrow,.feature-copy .eyebrow,.resource-eyebrow,.company-eyebrow,.product-badge,.product-note,.org-eyebrow,.team-v2-kicker,.founder-kicker,.tpe-kicker,.tpe-eyebrow,.features-kicker,.offer-kicker,.pw-eyebrow,.pw-kicker,.loop-eyebrow,.crm-eyebrow,.crm-badge,.billing-note,.summary-note,.content-note,.solution-eyebrow,.article-eyebrow{font-size:10.5px!important;line-height:1.4!important}
}

/* Séquences hero: the compact page had a shorter visual field than the
   other platform heroes. Reserve the navbar-safe viewport and center its
   complete copy on both tablet and mobile. */
@media (min-width:621px) and (max-width:1100px){
  .tpe-sequences-hero{box-sizing:border-box;min-height:clamp(560px,calc(100svh - 88px),680px);display:flex;align-items:center;padding-block:56px!important}
  .tpe-sequences-hero>.tpe-shell{position:relative;z-index:1}
  .eyebrow,.announcement,.section-heading .eyebrow,.feature-copy .eyebrow,.resource-eyebrow,.company-eyebrow,.product-badge,.product-note,.org-eyebrow,.team-v2-kicker,.founder-kicker,.tpe-kicker,.tpe-eyebrow,.features-kicker,.offer-kicker,.pw-eyebrow,.pw-kicker,.loop-eyebrow,.crm-eyebrow,.crm-badge,.billing-note,.summary-note,.content-note,.solution-eyebrow,.article-eyebrow{line-height:1.38!important;text-wrap:balance;max-width:34ch}
}
@media (max-width:620px){
  .tpe-sequences-hero{box-sizing:border-box;min-height:calc(100svh - 68px);display:flex;align-items:center;padding-block:56px!important}
  .tpe-sequences-hero>.tpe-shell{position:relative;z-index:1}
}

/* Labels inherit the alignment of the heading they introduce. This removes
   the left/center drift between page families while keeping centered heroes
   centered and editorial sections aligned with their copy. */
@media (max-width:1100px){
  .tpe-kicker,.founder-kicker,.team-v2-kicker,.org-eyebrow,.resource-eyebrow,
  .company-eyebrow,.features-kicker,.pw-eyebrow,.pw-kicker,.loop-eyebrow,
  .solution-eyebrow,.article-eyebrow,.section-heading .eyebrow,.feature-copy .eyebrow{
    display:block;width:100%;max-width:100%;text-align:inherit!important
  }
  .tpe-kicker:before{display:inline-block;vertical-align:middle}
}

/* Keep the refreshed "Par sujet" links available in the compact menu. The
   legacy mobile rule hid this whole column, so the updated guide topics were
   present in the runtime markup but impossible to discover on a phone/tablet. */
@media (max-width:1050px){
  .navlinks.open .resource-menu-topics{
    display:block!important;
    margin-top:12px;
    padding:10px 0 0!important;
    border-top:1px solid #e4eee7!important;
  }
  .navlinks.open .resource-menu-topics .menu-kicker{
    display:block!important;
    padding:0 4px 6px;
    color:#2f8150;
    font:800 10px/1.4 Manrope,sans-serif;
    letter-spacing:1px;
  }
  .navlinks.open .resource-menu-topics a{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:50px;
    margin:0!important;
    padding:10px 4px!important;
    border:0!important;
    border-bottom:1px solid #edf3ef!important;
    border-radius:0!important;
  }
  .navlinks.open .resource-menu-topics a:last-child{border-bottom:0!important}
  .navlinks.open .resource-menu-topics a>span{display:flex!important;flex-direction:column;gap:3px}
  .navlinks.open .resource-menu-topics b{font-size:15px!important;line-height:1.2}
  .navlinks.open .resource-menu-topics small{display:block!important;color:#64766e;font-size:12px;line-height:1.35}
  .navlinks.open .resource-menu-topics em{display:block!important;color:var(--deep);font-style:normal;font-size:17px}
}

/* The topic icons occupy their own column on compact screens as well. Keep
   the three-part rhythm (icon / copy / arrow) after the legacy two-column
   mobile rule above. */
@media (max-width:1050px){
  .navlinks.open .resource-menu-topics a{grid-template-columns:40px minmax(0,1fr) auto!important}
  .navlinks.open .resource-menu-topics .resource-topic-icon{display:block!important;grid-column:1;width:38px;height:38px}
  .navlinks.open .resource-menu-topics a>span{grid-column:2;min-width:0}
  .navlinks.open .resource-menu-topics a>em{grid-column:3}
}