/* Tamam 2026 — "paper, ink & blob". Core system: tokens, type, layout, components. */
@font-face{font-family:TamamArabic;src:url('/assets/noto-arabic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --paper:#f1efea;--paper-2:#e8e5de;--card:#faf9f6;--ink:#111111;--ink-2:#2b2a27;--muted:#57554f;
  --line:rgba(17,17,17,.13);--line-2:rgba(17,17,17,.24);
  --blue:#25adfe;--blue-2:#7cc8fa;--blue-ink:#075f96;--blue-wash:#dcf1fe;--on-accent:#111;
  --t-home:#25adfe;--t-car:#a357d7;--t-health:#d32f2f;--t-lifestyle:#65c466;
  --display:"Jost",TamamArabic,Futura,"Century Gothic",system-ui,sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,TamamArabic,sans-serif;
  --max:1320px;--gutter:clamp(18px,4vw,48px);--r:22px;--r-sm:14px;
  --ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1);
  --dots:radial-gradient(circle at center,rgba(17,17,17,.17) 1px,transparent 1.4px);
  color-scheme:light
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
html[lang^=ar] body,html[lang^=ur] body{font-family:TamamArabic,var(--sans);line-height:1.9}
[hidden]{display:none!important}
img,svg{max-width:100%}img{display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}button{cursor:pointer}
a,button,summary,input,label{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:6px}
p{margin:0 0 1.1em}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.025em;overflow-wrap:break-word;text-wrap:balance}
html[dir=rtl] :is(h1,h2,h3){letter-spacing:0;line-height:1.35}
ul,ol{padding-inline-start:1.3em}li{margin-block:.45em}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.skip-link{position:fixed;inset-inline-start:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;transition:top .2s}
.skip-link:focus{top:12px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 22px}
html[dir=rtl] .eyebrow{letter-spacing:0;font-size:14px}
.eyebrow i{width:18px;height:10px;background:var(--blue);-webkit-mask:url(/assets/blob.svg) center/100% 100%;mask:url(/assets/blob.svg) center/100% 100%;flex:none}

/* Viewfinder corners: the logo's bracket frame, reusable on any positioned box. */
.vf-corners{position:absolute;inset:0;pointer-events:none;z-index:3;--c:22px;--w:2px;--o:0px;
  background:
   linear-gradient(var(--ink),var(--ink)) left var(--o) top var(--o)/var(--c) var(--w),
   linear-gradient(var(--ink),var(--ink)) left var(--o) top var(--o)/var(--w) var(--c),
   linear-gradient(var(--ink),var(--ink)) right var(--o) top var(--o)/var(--c) var(--w),
   linear-gradient(var(--ink),var(--ink)) right var(--o) top var(--o)/var(--w) var(--c),
   linear-gradient(var(--ink),var(--ink)) left var(--o) bottom var(--o)/var(--c) var(--w),
   linear-gradient(var(--ink),var(--ink)) left var(--o) bottom var(--o)/var(--w) var(--c),
   linear-gradient(var(--ink),var(--ink)) right var(--o) bottom var(--o)/var(--c) var(--w),
   linear-gradient(var(--ink),var(--ink)) right var(--o) bottom var(--o)/var(--w) var(--c);
  background-repeat:no-repeat}

/* Buttons */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:999px;font:600 16px/1 var(--sans);border:1.5px solid var(--ink);transition:background .25s,color .25s,box-shadow .35s var(--ease),transform .35s var(--ease);will-change:transform;white-space:nowrap}
html[dir=rtl] .button{font-family:TamamArabic,var(--sans)}
.button.primary{background:var(--ink);color:var(--paper)}
.button.primary .i-wa{width:20px;height:20px;color:var(--blue)}
.button.primary:hover{box-shadow:0 0 0 5px var(--blue-wash),0 14px 30px -12px rgba(17,17,17,.5)}
.button.secondary{background:transparent;color:var(--ink)}
.button.secondary:hover{background:var(--ink);color:var(--paper)}
.button .arrow{transition:transform .35s var(--ease)}
.button:hover .arrow{transform:translate(2px,-2px)}
html[dir=rtl] .button .arrow{transform:scaleX(-1)}
.button:active{transform:scale(.97)}
.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;border-bottom:1.5px solid var(--ink);padding-bottom:2px}
.text-link span[aria-hidden]{transition:transform .3s var(--ease)}
.text-link:hover span[aria-hidden]{transform:translateY(3px)}

