@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

/* Consolidated Services page (2026). Scoped under .sv so it never touches the
   surrounding scraped Bricks header/footer. Full-bleed colour bands with a
   centred inner column; coral/cyan as accents on a cream/white base, with the
   Explore→Refine→Validate→Activate pathway and the final CTA as the bold
   moments. Defensive resets guard against Bricks' global element styles. */
.sv{--coral:#FB4A2C;--cyan:#10B7EF;--ink:#0E1822;--cream:#FCF4DE;--mut:#54627a;--line:#e7ecf2;font-family:'Poppins',sans-serif;color:var(--ink);line-height:1.5}
.sv *{box-sizing:border-box}
.sv .sec{padding:74px 40px;margin:0}
.sv .sec.cream{background:var(--cream)}
.sv .sec.inkbg{background:var(--ink)}
.sv .in{max-width:1080px;margin:0 auto}
.sv p{margin:0}
.sv ul{list-style:none;margin:0;padding:0}

.sv .eye{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin:0 0 16px}
.sv .eye:before{content:"";width:26px;height:3px;border-radius:2px;background:var(--coral)}
.sv h1{font-size:clamp(34px,5vw,50px);font-weight:900;letter-spacing:-.035em;line-height:1.04;margin:0 0 18px;color:var(--ink)}
.sv h2{font-size:clamp(26px,3.4vw,35px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 16px;color:var(--ink)}
.sv .lead{font-size:17px;color:var(--mut);line-height:1.62;max-width:640px;margin:0}
.sv .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sv a.pill{display:inline-block;border-radius:999px;font-weight:600;padding:14px 30px;font-size:14.5px;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}
.sv a.pill:hover{transform:translateY(-2px);filter:brightness(1.05)}
.sv .p-coral{background:var(--coral);color:#fff}
.sv .p-cyan{background:var(--cyan);color:#fff}
.sv .p-out{background:transparent;color:var(--ink);border:1.5px solid #cfd6e0}

/* Pathway */
.sv .inkbg h2{color:#fff}.sv .inkbg .lead{color:#aebfd2}.sv .inkbg .eye{color:var(--cyan)}.sv .inkbg .eye:before{background:var(--cyan)}
.sv .path{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.sv .node .num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;margin-bottom:13px}
.sv .node h4{color:#fff;font-size:19px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}
.sv .node p{color:#9fb1c8;font-size:13px;line-height:1.4}
.sv .node .sig{display:inline-block;margin-top:10px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px}

/* Stage sections */
.sv .stagenum{font-size:13px;font-weight:800;letter-spacing:.1em;margin:0 0 6px}
.sv .stage h2{margin:0 0 6px}
.sv .sub{font-size:16px;font-weight:600;color:var(--ink);margin:0 0 14px}
.sv .body{font-size:15px;color:var(--mut);line-height:1.62;max-width:640px;margin:0 0 20px}
.sv .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.sv .chips span{font-size:12.5px;font-weight:500;color:#3a4757;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}

/* In-stage SAIL/SPARK callouts */
.sv .callout{border-radius:16px;padding:26px;color:#fff;display:flex;flex-direction:column;gap:5px;max-width:600px}
.sv .callout.spark{background:linear-gradient(135deg,#FB4A2C,#d83518)}
.sv .callout.sail{background:linear-gradient(135deg,#10B7EF,#0a86c4)}
.sv .callout .tm{font-size:22px;font-weight:900;letter-spacing:-.01em}
.sv .callout .st{font-size:12.5px;font-weight:600;opacity:.92}
.sv .callout .ds{font-size:14px;line-height:1.5;opacity:.97;margin:5px 0 12px}
.sv a.cmore{align-self:flex-start;background:#fff;color:var(--ink);border-radius:999px;font-weight:700;font-size:12.5px;padding:10px 20px;text-decoration:none}

/* AI cards */
.sv .grid4{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.sv .card{border:1px solid var(--line);border-radius:13px;padding:22px;background:#fff}
.sv .card h4{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 6px}
.sv .card p{font-size:13.5px;color:var(--mut);line-height:1.5}
.sv .quote{margin:36px 0 0;font-size:clamp(20px,2.6vw,25px);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--ink);max-width:680px}
.sv .quote .a{color:var(--coral)}.sv .quote .b{color:var(--cyan)}

/* Tag groups */
.sv .grp{margin-top:26px}
.sv .grp h5{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin:0 0 12px}
.sv .grp.cy h5{color:var(--cyan)}

/* Signature offering cards */
.sv .offers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.sv .offer{border-radius:18px;padding:30px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}
.sv .offer:before{content:"";position:absolute;top:0;left:0;right:0;height:5px}
.sv .offer.sail:before{background:var(--cyan)}.sv .offer.spark:before{background:var(--coral)}
.sv .offer .tm{font-size:27px;font-weight:900;letter-spacing:-.02em;margin:6px 0 2px}
.sv .offer.sail .tm{color:var(--cyan)}.sv .offer.spark .tm{color:var(--coral)}
.sv .offer .st{font-size:13px;font-weight:600;color:var(--mut);margin:0 0 14px}
.sv .offer .ds{font-size:14px;color:#3a4757;line-height:1.55;margin:0 0 16px}
.sv .offer .bf{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}
.sv .offer li{font-size:13.5px;color:#3a4757;padding:4px 0 4px 17px;position:relative}
.sv .offer li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%}
.sv .offer.sail li:before{background:var(--cyan)}.sv .offer.spark li:before{background:var(--coral)}
.sv .offer ul{margin:0 0 18px}

/* How we work pillars */
.sv .pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.sv .pillar{border-left:3px solid var(--coral);padding:4px 0 4px 16px}
.sv .pillar:nth-child(even){border-color:var(--cyan)}
.sv .pillar h4{font-size:16.5px;font-weight:700;margin:0 0 5px}
.sv .pillar p{font-size:13.5px;color:var(--mut);line-height:1.5}

/* Questions */
.sv .q{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin-top:26px}
.sv .q div{font-size:15px;color:var(--ink);font-weight:500;padding:14px 0 14px 24px;border-top:1px solid var(--line);position:relative;line-height:1.4}
.sv .q div:before{content:"";position:absolute;left:0;top:21px;width:12px;height:2px;background:var(--coral)}

/* Final CTA */
.sv .final{background:linear-gradient(150deg,#1a3d6d,#0e2444);text-align:center}
.sv .final h2{color:#fff;margin-bottom:14px}
.sv .final p{color:#cfdcef;max-width:540px;margin:0 auto 28px;font-size:16px;line-height:1.6}

/* Video-background hero (reuses the homepage Vimeo paint-splash video, with a
   dark brand-gradient fallback + scrim) — consistent with the homepage & SPARK. */
.sv-hero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(125deg,#16345f 0%,#0e2444 100%)}
.sv-hero .sv-hero-bg{position:absolute;inset:0;z-index:0}
.sv-hero .sv-hero-bg .bricks-background-video-wrapper{position:absolute;inset:0;width:100%;height:100%}
.sv-hero .sv-hero-bg video{width:100%;height:100%;object-fit:cover}
.sv-hero .sv-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(125deg,rgba(8,18,28,.84) 0%,rgba(8,18,28,.6) 52%,rgba(8,18,28,.42) 100%)}
.sv-hero .sv-hero-c{position:relative;z-index:2;width:100%;max-width:1080px;margin:0 auto;padding:60px 40px}
.sv-hero .eye{color:var(--cyan)}.sv-hero .eye:before{background:var(--cyan)}
.sv-hero h1{color:#fff}
.sv-hero .lead{color:#dbe6f2}
.sv-hero .p-out{color:#fff;border-color:#ffffff66}

@media(max-width:720px){.sv .path,.sv .grid4,.sv .offers,.sv .pillars,.sv .q{grid-template-columns:1fr}.sv .sec{padding:52px 24px}.sv-hero .sv-hero-c{padding:48px 24px}}