/* blocks.css, gives Graft inner pages the homepage block look. Added 2026-11-02. */

/* Page hero as a white rounded card */
.page-hero{padding:clamp(16px,3vw,40px) 0 clamp(12px,2vw,28px);background:var(--bg)}
.page-hero>.container{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;background:#fff;border:1px solid #ECE5DA;border-radius:var(--radius-lg);padding:clamp(40px,6vw,96px) clamp(22px,5vw,80px);box-shadow:0 40px 80px -50px rgba(242,92,58,.45),0 10px 30px -18px rgba(11,11,11,.08)}
.page-hero>.container::before{content:"";position:absolute;z-index:-1;right:-15%;bottom:-55%;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(242,92,58,.10),rgba(124,92,255,.06) 55%,transparent);pointer-events:none}
.page-hero>.container::after{content:"";position:absolute;z-index:-1;left:-12%;top:-50%;width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(31,169,214,.08),transparent);pointer-events:none}

/* Shared block width */
.blk-ink>.container,.blk-form>.container{width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;border-radius:var(--radius-lg);padding:clamp(36px,5vw,72px)}

/* Dark ink block (about manifesto) */
.blk-ink{padding:clamp(28px,4vw,52px) 0}
.blk-ink>.container{background:var(--ink);color:#FBF8F1;box-shadow:0 14px 40px -22px rgba(11,11,11,.5)}
.blk-ink h2{color:#FBF8F1}
.blk-ink h2 em{color:var(--coral)}
.blk-ink p{color:#D9D3C6;font-size:1.08rem;line-height:1.7}

/* Coral form block (growth audit request) */
.blk-form{padding:clamp(28px,4vw,52px) 0}
.blk-form>.container{background:var(--coral);color:#fff;position:relative;overflow:hidden}
.blk-form>.container>.eyebrow{color:rgba(255,255,255,.75)}
.blk-form>.container>h2{color:#fff;font-style:italic;font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.02;max-width:14ch}
.blk-form>.container>.lede{color:rgba(255,255,255,.92);margin-top:22px}
.blk-form form{background:#fff;color:var(--ink);border-radius:var(--radius);padding:clamp(24px,3vw,38px);max-width:none!important}
.blk-form form .tiny{color:var(--ink-mute)}
@media (min-width:880px){
  .blk-form>.container{display:grid;grid-template-columns:1fr 1.1fr;column-gap:clamp(36px,4vw,56px);align-items:start}
  .blk-form>.container>*:not(form){grid-column:1}
  .blk-form>.container>form{grid-column:2;grid-row:1 / span 4}
}

/* Process page comparison: two cards side by side */
.versus .container:has(>.versus-grid){display:block}
.versus-grid{display:grid;gap:18px;margin-top:8px}
@media (min-width:880px){.versus-grid{grid-template-columns:1fr 1fr}}
.versus-grid>.versus-card:first-child{background:var(--bg-deeper)}
.versus-grid>.versus-card:last-child{background:#3A8A66;color:#fff}
.versus-grid>.versus-card:last-child h3,.versus-grid>.versus-card:last-child li{color:#fff}

/* Mobile: give the audit form more room inside the coral block */
@media (max-width:879px){.blk-form>.container{padding:32px 14px}.blk-form>.container>.eyebrow,.blk-form>.container>h2,.blk-form>.container>.lede{padding-inline:10px}.blk-form form{padding:22px 18px}}

/* Homepage plans block (pushes Growth). Added 2026-11-02. */
.hp-plans{padding:clamp(28px,4vw,52px) 0;background:var(--bg)}
.hp-plans>.container{width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;background:var(--bg-deeper);border-radius:var(--radius-lg);padding:clamp(40px,5vw,72px) clamp(16px,4vw,64px)}
.hp-plans-head{text-align:center;max-width:720px;margin:0 auto clamp(36px,4vw,52px)}
.hp-plans-head h2{margin:14px auto 0;font-style:italic;max-width:18ch}
.hp-plans-head .lede{margin:18px auto 0;text-align:center}
.hp-grid{display:grid;gap:22px}
@media (min-width:900px){.hp-grid{grid-template-columns:1fr 1.08fr 1fr;align-items:center;gap:18px}}
.hp-plan{background:#FBF8F1;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;display:flex;flex-direction:column;gap:14px;position:relative;text-align:left}
.hp-plan h3{font-size:1.5rem;margin:0}
.hp-price{font-family:var(--serif);font-size:2.6rem;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.hp-price span{font-family:var(--sans);font-size:.95rem;color:var(--ink-mute);letter-spacing:0}
.hp-plan p{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.5}
.hp-plan ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:10px}
.hp-plan li{padding-left:26px;position:relative;font-size:.98rem;line-height:1.45;color:var(--ink)}
.hp-plan li::before{content:"\2713";position:absolute;left:0;color:#22B98F;font-weight:700}
.hp-plan .btn{margin-top:6px;align-self:flex-start}
.hp-plan--main{background:var(--coral);border-color:var(--coral);padding:44px 30px 34px;box-shadow:0 30px 60px -30px rgba(242,92,58,.7)}
.hp-plan--main h3,.hp-plan--main .hp-price,.hp-plan--main li{color:#fff}
.hp-plan--main .hp-price span,.hp-plan--main p{color:rgba(255,255,255,.9)}
.hp-plan--main li::before{color:#fff}
.hp-plan--main .btn{background:#fff;color:var(--ink);border-color:#fff}
.hp-plan--main .btn:hover{background:var(--bg-deeper);border-color:var(--bg-deeper);color:var(--ink)}
.hp-badge{position:absolute;top:-14px;left:28px;background:var(--ink);color:#fff;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:7px 13px;border-radius:999px}
@media (max-width:899px){.hp-plan--main{order:-1;margin-top:12px}}
.hp-foot{text-align:center;margin-top:clamp(26px,3vw,38px);color:var(--ink-mute);font-size:.95rem}
.hp-foot a{color:var(--ink);border-bottom:1px solid currentColor;font-weight:600}

/* Homepage founding-clients offer + guarantee. Added 2026-11-02. */
.hp-founding{padding:clamp(28px,4vw,52px) 0;background:var(--bg)}
.hp-founding>.container{width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;background:var(--ink);color:#FBF8F1;border-radius:var(--radius-lg);padding:clamp(40px,5vw,72px) clamp(22px,5vw,72px);display:grid;gap:clamp(32px,4vw,56px);box-shadow:0 14px 40px -22px rgba(11,11,11,.5)}
@media (min-width:900px){.hp-founding>.container{grid-template-columns:1.15fr .85fr;align-items:center}}
.hp-founding .hp-f-copy .eyebrow{color:var(--coral)}
.hp-founding h2{color:#FBF8F1;margin-top:14px;max-width:18ch}
.hp-founding h2 em{color:var(--coral)}
.hp-founding .lede{color:#D9D3C6;margin-top:18px}
.hp-f-terms{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.hp-f-terms li{display:flex;gap:12px;align-items:flex-start;color:#FBF8F1;font-size:1.02rem;line-height:1.5}
.hp-f-terms li::before{content:"\2713";width:24px;height:24px;flex:none;border-radius:50%;background:var(--coral);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-top:1px}
.hp-f-terms strong{color:#fff}
.hp-f-terms s{color:#9C958A;margin-left:4px}
.hp-f-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hp-f-actions .btn-primary{background:var(--coral);border-color:var(--coral);color:#fff}
.hp-f-actions .btn-primary:hover{background:#fff;border-color:#fff;color:var(--ink)}
.hp-f-small{color:#9C958A;font-size:.88rem}
.hp-guarantee{background:#fff;color:var(--ink);border-radius:var(--radius);padding:clamp(28px,3.5vw,44px);text-align:center}
.hp-g-seal{width:64px;height:64px;border-radius:50%;background:#DDF4EC;color:#22B98F;display:grid;place-items:center;margin:0 auto 18px;font-size:1.6rem;font-weight:700}
.hp-guarantee .eyebrow{color:var(--ink-mute)}
.hp-g-line{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.15;margin-top:10px;color:var(--ink)}
.hp-g-line em{color:var(--coral)}
.hp-guarantee p:not(.hp-g-line){color:var(--ink-soft);margin-top:14px;font-size:.98rem;line-height:1.55}

/* Width alignment: every block follows the hero width. Added 2026-11-02. */
.fit{background:var(--bg);border-block:0;padding:clamp(28px,4vw,52px) 0}
.fit>.container{width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;background:var(--bg-deeper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(40px,5vw,72px) clamp(18px,4vw,64px)}
.section:not(.blk-ink):not(.blk-form):not(.fit)>.container{max-width:1440px;padding-inline:var(--gutter-tight)}
.section .svc-stack{padding-inline:0;max-width:none}
.marquee .marquee-mask{width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto}

/* ===== Block system, 2026-11-02 =====
   Every section is a hero-width block. Gap between blocks = side margin.
   No heading sits on the page background. .blk-dark = black block. */
main{display:flex;flex-direction:column;gap:var(--gutter-tight);padding-block:var(--gutter-tight)}
main>section{margin-block:0!important}

/* Sections whose inner element is already the block */
main>section:is(.page-hero,.fit,.blk-ink,.blk-form,.hp-plans,.hp-founding,.sprint-cta,.contact-section){padding-block:0!important;background:transparent!important;border:0!important}

/* Sections that become the block themselves */
main>section:is(.ph,.marquee,.svc-cards,.versus,.process,.fq-body,.legal-body,.err,.section:not(.blk-ink):not(.blk-form):not(.fit)){width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;box-sizing:border-box;background:#fff;border:1px solid #ECE5DA;border-radius:var(--radius-lg);padding:clamp(40px,5vw,80px) clamp(16px,4vw,64px)!important;overflow:hidden;min-height:0}
main>section:is(.ph,.marquee,.svc-cards,.versus,.process,.fq-body,.legal-body,.err,.section:not(.blk-ink):not(.blk-form):not(.fit))>:is(.container,.ph-grid,.svc-stack){max-width:none;width:auto;margin-inline:0;padding-inline:0}
main>section.marquee .marquee-mask{width:auto;max-width:none}
main>section.marquee .marquee-label{margin-bottom:24px}
main>section.fq-body{background:var(--surface)}

/* Black blocks */
main>section.blk-dark{background:var(--ink)!important;border-color:var(--ink)!important;color:#FBF8F1;box-shadow:0 14px 40px -22px rgba(11,11,11,.5)}
.blk-dark :is(h1,h2):not(:is(.versus-card,.process-card,.gp-plan,.gp-addon,.gx-card,.svc-card,.ph-slide) *){color:#FBF8F1}
.blk-dark :is(h1,h2) em:not(:is(.versus-card,.process-card,.gp-plan,.gp-addon,.gx-card,.svc-card,.ph-slide) *){color:var(--coral)}
.blk-dark :is(.lede,.gp-head p,.gp-note,.gx-note):not(:is(.versus-card,.process-card,.gp-plan,.gp-addon,.gx-card,.svc-card) *){color:#D9D3C6}
.blk-dark :is(.eyebrow,.marquee-label,.process-eyebrow):not(:is(.versus-card,.process-card,.gp-plan,.gp-addon,.gx-card,.svc-card) *){color:var(--coral)}
.blk-dark .versus-vs{color:#9C958A}
.blk-dark .gx-note a,.blk-dark .gp-note a{color:#fff}

/* ===== Revision 2026-11-02: cards stay as they were; only standalone text gets a block ===== */
main>section:is(.svc-cards,.versus,.process,.section:not(.blk-ink):not(.blk-form):not(.fit)){width:auto;max-width:none;margin-inline:0;background:transparent!important;border:0!important;border-radius:0;padding:0!important;overflow:visible;box-shadow:none!important}
main>section:is(.svc-cards,.versus,.process,.section:not(.blk-ink):not(.blk-form):not(.fit))>:is(.container,.svc-stack){width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto;padding-inline:0}

/* Heading blocks */
:is(.svc-head,.versus-title,.process-head,.gp-head){box-sizing:border-box;background:#fff;border:1px solid #ECE5DA;border-radius:var(--radius-lg);padding:clamp(36px,4.5vw,64px) clamp(18px,4vw,56px)!important;margin:0 0 var(--gutter-tight)!important;max-width:none!important;text-align:center}
:is(.svc-head,.versus-title,.process-head,.gp-head) :is(h2,.lede,p){margin-inline:auto}
.svc-cards>.svc-head{width:calc(100% - 2*var(--gutter-tight));max-width:1360px;margin-inline:auto!important}
.process-head .process-eyebrow{margin-bottom:16px}

/* Note blocks */
:is(.gp-note,.gx-note){box-sizing:border-box;background:#fff;border:1px solid #ECE5DA;border-radius:var(--radius);padding:18px clamp(18px,3vw,28px);margin:var(--gutter-tight) 0 0!important;max-width:none!important;text-align:center}

/* Black heading/note blocks */
.blk-dark :is(.svc-head,.versus-title,.process-head,.gp-head,.gp-note,.gx-note){background:var(--ink);border-color:var(--ink);box-shadow:0 14px 40px -22px rgba(11,11,11,.5)}
.blk-dark .versus-vs{color:var(--ink-mute)}

/* heading block to cards gap = block gap */
.versus-grid{margin-top:0}

/* keep the What you get heading block at hero width on wide screens */
.svc-cards>.svc-head{max-width:1360px!important}

/* ===== Clean-up 2026-11-02: no page-background colour inside blocks; key words stand out ===== */
main{--surface:#fff;--bg-deeper:#fff;--line:#E5E5E5}
main :is(.svc-card,.process-card,.fit-item,.hp-plan,.audit-cta-strip-inner,.gx-card,.gp-plan,.gp-addon,.ab-value){background:#fff}
main .versus-card.old,.versus-grid>.versus-card:first-child{background:#fff;border:1px solid #E5E5E5}
main .contact-tabs{background:#F0F0F0}
main .ph-s-chrome{background:#F2F2F2;border-bottom-color:#E5E5E5}
main .ph-s-chrome span{border-color:#E5E5E5}
main :is(.field input,.field textarea,.field select){background:#fff;border-color:#DADADA}
main :is(.svc-head,.versus-title,.process-head,.gp-head,.gp-note,.gx-note),main>section:is(.ph,.marquee,.legal-body,.err,.fq-body),.page-hero>.container,main .fit>.container{border-color:#E5E5E5}

/* Key words: the highlighted phrase in every heading in coral */
main :is(h1,h2) em:not(:is(.sprint-cta-card,.contact-card,.blk-form,.hp-plan--main) *){color:var(--coral)}

main .mini-chrome{background:#F2F2F2!important;border-color:#E5E5E5!important}
main .svc-pill{background:#F2F2F2;border-color:#E5E5E5}

/* Hero enquiry form, 2026-11-02 */
.hero-form{position:relative;box-sizing:border-box;width:100%;max-width:540px;margin-inline:auto;background:var(--ink);color:#fff;border-radius:28px;padding:clamp(24px,3vw,40px);display:grid;gap:14px;box-shadow:0 30px 60px -30px rgba(11,11,11,.55)}
.hero-form .honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hf-eyebrow{margin:0;font:600 11.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--coral)}
.hero-form .hf-title{margin:0 0 6px;font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.1;letter-spacing:-.01em;color:#fff;max-width:none}
.hero-form .hf-title em{color:var(--coral)}
.hf-row{display:grid;gap:14px}
@media (min-width:520px){.hf-row{grid-template-columns:1fr 1fr}}
.hero-form label{display:grid;gap:6px;font:600 13px var(--sans);color:#D9D3C6}
.hero-form input:not([type=hidden]){width:100%;box-sizing:border-box;background:#fff;color:var(--ink);border:1px solid #fff;border-radius:12px;padding:13px 14px;font:400 16px var(--sans)}
.hero-form input::placeholder{color:#9A9A9A}
.hero-form input:focus{outline:3px solid rgba(242,92,58,.6);outline-offset:1px}
.hf-btn{appearance:none;border:0;cursor:pointer;margin-top:4px;background:var(--coral);color:#fff;font:600 16px var(--sans);padding:15px 22px;border-radius:999px;box-shadow:0 12px 26px -10px rgba(242,92,58,.75);transition:transform .2s ease}
.hf-btn:hover{transform:translateY(-1px)}
.hf-guarantee{margin:2px 0 0;text-align:center;color:#B8B2A7;font-size:13.5px}
.hf-examples{margin:16px auto 0;text-align:center;color:var(--ink-mute);font-size:14px}
.hf-examples a{color:var(--ink);font-weight:600;border-bottom:1px solid currentColor}

/* hero form first on phones: hide duplicate hero buttons and ticks */
@media (max-width:980px){.ph .ph-cta{display:none}.ph .ph-specs{gap:10px 18px;margin-top:4px}}

/* Hero tidy 2026-11-02: smaller headline (max 3 lines desktop), form is the only CTA */
.ph .ph-h1{font-size:clamp(40px,4.9vw,68px)!important;line-height:1.04;max-width:none}
.ph .ph-cta{display:none}
.ph .ph-sub{margin-bottom:26px}

/* hero: example links removed, strip below covers it */
.hf-examples{display:none}

/* hero headline on phones: max 3 lines */
@media (max-width:600px){.ph .ph-h1{font-size:clamp(30px,9.5vw,40px)!important}}

/* solid black menu button with rounded corners */
.nav-toggle{background:var(--ink);border-color:var(--ink);border-radius:14px}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{background:#fff;height:2px}
.nav-toggle:hover{background:#2a2a2a;border-color:#2a2a2a}

/* Example sites strip inside the hero, smaller, along the bottom. 2026-11-02 */
.ph .ph-marquee{padding:clamp(18px,2.4vw,28px) 0 0;margin-top:clamp(28px,3.5vw,44px);background:transparent;border-top:1px solid #E5E5E5;overflow:hidden}
.ph .ph-marquee .marquee-label{margin-bottom:14px;font-size:.7rem}
.ph .ph-marquee .marquee-mask{width:auto;max-width:none}
.ph .ph-marquee .mini-track{gap:14px}
.ph .ph-marquee .mini{width:205px;gap:6px}
.ph .ph-marquee .mini-win{border-radius:11px}
.ph .ph-marquee .mini-chrome{padding:6px 8px;gap:4px}
.ph .ph-marquee .mini-chrome i{width:5px;height:5px}
.ph .ph-marquee .mini-body{height:92px;padding:9px 9px 9px 11px;gap:8px}
.ph .ph-marquee .mini-copy{gap:6px}
.ph .ph-marquee .mini-logo{font-size:10px;gap:4px}
.ph .ph-marquee .mini-logo b{width:14px;height:14px;font-size:8px;border-radius:4px}
.ph .ph-marquee .mini-h{font-size:12px}
.ph .ph-marquee .mini-btn{font-size:8.5px;padding:4px 8px}
.ph .ph-marquee .mini-img{border-radius:7px}
.ph .ph-marquee .mini-cap{font-size:11.5px;padding-left:2px}

/* hero bottom padding with strip */
html body main>section.ph.ph.ph.ph.ph{padding-bottom:clamp(20px,2.4vw,32px)!important}
.ph .ph-marquee{margin-top:clamp(24px,3vw,36px)}

/* Hero fits the screen: no divider line, smaller example cards, tighter top */
html body main>section.ph.ph.ph.ph.ph{padding-top:clamp(24px,3vw,48px)!important}
.ph .ph-marquee{border-top:0;padding-top:0;margin-top:clamp(18px,2.2vw,28px)}
.ph .ph-marquee .marquee-label{margin-bottom:10px;font-size:.66rem}
.ph .ph-marquee .mini-track{gap:10px}
.ph .ph-marquee .mini{width:150px;gap:4px}
.ph .ph-marquee .mini-win{border-radius:9px;box-shadow:0 6px 16px rgba(11,11,11,.07),0 0 0 1px rgba(11,11,11,.06)}
.ph .ph-marquee .mini-chrome{padding:4px 6px;gap:3px}
.ph .ph-marquee .mini-chrome i{width:4px;height:4px}
.ph .ph-marquee .mini-body{height:62px;padding:6px 6px 6px 8px;gap:6px}
.ph .ph-marquee .mini-copy{gap:4px}
.ph .ph-marquee .mini-logo{font-size:8px;gap:3px}
.ph .ph-marquee .mini-logo b{width:11px;height:11px;font-size:6.5px;border-radius:3px}
.ph .ph-marquee .mini-h{font-size:9px;line-height:1.1}
.ph .ph-marquee .mini-btn{font-size:6.5px;padding:3px 6px}
.ph .ph-marquee .mini-img{border-radius:5px}
.ph .ph-marquee .mini-cap{font-size:10px}

/* Hero on short desktop screens (laptops): tighten so it fits the view */
@media (min-width:981px) and (max-height:880px){
  main{padding-top:16px}
  html body main>section.ph.ph.ph.ph.ph{padding-top:24px!important;padding-bottom:18px!important}
  .ph .ph-eyebrow{margin-bottom:14px}
  .ph .ph-h1{font-size:clamp(38px,4.2vw,58px)!important;margin-bottom:14px}
  .ph .ph-sub{font-size:17px;margin-bottom:18px}
  .hero-form{padding:24px 30px;gap:10px}
  .hero-form .hf-title{font-size:1.65rem;margin-bottom:2px}
  .hero-form input:not([type=hidden]){padding:10px 12px}
  .hf-btn{padding:13px 20px}
  .ph .ph-marquee{margin-top:16px}
  .ph .ph-marquee .marquee-label{margin-bottom:8px}
}
@media (min-width:981px) and (max-height:720px){
  .ph .ph-eyebrow{display:none}
  .ph .ph-h1{font-size:clamp(34px,3.6vw,48px)!important;margin-bottom:10px}
  .ph .ph-sub{font-size:16px;line-height:1.5;margin-bottom:14px}
  .hero-form{padding:20px 26px;gap:8px}
  .hero-form .hf-title{font-size:1.45rem}
  .hf-eyebrow{display:none}
  .hero-form input:not([type=hidden]){padding:9px 12px}
  .hf-btn{padding:11px 18px;margin-top:2px}
  .ph .ph-marquee .marquee-label{display:none}
}

/* space above example sites label */
.ph .ph-marquee{margin-top:clamp(34px,3.4vw,46px)}
@media (min-width:981px) and (max-height:880px){.ph .ph-marquee{margin-top:30px}}
@media (min-width:981px) and (max-height:720px){.ph .ph-marquee{margin-top:22px}}

/* room for card outline and hover lift inside the clipped strip */
.ph .ph-marquee .marquee-mask{padding:7px 0 6px}

/* Inner page heroes (same as homepage). 2026-11-02 */
.ph-grid--solo{grid-template-columns:1fr!important}
.ph-grid--solo .ph-copy{max-width:860px}
.ph .ph-cta.ph-cta-keep{display:flex;margin:0 0 22px}

/* Fix: card text colours after the clean-up (2026-11-02) */
main .hp-plan.hp-plan--main{background:var(--coral);border-color:var(--coral)}
main>section.blk-dark:not(.marquee){color:var(--ink)}
main>section.blk-dark :is(.svc-head,.versus-title,.process-head,.gp-head,.gp-note,.gx-note){color:#FBF8F1}

.process-grid{margin-top:0}

/* ===== Palette: orange, black, cream, white + purple accents. No blue, no green. 2026-11-02 ===== */
/* Call-to-action block: blue -> white with orange button */
main .sprint-cta-card{background:#fff;color:var(--ink);border:1px solid #E5E5E5}
main .sprint-cta-card .eyebrow{color:var(--coral)}
main .sprint-cta-card h2{color:var(--ink)}
main .sprint-cta-card h2 em{color:var(--coral)}
main .sprint-cta-card p{color:var(--ink-soft)}
main .sprint-cta-card .sprint-cta-meta{color:var(--ink-mute)}
main .sprint-cta-actions .btn-primary{background:var(--coral);color:#fff;border-color:var(--coral)}
main .sprint-cta-actions .btn-primary:hover{background:#D9472A;border-color:#D9472A;color:#fff}
/* Service card panel + pills: green -> black */
main .svc-feature.leaf,main .svc-feature.sky{background:var(--ink)}
main .svc-card.integrations .svc-pill.active,main .svc-card.audit .svc-pill.active{background:var(--ink)}
main .svc-card.integrations .pill-explainer,main .svc-card.audit .pill-explainer{background:rgba(11,11,11,.05);border-left-color:var(--ink)}
/* The Graft way: green -> black */
main .versus-card.new,main .versus-grid>.versus-card:last-child{background:var(--ink)}
/* Ticks and seals: green -> orange */
.ph .ph-tick{background:var(--coral-soft)}
.ph .ph-tick::after{border-color:var(--coral)}
main .hp-plan:not(.hp-plan--main) li::before{color:var(--coral)}
main .gp-plan li::before{color:var(--coral)}
main .hp-g-seal{background:var(--coral-soft);color:var(--coral)}

/* Comparison block: orange Graft way, no standalone "vs.", no emojis, same layout on every page */
main .versus-card.new,main .versus-grid>.versus-card:last-child{background:var(--coral)}
main .versus-card.new :is(h3,li),main .versus-grid>.versus-card:last-child :is(h3,li){color:#fff}
main .versus .versus-vs{display:none}
main .versus .versus-list .emoji{display:none}
@media (min-width:880px){main section.versus>.container:not(:has(>.versus-grid)){grid-template-columns:1fr 1fr;column-gap:18px}main section.versus>.container>.versus-card.old{grid-column:1/2}main section.versus>.container>.versus-card.new{grid-column:2/3}}
@media (max-width:879px){main section.versus>.container>.versus-card.new{margin-top:18px}}

/* ===== Consistency pass 2026-11-02 ===== */
/* one size for every section heading in a heading block */
main :is(.svc-head,.process-head,.gp-head,.fit-head,.hp-plans-head) h2,main .versus-title h2,main h2.versus-title{font-size:clamp(2.3rem,5vw,4.5rem)!important;line-height:1.05}
/* one corner size for every card in a grid */
main :is(.process-card,.fit-item,.gp-addon,.gp-plan,.gx-card,.hp-plan,.fq-cat-box){border-radius:20px}
main :is(.gp-note,.gx-note){border-radius:20px}
/* hero buttons use the same font and size as every other button */
.ph .ph-cta-keep .ph-btn{font:600 18px var(--sans);padding:15px 28px}

/* WhatsApp button, every page. 2026-11-02 */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 20px 12px 14px;font:600 15px var(--sans);text-decoration:none;box-shadow:0 14px 30px -10px rgba(11,11,11,.55);transition:transform .2s ease,background .2s ease}
.wa-float svg{width:24px;height:24px;fill:#fff;flex:none}
.wa-float:hover,.wa-float:focus-visible{transform:translateY(-2px);background:#2a2a2a;color:#fff}
@media (max-width:640px){.wa-float{right:16px;bottom:16px;padding:14px}.wa-float span{display:none}}
@media print{.wa-float{display:none}}

/* WhatsApp green so the button is instantly recognisable (the one exception to the palette) */
.wa-float{background:#25D366;color:#fff;box-shadow:0 14px 30px -10px rgba(37,211,102,.6)}
.wa-float:hover,.wa-float:focus-visible{background:#1EBE5A;color:#fff}
.wa-float span{text-shadow:0 1px 1px rgba(0,0,0,.18)}

/* Website assistant chat widget. 2026-11-02 */
.gc-root{position:fixed;right:20px;bottom:80px;z-index:61;font-family:var(--sans)}
.gc-launch{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:12px 20px 12px 14px;font:600 15px var(--sans);cursor:pointer;box-shadow:0 14px 30px -10px rgba(11,11,11,.55);transition:transform .2s ease}
.gc-launch:hover{transform:translateY(-2px)}
.gc-launch svg{width:22px;height:22px;fill:var(--coral)}
.gc-open .gc-launch{display:none}
.gc-panel{position:fixed;right:20px;bottom:20px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 110px));background:#fff;border-radius:22px;box-shadow:0 30px 70px -20px rgba(11,11,11,.45),0 0 0 1px rgba(11,11,11,.06);display:flex;flex-direction:column;overflow:hidden}
.gc-panel[hidden]{display:none}
.gc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:16px 18px}
.gc-head strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.2rem}
.gc-head small{display:block;color:#B8B2A7;font-size:12px;margin-top:2px}
.gc-close{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.gc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff}
.gc-msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;word-wrap:break-word}
.gc-bot{align-self:flex-start;background:#F2F2F2;color:var(--ink);border-bottom-left-radius:6px}
.gc-user{align-self:flex-end;background:var(--coral);color:#fff;border-bottom-right-radius:6px}
.gc-msg a{color:inherit;text-decoration:underline}
.gc-li{display:block;padding-left:14px;position:relative}
.gc-li::before{content:"\2022";position:absolute;left:2px;color:var(--coral)}
.gc-typing{color:#999;letter-spacing:2px}
.gc-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}
.gc-chips:empty{display:none}
.gc-chips button{background:#fff;border:1px solid #E5E5E5;border-radius:999px;padding:7px 12px;font:500 13px var(--sans);color:var(--ink);cursor:pointer}
.gc-chips button:hover{border-color:var(--coral);color:var(--coral)}
.gc-form{display:flex;gap:8px;padding:12px;border-top:1px solid #EEE}
.gc-form input[name=q]{flex:1;min-width:0;border:1px solid #DADADA;border-radius:999px;padding:11px 16px;font:400 15px var(--sans)}
.gc-form input[name=q]:focus{outline:2px solid rgba(242,92,58,.5);border-color:var(--coral)}
.gc-form button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--coral);color:#fff;font-size:20px;cursor:pointer}
.gc-hp{position:absolute;left:-9999px;width:1px;height:1px}
.gc-foot{margin:0;padding:0 16px 12px;font-size:12.5px;color:var(--ink-mute);text-align:center}
.gc-foot a{color:var(--ink);font-weight:600}
@media (max-width:640px){
  .gc-root{right:16px;bottom:80px}
  .gc-launch{padding:14px}.gc-launch span{display:none}
  .gc-panel{right:8px;left:8px;bottom:8px;width:auto;height:min(78vh,600px)}
}
@media print{.gc-root{display:none}}

/* Matched floating buttons: chat + WhatsApp same size. 2026-11-02 */
.wa-float,.gc-launch{box-sizing:border-box;width:196px;height:50px;padding:0 18px 0 16px;gap:10px;justify-content:flex-start;font:600 15px/1 var(--sans)}
.wa-float svg,.gc-launch svg{width:22px;height:22px;flex:none}
.gc-root{right:20px;bottom:82px}
@media (max-width:640px){
  .wa-float,.gc-launch{width:52px;height:52px;padding:0;justify-content:center}
  .wa-float{right:16px;bottom:16px}
  .gc-root{right:16px;bottom:78px}
}

/* We are Graft wordmark: keep on one line; use the menu button until the full nav fits. 2026-11-02 */
.brand,.footer-brand{white-space:nowrap}
.nav-links a,.nav-cta{white-space:nowrap}
@media (min-width:920px) and (max-width:1199px){
  .site-header .nav-links,.site-header .nav-cta{display:none!important}
  .site-header .nav-toggle{display:inline-flex!important}
}
@media (min-width:1200px){.mobile-nav.open{display:none}}

/* Hero form: email + or + WhatsApp. 2026-11-02 */
.hero-form .hf-or{display:flex;align-items:center;gap:12px;color:#8C877E;font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0}
.hero-form .hf-or::before,.hero-form .hf-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}
.hero-form .hf-wa{display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:#fff;font:600 16px var(--sans);padding:14px 22px;border-radius:999px;text-decoration:none;box-shadow:0 12px 26px -12px rgba(37,211,102,.7);transition:transform .2s ease,background .2s ease}
.hero-form .hf-wa span{text-shadow:0 1px 1px rgba(0,0,0,.18)}
.hero-form .hf-wa svg{width:20px;height:20px;fill:#fff;flex:none}
.hero-form .hf-wa:hover,.hero-form .hf-wa:focus-visible{background:#1EBE5A;color:#fff;transform:translateY(-1px)}
@media (max-height:880px){.hero-form .hf-wa{padding:12px 20px}}
@media (max-height:720px){.hero-form .hf-wa{padding:10px 18px}}
/* Equal hero buttons + keep the hero inside the viewport. 2026-11-02 */
.hero-form .hf-btn,.hero-form .hf-wa{box-sizing:border-box;width:100%;height:50px;margin:0;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1 var(--sans);border-radius:999px}
.hero-form .hf-or{margin:-4px 0}
@media (max-height:960px){
  .hero-form{padding:24px 30px;gap:10px}
  .hero-form .hf-title{font-size:1.65rem;margin-bottom:2px}
  .hero-form input:not([type=hidden]){padding:10px 12px}
  .hero-form .hf-btn,.hero-form .hf-wa{height:46px;padding:0 20px}
  .hero-form .hf-or{margin:-3px 0}
}
@media (max-height:720px){
  .hero-form .hf-btn,.hero-form .hf-wa{height:42px;padding:0 18px;font-size:15px}
}

/* Closing CTA: free design + WhatsApp. 2026-11-02 */
main .sprint-cta-actions .sc-wa{background:#25D366;color:#fff;border-color:#25D366}
main .sprint-cta-actions .sc-wa:hover{background:#1EBE5A;border-color:#1EBE5A;color:#fff;transform:translateY(-1px)}
main .sprint-cta-actions .btn-large{min-width:250px;justify-content:center}
/* Type and spacing scale: one size per role. 2026-11-02 */
/* section headings: every block uses the same h2 */
html body main .sprint-cta-card h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.02em;max-width:18ch}
/* card titles: feature cards stay large, every other card uses one size */
html body main .versus-card h3,html body main .process-card h3{font-size:clamp(1.6rem,2.6vw,1.9rem);line-height:1.15;letter-spacing:-.02em}
/* body copy inside blocks: 18px / 1.6 everywhere */
html body main>section:not(.ph) p:not(.lede):not([class*=eyebrow]):not(.hp-g-line):not(.hp-foot):not(.sprint-cta-meta):not(.tiny){font-size:1rem;line-height:1.6}
/* small eyebrows inside cards match the section eyebrows */
html body main .svc-feature-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.16em}
/* text links: one style */
html body main .svc-feature-link{font-size:1rem;font-weight:500}
/* block side padding: same inset in every block */
html body main .svc-cards>.svc-head,html body main .sprint-cta-card{padding-inline:clamp(20px,4vw,64px)}
/* Same side inset in every block. 2026-11-02 */
html body main :is(.svc-head,.versus-title,.process-head,.gp-head),html body main .hp-founding>.container,html body main .sprint-cta-card{padding-left:clamp(20px,4vw,64px)!important;padding-right:clamp(20px,4vw,64px)!important}

/* Contact hero WhatsApp button. 2026-11-02 */
.ph .ph-cta-keep{display:flex;flex-wrap:wrap;gap:12px}
.ph .ph-btn.ph-wa{background:#25D366;color:#fff;box-shadow:0 12px 26px -12px rgba(37,211,102,.7)}
.ph .ph-btn.ph-wa:hover{background:#1EBE5A;color:#fff}
.ph .ph-cta-keep .ph-btn{min-width:256px;justify-content:center}

/* Pricing plans match the homepage plans. 2026-11-02 */
@media (min-width:901px){main .gp-plans{grid-template-columns:1fr 1.08fr 1fr;align-items:center}}
main .gp-plan{padding:30px 26px;gap:14px;box-shadow:none}
main .gp-plan h3{font-size:1.5rem}
main .gp-price{font-size:2.6rem;margin:0}
main .gp-price span{font-size:.95rem;font-weight:400}
main .gp-plan>p{font-size:1rem;line-height:1.5;margin:0}
main .gp-plan ul{margin:4px 0 8px}
main .gp-plan li{font-size:.98rem}
main .gp-plan .btn{margin-top:6px}
main .gp-plan.gp-plan--main{background:var(--coral);border:1px solid var(--coral);padding:44px 30px 34px;box-shadow:0 30px 60px -30px rgba(242,92,58,.7)}
main .gp-plan--main :is(h3,.gp-price,li){color:#fff}
main .gp-plan--main :is(.gp-price span,p){color:rgba(255,255,255,.9)}
main .gp-plan--main li::before{color:#fff}
main .gp-plan--main .btn{background:#fff;color:var(--ink);border-color:#fff}
main .gp-plan--main .btn:hover{background:var(--bg-deeper);border-color:var(--bg-deeper);color:var(--ink)}
main .gp-badge{top:-14px;left:28px;background:var(--ink);color:#fff;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:7px 13px}
@media (max-width:900px){main .gp-plan--main{order:-1;margin-top:12px}}

/* Pricing plans header block, as on the homepage. 2026-11-02 */
main .hp-plans .gp-note.hp-foot{text-align:center;margin:clamp(28px,3vw,40px) auto 0;color:var(--ink-mute);font-size:.95rem;max-width:none}

/* Narrow intro text in heading blocks, as in Monthly plans. 2026-11-02 */
html body main :is(.svc-head,.versus-title,.process-head,.gp-head,.hp-plans-head) :is(p,.lede){max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
html body main .gp-head{text-align:center}
html body main .gp-head h2{max-width:18ch;margin-left:auto;margin-right:auto}
html body main .gp-head p{font-size:1.25rem;line-height:1.55;color:var(--ink-soft)}
html body main .gp-head h2{max-width:720px!important}

/* Notes are light boxes everywhere, as under the pricing plans. 2026-11-02 */
html body main section :is(.gx-note,.gp-note){background:#fff!important;border:1px solid #E5E5E5!important;box-shadow:none!important;color:var(--ink-mute)!important;font-size:.95rem;line-height:1.55;border-radius:20px}
html body main section :is(.gx-note,.gp-note) a{color:var(--ink)!important}

/* Roomier hero form on normal laptop screens. 2026-11-02 */
@media (min-height:801px) and (max-height:960px){
  .hero-form{padding:32px 36px!important;gap:14px!important}
  .hero-form .hf-title{margin-bottom:6px!important}
  .hero-form input:not([type=hidden]){padding:12px 14px!important}
  .hero-form label{gap:7px}
  .hero-form .hf-btn,.hero-form .hf-wa{height:50px!important}
  .hero-form .hf-or{margin:-2px 0!important}
}

/* Side panels that show something: phone, plan ladder, add-on list. No purple. 2026-11-02 */
main .sf-metric{font-size:clamp(1.9rem,3vw,2.6rem)!important;line-height:1.05}
main .sf-phone{align-self:center;display:block;width:min(200px,64%);aspect-ratio:9/17;background:#000;border-radius:30px;padding:8px;box-shadow:0 26px 50px -22px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.14);transition:transform .25s ease;text-decoration:none}
main .sf-phone:hover{transform:translateY(-4px) rotate(-1.5deg)}
main .sf-phone-screen{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:23px;overflow:hidden;color:#16181D}
main .sf-p-bar{display:flex;align-items:center;gap:6px;padding:14px 12px 9px;font:700 11px var(--sans)}
main .sf-p-bar b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#0E6E7E;color:#fff;font-size:9px}
main .sf-p-img{flex:1 1 auto;min-height:80px;background-size:cover;background-position:center}
main .sf-p-h{padding:12px 12px 9px;font:700 14px/1.2 var(--sans)}
main .sf-p-h em{font-style:normal;color:#0E6E7E}
main .sf-p-btn{margin:0 12px 6px;background:#0E6E7E;color:#fff;text-align:center;border-radius:999px;padding:8px;font:600 11px var(--sans)}
main .sf-p-call{margin:0 12px 14px;border:1px solid #0E6E7E;color:#0E6E7E;text-align:center;border-radius:999px;padding:7px;font:600 11px var(--sans)}
main .sf-ladder{list-style:none;margin:0;padding:0;display:grid;gap:8px}
main .sf-ladder li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.16);color:#fff;font:500 1rem var(--sans)}
main .sf-ladder li b{font-family:var(--serif);font-weight:500;font-size:1.45rem;letter-spacing:-.01em;white-space:nowrap}
main .sf-ladder li small{font-family:var(--sans);font-size:.78rem;opacity:.8;margin-left:2px}
main .sf-ladder li i{display:inline-block;margin-left:6px;font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;font-style:normal;background:var(--ink);color:#fff;padding:3px 7px;border-radius:999px;vertical-align:2px}
main .sf-ladder li.is-main{background:#fff;color:var(--ink);box-shadow:0 14px 26px -16px rgba(0,0,0,.5);padding-block:17px}
main .sf-list{list-style:none;margin:0;padding:0}
main .sf-list li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:.98rem}
main .sf-list li:first-child{padding-top:0}
main .sf-list em{font-style:normal;color:var(--coral);font-size:.82rem;font-weight:600;white-space:nowrap}
/* tabs and icons: orange instead of purple and green */
main .svc-card .svc-pill.active{background:var(--coral)!important;color:#fff}
main .svc-card .pill-explainer{background:rgba(242,92,58,.07)!important;border-left-color:var(--coral)!important}
main .svc-card.workflow .svc-card-tag::before{background-color:var(--coral-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B83D1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h10M4 18h16'/%3E%3C/svg%3E")}
main .svc-card.integrations .svc-card-tag::before{background-color:var(--coral-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B83D1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a5 5 0 0 1 0-7l3-3a5 5 0 0 1 7 7l-1.5 1.5M14 10a5 5 0 0 1 0 7l-3 3a5 5 0 0 1-7-7l1.5-1.5'/%3E%3C/svg%3E")}
main .svc-card-link:hover{color:var(--coral);border-bottom-color:var(--coral)}
main .gp-addon-price{color:var(--coral)!important}
@media (max-width:879px){main .sf-phone{width:min(190px,56%)}}
/* Panel tags as pills with a tick, sitting under the label. 2026-11-02 */
html body main .svc-feature-tag{align-self:flex-start;margin:-6px 0 auto;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);padding:8px 16px 8px 8px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.14em;gap:10px;line-height:1}
html body main .svc-feature-tag::before{display:block;width:22px;height:22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 24 24 fill=none stroke=%230B0B0B stroke-width=3 stroke-linecap=round stroke-linejoin=round%3E%3Cpath d=M5 12.5l4.5 4.5L19 7.5/%3E%3C/svg%3E") center/12px no-repeat}

/* Centre the panel statement between the pill and the link. 2026-11-02 */
html body main .svc-feature-tag{margin:-6px 0 0}
html body main .svc-feature>div{margin:auto 0}
html body main .svc-feature-tag::before{background-size:14px}

/* Pulse on the pill ticks. 2026-11-02 */
@keyframes gr-tick-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
html body main .svc-feature-tag::before{animation:gr-tick-pulse 2.2s ease-out infinite}
@media (prefers-reduced-motion:reduce){html body main .svc-feature-tag::before{animation:none}}
/* Smaller pill dot. 2026-11-02 */
html body main .svc-feature-tag::before{width:14px;height:14px;background-size:9px}
html body main .svc-feature-tag{padding:8px 16px 8px 12px;gap:9px}

/* Icons and logos: generated 2026-11-02 from Lucide (ISC) and Simple Icons (CC0). */
main .svc-pill::before{background-color:#fff;background-size:12px;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 0 1px #E5E5E5}
main .svc-pill.active::before{background-color:rgba(255,255,255,.22)!important;box-shadow:none}
main .svc-pill[data-pill="conversion-build"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 4.1 12 6' /%3E%3Cpath d='m5.1 8-2.9-.8' /%3E%3Cpath d='m6 12-1.9 2' /%3E%3Cpath d='M7.2 2.2 8 5.1' /%3E%3Cpath d='M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="conversion-build"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 4.1 12 6' /%3E%3Cpath d='m5.1 8-2.9-.8' /%3E%3Cpath d='m6 12-1.9 2' /%3E%3Cpath d='M7.2 2.2 8 5.1' /%3E%3Cpath d='M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="mobile-speed"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2' /%3E%3Cpath d='M12 18h.01' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="mobile-speed"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2' /%3E%3Cpath d='M12 18h.01' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="reviews-forward"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="reviews-forward"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="pricing-visible"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z' /%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="pricing-visible"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z' /%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="redirects-rankings"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 7h6v6' /%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="redirects-rankings"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 7h6v6' /%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="plan-essentials"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="plan-essentials"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="plan-growth"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 16v5' /%3E%3Cpath d='M16 14.639V21' /%3E%3Cpath d='M20 10.656V21' /%3E%3Cpath d='m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15' /%3E%3Cpath d='M4 18.463V21' /%3E%3Cpath d='M8 14.656V21' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="plan-growth"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 16v5' /%3E%3Cpath d='M16 14.639V21' /%3E%3Cpath d='M20 10.656V21' /%3E%3Cpath d='m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15' /%3E%3Cpath d='M4 18.463V21' /%3E%3Cpath d='M8 14.656V21' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="plan-pro"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="plan-pro"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="plan-move-up"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5' /%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09' /%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z' /%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="plan-move-up"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5' /%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09' /%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z' /%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="plan-minimum"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='m9 15 2 2 4-4' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="plan-minimum"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='m9 15 2 2 4-4' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="google-ads"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z' /%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14' /%3E%3Cpath d='M8 6v8' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="google-ads"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z' /%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14' /%3E%3Cpath d='M8 6v8' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="local-seo"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="local-seo"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="google-business"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5' /%3E%3Cpath d='M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244' /%3E%3Cpath d='M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="google-business"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5' /%3E%3Cpath d='M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244' /%3E%3Cpath d='M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="review-requests"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="review-requests"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="follow-up"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7' /%3E%3Crect x='2' y='4' width='20' height='16' rx='2' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="follow-up"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7' /%3E%3Crect x='2' y='4' width='20' height='16' rx='2' /%3E%3C/svg%3E")!important}
main .svc-pill[data-pill="source-attribution"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 16v5' /%3E%3Cpath d='M16 14.639V21' /%3E%3Cpath d='M20 10.656V21' /%3E%3Cpath d='m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15' /%3E%3Cpath d='M4 18.463V21' /%3E%3Cpath d='M8 14.656V21' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="source-attribution"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 16v5' /%3E%3Cpath d='M16 14.639V21' /%3E%3Cpath d='M20 10.656V21' /%3E%3Cpath d='m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15' /%3E%3Cpath d='M4 18.463V21' /%3E%3Cpath d='M8 14.656V21' /%3E%3C/svg%3E")!important}
.ph .ph-tick{width:22px;height:22px;background-color:var(--coral-soft);background-size:12px;background-repeat:no-repeat;background-position:center}
.ph .ph-tick::after{display:none!important}
.ph .ph-specs>span:nth-child(1) .ph-tick{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='7' x='3' y='3' rx='1' /%3E%3Crect width='9' height='7' x='3' y='14' rx='1' /%3E%3Crect width='5' height='7' x='16' y='14' rx='1' /%3E%3C/svg%3E")}
.ph .ph-specs>span:nth-child(2) .ph-tick{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E")}
.ph .ph-specs>span:nth-child(3) .ph-tick{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m21 21-4.34-4.34' /%3E%3Ccircle cx='11' cy='11' r='8' /%3E%3C/svg%3E")}
main .gp-addon::before{content:"";display:block;width:44px;height:44px;border-radius:12px;margin-bottom:16px;background-color:var(--coral-soft);background-size:22px;background-repeat:no-repeat;background-position:center}
main .gp-addons>.gp-addon:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M9 15h6' /%3E%3Cpath d='M12 18v-6' /%3E%3C/svg%3E")}
main .gp-addons>.gp-addon:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z' /%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14' /%3E%3Cpath d='M8 6v8' /%3E%3C/svg%3E")}
main .gp-addons>.gp-addon:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E")}
main .gp-addons>.gp-addon:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7' /%3E%3Crect x='2' y='4' width='20' height='16' rx='2' /%3E%3C/svg%3E")}
main .gp-addons>.gp-addon:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E")}
main .found-on{width:calc(100% - 2*var(--gutter-tight,clamp(16px,4vw,40px)));max-width:1360px;margin-inline:auto;box-sizing:border-box;background:#fff;border:1px solid #E5E5E5;border-radius:var(--radius-lg,32px);padding:22px clamp(20px,4vw,57.6px) 18px}
main .found-on-row{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}
main .found-on-label{font:600 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--coral);white-space:nowrap}
main .found-on-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
main .found-on-logos li{display:inline-flex;align-items:center;gap:9px;color:#707070;font:600 15px var(--sans);transition:color .2s ease}
main .found-on-logos li:hover{color:var(--ink)}
main .found-on-logos svg{width:22px;height:22px;fill:currentColor;flex:none}
main .found-on-note{margin:12px 0 0;color:#9A9A9A;font-size:12px;line-height:1.4}
@media (max-width:760px){main .found-on-row{flex-direction:column;align-items:flex-start}main .found-on-logos{gap:12px 20px}main .found-on-logos li{font-size:14px}}

/* Logos replace the example strip in the hero (Examples page keeps its strip). 2026-11-02 */
.ph .ph-found{margin-top:clamp(30px,3.2vw,44px);text-align:center}
.ph .ph-found .found-on-logos{justify-content:center;margin-top:16px}
.ph .ph-found-note{margin:14px 0 0;color:#A0A0A0;font-size:12px;line-height:1.4}
.ph .ph-tick{width:18px!important;height:18px!important;background-size:10px!important}
@media (max-height:880px){.ph .ph-found{margin-top:24px}.ph .ph-found .found-on-logos{margin-top:12px}}
@media (min-width:981px) and (max-width:1500px){.ph .ph-specs{gap:10px 16px;letter-spacing:.12em}.ph .ph-specs>span{gap:7px}}

/* Each card matches its panel: purple, black, orange. 2026-11-02 */
main .svc-card.workflow .svc-pill.active{background:var(--violet)!important}
main .svc-card.workflow .pill-explainer{background:rgba(124,92,255,.08)!important;border-left-color:var(--violet)!important}
main .svc-card.integrations .svc-pill.active{background:var(--ink)!important}
main .svc-card.integrations .pill-explainer{background:rgba(11,11,11,.05)!important;border-left-color:var(--ink)!important}
main .svc-card.ai .svc-pill.active{background:var(--coral)!important}
main .svc-card.ai .pill-explainer{background:rgba(242,92,58,.07)!important;border-left-color:var(--coral)!important}
main .svc-card.workflow .svc-card-tag::before{background-color:var(--violet-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='7' x='3' y='3' rx='1' /%3E%3Crect width='9' height='7' x='3' y='14' rx='1' /%3E%3Crect width='5' height='7' x='16' y='14' rx='1' /%3E%3C/svg%3E")}
main .svc-card.integrations .svc-card-tag::before{background-color:#EDEDED;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' /%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="conversion-build"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 4.1 12 6' /%3E%3Cpath d='m5.1 8-2.9-.8' /%3E%3Cpath d='m6 12-1.9 2' /%3E%3Cpath d='M7.2 2.2 8 5.1' /%3E%3Cpath d='M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="mobile-speed"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2' /%3E%3Cpath d='M12 18h.01' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="reviews-forward"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="pricing-visible"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z' /%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="redirects-rankings"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 7h6v6' /%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="plan-essentials"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="plan-growth"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 16v5' /%3E%3Cpath d='M16 14.639V21' /%3E%3Cpath d='M20 10.656V21' /%3E%3Cpath d='m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15' /%3E%3Cpath d='M4 18.463V21' /%3E%3Cpath d='M8 14.656V21' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="plan-pro"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="plan-move-up"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5' /%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09' /%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z' /%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05' /%3E%3C/svg%3E")}
main .svc-card .svc-pill[data-pill="plan-minimum"]:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='m9 15 2 2 4-4' /%3E%3C/svg%3E")}
/* Chat header brand mark. 2026-11-02 */
.gc-head{justify-content:flex-start!important}
.gc-head .gc-title{flex:1;min-width:0}
.gc-avatar{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}
.gc-avatar img{width:24px;height:24px;object-fit:contain}

/* Slightly taller hero form. 2026-11-02 */
.hero-form{gap:17px!important}
@media (min-height:801px) and (max-height:960px){.hero-form{padding:38px 40px!important;gap:16px!important}}
@media (max-height:800px){.hero-form{padding:28px 32px!important;gap:12px!important}}

/* Brand assets add-on icons. 2026-11-02 */
main .gp-addons>.gp-addon:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z' /%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E")}
main .svc-pill[data-pill="brand-assets"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F25C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z' /%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E")}
main .svc-pill.active[data-pill="brand-assets"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z' /%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E")!important}