/* Header */
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:120;pointer-events:none}
.scroll-progress span{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:0 50%}
html[dir=rtl] .scroll-progress span{transform-origin:100% 50%}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.site-header.is-scrolled{border-color:var(--line);box-shadow:0 10px 30px -24px rgba(17,17,17,.4)}
.nav{display:flex;align-items:center;gap:28px;height:76px}
.brand img{width:118px;height:auto;transition:transform .5s var(--spring)}
.brand:hover img{transform:rotate(-3deg) scale(1.04)}
.nav-links{display:flex;gap:4px;margin-inline-start:auto}
.nav-links a{position:relative;padding:10px 14px;font-weight:550;font-size:15.5px;border-radius:999px;transition:background .2s}
.nav-links a:hover{background:rgba(17,17,17,.06)}
.nav-links a[aria-current]::after{content:"";position:absolute;inset-inline:14px;bottom:4px;height:3px;border-radius:3px;background:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-cta{min-height:46px;padding:0 18px;font-size:15px}
.lang-menu{position:relative}
.lang-menu summary,.mobile-nav summary{list-style:none;cursor:pointer}
.lang-menu summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}
.lang-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:999px;font-weight:600;font-size:14px;transition:border-color .2s}
.lang-button:hover{border-color:var(--ink)}
.lang-code{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 4px;border-radius:6px;background:var(--ink);color:var(--paper);font:700 11px/1 var(--sans);letter-spacing:.06em}
.lang-list{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:190px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -24px rgba(17,17,17,.35);display:grid;gap:2px;transform-origin:top;animation:pop .32s var(--ease)}
.lang-list a{padding:11px 14px;border-radius:12px;font-weight:550}
.lang-list a:hover{background:var(--blue-wash)}
@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.96)}}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ink)}
.burger{display:grid;gap:5px;width:18px}.burger i{display:block;height:2px;background:var(--paper);border-radius:2px;transition:transform .3s var(--ease)}
.mobile-nav[open] .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.mobile-nav[open] .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-panel{position:fixed;inset:76px 12px auto;display:grid;gap:4px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -20px rgba(17,17,17,.35);animation:pop .35s var(--ease)}
.mobile-panel a{padding:15px 16px;border-radius:14px;font:600 20px/1.2 var(--display)}
.mobile-panel a:hover,.mobile-panel a[aria-current]{background:var(--blue-wash)}

/* Hero */
.hero{position:relative;padding-block:18px 0;background-image:var(--dots);background-size:26px 26px;background-position:center top;border-bottom:1px solid var(--line);overflow:clip}
.crumbs{font-size:13.5px;color:var(--muted);margin-block:8px 0}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:0}.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-inline-end:10px;opacity:.45}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs li:last-child a{color:var(--ink);font-weight:550}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,80px);align-items:center;padding-block:clamp(36px,6vw,84px) clamp(36px,5vw,64px)}
.hero h1{font-size:clamp(42px,6.2vw,92px);line-height:.98;letter-spacing:-.035em;font-weight:600;max-width:12.5em}
html[dir=rtl] .hero h1{line-height:1.3;font-size:clamp(38px,5.4vw,78px)}
.hero:not(.hero-home) h1{font-size:clamp(38px,5vw,74px)}
.lede{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--ink-2);max-width:36em;margin:26px 0 32px}
.hero-discover{margin-top:28px;font-size:15px}
.hero-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:16px;border-top:1px dashed var(--line-2);font-size:13px;color:var(--muted)}
.hero-foot-languages i{font-style:normal;padding-inline:8px;opacity:.5}

