/* benefits.html: styles for this page only */
/* ===== omnichannel page ===== */
.oc-hero .omni{width:min(1120px,calc(100% - 48px));margin:56px auto 0;background:none;border:0;padding:0}
.oc-btns{display:flex;gap:12px;flex-wrap:wrap}
.oc-line{display:inline-flex;align-items:center;height:60px;padding:0 32px;border-radius:999px;border:1.5px solid #C9D2F8;background:#fff;color:var(--cobalt-deep);font-weight:600;font-size:17px}
.oc-line:hover{background:#EEF1FE}
.oc-sec{padding:96px 0}
.oc-tint{background:var(--tint)}
.oc-title{text-align:center;margin:0 auto 12px!important}
.oc-lead{text-align:center;font-size:18px;color:var(--ink-2);margin:0 auto 48px;max-width:34em}
.oc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.oc-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s}
.oc-card:hover{border-color:#C9D2F8;box-shadow:0 24px 44px -28px rgba(45,70,232,.45);transform:translateY(-3px)}
.oc-ic{width:52px;height:52px;border-radius:14px;background:var(--tint-2);color:var(--cobalt);display:grid;place-items:center}
.oc-card h3{font-size:22px;letter-spacing:-.02em;margin:20px 0 8px}
.oc-card p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0 0 18px}
.oc-card ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.oc-card li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}
.oc-card li svg{color:var(--cobalt);flex:none}
.oc-why-wrap{padding:0 0 8px}
.oc-why{width:calc(100% - 40px);max-width:calc(var(--container) + 112px);margin:0 auto;border-radius:40px;background:radial-gradient(70% 60% at 90% 0%,rgba(110,130,255,.45) 0%,transparent 60%),var(--deep);color:#fff;padding:88px 0}
.oc-why-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.oc-why .h2{color:#fff;margin:0 0 16px}
.oc-why p{color:#DCE2FF;font-size:17px;line-height:1.6;margin:0 0 28px;max-width:28em}
.oc-why .feat li{border-top-color:rgba(255,255,255,.2)}
.oc-why .feat b{color:#fff}.oc-why .feat span{color:#DCE2FF}
.oc-white{display:inline-flex;align-items:center;height:54px;padding:0 28px;border-radius:999px;background:#fff;color:var(--cobalt-deep);font-weight:600}
.oc-white:hover{background:#EEF1FE}
.oc-ghost{display:inline-flex;align-items:center;height:54px;padding:0 28px;border-radius:999px;border:1.5px solid rgba(255,255,255,.6);color:#fff;font-weight:600}
.oc-ghost:hover{background:rgba(255,255,255,.12)}
.oc-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.oc-journey::before{content:"";position:absolute;left:12%;right:12%;top:38px;height:2px;background:repeating-linear-gradient(90deg,#C9D2F8 0 8px,transparent 8px 16px)}
.oc-journey li{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.oc-jic{width:76px;height:76px;border-radius:50%;background:#fff;border:1.5px solid #C9D2F8;color:var(--cobalt);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 14px 30px -18px rgba(45,70,232,.5)}
.oc-journey li:last-child .oc-jic{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.oc-journey small{font-size:13px;font-weight:600;color:var(--mute)}
.oc-journey b{font-size:21px;letter-spacing:-.02em;margin:4px 0 8px}
.oc-journey p{font-size:16px;line-height:1.55;color:var(--ink-2);margin:0;max-width:22em}
.oc-steps-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.oc-steps-grid .h2{margin:0 0 12px}
.oc-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.oc-steps li{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.oc-n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;font-weight:600}
.oc-steps b{font-size:18px}.oc-steps p{margin:6px 0 0;color:var(--ink-2);line-height:1.55}
.oc-cta-wrap{padding:0 0 96px}
.oc-cta{width:calc(100% - 40px);max-width:calc(var(--container) + 112px);margin:0 auto;border-radius:40px;background:radial-gradient(70% 60% at 50% 100%,rgba(110,130,255,.4) 0%,transparent 70%),var(--deep);color:#fff;text-align:center;padding:96px 24px}
.oc-cta h2{margin:0 auto 14px;max-width:14em;font-size:clamp(32px,4.2vw,56px);line-height:1.05;letter-spacing:-.04em;font-weight:600}
.oc-cta p{margin:0 auto 30px;color:#DCE2FF;font-size:18px}
@media (max-width:1060px){.oc-cards,.oc-journey{grid-template-columns:1fr}.oc-journey::before{display:none}.oc-why-in,.oc-steps-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:760px){.oc-sec{padding:64px 0}.oc-why,.oc-cta{width:calc(100% - 16px);border-radius:24px;padding:56px 0}.oc-cta{padding:64px 18px}.oc-hero .omni{width:calc(100% - 24px)}}

/* ===== e-commerce industry page ===== */
.ec-hero h1{max-width:13em}
.ec-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ec-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s}
.ec-card:hover{border-color:#C9D2F8;box-shadow:0 24px 44px -30px rgba(45,70,232,.45);transform:translateY(-3px)}
.ec-card h3{font-size:22px;margin:18px 0 8px}
.ec-card p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0}
.ec-fmts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ec-fmt{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.ec-fmt-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.ec-fmt-n{font-family:var(--mono);font-size:13px;color:var(--cobalt);padding-top:4px}
.ec-fmt h3{font-size:20px;margin:0 0 2px}
.ec-fmt-head span{font-size:14px;color:var(--mute)}
.ec-fmt p{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.ec-fmt ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.ec-fmt li{position:relative;padding-left:18px;font-size:14.5px;font-weight:500}
.ec-fmt li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--cobalt)}
.ec-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff}
.ec-table{width:100%;border-collapse:collapse;min-width:720px}
.ec-table th,.ec-table td{text-align:left;padding:18px 22px;font-size:15.5px;border-top:1px solid var(--line)}
.ec-table thead th{border-top:0;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);font-weight:600;background:var(--tint)}
.ec-table td b{font-weight:600}
.ec-table tbody tr:hover{background:#FAFBFF}
.ec-steps .oc-n{background:var(--tint-2);color:var(--cobalt-deep);box-shadow:inset 0 0 0 1px rgba(45,70,232,.14)}
@media (max-width:1060px){.ec-cards,.ec-fmts{grid-template-columns:1fr}}


/* extras on the industry page */
.ec-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:0 auto}
.ec-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:15.5px;font-weight:500}
.ec-note{margin:26px auto 0;text-align:center;font-size:15px;color:var(--mute);max-width:40em}
.ec-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ec-cat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.ec-cat h3{font-size:18px;margin:0 0 8px}
.ec-cat p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.ec-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ec-facts div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
.ec-facts b{display:block;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;color:var(--cobalt-deep);margin-bottom:8px}
.ec-facts span{font-size:15px;line-height:1.55;color:var(--ink-2)}
.ec-midcta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--tint);border:1px solid #DDE4F6;border-radius:24px;padding:26px 30px;margin-top:-40px;margin-bottom:64px}
.ec-midcta b{display:block;font-size:20px;letter-spacing:-.02em}
.ec-midcta span{font-size:16px;color:var(--ink-2)}
.ec-midcta .hero2-cta{height:52px;font-size:16px}
@media (max-width:1060px){.ec-cats,.ec-facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ec-cats,.ec-facts{grid-template-columns:1fr}}

/* platform logos */
.ec-logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:0}
.ec-logo{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 28px;display:grid;place-items:center;box-shadow:0 12px 28px -24px rgba(14,19,48,.5)}
.ec-logo img{height:30px;width:auto;display:block;transition:transform .2s}
.ec-logo:hover img{transform:scale(1.04)}
@media (max-width:760px){.ec-logo{padding:11px 16px}.ec-logo img{height:20px}}

/* targeting and controls block */
.dp-spec-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:56px;align-items:start}
.dp-spec-grid .h2{margin:0 0 14px}
.dp-spec-btn{background:var(--cobalt);color:#fff}
.dp-spec-btn:hover{background:var(--cobalt-deep);color:#fff}
.dp-specs{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px 26px;box-shadow:0 24px 50px -40px rgba(14,19,48,.45)}
.dp-specs div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid #EDF1FA;align-items:baseline}
.dp-specs div:first-child{border-top:0}
.dp-specs dt{font-size:15px;font-weight:600;color:var(--cobalt-deep)}
.dp-specs dd{margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}
@media (max-width:1060px){.dp-spec-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:760px){.dp-specs{padding:8px 18px}.dp-specs div{grid-template-columns:1fr;gap:4px;padding:14px 0}}


/* bottom row fills the width: 3 on top, 2 below */
.ec-fmts{grid-template-columns:repeat(6,minmax(0,1fr))}
.ec-fmts>.ec-fmt{grid-column:span 2}
.ec-fmts>.ec-fmt:nth-child(4),.ec-fmts>.ec-fmt:nth-child(5){grid-column:span 3}
@media (max-width:1060px){.ec-fmts{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-fmts>.ec-fmt,.ec-fmts>.ec-fmt:nth-child(4),.ec-fmts>.ec-fmt:nth-child(5){grid-column:span 1}}
@media (max-width:640px){.ec-fmts{grid-template-columns:1fr}}


/* format cards: quiet hover, no scroll motion */
.ec-fmt{transition:border-color .2s,box-shadow .2s}
.ec-fmt:hover{border-color:#C9D2F8;box-shadow:0 22px 44px -34px rgba(45,70,232,.5)}

/* compact integrations strip */
.ec-strip-sec{padding:40px 0}
.ec-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 28px}
.ec-strip p{margin:0;display:grid;gap:4px}
.ec-strip b{font-size:19px;letter-spacing:-.02em}
.ec-strip span{font-size:15px;color:var(--ink-2)}
.ec-strip .ec-logos{margin:0;justify-content:flex-end;gap:12px}
.ec-strip .ec-logo{padding:12px 20px;border-radius:14px;box-shadow:none;background:var(--tint)}
.ec-strip .ec-logo img{height:24px}
@media (max-width:760px){.ec-strip{padding:20px;justify-content:center;text-align:center}.ec-strip .ec-logos{justify-content:center}}

/* dropdown panels never push the page sideways on narrow desktops */
.site-head .dd-panel{max-width:calc(100vw - 32px)}
@media (max-width:1180px){.site-head #dd-vert,.site-head .dd-panel.cols{width:min(460px,calc(100vw - 32px))}}
@media (max-width:1060px){.site-head .dd-panel{left:auto;right:0;transform:none}}

/* tablets get the mobile menu too */
@media (max-width:980px){
  .nav-links,.nav-cta{display:none}
  .menu-btn{display:block}
  .mobile-nav.open{display:flex;flex-direction:column;gap:4px;padding:8px 16px 16px}
}

/* FAQ: the left column only sticks on desktop */
@media (max-width:1060px){.faq-side{position:static!important;top:auto!important}}

/* centred hero with artwork below */
.oc-hero-art{display:grid;place-items:center;padding-top:56px}
.oc-hero-img{display:block;width:min(900px,100%);height:auto;filter:drop-shadow(0 40px 70px rgba(14,19,48,.3))}
@media (max-width:760px){.oc-hero-art{padding-top:36px}}

/* benefits page */
.bh-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0}
.bh-chips li{background:rgba(255,255,255,.75);border:1px solid #DDE4F6;border-radius:999px;padding:9px 18px;font-size:14.5px;font-weight:600;color:var(--ink)}
.ts-card .oc-ic,.ec-card .oc-ic{flex:none}
.bn-rows{display:grid;gap:22px}
.bn-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px}
.bn-row.alt .bn-art{order:2}
.bn-art{background:radial-gradient(60% 55% at 85% 0%,#DCE5FF,transparent 65%),linear-gradient(170deg,#EDF2FF,#F7F9FF);border-radius:22px;padding:26px;display:grid;place-items:center}
.bn-img{display:block;width:100%;height:auto;border-radius:12px}
.bn-copy h3{margin:0 0 12px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em}
.bn-copy p{margin:0 0 22px;font-size:16.5px;line-height:1.7;color:var(--ink-2)}
.bv-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.bv-chip{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 22px;font-size:16px;font-weight:600;box-shadow:0 1px 2px rgba(14,19,48,.04)}
.bv-chip:hover{border-color:#C9D2F8;box-shadow:0 20px 38px -30px rgba(45,70,232,.6)}
.bf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.bf-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.bf-card h3{margin:0 0 10px;font-size:19px;letter-spacing:-.02em;color:var(--cobalt-deep)}
.bf-card p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
@media (max-width:1060px){.bn-row{grid-template-columns:1fr;gap:26px}.bn-row.alt .bn-art{order:0}.bf-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bf-grid{grid-template-columns:1fr}}

/* growth cards: icon above the text, like the other sections */
.ts-grid .ts-card{display:block}
.ts-card .oc-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(150deg,#2D46E8,#1B2AB8);color:#fff;box-shadow:0 18px 32px -20px rgba(45,70,232,.9)}
.ts-card .oc-ic svg{width:28px;height:28px}
.ec-cards .ec-card .oc-ic{width:60px;height:60px;border-radius:18px;background:linear-gradient(150deg,#2D46E8,#1B2AB8);color:#fff;display:grid;place-items:center;box-shadow:0 18px 32px -20px rgba(45,70,232,.9)}
.ec-cards .ec-card .oc-ic svg{width:28px;height:28px}

/* section labels centred with their heading */
.oc-sec .sec-kick{display:block;width:100%;text-align:center;margin:0 auto 14px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}
.faq-side .sec-kick,.sec-kick.left{text-align:left;margin-left:0;width:auto}

/* how we work: three up grid */
.ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ts-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 1px 2px rgba(14,19,48,.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.ts-card:hover{border-color:#C9D2F8;box-shadow:0 30px 56px -38px rgba(45,70,232,.65);transform:translateY(-3px)}
.ts-card h3{margin:24px 0 10px;font-size:21px;letter-spacing:-.025em;font-weight:600;color:var(--ink)}
.ts-card p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
@media (max-width:1060px){.ts-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ts-grid{grid-template-columns:1fr}}

/* verticals cards */
.vb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vb-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 1px 2px rgba(14,19,48,.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.vb-card:hover{border-color:#C9D2F8;box-shadow:0 28px 52px -36px rgba(45,70,232,.6);transform:translateY(-3px)}
.vb-ic{width:52px;height:52px;border-radius:16px;background:var(--tint-2);color:var(--cobalt);display:grid;place-items:center}
.vb-ic svg{width:25px;height:25px}
.vb-card h3{margin:20px 0 6px;font-size:18px;letter-spacing:-.02em;color:var(--ink)}
.vb-card p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:1060px){.vb-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.vb-grid{grid-template-columns:1fr}}

/* verticals, formats and how-we-work share one card system */
.vb-card,.bf-card,.ts-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 1px 2px rgba(14,19,48,.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.vb-card:hover,.bf-card:hover,.ts-card:hover{border-color:#C9D2F8;box-shadow:0 30px 56px -38px rgba(45,70,232,.65);transform:translateY(-3px)}
.vb-ic,.bf-ic,.ts-card .oc-ic{width:60px;height:60px;border-radius:18px;background:linear-gradient(150deg,#2D46E8,#1B2AB8);color:#fff;display:grid;place-items:center;box-shadow:0 18px 32px -20px rgba(45,70,232,.9)}
.vb-ic svg,.bf-ic svg,.ts-card .oc-ic svg{width:28px;height:28px}
.vb-card h3,.bf-card h3,.ts-card h3{margin:24px 0 10px;font-size:20px;letter-spacing:-.025em;font-weight:600;color:var(--ink)}
.vb-card p,.bf-card p,.ts-card p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.bf-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
/* alternating white and tint rhythm */
.oc-sec{background:#fff}
.oc-sec.oc-tint{background:radial-gradient(60% 50% at 88% 0%,#DCE5FF 0%,transparent 62%),linear-gradient(180deg,#E9EFFF 0%,#EDF2FF 100%)}

/* footer: three columns, two rows, headings aligned */
.ft-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;align-items:start}
.ft-g{margin-top:44px}
.ft-col > .ft-g:first-child{margin-top:0}
.ft-g h4{margin:0 0 18px}
.ft-g li{margin-bottom:10px}
@media (max-width:760px){.ft-cols{grid-template-columns:1fr 1fr;gap:0 24px}}
@media (max-width:460px){.ft-cols{grid-template-columns:1fr}.ft-col > .ft-g{margin-top:36px}.ft-col:first-child > .ft-g:first-child{margin-top:0}}

/* footer polish */
.ft-top{gap:72px;padding-bottom:8px}
.ft-left{max-width:330px}
.ft-cols{gap:0 44px}
.ft-g h4{font-size:16px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--cobalt);margin:0 0 16px}
.ft-g li{margin-bottom:11px}
.ft-g a{font-size:15.5px;color:var(--ink-2);transition:color .15s}
.ft-g a:hover{color:var(--cobalt)}
.ft-g li:has(a[href^="mailto"]) a{font-weight:600;color:var(--ink)}
.ft-parent{margin-bottom:16px}
.ft-left p{font-size:15px;line-height:1.6;color:var(--ink-2);margin-bottom:24px}
.ft-btn{border-radius:999px}
.ft-legal{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;font-size:13.5px}
.ft-legal a{color:var(--mute)}
.ft-legal a:hover{color:var(--ink)}
@media (max-width:1060px){.ft-top{grid-template-columns:1fr;gap:40px}.ft-left{max-width:none}}

/* footer: left block and columns start and end together */
.ft-top{align-items:stretch}
.ft-left{display:flex;flex-direction:column}
.ft-left .ft-socials{margin-top:auto}
.ft-cols{align-items:stretch}
.ft-col{display:flex;flex-direction:column}
.ft-col > .ft-g:last-child{margin-bottom:0}

/* footer: four columns, groups aligned top and bottom */
.ft-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;align-items:start}
.ft-col{display:flex;flex-direction:column}
.ft-col > .ft-g{margin-top:36px}
.ft-col > .ft-g:first-child{margin-top:0}
.ft-g ul{margin:0}
.ft-g li:last-child{margin-bottom:0}
@media (max-width:1060px){.ft-cols{grid-template-columns:1fr 1fr;gap:0 28px}}
@media (max-width:560px){.ft-cols{grid-template-columns:1fr}.ft-col:not(:first-child) > .ft-g:first-child{margin-top:36px}}

/* ad choices icon */
.ft-legal a:has(.ac-ic){display:inline-flex;align-items:center;gap:6px}
.ac-ic{width:14px;height:14px;flex:none}

/* your privacy choices icon */
.ft-legal a:has(.pc-ic){display:inline-flex;align-items:center;gap:7px}
.pc-ic{width:30px;height:15px;flex:none}

/* formats cards: icon stays inside the card on small screens */
.bf-card{display:block}
.bf-ic{flex:none}
@media (max-width:640px){.bf-grid{grid-template-columns:1fr}.bf-card{padding:26px}}

/* small screens: tighter rhythm and type */
@media (max-width:760px){
  main > section{padding-top:56px!important;padding-bottom:56px!important}
  .hero2-bg{padding-top:44px;padding-bottom:12px}
  .hero2-in h1{font-size:clamp(30px,8.4vw,38px);line-height:1.08}
  .hero2-sub{font-size:16.5px}
  .oc-title,.h2{font-size:clamp(25px,7vw,32px)!important}
  .oc-lead{font-size:16px}
  .oc-hero-art{padding-top:28px}
  .ec-card,.vb-card,.bf-card,.ts-card,.hb-card,.ec-fmt{padding:24px}
  .ec-card h3,.vb-card h3,.bf-card h3,.ts-card h3,.hb-card h3{font-size:19px;margin-top:20px}
  .ec-card p,.vb-card p,.bf-card p,.ts-card p,.hb-card p{font-size:15px}
  .bh-chips li{font-size:13.5px;padding:8px 14px}
  .bn-row{padding:22px;gap:20px}
  .bn-art{padding:16px}
  .bn-copy h3{font-size:21px}
  .bn-copy p{font-size:15.5px;margin-bottom:18px}
  .ec-midcta{flex-direction:column;align-items:flex-start;gap:16px;padding:24px;text-align:left}
  .ec-midcta .hero2-cta{width:100%;text-align:center}
  .pm-band{padding:34px 0}
  .pm-copy h3{font-size:28px}
  .pm-copy p{font-size:15.5px}
  .pm-chips span{font-size:12.5px;padding:7px 11px}
  .oc-cta{padding:44px 22px}
  .oc-cta h2{font-size:clamp(25px,7.4vw,32px)}
  .oc-cta p{font-size:16px}
  .oc-btns{flex-direction:column;width:100%}
  .oc-btns a{width:100%;text-align:center}
  .faq-side .h2{margin-bottom:8px}
}
@media (max-width:420px){
  .wrap{width:calc(100% - 28px)}
}

/* small screens: hero sits right under the header */
@media (max-width:760px){main > section.hero2{padding-top:0!important;padding-bottom:0!important}}

/* "The ads we deliver" cards: 3 + 2 on tablets, 2 per row below 860px, 1 on phones */
@media (max-width:1100px){.bf-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bf-card{grid-column:span 2}.bf-card:nth-child(n+4){grid-column:span 3}}
@media (max-width:860px){.bf-grid{grid-template-columns:1fr 1fr}.bf-card,.bf-card:nth-child(n+4){grid-column:auto}.bf-card:last-child{grid-column:1/-1}}
@media (max-width:640px){.bf-grid{grid-template-columns:1fr}.bf-card:last-child{grid-column:auto}}