/* Scoped refinement of the approved cream, lime and ink homepage. */
html { overflow-x:clip; }
.hero { min-height:0; padding:calc(var(--header-h) + 66px) 0 65px; }
.hero-grid { display:block; min-height:0; }
.hero-copy { max-width:none; }
.hero-title { width:100%; max-width:none; margin:0 0 clamp(36px,4vw,64px); font-size:clamp(24px,6.1vw,100px); font-weight:600; line-height:1.12; letter-spacing:-.055em; }
.hero-title-line { white-space:nowrap; }
.hero-title-offering { margin-top:.14em; }
.hero-software { display:inline; padding:0; border:0; font-weight:700; line-height:1.03; color:#125fc4; }
.hero-marketing { font-style:normal; font-weight:700; color:#125fc4; }
@supports (-webkit-text-stroke:1px black) {.hero-software{-webkit-text-stroke:1.3px #125fc4;color:transparent}}
@supports (background-clip:text) or (-webkit-background-clip:text) {
  .hero-marketing { background:linear-gradient(115deg,#102e58 5%,#1266cc 48%,#276b8c 95%); -webkit-background-clip:text; background-clip:text; color:transparent; }
}
@media(forced-colors:active){.hero-software,.hero-marketing{background:none;color:CanvasText}.hero-software{border-color:CanvasText}}
.hero-title .accent { display:inline-block; font-style:normal; white-space:nowrap; isolation:isolate; }
.hero-title .accent::after { height:.13em; bottom:.08em; }
.hero-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:48px; padding-top:30px; border-top:1px solid rgba(13,15,13,.28); }
.hero-tagline { max-width:27ch; margin:0 0 18px; color:var(--ink); font-size:22px; font-weight:700; line-height:1.3; letter-spacing:-.025em; text-wrap:balance; }
.hero-description { min-width:0; }
.hero-copy .lead { max-width:560px; margin:0; font-size:18px; line-height:1.65; }
.hero-actions { margin:0; justify-content:flex-end; }
.mobile-nav { overflow-y:auto; }
.mobile-nav[aria-hidden="true"] { visibility:hidden; }
.mobile-nav.is-open { visibility:visible; }
.process-title{display:flex;flex-wrap:wrap;gap:.12em .28em;max-width:none;margin:0;font-size:clamp(44px,6.2vw,96px);font-weight:700;line-height:1.1;letter-spacing:-.055em}

/* Readable integration cards, with one consistent icon family. */
.integration-node{width:196px;min-height:90px;padding:14px;grid-template-columns:38px minmax(0,1fr);border-radius:4px}
.integration-node i{animation:none;border-radius:4px}
.integration-node i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.integration-node strong{font-size:15px;line-height:1.25}
.integration-node small{display:block;color:#cbd2c7;font-size:12px;line-height:1.4;margin-top:4px}
.in-seo,.in-mail,.in-data{left:0}.in-ads,.in-code,.in-crm{right:0}
.integration-detail{font-size:18px}

/* Three distinct expressions of the same cream, lime and ink palette. */
.principle-grid{gap:22px;border:0;align-items:stretch}
.principle{display:flex;flex-direction:column;min-width:0;min-height:430px;padding:30px;border:0;border-radius:0}
.principle::after{content:none}
.principle-number{display:block;width:auto;height:auto;margin:0 0 24px;border-radius:0;background:none;color:inherit;font-size:11px;letter-spacing:.12em}
.principle-art{height:125px;display:flex;align-items:center;margin-bottom:32px;position:relative}
.principle h3{font-size:clamp(25px,2.2vw,34px);line-height:1.1;max-width:18ch;margin:0 0 18px}
.principle p{font-size:16px;line-height:1.6;max-width:34ch}
.principle-direct{background:var(--green);color:var(--ink)}
.principle-direct p{color:#243817}
.direct-art i{width:105px;height:105px;border:2px solid var(--ink);border-radius:50%}
.direct-art i+i{margin-left:-45px;background:var(--ink)}
.principle-technical{background:var(--ink);color:white}
.principle-technical p{color:#cad1c5}
.technical-art{color:var(--green);font-size:95px;font-weight:400;gap:20px;line-height:1}
.technical-art i{height:85px;width:2px;background:var(--green);transform:rotate(18deg)}
.principle-outcomes{background:var(--cream);border:1px solid var(--line)}
.outcomes-art{align-items:flex-end;gap:10px}
.outcomes-art i{width:40px;height:42px;background:var(--ink)}
.outcomes-art i:nth-child(2){height:75px}.outcomes-art i:nth-child(3){height:110px;background:var(--green)}
.outcomes-art span{position:absolute;right:0;top:-10px;font-size:60px;line-height:1}
@media(max-width:1050px){.principle-grid{grid-template-columns:1fr}.principle{min-height:0;display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:36px}.principle-number{grid-column:1/-1}.principle-art{grid-row:2/4;margin:0}.principle h3,.principle p{max-width:none}}
@media(max-width:600px){
  .principle{display:flex;padding:26px}.principle-art{margin-bottom:28px}.principle h3{font-size:30px}
  .universe{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:250px 0 0}
  .universe #globe{top:0;height:250px;width:100%}
  .universe .globe-core{top:125px;width:130px;height:130px}
  .universe .integration-lines{display:none}
  .integration-node{position:relative;inset:auto;width:auto;min-width:0;min-height:112px;padding:12px;grid-template-columns:32px minmax(0,1fr);column-gap:8px}
  .integration-node i{grid-row:1;width:32px;height:32px}
  .integration-node strong{font-size:14px;overflow-wrap:anywhere;align-self:center}
  .integration-node small{grid-column:1/-1;display:block;font-size:12px;margin-top:8px}
}

/* Four framed previews: website artwork followed by three HTML dashboards. */
.systems-showcase { height:500vh; }
.systems-sticky { height:100vh; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr); align-content:stretch; gap:22px; padding:calc(var(--header-h) + 22px) 0 24px; }
.systems-heading { width:min(92%,var(--container)); grid-template-columns:1.4fr .6fr; gap:40px; margin-bottom:0; }
.systems-heading h2 { max-width:none; font-size:clamp(36px,3vw,44px); line-height:1.04; }
.systems-heading .eyebrow { margin-bottom:12px; }
.systems-heading .lead { max-width:400px; margin:0; font-size:16px; }
.systems-stage { width:min(92%,var(--container)); height:100%; min-height:0; }
.studio-screen { height:100%; display:flex; flex-direction:column; border-radius:22px; box-shadow:0 20px 50px rgba(13,15,13,.12); }
.studio-screen::after { display:none; }
.screen-bar { min-height:44px; height:44px; flex:none; letter-spacing:.06em; }
.screen-foot { position:static; flex:none; padding:10px; gap:25px; }
.web-scene { flex:1; height:auto; min-height:0; padding:28px 42px; gap:42px; }
.web-copy h3 { max-width:13ch; font-size:clamp(32px,3.6vw,52px); line-height:1.04; margin:18px 0 24px; }
.web-scene .image-slot { height:85%; min-height:0; width:100%; box-shadow:14px 14px 0 var(--green); }
.crm-scene { flex:1; height:auto; min-height:0; grid-template-columns:150px minmax(0,1fr); }
.crm-nav { padding:22px 13px; }
.crm-nav strong { font-size:16px; margin-bottom:10px; }
.crm-main { padding:24px; }
.crm-head { gap:16px; align-items:center; }
.crm-head h3 { max-width:none; font-size:clamp(24px,2.5vw,36px); line-height:1.08; }
.crm-head .button,.software-feature-head .button { padding:10px 16px; min-height:44px; font-size:13px; white-space:nowrap; }
.crm-kpis { margin:18px 0; gap:12px; }
.crm-kpis>div { padding:14px; }
.crm-kpis span,.crm-kpis small { font-size:11px; }
.crm-kpis strong { font-size:30px; }
.crm-board>div { min-height:135px; padding:10px; }
.crm-board b { margin-bottom:12px; font-size:11px; }
.crm-board span { width:auto; height:auto; padding:9px; font-size:11px; }
.crm-board small { display:block; color:var(--muted); font-size:10px; margin-top:4px; }
.insight-scene,.operations-scene { flex:1; min-height:0; padding:25px 30px; display:flex; flex-direction:column; gap:20px; }
.insight-scene { background:var(--ink); color:white; }
.software-feature-head { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.software-feature-head h3 { max-width:25ch; font-size:clamp(26px,2.5vw,36px); line-height:1.06; margin:0; }
.software-feature-head .eyebrow { font-size:10px; margin-bottom:12px; }
.insight-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.insight-kpis>div { border:1px solid #383e37; padding:12px 18px; border-radius:12px; background:#191d19; }
.insight-kpis span,.insight-kpis small { display:block; color:#b4bcb1; font-size:11px; }
.insight-kpis strong { display:block; margin:4px 0; font-size:32px; line-height:1.1; letter-spacing:-.05em; color:var(--green); }
.insight-detail { display:grid; grid-template-columns:1.3fr 1fr; gap:20px; flex:1; min-height:150px; }
.insight-chart,.channel-report { border:1px solid #383e37; border-radius:12px; padding:15px 20px; font-size:12px; }
.insight-chart { display:flex; flex-direction:column; }
.insight-bars { flex:1; min-height:105px; display:flex; gap:16px; padding-top:12px; align-items:stretch; }
.insight-bars>span { flex:1; display:flex; flex-direction:column; justify-content:end; align-items:stretch; }
.insight-bars i { height:var(--bar); min-height:15px; border-radius:4px 4px 0 0; background:linear-gradient(var(--green),#386525); }
.insight-bars small { display:block; text-align:center; margin-top:6px; color:#b4bcb1; font-size:10px; }
.channel-report>div { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid #383e37; color:#bbc1b9; }
.channel-report b { color:var(--green); }
.operations-scene { background:#f5f6ef; }
.operations-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:24px; min-height:0; flex:1; }
.automation-flow { padding:18px; border:1px solid var(--line); border-radius:14px; background:white; }
.flow-caption,.operations-summary>span { font-size:10px; font-weight:700; letter-spacing:.1em; color:var(--green-deep); }
.automation-flow>div { display:flex; align-items:center; gap:14px; padding:15px 0; border-bottom:1px solid var(--line); }
.automation-flow>div:last-child { border:0; padding-bottom:0; }
.automation-flow i { width:30px; height:30px; display:grid; place-items:center; flex:none; border-radius:50%; background:var(--green-soft); color:var(--green-deep); font-style:normal; font-size:11px; }
.automation-flow strong { display:block; font-size:14px; }
.automation-flow small { display:block; font-size:11px; color:var(--muted); }
.automation-flow b { margin-left:auto; font-size:10px; color:var(--green-deep); }
.operations-summary { padding:20px; border-radius:14px; background:var(--ink); color:white; }
.operations-summary>span { color:var(--green); }
.operations-summary>strong { display:block; margin:14px 0; font-size:32px; letter-spacing:-.04em; line-height:1.06; }
.operations-summary>div { display:inline-flex; flex-direction:column; gap:2px; margin:0 20px 12px 0; }
.operations-summary b { font-size:28px; color:var(--green); }
.operations-summary>div span,.operations-summary p { font-size:12px; color:#b4bcb1; }
.operations-summary p { margin:0; max-width:28ch; }

/* Real photographs fade into the existing card colours. */
.services-layout { grid-template-columns:.8fr 1.2fr; gap:70px; }
.services-intro h2 { max-width:12ch; font-size:clamp(42px,4.5vw,66px); line-height:1.03; }
.services-intro .lead { max-width:400px; font-size:19px; }
.strategy-trigger { max-width:365px; text-align:left; justify-content:space-between; margin-top:10px; line-height:1.5; }
.strategy-trigger svg { flex:none; }
.service-card { --card-fill:var(--cream-soft); min-height:330px; padding:34px; isolation:isolate; justify-content:space-between; }
.service-card.dark { --card-fill:var(--ink); }
.service-card.green { --card-fill:var(--green-soft); }
.service-card::before { inset:0; width:auto; height:auto; border:0; border-radius:0; box-shadow:none; opacity:1; background:linear-gradient(90deg,var(--card-fill) 0%,var(--card-fill) 37%,transparent 100%); z-index:1; }
.service-card:hover::before { transform:none; }
.service-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; z-index:0; transition:transform 1s var(--ease-out); }
.service-card:hover .service-photo { transform:scale(1.04); }
.service-top { position:relative; z-index:2; margin-bottom:40px; }
.service-bottom { max-width:67%; }
.service-bottom h3 { max-width:16ch; margin-bottom:14px; font-size:clamp(27px,2.8vw,38px); line-height:1.05; }
.service-bottom p { max-width:25ch; font-size:15px; color:#454a40; text-wrap:pretty; }
.dark .service-bottom p { color:#d2d8ce; }
.service-read { display:flex; align-items:center; gap:10px; margin-top:23px; font-size:12px; font-weight:700; }
.service-read svg { width:18px; }
.services-shape { position:relative; width:280px; height:210px; margin-top:30px; overflow:hidden; background:url('../../Lead-Manager-Visual-Assets/Lead-Manager-Visual-Assets/assets/svg/pattern-orbit.svg') center/contain no-repeat; }
.services-shape i { position:absolute; inset:25px 40px 25px 25px; border-radius:57% 43% 61% 39% / 48% 58% 42% 52%; background:linear-gradient(135deg,#fff0bd,#ffc596 23%,#dc91c5 72%,#9c7aec); box-shadow:inset 18px 18px 38px #ffffff70,inset -24px -28px 50px #1b23551a; animation:serviceShape 12s ease-in-out infinite alternate; }
.services-shape span { position:absolute; left:155px; top:100px; width:90px; height:90px; border-radius:50%; background:radial-gradient(circle at 28% 20%,#fff,#9bdcff 18%,#6aa8f8 40%,#6548e8 80%); animation:float 8s ease-in-out infinite reverse; }
@keyframes serviceShape { to { border-radius:45% 55% 64% 36% / 42% 61% 39% 58%; transform:translate(8px,-8px) rotate(12deg); } }

/* Budget-first static strategy request. */
.strategy-dialog { width:min(680px,calc(100% - 32px)); max-height:calc(100dvh - 32px); border:1px solid var(--line); border-radius:22px; padding:40px; background:var(--cream-soft); color:var(--ink); box-shadow:var(--shadow-lg); overflow:auto; }
.strategy-dialog::backdrop { background:rgba(13,15,13,.65); backdrop-filter:blur(6px); }
body:has(.strategy-dialog[open]) { overflow:hidden; }
.strategy-dialog h2 { max-width:17ch; font-size:42px; line-height:1.05; margin-bottom:25px; }
.strategy-dialog .eyebrow { font-size:10px; padding-right:16px; }
.strategy-close { position:absolute; right:12px; top:12px; width:36px; height:36px; border:1px solid var(--line); border-radius:50%; background:white; font-size:24px; cursor:pointer; }
.strategy-dialog fieldset { margin:0; padding:0; border:0; min-width:0; }
.strategy-dialog [hidden] { display:none!important; }
.strategy-dialog label { display:block; margin:17px 0 7px; font-size:13px; font-weight:700; }
.strategy-dialog input,.strategy-dialog textarea { display:block; width:100%; padding:12px 14px; border:1px solid #9ca095; border-radius:8px; background:white; color:var(--ink); font-size:16px; }
.strategy-dialog textarea { resize:vertical; }
.strategy-dialog .budget-input { position:relative; }
.budget-input>span { position:absolute; left:16px; top:14px; font-size:24px; }
.strategy-dialog .budget-input input { padding:14px 15px 14px 45px; font-size:26px; }
.strategy-dialog .field-help { font-size:13px; line-height:1.55; color:#64695e; margin:13px 0 22px; }
.strategy-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.strategy-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.budget-summary { padding:12px; background:var(--green-soft); border-radius:8px; font-size:14px; }
.strategy-brief { padding:18px; border:1px solid var(--line); border-radius:10px; background:white; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 inherit; max-height:280px; overflow:auto; }
.strategy-edit { border:0; background:none; color:var(--ink); padding:12px; font-size:13px; text-decoration:underline; cursor:pointer; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

@media (max-width:1100px) {
  .hero-summary { grid-template-columns:minmax(0,1fr); gap:28px; }
  .hero-actions { margin-top:0; justify-self:end; }
  .services-layout { gap:40px; }
  .crm-main { padding:18px; }
  .crm-scene { grid-template-columns:120px minmax(0,1fr); }
  .crm-board span { padding:7px; }
}
@media (max-width:900px), (max-height:650px), (prefers-reduced-motion:reduce) {
  .systems-showcase { height:auto; padding:75px 0; }
  .systems-sticky { position:static; height:auto; min-height:0; display:block; padding:0; overflow:visible; }
  .systems-heading { grid-template-columns:1fr; gap:20px; margin-bottom:35px; }
  .systems-heading .lead { justify-self:start; max-width:550px; }
  .systems-stage { display:grid; gap:30px; height:auto; }
  .studio-screen { position:relative; inset:auto; height:auto; min-height:0; opacity:1!important; transform:none!important; clip-path:none!important; }
  .web-scene { min-height:370px; }
  .web-scene .image-slot { height:280px; }
  .crm-main { overflow:visible; }
  .crm-board>div { min-height:170px; }
  .insight-detail { min-height:220px; }
  .automation-flow>div { padding:19px 0; }
}
@media (max-width:1050px) {
  .services-layout { grid-template-columns:1fr; }
  .services-intro { position:relative; padding-right:280px; }
  .services-intro h2 { max-width:15ch; }
  .services-shape { position:absolute; right:0; top:25px; margin:0; }
}
@media (max-width:740px) {
  .hero { padding:calc(var(--header-h) + 42px) 0 45px; }
  .hero-grid { width:calc(100% - 28px); }
  .hero-title { font-size:clamp(26px,8.2vw,46px); line-height:1.12; letter-spacing:-.055em; margin-bottom:32px; }
  .hero-title .hero-title-line { display:block; white-space:nowrap; }
  .hero-summary { display:grid; gap:26px; padding-top:24px; }
  .hero-tagline { font-size:19px; }
  .hero-copy .lead { font-size:18px; }
  .systems-heading,.systems-stage { width:calc(100% - 40px); }
  .systems-heading h2 { font-size:42px; }
  .screen-bar { font-size:8px; padding:0 12px; gap:10px; }
  .screen-foot { flex-wrap:wrap; gap:8px 15px; font-size:9px; justify-content:center; }
  .web-scene { grid-template-columns:1fr; padding:25px 22px 32px; gap:32px; }
  .web-copy h3 { font-size:37px; }
  .web-scene .image-slot { height:270px; }
  .crm-scene { display:block; }
  .crm-nav { display:flex; padding:12px; gap:6px; overflow-x:auto; }
  .crm-nav strong { margin:0 10px 0 0; align-self:center; }
  .crm-nav span { white-space:nowrap; }
  .crm-head,.software-feature-head { display:grid; gap:18px; }
  .crm-head h3,.software-feature-head h3 { font-size:30px; }
  .crm-kpis { grid-template-columns:1fr 1fr; }
  .crm-kpis>div:last-child { grid-column:1 / -1; }
  .crm-board { grid-template-columns:1fr 1fr; gap:10px; }
  .crm-board>div { min-height:145px; }
  .insight-scene,.operations-scene { padding:23px 18px; }
  .insight-kpis { grid-template-columns:1fr; gap:9px; }
  .insight-kpis>div { display:grid; grid-template-columns:1fr auto; gap:5px 10px; }
  .insight-kpis strong { grid-column:2; grid-row:1 / 3; align-self:center; margin:0; }
  .insight-detail,.operations-layout { grid-template-columns:1fr; }
  .insight-chart { min-height:220px; }
  .insight-bars { min-height:160px; }
  .services-intro { padding-right:0; }
  .services-intro h2 { font-size:46px; }
  .services-shape { position:relative; top:auto; width:220px; height:170px; margin-top:20px; }
  .services-shape span { left:120px; top:80px; width:70px; height:70px; }
  .service-card { padding:26px; min-height:330px; }
  .service-bottom { max-width:70%; }
  .service-bottom h3 { font-size:29px; }
  .service-card::before { background:linear-gradient(90deg,var(--card-fill) 0%,var(--card-fill) 38%,transparent 115%); }
  .service-bottom p { font-size:14px; }
  .service-top { margin-bottom:25px; }
  .strategy-dialog { padding:34px 24px 24px; }
  .strategy-dialog h2 { font-size:34px; }
  .strategy-fields { grid-template-columns:1fr; gap:0; }
}
@media (max-width:430px) {
  .hero-title { font-size:clamp(26px,8.2vw,35px); }
  .service-card { min-height:435px; justify-content:end; }
  .service-photo { height:240px; object-position:right center; }
  .service-card::before { background:linear-gradient(0deg,var(--card-fill) 0%,var(--card-fill) 44%,transparent 95%); }
  .service-top { margin:0 0 15px; }
  .service-bottom { max-width:100%; }
  .service-bottom h3 { max-width:16ch; }
  .service-bottom p { max-width:29ch; }
  .service-read { margin-top:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-title .accent::after { transform:scaleX(1) skewX(-7deg); }
  .services-shape i,.services-shape span { animation:none; }
}

/* Hero accents use the supplied Blue / Violet and Warm / Peach shape palettes. */
.hero { isolation:isolate; }
.hero-bubbles { position:absolute; inset:0; z-index:1; pointer-events:none; }
.hero-bubble { position:absolute; display:block; aspect-ratio:1; border-radius:50%; box-shadow:inset 14px 18px 40px #ffffff65,inset -22px -28px 48px #31295128; animation:heroBubbleDrift 11s ease-in-out infinite alternate; }
.hero-bubble::before { content:""; position:absolute; inset:5%; border-radius:inherit; background:radial-gradient(circle at 27% 20%,#ffffffb0,transparent 45%); opacity:.65; }
.bubble-top { width:clamp(170px,20vw,285px); right:-35px; top:-85px; background:linear-gradient(145deg,#c3e9ff,#73aff0 26%,#265dc5 73%,#89b9df); }
.bubble-bottom { width:clamp(170px,18vw,250px); left:-110px; bottom:-120px; background:linear-gradient(135deg,#f0fff5,#c1e8df 30%,#92bfdc 72%,#84ace1); animation-delay:-5s; animation-duration:13s; opacity:.7; }
.bubble-bottom::after { content:"";position:absolute;inset:-25%;border:1px solid #1266cc22;border-radius:50%; }
@keyframes heroBubbleDrift { from { transform:translate(0,0) rotate(-8deg); border-radius:50% 50% 48% 52%; } to { transform:translate(-18px,14px) rotate(10deg); border-radius:46% 54% 52% 48%; } }
.motion-paused .hero-bubble { animation-play-state:paused; }

/* An oversized scroll statement leads directly into the existing integration map. */
.signal-section { display:block; min-height:0; padding:0; overflow:clip; isolation:isolate; }
.smart-story { position:relative; z-index:1; }
.smart-sticky { position:relative; min-height:75svh; padding-block:110px; display:flex; flex-direction:column; justify-content:center; }
.smart-kicker { margin:0 0 34px; color:#b5bbb1; font-size:12px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.smart-title { position:relative; max-width:none; margin:0 0 35px; font-size:clamp(80px,13.2vw,200px); line-height:1.06; letter-spacing:-.065em; font-weight:700; }
.smart-phrase { display:block; width:max-content; max-width:100%; color:#e7ffd8; transform-origin:left center; }
.smart-phrase strong { font-weight:inherit; }
.smart-sticky .smart-title{margin-bottom:0}
.phrase-smarter { background:linear-gradient(110deg,#e7ffd8 5%,#abef8e 24%,#65d3bd 56%,#9bdcff 77%,#b08ce9); }
.phrase-harder { margin-top:.12em; font-weight:450; background:linear-gradient(110deg,#fff0bd,#ffc596 23%,#dc91c5 72%,#b49af0); }
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .smart-phrase { -webkit-background-clip:text; background-clip:text; color:transparent; }
}
.smart-benefits { margin:0; color:#c0c6bc; font-size:clamp(16px,1.8vw,23px); }
.smart-next { display:inline-flex; align-items:center; gap:22px; align-self:flex-start; margin-top:40px; padding:8px 0; border-bottom:1px solid #626b5b; color:white; font-size:13px; text-decoration:none; }
.smart-next span { color:var(--green); font-size:20px; }
.smart-next:hover { border-color:var(--green); }
.is-scroll-ready.smart-story { height:260svh; }
.is-scroll-ready .smart-sticky { position:sticky; top:0; height:100svh; min-height:0; padding-block:110px; }
.is-scroll-ready .smart-title { display:grid; grid-template-columns:minmax(0,1fr); }
.is-scroll-ready .smart-phrase { grid-area:1 / 1; margin:0; will-change:opacity,transform,filter; }
.is-scroll-ready .phrase-harder { opacity:0; }
.signal-grid { padding-block:100px 120px; min-width:0; grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr); gap:44px; scroll-margin-top:100px; }
.signal-copy .lead,.signal-copy .integration-detail { width:90%; }
.signal-grid .universe{width:100%;min-height:660px}
.signal-grid .integration-node{width:184px;min-height:94px;transform:translateY(-50%)}
.signal-grid .in-seo,.signal-grid .in-mail{left:32px;right:auto}
.signal-grid .in-ads,.signal-grid .in-crm{right:32px;left:auto}
.signal-grid .in-seo,.signal-grid .in-ads{top:18%;bottom:auto}
.signal-grid .in-data,.signal-grid .in-code{top:50%;bottom:auto}
.signal-grid .in-data{left:0;right:auto}.signal-grid .in-code{right:0;left:auto}
.signal-grid .in-mail,.signal-grid .in-crm{top:82%;bottom:auto}



.services-intro{padding-right:0}
.signal-copy { min-width:0; }
.signal-copy>h2,.signal-copy>p,.signal-copy>a { position:relative; z-index:1; }
.signal-copy h2 { max-width:12ch; font-size:clamp(43px,4.7vw,68px); line-height:1.04; }
.signal-copy .lead { font-size:clamp(18px,1.7vw,23px); }
.integration-detail { max-width:44ch; color:#cbd2c7; font-size:18px; line-height:1.7; margin:24px 0 0; }
.integration-eyebrow { margin-bottom:28px; padding:7px 12px; border-radius:0; background:var(--green); color:var(--ink); font-size:18px; font-weight:700; line-height:1.1; letter-spacing:.01em; }
.integration-eyebrow::before { content:none; }
@media (max-width:1050px) {
  .signal-grid { grid-template-columns:minmax(0,1fr); gap:35px; }
  .signal-copy { max-width:760px; }
  .signal-copy h2 { max-width:17ch; }
}
@media (max-width:740px) {
  .bubble-top { width:145px; right:-35px; top:-62px; }
  .bubble-bottom { width:145px; left:-105px; bottom:-55px; }
  .smart-title { font-size:clamp(70px,24vw,120px); line-height:1; letter-spacing:-.06em; }
  .smart-phrase>span,.smart-phrase>strong { display:block; }
  .smart-sticky,.is-scroll-ready .smart-sticky { padding-block:85px; }
  .smart-kicker { margin-bottom:30px; font-size:10px; }
  .smart-benefits { max-width:24ch; line-height:1.65; }
  .smart-next { margin-top:25px; font-size:12px; }
  .signal-grid { padding-block:80px; }
  .signal-copy h2 { max-width:12ch; font-size:clamp(40px,10.5vw,58px); }
  .integration-eyebrow { font-size:16px; }
}
@media (max-height:560px) and (min-width:741px) {
  .smart-title { font-size:15vh; margin-bottom:20px; }
  .smart-kicker { margin-bottom:15px; }
  .smart-next { margin-top:15px; }
  .is-scroll-ready .smart-sticky { padding-block:60px 25px; }
}
@media (max-height:560px) and (max-width:740px) {
  .smart-title { font-size:clamp(40px,13vh,72px); }
  .smart-phrase>span,.smart-phrase>strong { display:inline; }
  .smart-kicker { margin-bottom:15px; }
  .smart-next { margin-top:15px; }
  .is-scroll-ready .smart-sticky { padding-block:60px 25px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-bubble { animation:none; }
  .smart-sticky { min-height:0; }
  .smart-phrase { opacity:1!important; transform:none!important; filter:none!important; }
}
@media(max-width:1050px){.signal-grid .universe{max-width:850px;margin-inline:auto}}
@media(max-width:740px){.services-intro{padding-right:0}}
@media(max-width:600px){.signal-grid .universe{min-height:0;padding-top:250px}.signal-grid .integration-node{position:relative;inset:auto;width:auto;min-height:114px;transform:none}.signal-copy .lead,.signal-copy .integration-detail{width:90%}}
/* Keep all six primary links and the existing CTA reachable on short phones. */
.mobile-nav{overflow-y:auto;padding-bottom:45px}
@media(max-width:600px){.mobile-nav a{padding-block:14px;font-size:27px}}