/* Content */
.content-grid{padding-block:clamp(48px,7vw,104px)}
.content-grid.has-rail{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}
.article{min-width:0;max-width:880px}
.directory-content .article,.home-content .article{max-width:none}
.article>section,.article>.duo{padding-block:clamp(34px,4vw,54px);border-top:1px solid var(--line)}
.article>section:first-child{border-top:0;padding-top:0}
.article h2{font-size:clamp(28px,3.1vw,44px);margin-bottom:22px;scroll-margin-top:100px}
.article h3{font-size:22px;margin-bottom:10px}
.article p{max-width:68ch;color:var(--ink-2)}
.article a:not([class]){text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px}
.article a:not([class]):hover{background:var(--blue-wash)}
.reading-content .article{counter-reset:mod}

.fact{position:relative;margin-top:26px;padding:24px 28px;background:var(--card);border-radius:var(--r);font:500 19px/1.45 var(--display);border-inline-start:6px solid var(--blue)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.duo>section{padding:30px;background:var(--card);border-radius:var(--r);border:1px solid var(--line)}
.duo h2{font-size:clamp(24px,2.2vw,32px)!important}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 20px}
.tags li{margin:0;padding:8px 16px;border:1.5px solid var(--ink);border-radius:999px;font-weight:600;font-size:14px}
.mod-medical{background:#fff6ec;border:1px solid #f1cfa8!important;border-radius:var(--r);padding:30px!important;margin-block:20px}
.scope-grid ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;list-style:none;padding:0;margin:8px 0 24px}
.scope-grid li{margin:0}
.scope-grid a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);font-weight:600;text-decoration:none!important;transition:border-color .2s,transform .3s var(--ease)}
.scope-grid a::after{content:"↗";transition:transform .3s var(--ease)}
html[dir=rtl] .scope-grid a::after{content:"↖"}
.scope-grid a:hover{border-color:var(--ink);transform:translateY(-2px);background:var(--card)!important}
.scope-grid a:hover::after{transform:translate(2px,-2px)}

/* Steps timeline */
.steps{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step;position:relative}
.steps li{counter-increment:step;position:relative;margin:0;padding:64px 20px 22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);font-weight:500;line-height:1.5}
.steps li::before{content:counter(step);position:absolute;top:18px;inset-inline-start:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 15px/1 var(--display)}
.steps li::after{content:"";position:absolute;top:35px;inset-inline-start:62px;inset-inline-end:-14px;height:2px;background:linear-gradient(90deg,var(--blue) 50%,transparent 0) 0 0/10px 2px;transform:scaleX(var(--fill,0));transform-origin:left;transition:transform .9s var(--ease) calc(var(--i,0)*.18s + .2s)}
html[dir=rtl] .steps li::after{transform-origin:right}
.steps li:last-child::after{display:none}
.steps.is-visible li{--fill:1}
.steps li:nth-child(2){--i:1}.steps li:nth-child(3){--i:2}.steps li:nth-child(4){--i:3}

/* Cards */
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.service-card{--tint:var(--t-home);position:relative;display:flex;flex-direction:column;gap:6px;min-height:104px;padding:22px 22px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s;isolation:isolate}
.service-card[data-card-industry=car]{--tint:var(--t-car)}.service-card[data-card-industry=health]{--tint:var(--t-health)}.service-card[data-card-industry=lifestyle]{--tint:var(--t-lifestyle)}
.service-card strong{font:600 19px/1.25 var(--display);padding-inline-end:28px}
.service-card small{color:var(--muted);font-size:14px;line-height:1.45}
.service-card::before{content:"";width:22px;height:12px;background:var(--tint);-webkit-mask:url(/assets/blob.svg) center/100% 100%;mask:url(/assets/blob.svg) center/100% 100%;margin-bottom:8px;transition:transform .5s var(--spring)}
.service-card::after{content:"↗";position:absolute;top:20px;inset-inline-end:20px;font-weight:600;transition:transform .35s var(--ease)}
html[dir=rtl] .service-card::after{content:"↖"}
.service-card .vf-corners,.card-vf{--o:-7px;--c:16px;opacity:0;transform:scale(1.08);transition:opacity .25s,transform .45s var(--spring)}
.service-card:hover,.service-card:focus-visible{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(17,17,17,.45);border-color:transparent}
.service-card:hover::before{transform:scale(1.5) rotate(-8deg)}
.service-card:hover::after{transform:translate(3px,-3px)}
.service-card:hover .vf-corners,.service-card:focus-visible .vf-corners{opacity:1;transform:none}
.area-card::before{background:var(--ink)}

