:root{--font-primary:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#0b1220;--muted:#697386;--blue:#7cc7f4;--blue-deep:#1594df;--blue-soft:#edf8ff;--line:#e8edf2;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav-wrap{position:fixed;top:20px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 18px;pointer-events:none}.nav-pill{pointer-events:auto;width:min(920px,100%);height:66px;padding:8px 9px 8px 22px;border:1px solid rgba(214,224,233,.75);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 10px 35px rgba(31,55,76,.07);display:flex;align-items:center;gap:32px}.brand{font-size:17px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand span{color:var(--blue-deep)}.nav-links{display:flex;gap:29px;margin-left:auto}.nav-links a{font-size:13px;font-weight:600;color:#556071;transition:.2s}.nav-links a:hover{color:var(--ink)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700}.nav-cta{background:var(--ink);color:white;border-radius:999px;height:48px;padding:0 21px;font-size:13px}.section{width:min(1180px,calc(100% - 48px));margin:0 auto}.hero{padding-top:220px;text-align:center}.hero-copy{max-width:930px;margin:0 auto}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#687486}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;letter-spacing:.04em;text-transform:none}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue-deep);box-shadow:0 0 0 4px var(--blue-soft)}h1,h2{margin:0;letter-spacing:-.06em;line-height:1.04}h1{font-size:clamp(54px,7vw,92px);font-weight:750;margin-top:29px}h1 span,h2 span,.big-line span{color:var(--blue)}.hero-sub{max-width:700px;margin:28px auto 0;font-size:18px;line-height:1.7;color:var(--muted)}.hero-actions{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:26px}.button{height:56px;padding:0 24px;border-radius:999px;font-size:14px}.button.primary{background:var(--blue-deep);color:white;box-shadow:0 8px 22px rgba(21,148,223,.18);transition:transform .2s,box-shadow .2s}.button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(21,148,223,.23)}.text-link{font-size:14px;font-weight:650;color:#4f5b6b}.trust-row{margin-top:29px;display:flex;justify-content:center;align-items:center;gap:14px;color:#7b8491;font-size:12px;font-weight:600}.trust-row i{width:3px;height:3px;background:#c6ccd3;border-radius:50%}.workflow-demo{margin:105px auto 0;max-width:1050px;display:grid;grid-template-columns:1fr 85px 1fr 85px 1fr;align-items:center;text-align:left}.demo-card{min-height:250px;border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:#fff;box-shadow:0 16px 50px rgba(29,52,73,.045)}.demo-label{font-size:10px;letter-spacing:.12em;font-weight:800;color:#9aa3ad;margin-bottom:28px}.job-icon,.avatar,.success-mark{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue-deep);font-size:12px;font-weight:800}.demo-card h3{font-size:17px;letter-spacing:-.03em;margin:19px 0 7px}.demo-card p{font-size:13px;color:#87909c;margin:0}.tag-row{display:flex;gap:6px;margin-top:22px;flex-wrap:wrap}.tag-row span,.candidate-main span{font-size:10px;background:#f6f8fa;color:#66717e;padding:6px 8px;border-radius:7px}.avatar{border-radius:50%;background:var(--ink);color:white}.status{display:flex;align-items:center;gap:7px}.status span{display:inline-block;width:6px;height:6px;background:var(--blue-deep);border-radius:50%;animation:pulse 1.5s infinite}.progress{height:5px;background:#f0f3f5;border-radius:99px;margin-top:28px;overflow:hidden}.progress i{display:block;height:100%;width:72%;border-radius:inherit;background:var(--blue);animation:progress 3.5s ease-in-out infinite}.success-mark{border-radius:50%;background:#edf9f2;color:#39a96b;font-size:17px}.delivery{display:flex;justify-content:space-between;margin-top:23px;padding-top:17px;border-top:1px solid var(--line);font-size:11px}.delivery span{color:var(--blue-deep);font-weight:700}.flow-arrow{display:flex;align-items:center;color:#aab3bc}.flow-arrow span{height:1px;background:#dce2e7;flex:1}.flow-arrow b{font-weight:400;margin-left:6px}.statement{padding:245px 0;text-align:center;max-width:960px}.statement h2,.section-head h2,.agency h2,.pricing h2,.final-cta h2{font-size:clamp(34px,4vw,52px);font-weight:700;margin-top:18px}.statement>p:last-child{max-width:650px;margin:27px auto 0;color:var(--muted);font-size:16px;line-height:1.75}.process{padding:80px 0 210px}.section-head{text-align:center}.steps{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;margin-top:90px}.step{min-height:250px}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top>span{font-size:12px;font-weight:800;color:var(--blue-deep)}.step-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#6f7985}.step h3{font-size:21px;letter-spacing:-.035em;margin:58px 0 13px}.step p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:280px}.step-line{height:1px;background:linear-gradient(to right,#dfe5ea,#bde5fb,#dfe5ea)}.comparison{padding:100px 0 220px}.narrow{max-width:750px;margin:auto}.compare-box{margin:80px auto 0;max-width:960px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden}.compare-col{padding:31px 35px}.compare-col+.compare-col{border-left:1px solid var(--line)}.compare-col h3{font-size:15px;margin:0 0 24px}.compare-title{display:flex;justify-content:space-between;align-items:center}.compare-title span{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep);background:var(--blue-soft);padding:6px 8px;border-radius:99px}.compare-col>div:not(.compare-title){padding:19px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.compare-col div span{color:#929aa5}.compare-col div strong{font-weight:650;text-align:right}.ours{background:#fbfdff}.ours strong{color:#172333}.big-line{text-align:center;font-size:25px;font-weight:700;letter-spacing:-.04em;margin:50px 0 0}.agency{padding:150px 0 220px;display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:100px}.agency>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 7px}.delivery-section{padding:70px 0 220px}.shortlist{max-width:980px;margin:80px auto 0;border:1px solid var(--line);border-radius:26px;padding:34px 38px;box-shadow:0 18px 60px rgba(27,52,75,.045)}.shortlist-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:27px}.tiny{font-size:9px;letter-spacing:.12em;font-weight:800;color:#9ba4ae}.shortlist-head h3{font-size:20px;margin:7px 0 0;letter-spacing:-.035em}.ready{font-size:11px;color:#6f7a87}.ready span{color:#3ca66c}.candidate{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.initials{width:42px;height:42px;border-radius:50%;background:#f3f6f8;display:grid;place-items:center;font-size:10px;font-weight:800;color:#65717e}.candidate-main h4{font-size:13px;margin:0 0 6px}.candidate-main p{font-size:11px;color:#8a939e;margin:0 0 10px}.candidate-main div{display:flex;gap:6px;flex-wrap:wrap}.view{font-size:11px;font-weight:700;color:var(--blue-deep)}.more{text-align:center;border-top:1px solid var(--line);padding-top:25px;font-size:11px;font-weight:700;color:#76808c}.pricing{padding:120px 0 220px;display:grid;grid-template-columns:1fr 460px;gap:120px;align-items:center}.pricing-copy>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:500px}.price-card{border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 20px 65px rgba(26,51,73,.055)}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.badge{font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:var(--blue-soft);color:var(--blue-deep);padding:7px 9px;border-radius:99px}.price{display:flex;align-items:baseline;margin:35px 0 8px}.price>span{font-size:22px;font-weight:700}.price strong{font-size:65px;letter-spacing:-.07em}.price small{color:#8c95a0;font-size:12px;margin-left:7px}.price-card>p{font-size:12px;color:#7c8692}.price-card ul{list-style:none;padding:24px 0;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price-card li{font-size:12px;margin:14px 0;color:#4f5a67}.price-card li span{color:var(--blue-deep);font-weight:800;margin-right:10px}.full{width:100%}.faq{padding:100px 0 220px}.faq-list{max-width:820px;margin:75px auto 0}.faq details{border:1px solid var(--line);border-radius:20px;margin-bottom:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq details:hover{border-color:#d7e4ed}.faq details[open]{border-color:#cfeafa;box-shadow:0 10px 30px rgba(29,52,73,.04)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;font-size:14px;font-weight:650}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400;color:#9ba4ae;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.75;color:var(--muted);max-width:680px;margin:-4px 24px 23px}.final-cta{text-align:center;padding:120px 0 190px}.final-cta>p:not(.kicker){font-size:15px;color:var(--muted);margin:25px 0 30px}footer{width:min(1180px,calc(100% - 48px));margin:auto;border-top:1px solid var(--line);padding:34px 0 45px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px;color:#939ba5}footer p{text-align:center}footer>span{text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{opacity:.35}}@keyframes progress{0%,100%{width:38%}50%{width:82%}}@media(max-width:800px){.nav-links{display:none}.nav-pill{height:60px;padding-left:18px}.nav-cta{margin-left:auto;height:44px}.section{width:min(100% - 30px,1180px)}.hero{padding-top:170px}h1{font-size:52px}.hero-sub{font-size:16px}.workflow-demo{grid-template-columns:1fr;margin-top:70px;gap:12px}.flow-arrow{height:30px;justify-content:center;transform:rotate(90deg)}.demo-card{min-height:220px}.statement{padding:170px 0}.steps{grid-template-columns:1fr;gap:35px;margin-top:65px}.step{min-height:auto;border-top:1px solid var(--line);padding-top:25px}.step h3{margin-top:35px}.step-line{display:none}.compare-box{grid-template-columns:1fr}.compare-col+.compare-col{border-left:0;border-top:1px solid var(--line)}.agency,.pricing{grid-template-columns:1fr;gap:55px}.agency{padding:100px 0 170px}.pricing{padding:80px 0 170px}.price-card{max-width:520px;width:100%;margin:auto}.shortlist{padding:25px 20px}.shortlist-head{display:block}.ready{margin-top:12px}.candidate{grid-template-columns:40px 1fr}.view{display:none}.candidate-main div{display:none}.statement h2,.section-head h2,.agency h2,.pricing h2,.final-cta h2{font-size:43px}.hero-actions{flex-direction:column;gap:17px}.trust-row{flex-wrap:wrap}.faq,.comparison,.delivery-section{padding-bottom:160px}footer{grid-template-columns:1fr;gap:12px;text-align:center}footer p,footer>span{text-align:center;margin:0}}@media(max-width:430px){h1{font-size:43px}.nav-cta{padding:0 16px}.nav-cta span{display:none}.hero{padding-top:150px}.hero-sub{line-height:1.6}.compare-col{padding:27px 22px}.compare-col>div:not(.compare-title){font-size:11px}.price-card{padding:27px 22px}}

/* Refined comparison */
.compare-box{border-radius:30px;box-shadow:0 18px 55px rgba(29,52,73,.045)}.compare-col{padding:34px 38px}.compare-col.muted{background:#fffafa}.compare-col.ours{background:#f8fcff}.traditional-title span{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c85858;background:#fff0f0;padding:6px 8px;border-radius:99px}.compare-col.muted h3{color:#6f5252}.compare-col.muted>div:not(.compare-title){border-color:#f2dddd}.compare-col.ours>div:not(.compare-title){border-color:#deedf6}.bad,.good{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-right:7px;font-size:11px}.bad{background:#fff0f0;color:#cf5a5a}.good{background:var(--blue-soft);color:var(--blue-deep)}

/* v3 refinements */
:root{--ink:#303844;--ink-strong:#252d38}
body{color:var(--ink)}
.nav-links a:hover{color:var(--ink-strong)}
.brand-image{display:flex;align-items:center;line-height:0}.brand-image img{display:block;width:139px;height:auto}.nav-whatsapp{font-size:12px;font-weight:700;color:#53606d;padding:0 2px;white-space:nowrap}.nav-whatsapp:hover{color:var(--blue-deep)}

/* Hero CTA: no lift, animated fill */
.button.primary{position:relative;isolation:isolate;overflow:hidden;transform:none!important;transition:box-shadow .25s ease;background:var(--blue-deep)}
.button.primary::before{content:"";position:absolute;z-index:-1;inset:0;background:#087fc6;transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.22,.75,.25,1)}
.button.primary:hover{transform:none!important;box-shadow:0 10px 28px rgba(21,148,223,.25)}
.button.primary:hover::before{transform:scaleX(1)}

/* How it works band */
.how-band{width:100%;background:#f8fbfd;border-top:1px solid #edf2f5;border-bottom:1px solid #edf2f5;padding:110px 24px;margin:10px 0 130px}
.how-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:130px;align-items:center}
.how-copy h2{font-size:clamp(34px,4vw,50px);font-weight:700;letter-spacing:-.055em;line-height:1.06;margin:18px 0 24px}.how-copy h2 span{color:var(--blue)}.how-copy>p:last-child{max-width:440px;color:var(--muted);font-size:14px;line-height:1.75}
.timeline{position:relative;padding-left:0}.timeline::before{content:"";position:absolute;left:22px;top:25px;bottom:25px;width:1px;background:#cfe7f5}.timeline-item{position:relative;display:grid;grid-template-columns:46px 1fr;gap:24px;align-items:start;padding:0 0 42px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #bfe2f6;color:var(--blue-deep);display:grid;place-items:center;font-size:12px;font-weight:800;z-index:1;box-shadow:0 0 0 7px #f8fbfd}.timeline-item h3{font-size:17px;letter-spacing:-.03em;margin:3px 0 7px}.timeline-item p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}

/* Larger, stronger comparison */
.compare-box{max-width:1080px;margin-top:90px}.compare-col{padding:44px 46px}.compare-col h3{font-size:18px}.compare-title{margin-bottom:5px}.compare-title span{font-size:10px}.compare-col>div:not(.compare-title){padding:24px 0;font-size:14px;align-items:center}.compare-col div strong{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;gap:9px}.bad,.good{flex:0 0 21px;width:21px;height:21px;margin-right:0;font-size:12px}.compare-col.muted{background:#fff8f8}.compare-col.muted h3{color:#745454}.traditional-title span{background:#ffecec;color:#c14d4d}.bad{background:#ffe9e9;color:#c94d4d}.compare-col.ours{background:#f6fbff}

/* Dark grey rather than black */
.nav-cta{background:var(--ink-strong)}.avatar{background:var(--ink-strong)}.ours strong{color:var(--ink-strong)}

/* WhatsApp support placeholder */
.chat-float{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dfe8ee;border-radius:18px;padding:10px 15px 10px 10px;box-shadow:0 14px 40px rgba(37,45,56,.13);transition:box-shadow .2s,border-color .2s}.chat-float:hover{border-color:#b9dff5;box-shadow:0 16px 44px rgba(37,45,56,.17)}.chat-icon{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--blue-deep);display:grid;place-items:center;font-size:20px;font-weight:800}.chat-copy{display:flex;flex-direction:column;gap:1px}.chat-copy small{font-size:9px;color:#89939e}.chat-copy strong{font-size:11px;color:var(--ink-strong)}

@media(max-width:800px){.nav-whatsapp{display:none}.brand-image img{width:125px}.how-band{padding:85px 20px;margin-bottom:100px}.how-inner{grid-template-columns:1fr;gap:55px}.timeline-item{padding-bottom:34px}.compare-col{padding:34px 26px}.compare-col>div:not(.compare-title){font-size:12px}.compare-col div strong{white-space:normal}.chat-float{right:14px;bottom:14px}.chat-copy{display:none}.chat-float{padding:8px;border-radius:15px}}

/* Shared eyebrow pills */
.eyebrow,.kicker,.badge{display:inline-flex;align-items:center;width:max-content;gap:9px;margin:0;padding:7px 9px;border:0;border-radius:99px;background:var(--blue-soft);color:var(--blue-deep);font-size:9px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase}

/* One interaction language for every call to action */
.nav-cta,.button,.text-link,.nav-whatsapp,.chat-float{transition:transform .25s cubic-bezier(.22,.75,.25,1),color .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease}
.button.primary{transform:translateY(0)!important;transition:transform .25s cubic-bezier(.22,.75,.25,1),box-shadow .25s ease}
.nav-cta span,.button span,.text-link span{display:inline-block;transition:transform .25s cubic-bezier(.22,.75,.25,1)}
@media(hover:hover){
  .nav-cta:hover,.button:hover,.text-link:hover,.nav-whatsapp:hover,.chat-float:hover{transform:translateY(-3px)}
  .button.primary:hover{transform:translateY(-3px)!important}
  .nav-cta:hover{background:#151c25;box-shadow:0 10px 24px rgba(37,45,56,.18)}
  .text-link:hover{color:var(--blue-deep)}
  .nav-cta:hover span,.button:hover span{transform:translateX(3px)}
  .text-link:hover span{transform:translateY(3px)}
}

/* Cleaner hero after removing the repeated workflow */
.hero{padding-bottom:110px}
.statement{padding:105px 0 220px}

/* Agency growth illustration */
.agency{grid-template-columns:.92fr 1.08fr;align-items:center;gap:90px}
.agency-copy>p:last-child{max-width:530px;margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.8}
.agency-visual{overflow:hidden;border:1px solid #deedf6;border-radius:30px;background:linear-gradient(145deg,#fbfdff 0%,#f2faff 100%);box-shadow:0 18px 55px rgba(29,52,73,.045)}
.agency-visual svg{display:block;width:100%;height:auto}
.visual-grid{fill:none;stroke:#dceef8;stroke-width:1}
.visual-bar{fill:#fff;stroke:#bfe3f7;stroke-width:1.5}
.visual-bar-two{fill:#f9fdff}.visual-bar-three{fill:#f5fbff}.visual-bar-four{fill:#eef9ff}
.visual-line,.visual-arrow{fill:none;stroke:var(--blue-deep);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.visual-node{fill:#fff;stroke:var(--blue-deep);stroke-width:4}
.visual-people circle{fill:#fff;stroke:#8bcff4;stroke-width:2}
.visual-people path{fill:#fff;stroke:#8bcff4;stroke-width:2;stroke-linecap:round}

/* Reveal again whenever a section re-enters the viewport, in either direction */
.reveal{transform:translateY(var(--reveal-y,18px));will-change:opacity,transform}

@media(max-width:800px){
  .hero{padding-bottom:70px}
  .statement{padding:90px 0 150px}
  .agency{grid-template-columns:1fr;gap:55px}
  .agency-visual{max-width:620px;width:100%;margin:0 auto}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .nav-cta,.button,.text-link,.nav-whatsapp,.chat-float{transition:none}
}

/* v4 typography and illustration refinements */
.brand{color:var(--ink-strong);font-size:17px;font-weight:800;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.brand span{color:var(--blue-deep)}
.kicker{padding:9px 12px;font-size:10px}
.hero-copy{max-width:1180px}
h1{margin-top:0;font-size:clamp(68px,8.35vw,120px);letter-spacing:-.045em;line-height:1.1}
.initials-blue{background:#e8f5ff;color:#377fa9}
.initials-peach{background:#fff0e5;color:#ad6841}
.initials-lilac{background:#f1edff;color:#7161aa}
.agency-visual{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.agency-visual svg{display:block;width:100%;height:auto}
.visual-axis{stroke:#dbe4ea;stroke-width:2;stroke-linecap:round}
.visual-line{fill:none;stroke:var(--blue-deep);stroke-width:5;stroke-linecap:round}

@media(max-width:800px){
  h1{font-size:clamp(48px,10vw,68px)}
}

@media(max-width:430px){
  h1{font-size:48px;letter-spacing:-.04em;line-height:1.12}
}

/* Equal-width hero lines and a stationary hero CTA */
h1{width:100%;margin-right:auto;margin-left:auto}
.hero-line{display:block;width:max-content;max-width:100%;margin:0 auto;color:var(--blue);line-height:1.03;text-align:center;white-space:nowrap}
.hero-line-one{color:var(--ink-strong);font-size:1em}
.hero-line-two{font-size:1.2059em}
.hero-line-three{font-size:1.2775em}
@media(hover:hover){.button.primary.hero-cta:hover{transform:none!important}}

@media(max-width:600px){
  h1{font-size:clamp(50px,12.8vw,61px);letter-spacing:-.045em}
}

/* Section headings no longer reserve space for eyebrow pills */
.statement h2,.how-copy h2,.comparison .section-head h2,.agency h2,.delivery-section .section-head h2,.pricing h2,.final-cta h2{margin-top:0}
.faq .section-head h2{margin-top:18px}

/* True table alignment for comparison rows */
.compare-col>div:not(.compare-title){display:grid;grid-template-columns:minmax(92px,1fr) 250px;align-items:center}
.compare-col>div:not(.compare-title)>span{color:#65717e;font-weight:600}
.compare-col div strong{display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;justify-content:initial;width:250px;text-align:left;white-space:normal}
.bad,.good{position:relative;align-self:center;justify-self:center;line-height:1}
.bad{font-size:0}
.bad::before,.bad::after{content:"";position:absolute;top:50%;left:50%;width:9px;height:1.5px;border-radius:99px;background:currentColor}
.bad::before{transform:translate(-50%,-50%) rotate(45deg)}
.bad::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* Header controls share one vertical centre and the CTA uses the hero fill */
.nav-pill,.nav-links,.nav-links a,.nav-whatsapp,.brand{align-items:center}
.nav-links,.nav-links a,.nav-whatsapp,.brand{display:flex}
.nav-links,.nav-links a,.nav-whatsapp{height:100%}
.nav-links a,.nav-whatsapp{line-height:1}
.nav-cta{position:relative;isolation:isolate;overflow:hidden;transform:none!important}
.nav-cta::before{content:"";position:absolute;z-index:-1;inset:0;background:#087fc6;transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.22,.75,.25,1)}
@media(hover:hover){
  .nav-pill .nav-cta:hover{transform:none!important;background:var(--ink-strong)}
  .nav-pill .nav-cta:hover::before{transform:scaleX(1)}
  .nav-pill .nav-cta:hover span{transform:none}
}

/* Minimal icon-only chat widget with a text tooltip */
.chat-float{right:26px;bottom:26px;display:grid;width:62px;height:62px;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:var(--blue-deep);box-shadow:0 14px 34px rgba(21,148,223,.25);overflow:visible}
.chat-icon{width:62px;height:62px;flex:0 0 62px;border-radius:50%;background:transparent;color:#fff}
.chat-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chat-copy{position:absolute;right:0;bottom:calc(100% + 12px);display:flex;min-width:166px;gap:3px;padding:11px 13px;border-radius:13px;background:var(--ink-strong);box-shadow:0 12px 30px rgba(37,45,56,.18);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}
.chat-copy::after{content:"";position:absolute;right:23px;top:100%;border:6px solid transparent;border-top-color:var(--ink-strong)}
.chat-copy strong{color:#fff;font-size:12px;line-height:1.2}
.chat-copy small{color:rgba(255,255,255,.62);font-size:9px;line-height:1.2}
.chat-float:hover .chat-copy,.chat-float:focus-visible .chat-copy{opacity:1;transform:none}

@media(max-width:800px){
  .nav-links,.nav-whatsapp{display:none}
  .compare-col>div:not(.compare-title){grid-template-columns:minmax(78px,1fr) minmax(0,190px)}
  .compare-col div strong{width:100%;grid-template-columns:21px minmax(0,1fr)}
  .chat-float{right:14px;bottom:14px;width:56px;height:56px;padding:0;border-radius:50%}
  .chat-icon{width:56px;height:56px;flex-basis:56px;border-radius:50%}
}

/* More breathing room and scale in the hero */
.hero{padding-top:250px}
h1{font-size:clamp(72px,8.9vw,128px)}

@media(max-width:800px){
  .hero{padding-top:195px}
  h1{font-size:clamp(50px,10.2vw,70px)}
}

@media(max-width:430px){
  .hero{padding-top:175px}
}

/* Larger hero with a little more vertical rhythm */
.hero{padding-top:280px}
h1{font-size:clamp(76px,9.45vw,136px)}
.hero-line{line-height:1.08}

.comparison-intro{max-width:720px;margin:24px auto 0;color:var(--muted);font-size:15px;line-height:1.75}
.section-intro{max-width:700px;margin:25px auto 0;color:var(--muted);font-size:15px;line-height:1.75}
.hero-cta{height:62px;padding:0 30px;font-size:15px}
.comparison-action{margin-top:28px;text-align:center}
.comparison-cta{height:60px;padding:0 29px;font-size:14px}
.comparison-cta,.comparison-cta:hover{transform:none!important}

/* Keep the non-CTA navigation precisely centred */
.nav-pill{display:grid;grid-template-columns:1fr auto 1fr;padding:8px 9px}
.nav-pill>.brand{justify-self:start}
.nav-links{justify-self:center;margin-left:0}
.nav-pill>.nav-cta{justify-self:end}

@media(max-width:800px){
  .nav-pill{display:flex;padding-left:18px}
  .nav-pill>.nav-cta{margin-left:auto}
}

/* Stronger three-step sourcing timeline */
.timeline{padding:8px 0}
.timeline::before{left:27px;top:30px;bottom:30px;width:2px;background:linear-gradient(to bottom,var(--blue-deep),#8bd0f5)}
.timeline-item{grid-template-columns:56px 1fr;gap:28px;padding-bottom:48px}
.timeline-dot{width:56px;height:56px;border:0;background:var(--blue-deep);color:#fff;font-size:14px;box-shadow:none}
.timeline-item:last-child .timeline-dot{background:var(--blue-deep);box-shadow:none}
.timeline-item h3{margin:1px 0 9px;font-size:19px;font-weight:750}
.timeline-item p{max-width:500px;font-size:14px;line-height:1.7}
.timeline-item>div{padding-top:3px}

@media(max-width:800px){
  .timeline::before{left:25px}
  .timeline-item{grid-template-columns:52px 1fr;gap:23px;padding-bottom:42px}
  .timeline-dot{width:52px;height:52px}
  .timeline-item h3{font-size:18px}
}

/* Dedicated CV quality section */
.quality-band{width:100%;margin:0 0 150px;padding:125px 24px;background:var(--ink-strong);color:#fff}
.quality-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:120px;align-items:center}
.quality-copy h2{margin:0;color:#fff;font-size:clamp(38px,4.5vw,58px);font-weight:700;letter-spacing:-.06em;line-height:1.04}
.quality-copy h2 span{color:var(--blue)}
.quality-copy p{max-width:490px;margin:28px 0 0;color:#b6c0cb;font-size:15px;line-height:1.8}
.quality-copy>strong{display:block;max-width:500px;margin-top:28px;color:#fff;font-size:13px;line-height:1.7}
.quality-check{display:grid;grid-template-columns:46px 1fr;gap:24px;align-items:start;padding:25px 0;border-top:1px solid rgba(255,255,255,.12)}
.quality-check:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.quality-icon{display:grid;width:46px;height:46px;padding:0;border-radius:13px;background:var(--blue-soft);color:var(--blue-deep);place-items:center}
.quality-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quality-check h3{margin:0 0 7px;color:#fff;font-size:16px;letter-spacing:-.025em}
.quality-check p{max-width:560px;margin:0;color:#aeb9c4;font-size:13px;line-height:1.7}

@media(max-width:800px){
  .quality-band{margin-bottom:110px;padding:90px 20px}
  .quality-inner{grid-template-columns:1fr;gap:60px}
  .quality-copy p{max-width:620px}
}

@media(max-width:800px){
  .hero{padding-top:210px}
  h1{font-size:clamp(50px,10.2vw,72px)}
}

@media(max-width:430px){
  .hero{padding-top:190px}
}

/* Make the header WhatsApp action unmistakable without competing with the main CTA */
.nav-whatsapp{
  height:38px!important;
  padding:0 14px!important;
  gap:8px;
  border:1px solid #b9e5ce;
  border-radius:999px;
  background:#eaf8f0;
  color:#18794e!important;
  font-size:12px;
  font-weight:750;
  box-shadow:0 4px 12px rgba(24,121,78,.08);
}
.nav-whatsapp svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
@media(hover:hover){
  .nav-whatsapp:hover{background:#daf3e5;color:#11663f!important;border-color:#8ed3ae;box-shadow:0 8px 18px rgba(24,121,78,.14)}
}

@media(max-width:800px){
  .nav-whatsapp{display:none}
}

/* One sourcing service instead of a scattered multi-platform workflow */
.all-in-one{padding:80px 0 190px;display:grid;grid-template-columns:.88fr 1.12fr;gap:105px;align-items:center}
.all-in-one-copy h2{margin:0;font-size:clamp(38px,4.5vw,58px);font-weight:700;letter-spacing:-.06em;line-height:1.04}
.all-in-one-copy h2 span{color:var(--blue)}
.all-in-one-copy>p{max-width:510px;margin:27px 0 0;color:var(--muted);font-size:15px;line-height:1.8}
.consolidation-visual{position:relative;display:grid;grid-template-columns:minmax(135px,.8fr) minmax(100px,.8fr) minmax(170px,1fr);align-items:center;min-height:320px;padding:12px 0 34px}
.platform-wordmarks{display:grid;height:240px;grid-template-rows:repeat(4,1fr);align-items:center}
.platform-wordmarks span{color:#546170;font-size:14px;font-weight:700;letter-spacing:-.025em;white-space:nowrap}
.connection-map{display:block;width:100%;height:240px;overflow:visible}
.connection-map path{fill:none;stroke:#b9def3;stroke-width:1.5;vector-effect:non-scaling-stroke}
.connection-map circle{fill:var(--blue-deep)}
.one-place-brand{justify-self:end;color:var(--ink-strong);font-size:28px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}
.one-place-brand span{color:var(--blue-deep)}
.cost-comparison{max-width:940px;padding:60px 0 210px}
.cost-heading{text-align:center}
.cost-heading h2{margin:0;font-size:clamp(38px,4.5vw,58px);font-weight:700;letter-spacing:-.06em;line-height:1.04}
.cost-heading p{margin:11px 0 0;color:var(--muted);font-size:13px}
.cost-layout{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:stretch;margin:48px auto 0}
.combined-side,.find-cost{min-width:0;min-height:390px}
.combined-side{display:flex;padding:28px;border:1px solid #ece5e5;border-radius:22px;background:#fffafa;flex-direction:column}
.outside-costs{display:flex;flex-direction:column;align-items:stretch}
.outside-costs>a{display:flex;min-height:62px;padding:0 3px;border-bottom:1px solid #eee6e6;align-items:center;justify-content:space-between;gap:25px;transition:color .2s ease}
.outside-costs>a:hover{color:var(--blue-deep)}
.outside-costs>a>span{display:flex;color:#4e5b68;font-size:12px;font-weight:750;flex-direction:column;gap:4px}
.outside-costs strong{color:var(--ink-strong);font-size:21px;letter-spacing:-.045em;white-space:nowrap}
.outside-costs strong small,.find-cost strong small{color:#8a949e;font-size:9px;font-weight:600;letter-spacing:0}
.outside-costs em{color:#9ca4ad;font-size:9px;font-style:normal;font-weight:500}
.outside-costs>b{display:none}
.combined-cost{display:flex;margin-top:auto;padding-top:24px;align-items:flex-start;flex-direction:column;text-align:left}
.combined-cost>span{color:#707b87;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.combined-cost>strong{margin-top:6px;color:#df4b4b;font-size:48px;letter-spacing:-.065em}
.combined-cost>strong small{color:#a97878;font-size:11px;font-weight:600;letter-spacing:0}
.cost-versus{display:grid;width:100%;grid-template-columns:1fr auto 1fr;align-items:center;color:#8d98a2;font-size:10px;font-weight:800;text-transform:uppercase}
.cost-versus span{width:100%;height:1px;background:#d9e1e7}
.cost-versus b{display:grid;width:34px;height:34px;margin:0 8px;border:1px solid var(--line);border-radius:50%;background:#fff;font-weight:800;place-items:center}
.find-cost{display:flex;padding:28px;border:1px solid #bde5fb;border-radius:22px;background:var(--blue-soft);align-items:center;flex-direction:column;text-align:center}
.find-cost .one-place-brand{align-self:center;margin-top:auto;font-size:18px}
.find-cost>strong{margin-top:19px;margin-bottom:auto;color:var(--blue-deep);font-size:50px;letter-spacing:-.06em}

@media(max-width:900px){
  .all-in-one{grid-template-columns:1fr;gap:55px;padding-bottom:160px}
  .all-in-one-copy{text-align:center}
  .all-in-one-copy>p{margin-right:auto;margin-left:auto}
  .consolidation-visual{width:min(680px,100%);margin:auto}
  .cost-layout{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}
}

@media(max-width:560px){
  .consolidation-visual{grid-template-columns:minmax(100px,.9fr) minmax(72px,.65fr) minmax(135px,1fr);padding:0 0 42px}
  .platform-wordmarks span{font-size:11px}
  .one-place-brand{font-size:20px}
  .cost-comparison{padding:20px 0 160px}
  .cost-layout{display:flex;max-width:520px;flex-direction:column}
  .combined-side,.find-cost{min-height:360px}
  .outside-costs>a{min-height:62px;padding:0 3px}
  .outside-costs strong{font-size:18px}
  .cost-versus{width:70px;height:70px;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;justify-items:center}
  .cost-versus span{width:1px;height:100%}
  .cost-versus b{padding:7px 0}
  .find-cost{width:100%}
}

/* Full-screen editorial hero */
.hero{
  position:relative;
  display:flex;
  width:100%;
  min-height:100svh;
  padding-top:145px;
  padding-bottom:72px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hero-copy{position:relative;z-index:1;width:min(1380px,calc(100% - 40px));max-width:none}
.hero h1{font-size:clamp(82px,9.8vw,148px)}
.hero-line{line-height:1.055}
.hero-sub{margin-top:35px}
.hero-actions{margin-top:31px}
.hero.reveal.visible .hero-line{animation:heroLineIn .82s cubic-bezier(.22,.75,.25,1) both}
.hero.reveal.visible .hero-line-two{animation-delay:.08s}
.hero.reveal.visible .hero-line-three{animation-delay:.16s}
.hero.reveal.visible .hero-sub,.hero.reveal.visible .hero-actions{animation:heroSupportIn .7s .28s ease both}

@keyframes heroLineIn{
  from{opacity:0;transform:translateY(34px)}
  to{opacity:1;transform:none}
}
@keyframes heroSupportIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

.hero-particles{position:absolute;z-index:0;inset:82px 0 0;pointer-events:none}
.hero-float{position:absolute;left:var(--x);top:var(--y);display:block;width:44px;height:44px;color:var(--blue-deep);opacity:calc(var(--o,.18) + .28);transform:scale(var(--s));animation:heroDrift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform}
.hero-float svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.hero-float:nth-child(6),.hero-float:nth-child(7),.hero-float:nth-child(10),.hero-float:nth-child(12),.hero-float:nth-child(13),.hero-float:nth-child(16),.hero-float:nth-child(22),.hero-float:nth-child(23),.hero-float:nth-child(25),.hero-float:nth-child(26),.hero-float:nth-child(28){display:none}

@keyframes heroDrift{
  0%{transform:translate3d(-5px,7px,0) rotate(-3deg) scale(var(--s))}
  50%{transform:translate3d(7px,-8px,0) rotate(2deg) scale(var(--s))}
  100%{transform:translate3d(-2px,-15px,0) rotate(4deg) scale(var(--s))}
}

@media(max-width:800px){
  .hero{width:100%;min-height:100svh;padding-top:130px;padding-bottom:62px}
  .hero-copy{width:min(100% - 28px,720px)}
  .hero h1{font-size:clamp(54px,12.5vw,86px)}
  .hero-line{line-height:1.08}
  .hero-particles{display:none}
}

@media(max-width:430px){
  .hero{min-height:100svh;padding-top:118px;padding-bottom:48px}
  .hero h1{font-size:clamp(48px,12.6vw,58px)}
  .hero-sub{margin-top:28px}
}

@media(prefers-reduced-motion:reduce){
  .hero.reveal.visible .hero-line,.hero.reveal.visible .hero-sub,.hero.reveal.visible .hero-actions{animation:none}
  .hero-float{animation:none}
}