/* Connected / 2026 — shared art direction. Original brand assets stay unchanged. */
:root{--bg:#f6f5f1;--bg-deep:#eeeee8;--card:#fff;--ink:#102b36;--ink-soft:#465961;--ink-faint:#617078;--line:#dce1dd;--teal:#387c7e;--teal-dark:#286466;--teal-deep:#215b60;--navy:#0b202c;--accent-grad:linear-gradient(100deg,#387c7e,#387c7e);--font-display:'Satoshi','Segoe UI',sans-serif;--font-body:'Satoshi','Segoe UI',sans-serif;--radius:8px;--radius-sm:5px;--section-gap:clamp(4rem,7vw,7rem);--shadow-lift:0 12px 30px #102b3610}
body{font-size:16px;line-height:1.7}h1,h2,h3,.section__title,.page-hero h1,.jrow__what h3,.sol-card h3,.price-card h3,.service-card h3,.cs-section h2,.article__body h2{font-family:var(--font-display);font-style:normal;letter-spacing:-.045em}h1 em,h2 em{font-weight:inherit}.section__title{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.08}.section__lead{max-width:700px;color:var(--ink-soft);font-size:1.05rem}.section__eyebrow{font-size:.7rem;letter-spacing:.17em;color:var(--teal-dark);margin-bottom:1.2rem}.btn{border-radius:4px;min-height:48px;font-size:.85rem;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--teal-dark);box-shadow:none}.btn--ghost{border-color:#b9c8c5}.nav,.nav.nav--scrolled{background:#f6f5f1f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:none}.nav__inner{max-width:1440px;min-height:86px}.nav__links{gap:1.3rem}.nav__links a,.nav__drop-btn{font-size:.8rem}.nav__logo-text{font-size:1.12rem}.nav__logo-img{width:38px;height:38px}.nav__drop-panel{border-radius:6px}.pulse-dot{animation:none}.skip-link{position:fixed;left:12px;top:-70px;z-index:9999;padding:12px;background:white;color:#0b202c}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #a58e5c;outline-offset:5px}section[id]{scroll-margin-top:95px}
.connected-hero{position:relative;background:#091e2a;color:#f6f5f1;margin-top:85px;overflow:hidden}.connected-hero__inner{max-width:1440px;margin:auto;padding:80px var(--gutter) 65px;display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center;min-height:655px}.connected-hero__copy{position:relative;z-index:2}.connected-hero .hero__eyebrow{color:#adc8c7;font-size:.68rem;letter-spacing:.15em;margin-bottom:27px}.connected-hero h1{font-size:clamp(3.5rem,6.3vw,6.1rem);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin-bottom:27px}.connected-hero h1 em{display:block;color:#8ab9b2;background:none}.connected-hero__lead{color:#c3d0d3;font-size:1.04rem;max-width:495px;line-height:1.8}.connected-hero .hero__actions{margin:30px 0 25px;display:flex;gap:12px;flex-wrap:wrap}.connected-hero .btn--primary{background:#bdd6cc;color:#0b272f}.connected-hero .btn--ghost{color:#f1f5f1;border-color:#526771}.connected-hero__note{color:#9fb1b8;font-size:.72rem;max-width:440px}.connected-hero__bottom{max-width:1312px;margin:auto;border-top:1px solid #ffffff1a;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#a7bdc2;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.nexus-stage{position:relative;aspect-ratio:1/1;max-height:515px;isolation:isolate;background:radial-gradient(ellipse at center,#204d5740,transparent 68%)}.nexus-stage::before,.nexus-stage::after{content:'';position:absolute;border:1px solid #638a902b;border-radius:50%;inset:10%;transform:rotateX(35deg);pointer-events:none}.nexus-stage::after{inset:1%;border-color:#638a9018}.nexus-stage__grid{position:absolute;inset:0;background:linear-gradient(#adc8c707 1px,transparent 1px),linear-gradient(90deg,#adc8c707 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.nexus-stage__index{position:absolute;top:8%;left:4%;font:10px var(--font-body);letter-spacing:.2em;color:#97b9ba}.nexus-logo{position:absolute;inset:22%;filter:drop-shadow(0 18px 20px #0006);z-index:3}.nexus-logo__base,.nexus-piece{position:absolute;inset:0;width:100%;height:100%}.nexus-logo__base{visibility:visible}.nexus-piece{visibility:hidden}.nexus-stage.is-animated .nexus-logo__base{visibility:hidden}.nexus-stage.is-animated .nexus-piece{visibility:visible}.nexus-logo::before{content:'';position:absolute;inset:0;border-radius:50%;background:#e3eeea;box-shadow:0 0 0 10px #d6e6e50b,0 32px 70px #0005;z-index:-1}.nexus-stage__brand{position:absolute;bottom:15%;left:0;right:0;text-align:center;color:#dae5e1;font-size:15px;letter-spacing:.01em}.nexus-stage__brand small{display:block;color:#7f9ba1;font-size:9px;letter-spacing:.23em;margin-top:7px;text-transform:uppercase}.nexus-screen{position:absolute;z-index:4;width:76%;left:12%;top:22%;background:#eef1ec;border:1px solid #a9c0bd;border-radius:7px;box-shadow:0 30px 65px #0008;opacity:0;visibility:hidden;overflow:hidden}.nexus-screen__bar{padding:9px 12px;font-size:9px;letter-spacing:.04em;color:#27444c;border-bottom:1px solid #d1dbd5;display:flex;justify-content:space-between}.nexus-screen img{width:100%;height:215px;object-fit:cover;object-position:top}.nexus-screen__label{padding:9px 12px;color:#224149;font-size:10px}.nexus-stage__control{position:absolute;right:5%;bottom:3%;background:transparent;color:#b9cbce;border:1px solid #526871;border-radius:3px;padding:7px 12px;font-size:10px;cursor:pointer}.nexus-stage__caption{position:absolute;left:5%;bottom:4%;font-size:10px;color:#a9bfc3;max-width:65%}.nexus-stage__line{position:absolute;left:8%;right:8%;top:50%;height:1px;background:#658e8970;transform:scaleX(.4);opacity:0}
.stats{background:#e9ede7;border-bottom:1px solid var(--line)}.stats__inner{padding-top:28px;padding-bottom:28px}.stat__num{font-family:var(--font-body);font-size:2rem;font-weight:500;color:#183b43}.stat__label{font-size:.7rem}.clients__grid{gap:0;border:1px solid var(--line);border-radius:5px;background:#fff}.client-tile{border:0;border-radius:0;border-right:1px solid var(--line);box-shadow:none;background:none}.client-tile img{filter:none;opacity:1}.client-tile:hover{box-shadow:none;background:#eef2ed}.clients .section__head{max-width:750px}.sol-grid{gap:28px;grid-template-columns:repeat(3,1fr)}.sol-card{display:block;padding:0;border:0;background:none;border-radius:0;overflow:hidden;box-shadow:none}.sol-card:hover{box-shadow:none;transform:none}.sol-card__icon{display:none}.sol-card__photo{width:100%;aspect-ratio:1.55;object-fit:cover;height:auto;border-radius:4px;transition:transform .5s}.sol-card:hover .sol-card__photo{transform:scale(1.025)}.sol-card__body{padding:20px 0 22px;border-bottom:1px solid #c8d4cf}.sol-card h3{font-size:1.3rem}.sol-card p{font-size:.9rem;color:#506268}.sol-card__link{font-size:.75rem}.image-note{font-size:.7rem;color:#67777b;margin-top:22px}.sysband{background:#102e38;color:#eef4ee}.sysband .section__lead{display:block;color:#b8cccd}.sysband .section__title{font-size:clamp(2.2rem,4.2vw,3.6rem);color:#fff}.sysband .section__title em{color:#93beb5;background:none}.sysband .section__eyebrow{color:#9cc6be}.sys-grid{gap:0;grid-template-columns:repeat(5,1fr);border-top:1px solid #66838a50}.sys-grid a{border:0;border-bottom:1px solid #66838a50;border-radius:0;background:none;color:#d3e0df;padding:22px 16px;font-size:.84rem}.services__grid--core{grid-template-columns:repeat(2,1fr);gap:0 48px;counter-reset:service}.services__grid--core .service-card{display:grid;grid-template-columns:36px 1fr;gap:8px 16px;padding:26px 0;border:0;border-top:1px solid #cbd6cf;border-radius:0;background:none;box-shadow:none;counter-increment:service}.services__grid--core .service-card::before{content:counter(service,decimal-leading-zero);font-size:.75rem;color:#738b8a;grid-row:1/3;padding-top:4px}.service-card h3{font-size:1.2rem;padding-right:26px}.service-card p{grid-column:2;font-size:.88rem}.service-card__arrow{right:0;top:26px}.work-feat{border-radius:5px;box-shadow:none;border:1px solid var(--line)}.work-feat__visual{background:#dfe8e1}.mock,.work-card,.price-card,.art-card,.biq,.journey__aside{border-radius:5px;box-shadow:none}.work-card__logo img{filter:none;opacity:1}.price-card{border-top:3px solid #497c79}.price-card__price{color:#1e5559}.jrow{padding:25px 0}.jrow__when b{font-family:var(--font-body);color:#3b7775}.wafaq__item{border-radius:0;border-left:0;border-right:0}.promo-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.promo-feature__image img{width:100%;height:auto;border-radius:5px}.promo-feature__image figcaption{font-size:.7rem;color:#69797a;margin-top:9px}.promo-feature h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:15px 0 23px}.promo-feature p{color:#4b6064;margin-bottom:24px}.promo-feature .section__eyebrow{color:#286466;margin:0}.company{background:#e8ede7}.contact{background:#edf0e9}.contact h2{font-size:clamp(2.3rem,4vw,3.8rem)}input,select,textarea{border-radius:4px!important}.footer2{background:#0b202c;color:#d9e4df;padding-top:55px}.footer2 a,.footer2__group a,.footer2__contact a,.footer2__bottom,.footer2__group summary{color:#b6cbc9}.footer2__brand{color:white}.footer2__links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-color:#36515a;padding:35px 0}.footer2__group{display:block}.footer2__group>div{display:flex;flex-direction:column;gap:8px}.footer2__group summary{margin-bottom:16px}.footer2__top{border-color:#36515a}.page-hero{background:#e8ede7;border-bottom:1px solid #d2dcd3;position:relative;overflow:hidden}.page-hero h1{font-size:clamp(2.6rem,5.5vw,5rem);max-width:960px;font-weight:500;line-height:1.08}.page-hero__lead{color:#435b60;max-width:740px}.page-hero__inner{position:relative;z-index:1}.page-hero:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #447e771c;border-radius:50%;right:-140px;top:-160px;box-shadow:0 0 0 45px #447e7705,0 0 0 90px #447e7704;pointer-events:none}.page-scene{width:100%;max-height:470px;object-fit:cover;border-radius:5px;margin:30px 0 8px}.page-scene-note{font-size:.72rem;color:#6c7b7d}.article__body{max-width:790px}.cs-section h2{line-height:1.15}.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0}.proof-pair a{display:block;background:#e9ede7;border:1px solid #d3ded6;padding:18px;border-radius:5px}.proof-pair img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid #c9d5cf}.proof-pair span{display:block;padding-top:15px;font-size:.86rem;font-weight:600}
.connected-hero .hero__eyebrow{background:none;border:0;border-radius:0;padding:0;box-shadow:none}.connected-hero .hero__actions{justify-content:flex-start}.connected-hero .btn--ghost{background:transparent;box-shadow:none}.nexus-stage__brand{bottom:11%}.nexus-stage__control[hidden]{display:none}.nexus-logo,.nexus-screen{pointer-events:none}.nexus-stage__control{z-index:8}.connected-hero__bottom{padding-left:var(--gutter);padding-right:var(--gutter)}
.nav,.nav.nav--scrolled{padding:0 var(--gutter)}.sys-grid{display:grid;max-width:none}.premium-faq{border-top:1px solid var(--line);padding:22px 0}.premium-faq:last-child{border-bottom:1px solid var(--line)}.premium-faq summary{cursor:pointer;font-weight:600;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.premium-faq summary::after{content:'+';color:var(--teal-dark)}.premium-faq[open] summary::after{content:'−'}.premium-faq p{margin-top:16px;color:var(--ink-soft);max-width:850px}.premium-faq summary::-webkit-details-marker{display:none}.wafaq__thread{display:block;max-width:none}.cta__card{background:#e8ede7;border-radius:6px;border:1px solid #cbd6ce;box-shadow:none}.cta__text h2{font-size:clamp(2.4rem,4vw,3.5rem);color:var(--ink)}.cta__text p,.cta__channels a{color:var(--ink-soft)}.footer2__bottom p{color:#a9c2c0}
.service-evidence{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:50px}.service-evidence h2{font-size:clamp(2rem,3vw,3rem);margin:18px 0}.service-evidence p{margin-bottom:22px}.service-evidence__screen{border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 20px 45px #203c3810}.service-evidence__screen img{width:100%;height:auto}.service-evidence .mock__url{font-size:.65rem}@media(max-width:800px){.service-evidence{grid-template-columns:1fr;gap:28px}}
@media(min-width:1100px){.section__head{margin-bottom:45px}.connected-hero__copy{padding-bottom:20px}}
@media(max-width:1100px){.connected-hero__inner{gap:10px;padding-top:65px;min-height:590px}.connected-hero h1{font-size:4rem}.connected-hero__bottom{margin:0 var(--gutter)}.nexus-screen img{height:170px}.nav__links{gap:.7rem}.sys-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.connected-hero__inner{grid-template-columns:1fr;padding-top:48px;padding-bottom:22px}.connected-hero h1{font-size:clamp(3.3rem,10vw,5rem)}.connected-hero__lead{max-width:600px}.nexus-stage{width:min(100%,440px);margin:auto}.connected-hero__bottom{font-size:.58rem;letter-spacing:.07em;flex-wrap:wrap}.sol-grid{grid-template-columns:repeat(2,1fr)}.promo-feature{grid-template-columns:1fr}.services__grid--core{column-gap:25px}.footer2__links{gap:20px}.nexus-screen img{height:185px}}
@media(max-width:540px){.connected-hero{margin-top:75px}.nav__inner{min-height:75px}.connected-hero__inner{padding-top:35px;gap:0}.connected-hero .hero__eyebrow{font-size:.58rem;letter-spacing:.09em}.connected-hero h1{font-size:3.5rem}.connected-hero__lead{font-size:.96rem}.connected-hero__note{font-size:.65rem}.nexus-stage{max-width:350px;margin-top:12px}.nexus-screen img{height:160px}.connected-hero__bottom span:last-child{display:none}.sol-grid,.services__grid--core,.proof-pair{grid-template-columns:1fr}.sol-card__photo{aspect-ratio:1.7}.sys-grid{grid-template-columns:repeat(2,1fr)}.footer2__links{grid-template-columns:1fr}.section__title{font-size:2.3rem}.footer2__group summary{color:#d4e5df}.footer2__group{border-color:#36515a}.stats__inner{gap:20px}.stat__num{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.nexus-stage:not(.motion-opt-in) .nexus-logo__base{visibility:visible!important}.nexus-stage:not(.motion-opt-in) .nexus-piece,.nexus-stage:not(.motion-opt-in) .nexus-screen{visibility:hidden!important}}


/* ============================================================
   PROMO-MATCH / APPLE-GRADE — www follows the store's tokens
   (Geist, ink #0E1114, teal #0891B2, pill buttons, black topbar)
   presented Apple-style: huge tight type, white + #f5f5f7 bands,
   big rounded borderless cards separated by tone, air everywhere.
   ============================================================ */
:root{
  --bg:#ffffff; --bg-deep:#f5f5f7; --card:#ffffff;
  --ink:#0e1114; --ink-soft:#494f55; --ink-faint:#6e747a;
  --line:#e8eaec;
  --teal:#0891b2; --teal-dark:#0e7490; --teal-deep:#155e75;
  --navy:#0e1114;
  --accent-grad:linear-gradient(100deg,#0891b2,#0891b2);
  --font-display:'Geist','Satoshi','Segoe UI',sans-serif;
  --font-body:'Geist','Satoshi','Segoe UI',sans-serif;
  --radius:18px; --radius-sm:12px;
  --shadow-soft:none; --shadow-lift:0 14px 40px rgba(14,17,20,.08);
  --section-gap:clamp(5rem,9vw,8.5rem);
}
html{background:#fff}
body{font-size:16px;line-height:1.65;letter-spacing:-.008em;color:var(--ink);background:#fff}
p,li{color:var(--ink-soft)}
h1,h2,h3,h4,.section__title,.hero2__title,.page-hero h1{font-weight:600;letter-spacing:-.028em;color:var(--ink)}
h1,.page-hero h1{letter-spacing:-.035em}
.section__title{font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.07}
.page-hero h1{font-size:clamp(2.4rem,4.6vw,3.8rem)}
.section__lead,.page-hero__lead{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55;color:var(--ink-soft)}
.section__eyebrow,.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:500;color:var(--teal-dark);margin-bottom:1rem}

/* Apple-style centered section intros */
.section__head{text-align:center;margin-left:auto;margin-right:auto;max-width:780px}
.section__head .section__lead,.section__head .section__sub{margin-left:auto;margin-right:auto}
.journey .section__head,.wafaq .section__head{text-align:left;margin-left:0}
.clients__more,.work2__all,.pricing-teaser__cta{text-align:center}

/* alternating tone bands, like apple.com */
main > section{background:#fff}
main > .section:nth-of-type(even){background:var(--bg-deep)}
main > section.quote-band{background:var(--ink)}
.sysband::before,.challenges::before{display:none}

/* pill buttons */
.btn{border-radius:999px;font-size:.95rem;font-weight:500;letter-spacing:-.01em;min-height:48px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:background .2s,border-color .2s,opacity .2s}
.btn--lg{min-height:52px;padding:0 32px;font-size:1rem}
.btn--primary{background:var(--teal-dark);color:#fff}
.btn--primary:hover{background:var(--teal);transform:none;box-shadow:none}
.btn--ghost{background:transparent;color:var(--teal-dark);border:1px solid #c9ced2}
.btn--ghost:hover{border-color:var(--teal-dark);background:transparent}
.btn--teal{background:var(--teal-dark);border-radius:999px}
.nav__cta{background:var(--ink);color:#fff}
.nav__cta:hover{background:#2a353d}

/* teal text links, like the store */
.link-arrow,.case__link,.wafaq__cta a,.article__body a{color:var(--teal-dark)}

/* big rounded borderless cards — separated by tone, not lines */
.sol-card,.work-card,.price-card,.art-card,.biq,.client-tile,.service-card,.sol-tier,.insight-card,.cta__thanks,.topic,.work-feat{border-radius:var(--radius);border:0;box-shadow:none;background:var(--bg-deep)}
main > .section:nth-of-type(even) .sol-card,
main > .section:nth-of-type(even) .work-card,
main > .section:nth-of-type(even) .price-card,
main > .section:nth-of-type(even) .art-card,
main > .section:nth-of-type(even) .client-tile,
main > .section:nth-of-type(even) .service-card,
main > .section:nth-of-type(even) .topic,
main > .section:nth-of-type(even) .work-feat{background:#fff}
.sol-card:hover,.work-card:hover,.price-card:hover,.art-card:hover,.client-tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}
.sol-card{padding:1.8rem 1.7rem 1.6rem}
.sol-card__icon{border-radius:16px;background:#fff;border:0;box-shadow:0 2px 10px rgba(14,17,20,.06)}
main > .section:nth-of-type(even) .sol-card__icon{background:var(--bg-deep);box-shadow:none}
.work-card__logo{border-radius:0;border-bottom:0;background:transparent}
.client-tile{min-height:160px}
.price-card,.sol-tier{padding:2rem 1.9rem}

/* nav: clean white hairline header + black utility topbar (store pattern) */
.nav,.nav.nav--scrolled{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line);box-shadow:none}
.nav__links a,.nav__drop-btn{font-size:.92rem;color:var(--ink)}
.nav__links a:hover,.nav__drop-btn:hover{color:var(--teal)}
.nav__logo-text em{color:var(--teal)}
.nav__drop-panel{border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(14,17,20,.12)}
.topbar{background:var(--ink);color:#e9ecee;font-size:.78rem;letter-spacing:-.005em;text-align:center;padding:.6em var(--gutter)}
.topbar a{color:#fff}
@media(max-width:640px){.topbar{font-size:.7rem}}

/* dark panels: store near-black */
.journey__aside,.quote-band,.deposit-note,.sol-tier--pro,.wafaq__a{background:var(--ink)}
.journey__aside{border-radius:var(--radius)}
.quote-band::before{background:radial-gradient(closest-side,rgba(8,145,178,.25),transparent 70%)}
.journey__aside li::before{color:#22d3ee}
.wafaq__q{border-radius:20px 20px 20px 6px;border:0;background:var(--bg-deep)}
.wafaq__a{border-radius:20px 20px 6px 20px}
.jrow__need{border-radius:10px;background:var(--bg-deep)}

/* chips + filters: quiet pills */
.sys-grid a,.filters button,.sol-who span,.chips span,.tags span{border-radius:999px;border:0;background:var(--bg-deep);color:var(--ink-soft)}
main > .section:nth-of-type(even) .sys-grid a,
main > .section:nth-of-type(even) .chips span,
main > .section:nth-of-type(even) .sol-who span{background:#fff}
.sys-grid a{font-weight:500;padding:.75em 1.5em}
.sys-grid a:hover{background:var(--ink);color:#fff;box-shadow:none;transform:none}
.filters button.is-active{background:var(--ink);border:0;color:#fff}

/* footer */
.footer2{background:#fff;border-top:1px solid var(--line)}
.footer2__brand em{color:var(--teal)}
.footer2__bottom p{color:var(--ink-faint)}

/* forms */
.cta__card{background:var(--bg-deep);border:0;border-radius:var(--radius);box-shadow:none}
.cta__form input,.cta__form select,.cta__form textarea{border-radius:12px;border:1px solid #d5d9dc;background:#fff}
.cta__form input:focus,.cta__form select:focus,.cta__form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,145,178,.14)}

/* journey ledger stays editorial-left but airy */
.jrow{border-color:var(--line)}
.journey__list{border-color:var(--line)}

/* stats band quiet */
.stats{background:#fff}
.stat__num{color:var(--ink);font-weight:600;letter-spacing:-.03em}
.stat__label{color:var(--ink-faint)}

/* promo-match: topbar in flow above a sticky nav (store pattern) */
.nav{position:sticky;inset:auto;top:0}
body{padding-top:0}

/* promo-match mobile: CTA pill yields to the burger; hero band on the grey tone */
@media (max-width: 900px){ .nav__cta{display:none} }
.page-hero{background:var(--bg-deep)}


/* ---- footer, store-pattern: trust strip · brand + CTA · 4 columns · legal ---- */
.footer3{background:#fff;border-top:1px solid var(--line);padding:0 var(--gutter)}
.footer3__inner{max-width:1280px;margin-inline:auto}
.footer3__trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.footer3__trust > div{padding:2.2rem 1.6rem;border-left:1px solid var(--line)}
.footer3__trust > div:first-child{border-left:0;padding-left:0}
.footer3__trust b{display:block;font-weight:500;font-size:1rem;color:var(--ink);letter-spacing:-.01em;margin-bottom:.35rem}
.footer3__trust span{font-size:.9rem;color:var(--ink-faint)}
.footer3__brandrow{display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap;padding:3rem 0;border-bottom:1px solid var(--line)}
.footer3__logo{display:inline-flex;align-items:center;gap:.9rem;font-weight:600;font-size:1.55rem;letter-spacing:-.02em;color:var(--ink)}
.footer3__logo em{font-style:normal;color:var(--teal)}
.footer3__logo small{display:block;font-weight:500;font-size:.62rem;letter-spacing:.28em;color:var(--teal-dark);text-transform:uppercase;margin-top:.3rem}
.footer3__brand p{margin-top:1.1rem;font-size:.95rem;color:var(--ink-soft);max-width:26em}
.footer3__cta h4{font-size:1.05rem;font-weight:500;letter-spacing:-.01em;color:var(--ink);margin-bottom:1rem}
.footer3__cta-row{display:flex;gap:.7rem;flex-wrap:wrap}
.footer3__cta p{margin-top:.9rem;font-size:.85rem;color:var(--ink-faint)}
.footer3__cta p a{color:var(--teal-dark)}
.footer3__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 0 3.4rem}
.footer3__cols h4{font-size:.95rem;font-weight:500;color:var(--ink);margin-bottom:1.1rem;letter-spacing:-.01em}
.footer3__cols a,.footer3__muted{display:block;font-size:.95rem;color:var(--ink-soft);padding:.34rem 0}
.footer3__cols a:hover{color:var(--teal)}
.footer3__muted{color:var(--ink-faint)}
.footer3__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:1.4rem 0 1.8rem;font-size:.82rem;color:var(--ink-faint)}
.footer3__bottom a{color:var(--ink-soft)}
.footer3__bottom a:hover{color:var(--teal)}
@media(max-width:960px){
  .footer3__trust{grid-template-columns:1fr 1fr}
  .footer3__trust > div{padding:1.4rem 1.2rem}
  .footer3__trust > div:nth-child(odd){border-left:0;padding-left:0}
  .footer3__cols{grid-template-columns:1fr 1fr;gap:1.6rem}
}
@media(max-width:560px){
  .footer3__trust{grid-template-columns:1fr}
  .footer3__trust > div{border-left:0;padding:1rem 0;border-bottom:1px solid var(--line)}
  .footer3__trust > div:last-child{border-bottom:0}
  .footer3__brandrow{padding:2.2rem 0}
  .footer3__cols{grid-template-columns:1fr 1fr;padding:2.2rem 0}
  .footer3__bottom{flex-direction:column;gap:.4rem}
}

/* official lockups */
.nav__lockup{height:34px;width:auto;display:block}
.nav--scrolled .nav__lockup{height:30px}
.footer3__logo img{height:64px;width:auto}
@media(max-width:640px){.nav__lockup{height:28px}.footer3__logo img{height:52px}}


/* ---- WhatsApp FAB + greeting, same as the promo store ---- */
.wa-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,.4);z-index:999;transition:transform .25s,opacity .25s,box-shadow .2s}
.wa-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.5);color:#fff}
.wa-fab.is-hidden{transform:translateY(120px);opacity:0;pointer-events:none}
.wa-greet{position:absolute;right:calc(100% + 14px);top:50%;display:flex;align-items:center;gap:10px;width:max-content;max-width:260px;padding:12px 14px;border-radius:14px;background:#fff;color:#0e1114;box-shadow:0 12px 32px -8px rgba(14,17,20,.28),0 0 0 1px rgba(14,17,20,.06);font-size:13px;line-height:1.4;text-align:left;opacity:0;transform:translate(8px,-50%);pointer-events:none;transition:opacity .2s,transform .2s}
.wa-greet::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;background:#fff;transform:translateY(-50%) rotate(45deg);box-shadow:1px -1px 0 rgba(14,17,20,.06)}
.wa-greet__mark{flex:0 0 28px;width:28px;height:28px}
.wa-greet__text b{display:block;font-size:14px;font-weight:600;margin-bottom:1px}
.wa-fab:hover .wa-greet,.wa-fab:focus-visible .wa-greet,.wa-fab.is-greeting .wa-greet{opacity:1;transform:translate(0,-50%)}
.wa-fab.is-hidden .wa-greet{opacity:0}
@media(max-width:640px){.wa-fab{width:48px;height:48px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.wa-fab svg{width:24px;height:24px}.wa-greet{max-width:220px;padding:10px 12px;font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.wa-fab,.wa-greet{transition:none}}
@media(max-width:640px){.topbar__opt{display:none}}

/* mobile: solutions grid stays compact 2-up (something upstream forces 1-col) */
@media(max-width:600px){
  .sol-grid{grid-template-columns:1fr 1fr !important;gap:.7rem}
  .sol-card{padding:1.1rem 1rem 1rem;min-height:0;gap:.3rem}
  .sol-card__icon{width:46px;height:46px;border-radius:12px}
  .sol-card__icon img{width:30px;height:30px}
  .sol-card h3{font-size:.95rem}
  .sol-card__link{font-size:.8rem;margin-top:.2rem}
}