/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:550 clamp(18px,1.6vw,21px)/1.35 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);background:linear-gradient(var(--ink),var(--ink)) center/12px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 12px no-repeat;transition:transform .4s var(--ease),background-color .2s}
.faq details[open] summary::after{transform:rotate(135deg);background-color:var(--blue)}
.faq summary:hover::after{background-color:var(--blue-wash)}
.faq details p{padding-bottom:22px;margin:0;animation:pop .4s var(--ease)}

/* Section navigation rail (service pages) */
.toc-rail{position:sticky;top:100px;min-width:0}
.toc-rail .reading-navigation{border-inline-start:1.5px solid var(--line)}
.toc-rail .reading-links{display:flex;flex-direction:column;width:auto;margin:0}
.toc-rail .reading-links a{position:relative;padding:8px 16px;font-size:14px;color:var(--muted);line-height:1.35;transition:color .2s}
.toc-rail .reading-links a:hover{color:var(--ink)}
.toc-rail .reading-links a[aria-current]{color:var(--ink);font-weight:600}
.toc-rail .reading-links a[aria-current]::before{content:"";position:absolute;inset-inline-start:-1.5px;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--blue)}

/* Coverage */
.places{padding-block:clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.coverage-heading{display:flex;align-items:center;gap:clamp(18px,3vw,40px);margin-bottom:34px}
.coverage-number{position:relative;flex:none;display:grid;place-items:center;width:clamp(96px,11vw,150px);aspect-ratio:1.5;font:700 clamp(64px,8vw,110px)/1 var(--display);isolation:isolate}
.coverage-number::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--blue);-webkit-mask:url(/assets/blob.svg) center/100% 100%;mask:url(/assets/blob.svg) center/100% 100%;animation:wobble 9s ease-in-out infinite alternate}
.coverage-heading h2{font-size:clamp(30px,3.6vw,52px);margin-bottom:8px}
.coverage-heading p{color:var(--muted);margin:0}
.place-links{display:flex;flex-wrap:wrap;gap:10px}
.place-links a{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;font:600 17px/1 var(--display);transition:background .25s,color .25s,transform .35s var(--spring)}
.place-links a:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.place-links a[aria-current]{background:var(--blue);border-color:var(--blue)}
@keyframes wobble{0%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(3deg) scale(1.05,.95)}100%{transform:rotate(-1deg) scale(.97,1.04)}}

/* Final CTA */
.final-cta{padding:clamp(20px,3vw,40px) 0 clamp(56px,7vw,96px)}
.final-inner{position:relative;overflow:hidden;isolation:isolate;padding:clamp(48px,8vw,120px) clamp(24px,6vw,96px);background:var(--ink);color:var(--paper);border-radius:clamp(24px,3vw,40px);background-image:radial-gradient(circle at center,rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:26px 26px}
.final-inner .vf-corners{--o:clamp(14px,2vw,26px);filter:invert(1)}
.final-inner .eyebrow{color:var(--paper)}
.final-inner h2{font-size:clamp(40px,6vw,96px);line-height:1;max-width:11em;margin-bottom:22px}
.final-inner>p{color:rgba(241,239,234,.78);max-width:36em;font-size:18px;margin-bottom:34px}
.final-inner .button.primary{background:var(--blue);color:var(--on-accent);border-color:var(--blue)}
.final-inner .button.primary .i-wa{color:var(--on-accent)}
.final-inner .button.secondary{color:var(--paper);border-color:rgba(241,239,234,.5)}
.final-inner .button.secondary:hover{background:var(--paper);color:var(--ink)}
.final-blob{position:absolute;z-index:-1;width:min(560px,70%);inset-inline-end:-8%;bottom:-30%;fill:var(--blue);opacity:.95}

/* Footer */
.footer{position:relative;overflow:hidden;background:var(--paper-2);padding-top:clamp(48px,6vw,80px);border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--line)}
.footer-logo img{width:170px}
.footer-top p{max-width:32em;color:var(--muted);margin:0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:30px;padding-block:40px}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.footer-grid strong{font:600 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
html[dir=rtl] .footer-grid strong{letter-spacing:0}
.footer-grid a{padding-block:5px;transition:color .2s,transform .3s var(--ease)}
.footer-grid a:hover{color:var(--blue-ink);transform:translateX(3px)}
html[dir=rtl] .footer-grid a:hover{transform:translateX(-3px)}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.privacy-choice{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.footer-word{font:700 clamp(90px,24vw,380px)/.78 var(--display);letter-spacing:-.06em;color:var(--ink);opacity:.07;text-align:center;margin-bottom:-.12em;user-select:none;direction:ltr}
.footer-word i{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--blue);opacity:1}

/* Mobile action bar + consent */
.mobile-cta{display:none}
.consent{position:fixed;z-index:150;inset-inline-start:16px;bottom:16px;max-width:380px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -24px rgba(17,17,17,.4);font-size:14px;display:flex;flex-wrap:wrap;gap:8px;animation:pop .45s var(--ease)}
.consent p{margin:0 0 6px;width:100%}
.consent button{flex:1;min-height:44px;border-radius:999px;border:1.5px solid var(--ink);background:none;font-weight:600}
.consent .accept{background:var(--ink);color:var(--paper)}

/* Directory search/filter */
.service-search{display:block;margin-bottom:16px}
.service-search span{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.service-search input{width:100%;min-height:58px;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;background:var(--card);font-size:17px}
.service-search input:focus{outline:none;box-shadow:0 0 0 5px var(--blue-wash)}
.service-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.service-filters button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-2);background:none;font-weight:600}
.service-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

@media (max-width:1060px){
  .nav-links{display:none}.mobile-nav{display:block}.nav-actions{margin-inline-start:auto}
  .content-grid.has-rail{grid-template-columns:1fr}
  .toc-rail{position:static;overflow-x:auto;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}
  .toc-rail .reading-navigation{border:0}
  .toc-rail .reading-links{flex-direction:row;gap:8px}
  .toc-rail .reading-links a{white-space:nowrap;border:1px solid var(--line-2);border-radius:999px;padding:9px 15px}
  .toc-rail .reading-links a[aria-current]::before{display:none}
  .steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2)::after{display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  .nav{height:66px;gap:10px}.brand img{width:100px}
  .mobile-panel{top:66px}
  .nav-cta{display:none}
  .lang-name{display:none}.lang-button{padding:0 10px}
  .hero-grid{grid-template-columns:1fr;padding-block:28px 34px}
  .lede{margin:18px 0 26px}
  .cta-row .button{flex:1 1 auto}
  .duo{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}.steps li::after{display:none}
  .steps li{padding:20px 20px 20px 70px}
  html[dir=rtl] .steps li{padding:20px 70px 20px 20px}
  .steps li::before{top:18px}
  .service-grid{grid-template-columns:1fr 1fr;gap:8px}
  .service-card{min-height:92px;padding:16px}
  .service-card strong{font-size:16.5px;padding-inline-end:16px}
  .service-card::after{top:14px;inset-inline-end:14px}
  .coverage-heading{flex-direction:column;align-items:flex-start}
  .place-links a{min-height:46px;padding:0 16px;font-size:15px}
  .mobile-cta{display:flex;position:fixed;z-index:110;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;box-shadow:0 20px 40px -18px rgba(17,17,17,.45);transform:translateY(140%);transition:transform .5s var(--ease)}
  .mobile-cta.is-visible{transform:none}
  .mobile-cta .cta-row{flex-wrap:nowrap;width:100%;gap:6px}
  .mobile-cta .button{min-height:48px;padding:0 12px;font-size:14.5px;flex:1 1 0;min-width:0}
  .mobile-cta .button.secondary .arrow{display:none}
  .mobile-cta .button span{overflow:hidden;text-overflow:ellipsis}
  .consent{inset-inline:10px;max-width:none;bottom:calc(10px + env(safe-area-inset-bottom))}
  .footer{padding-bottom:84px}
}
@media (max-width:380px){.service-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media print{.site-header,.mobile-cta,.consent,.final-cta,.scroll-progress{display:none!important}}

/* Industry themes: every page in an industry re-tints the accent system. */
body[data-industry=car]{--blue:#a357d7;--blue-2:#d4a5e8;--blue-ink:#7a2fae;--blue-wash:#f3e6fa;--on-accent:#111}
body[data-industry=health]{--blue:#d32f2f;--blue-2:#f28b82;--blue-ink:#8b1a1a;--blue-wash:#fbe4e2;--on-accent:#fff}
body[data-industry=lifestyle]{--blue:#65c466;--blue-2:#a8e5a8;--blue-ink:#1f4d1f;--blue-wash:#e2f5e2;--on-accent:#111}
body:not([data-industry=general]) .eyebrow i,body:not([data-industry=general]) .coverage-number::before{background:var(--blue)}

/* Icons */
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mod-badge{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px;background:var(--blue-wash);color:var(--blue-ink);transition:transform .6s var(--spring)}
.mod-badge .ic{width:26px;height:26px}
section.is-visible>.mod-badge,.duo.is-visible .mod-badge{animation:badge-pop .7s var(--spring) .1s both}
@keyframes badge-pop{from{transform:scale(.4) rotate(-20deg);opacity:0}}

.lead{font:500 clamp(19px,1.7vw,23px)/1.5 var(--display);color:var(--ink)!important;max-width:40em!important}
.note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:var(--blue-wash);font-size:15px;max-width:none!important}
.note .ic{color:var(--blue-ink);margin-top:2px}
.scope-grid a{justify-content:flex-start}
.scope-grid a::after{margin-inline-start:auto}
.sc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--blue-wash);color:var(--blue-ink);flex:none;transition:background .3s,color .3s,transform .5s var(--spring)}
.scope-grid a:hover .sc-ic{background:var(--blue);color:var(--on-accent);transform:rotate(-8deg) scale(1.08)}
.tags li{display:inline-flex;align-items:center;gap:8px}.tags .ic{width:18px;height:18px;color:var(--blue-ink)}
.card-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--blue-wash);color:var(--blue-ink);margin-bottom:10px;transition:transform .5s var(--spring),background .3s,color .3s}
.service-card[data-card-industry=car] .card-ic{background:#f3e6fa;color:#7a2fae}.service-card[data-card-industry=health] .card-ic{background:#fbe4e2;color:#8b1a1a}.service-card[data-card-industry=lifestyle] .card-ic{background:#e2f5e2;color:#1f4d1f}.service-card[data-card-industry=home] .card-ic{background:#dcf1fe;color:#075f96}
.service-card:has(.card-ic)::before{display:none}
.service-card:hover .card-ic{transform:rotate(-8deg) scale(1.1);background:var(--tint);color:#fff}

/* Local context as cards */
.local-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;counter-reset:lc}
.local-cards>p,.local-cards li{counter-increment:lc;position:relative;margin:0;padding:52px 20px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);font-size:15.5px;max-width:none}
.local-cards>p::before,.local-cards li::before{content:counter(lc,decimal-leading-zero);position:absolute;top:18px;inset-inline-start:20px;font:700 13px/1 var(--sans);color:var(--blue-ink);letter-spacing:.1em}
.local-cards>p:first-child:not(:only-child):has(+ul){grid-column:1/-1;padding:0;background:none;border:0;font-size:17px}
.local-cards>p:first-child:has(+ul)::before{display:none}
.local-cards ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.local-cards>p:last-child:not(:first-child):is(ul+p){grid-column:1/-1}
.local-cards li strong{display:block;font:600 19px/1.2 var(--display);margin-bottom:6px}

/* Split image row */
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,56px);align-items:center}
.split-art{position:relative;margin:0;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.split-art::before{content:"";position:absolute;inset:12%;z-index:-1;background:var(--blue-2);-webkit-mask:url(/assets/blob.svg) center/100% 100%;mask:url(/assets/blob.svg) center/100% 100%;animation:wobble 9s ease-in-out infinite alternate}
.split-art img{width:72%;filter:drop-shadow(0 20px 20px rgba(17,17,17,.2));transform:translateY(var(--par,0px))}

/* Scrollytelling steps */
.steps-ic{grid-template-columns:1fr;gap:12px;padding-inline-start:0;--p:0}
.steps-ic::before{content:"";position:absolute;inset-inline-start:33px;top:30px;bottom:30px;width:2px;background:var(--line-2)}
.steps-ic::after{content:"";position:absolute;inset-inline-start:33px;top:30px;width:2px;height:calc((100% - 60px)*var(--p));background:var(--blue)}
.steps-ic li{display:flex;align-items:center;gap:20px;padding:18px 22px 18px 14px;font:500 clamp(17px,1.5vw,20px)/1.4 var(--display);opacity:.55;transform:translateX(0);transition:opacity .5s,transform .6s var(--ease),border-color .4s,box-shadow .5s;background:var(--card);z-index:1}
html[dir=rtl] .steps-ic li{padding:18px 14px 18px 22px}
.steps-ic li::before,.steps-ic li::after{display:none}
.step-ic{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper-2);color:var(--ink);flex:none;transition:background .4s,color .4s,transform .6s var(--spring)}
.steps-ic li.is-active{opacity:1;border-color:var(--ink);box-shadow:0 16px 30px -22px rgba(17,17,17,.5);transform:translateX(6px)}
html[dir=rtl] .steps-ic li.is-active{transform:translateX(-6px)}
.steps-ic li.is-active .step-ic{background:var(--blue);color:var(--on-accent);transform:scale(1.12)}
.no-js .steps-ic li,.steps-ic:not(.is-live) li{opacity:1}
@media (min-width:1061px){.mod-steps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 40px;align-items:start}.mod-steps>.mod-badge,.mod-steps>h2{grid-column:1;position:sticky;top:110px}.mod-steps>h2{top:180px}.mod-steps>.steps{grid-column:2;grid-row:1/span 2}}
@media (max-width:760px){.split{grid-template-columns:1fr}.split-art{max-width:260px;margin-inline:auto}.steps-ic li{padding:14px 16px 14px 10px}}

.service-filters button[data-filter-industry=home]{--tint:var(--t-home)}.service-filters button[data-filter-industry=car]{--tint:var(--t-car)}.service-filters button[data-filter-industry=health]{--tint:var(--t-health)}.service-filters button[data-filter-industry=lifestyle]{--tint:var(--t-lifestyle)}
.service-filters button{display:inline-flex;align-items:center;gap:8px}
.service-filters button::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--tint)}
.service-filters button[aria-pressed=true]{background:var(--tint);border-color:var(--tint);color:#111}
.hood{margin-top:26px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.hood summary{cursor:pointer;font:600 19px/1.3 var(--display);list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.hood summary::-webkit-details-marker{display:none}
.hood summary::after{content:"+";font-size:24px;transition:transform .3s var(--ease)}
.hood[open] summary::after{transform:rotate(45deg)}
.hood-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:16px 0 0}
.hood-chips li{margin:0;padding:6px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:14px}
.hood-chips a{text-decoration:none!important;font-weight:600}
.hood-chips li:has(a){background:var(--blue-wash);border-color:transparent}
.local-cards>p:first-child:has(+ul){counter-increment:none}