/* Asmar site styles. Tokens first, then home page, then inner pages. */
/* Layout: the page follows one customer question — asked, answered, trusted, chosen. Wide bands, a 1160px column, demo panels on the right. */
:root{
  --ground:#F2F5F3;      /* cool mist, slight teal bias */
  --surface:#FFFFFF;
  --sunk:#E4EBE8;
  --ink:#0F1F1D;         /* deep teal-black */
  --muted:#4E615D;
  --line:#CCD8D4;
  --teal:#0E5A52;        /* brand: Gulf teal */
  --teal-soft:#D5E8E4;
  --amber:#C9821C;       /* review-star amber, the one bold accent */
  --amber-soft:#FBEBD0;
  --on-teal:#F2F5F3;
  --good:#1C7A4A;
  --f-display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
  --f-body:"Atkinson Hyperlegible", "Segoe UI", Roboto, Arial, sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-ar:"IBM Plex Sans Arabic", "Geeza Pro", Tahoma, sans-serif;
  --r:10px;
  --shadow:0 1px 2px rgba(15,31,29,.06), 0 12px 32px -12px rgba(15,31,29,.18);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0B1513; --surface:#12201D; --sunk:#182A27; --ink:#E5EEEB; --muted:#9DB2AD; --line:#26403B;
    --teal:#5FC2B4; --teal-soft:#16332F; --amber:#F0B04F; --amber-soft:#3A2B12; --on-teal:#0B1513; --good:#5DCB8E;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 14px 36px -14px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ground:#0B1513; --surface:#12201D; --sunk:#182A27; --ink:#E5EEEB; --muted:#9DB2AD; --line:#26403B;
  --teal:#5FC2B4; --teal-soft:#16332F; --amber:#F0B04F; --amber-soft:#3A2B12; --on-teal:#0B1513; --good:#5DCB8E;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 14px 36px -14px rgba(0,0,0,.6);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ground)}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin:0}
h1{font-size:clamp(2.5rem,5.6vw,4.6rem);font-weight:700}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:700}
h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}
p{margin:0}
.eyebrow{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-weight:600}
.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}
section{padding-block:clamp(64px,9vw,112px)}
.sec-head{display:grid;gap:14px;max-width:760px;margin-bottom:44px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:1rem;padding:14px 22px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s, background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--teal);color:var(--on-teal)}
.btn-ghost{border-color:var(--line);background:transparent;color:var(--ink)}
.btn-ghost:hover{border-color:var(--teal)}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(3px)}

/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none}
.logo b{font-family:var(--f-display);font-size:1.45rem;letter-spacing:-.03em}
.logo span{font-family:var(--f-ar);color:var(--amber);font-size:1.05rem}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:.95rem}
.nav ul a{text-decoration:none;color:var(--muted)}
.nav ul a:hover{color:var(--ink)}
.nav .btn{padding:10px 18px;font-size:.92rem}
.nav-toggle{display:none;background:none;border:0;padding:10px;margin-left:auto;cursor:pointer}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:4px 0;border-radius:1px;transition:transform .2s,opacity .2s}
@media (max-width:860px){
  .nav-toggle{display:block}
  /* .wrap in the selector outranks the later `.nav nav{display:flex}` rule */
  .nav .wrap nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ground);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav.nav-open .wrap nav{display:block}
  .nav.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav.nav-open .nav-toggle span:nth-child(2){opacity:0}
  .nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .nav ul{display:flex;flex-direction:column;gap:0;padding:8px 0}
  .nav ul a{display:block;padding:12px 24px;color:var(--ink)}
}

/* Hero */
.hero{padding-block:clamp(48px,7vw,88px) clamp(56px,7vw,96px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero-copy{display:grid;gap:24px;min-width:0}
.hero h1 em{font-style:normal;color:var(--teal);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.12em;background:var(--amber);border-radius:2px;transform-origin:left;animation:underline 1s .4s both cubic-bezier(.2,.8,.2,1)}
@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-note{font-size:.9rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}
.hero-note span::before{content:"✓ ";color:var(--good);font-weight:700}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr}}

/* Question demo */
.demo{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.demo-q{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.demo-q svg{flex:none;color:var(--muted)}
.demo-q .q{font-family:var(--f-mono);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.caret{display:inline-block;width:2px;height:1.05em;background:var(--teal);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.demo-tabs{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--line);overflow-x:auto}
.demo-tabs button{font:600 .85rem var(--f-display);background:none;border:0;color:var(--muted);padding:10px 12px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.demo-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--amber)}
.demo-body{position:relative;height:340px}
.pane{position:absolute;inset:0;padding:18px;opacity:0;visibility:hidden;transition:opacity .35s}
.pane.on{opacity:1;visibility:visible}
.demo-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);font-family:var(--f-mono)}

/* Google pane */
.serp{position:relative;height:100%}
.serp .row{position:absolute;left:0;right:0;height:72px;padding:8px 12px;line-height:1.35;border-radius:8px;transition:top .9s cubic-bezier(.3,.9,.3,1),background .4s}
.serp .row small{display:block;font-size:.74rem;color:var(--muted);font-family:var(--f-mono)}
.serp .row b{display:block;color:var(--teal);font-family:var(--f-display);font-weight:600;font-size:1rem}
.serp .row i{font-style:normal;font-size:.82rem;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serp .row.you{background:var(--amber-soft)}
.serp .row.you b::after{content:"Your business";margin-left:8px;font:600 .66rem var(--f-mono);letter-spacing:.05em;text-transform:uppercase;background:var(--amber);color:var(--surface);padding:2px 6px;border-radius:4px;vertical-align:2px}
.rank{position:absolute;right:12px;top:12px;font:600 .74rem var(--f-mono);color:var(--muted)}

/* AI pane */
.ai{display:grid;gap:12px;font-size:.95rem}
.ai-head{display:flex;align-items:center;gap:8px;font:600 .8rem var(--f-mono);color:var(--muted)}
.ai-dot{width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--teal),var(--amber),var(--teal));animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ai-text{min-height:132px;line-height:1.55}
.ai-text mark{background:var(--amber-soft);color:var(--ink);padding:0 3px;border-radius:3px;font-weight:700}
.cites{display:flex;flex-wrap:wrap;gap:8px}
.cite{font:600 .75rem var(--f-mono);border:1px solid var(--line);border-radius:999px;padding:4px 10px;opacity:0;transform:translateY(6px);transition:all .4s}
.cite.show{opacity:1;transform:none}
.cite.you{border-color:var(--amber);background:var(--amber-soft)}

/* Map pane */
.map{position:relative;height:100%;border-radius:10px;overflow:hidden;background:
  linear-gradient(90deg,transparent 48%,var(--line) 48% 52%,transparent 52%) 0 0/140px 100%,
  linear-gradient(0deg,transparent 47%,var(--line) 47% 53%,transparent 53%) 0 0/100% 110px,
  var(--sunk)}
.map .water{position:absolute;left:-10%;bottom:-30%;width:60%;height:70%;background:var(--teal-soft);border-radius:50%}
.pin{position:absolute;width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--muted);opacity:.7}
.pin.you{width:24px;height:24px;background:var(--amber);opacity:1;animation:drop .8s cubic-bezier(.3,1.6,.5,1) both}
@keyframes drop{from{transform:translateY(-40px) rotate(-45deg);opacity:0}to{transform:rotate(-45deg);opacity:1}}
.map-card{position:absolute;left:14px;right:14px;bottom:14px;background:var(--surface);border-radius:10px;padding:12px 14px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:12px;align-items:center;transform:translateY(120%);transition:transform .6s cubic-bezier(.2,.9,.3,1)}
.map-card.show{transform:none}
.map-card b{font-family:var(--f-display);font-size:1rem}
.map-card small{display:block;color:var(--muted);font-size:.8rem}
.stars{color:var(--amber);letter-spacing:1px;font-size:.9rem;white-space:nowrap}

/* Surfaces strip */
.strip{border-block:1px solid var(--line);background:var(--surface);padding-block:22px}
.strip .wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.strip p{font:600 .8rem var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.strip ul{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;margin:0;padding:0;font-family:var(--f-display);font-weight:600;font-size:1.05rem}

/* Process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.track{position:absolute;left:0;right:0;top:27px;height:2px;background:var(--line)}
.track i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--amber);transition:width .8s ease}
.step{position:relative;display:grid;gap:10px;align-content:start;padding-top:4px;min-width:0}
.step .num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:600 1rem var(--f-mono);background:var(--surface);border:2px solid var(--line);transition:all .4s;position:relative;z-index:1}
.step.on .num{border-color:var(--amber);background:var(--amber);color:var(--surface);transform:scale(1.08)}
.step p{color:var(--muted);font-size:.97rem}
.step .who{font:600 .72rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--teal)}
.log{margin-top:36px;background:var(--ink);color:var(--ground);border-radius:var(--r);padding:16px 20px;font-family:var(--f-mono);font-size:.86rem;min-height:84px;overflow:hidden}
.log .ln{opacity:.55}
.log .ln:last-child{opacity:1}
.log .ln::before{content:"› ";color:var(--amber)}
.human{margin-top:20px;display:flex;gap:12px;align-items:flex-start;font-size:.98rem;color:var(--muted);max-width:70ch}
.human b{color:var(--ink)}
@media (max-width:820px){.process{grid-template-columns:1fr 1fr}.track{display:none}}
@media (max-width:480px){.process{grid-template-columns:1fr}}

/* Search engines explainer */
.engines{background:var(--surface);border-block:1px solid var(--line)}
.eng-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.eng-tabs button{font:600 1rem var(--f-display);padding:12px 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--ground);color:var(--ink);cursor:pointer;display:flex;gap:10px;align-items:baseline}
.eng-tabs button small{font:500 .74rem var(--f-mono);color:var(--muted)}
.eng-tabs button[aria-selected="true"]{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}
.eng-tabs button[aria-selected="true"] small{color:var(--on-teal);opacity:.8}
.eng{display:none;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.eng.on{display:grid}
.eng-copy{display:grid;gap:18px;min-width:0}
.eng-copy ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.eng-copy li{display:grid;grid-template-columns:22px 1fr;gap:8px}
.eng-copy li::before{content:"";width:10px;height:10px;margin-top:8px;border-radius:2px;background:var(--amber)}
.eng-copy .where{font:600 .8rem var(--f-mono);color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.scene{background:var(--ground);border:1px solid var(--line);border-radius:14px;padding:22px;min-height:340px;position:relative;overflow:hidden;min-width:0}
@media (max-width:860px){.eng.on{grid-template-columns:1fr}}

/* SEO scene: rank climb */
.climb{display:grid;gap:8px}
.climb .r{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:.9rem;transition:transform .8s cubic-bezier(.3,.9,.3,1)}
.climb .r .p{font:600 .8rem var(--f-mono);color:var(--muted)}
.climb .r .bar{height:8px;border-radius:4px;background:var(--sunk)}
.climb .r.you{border-color:var(--amber);background:var(--amber-soft)}
.climb .r.you .bar{background:var(--amber)}
.climb .r small{font:500 .74rem var(--f-mono);color:var(--muted)}

/* AEO scene: question → answer box */
.qa{display:grid;gap:12px}
.qa .ask{font-family:var(--f-mono);font-size:.88rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 16px}
.qa .box{background:var(--surface);border:1.5px solid var(--teal);border-radius:10px;padding:14px 16px;display:grid;gap:6px}
.qa .box small{font:600 .72rem var(--f-mono);color:var(--teal);text-transform:uppercase;letter-spacing:.06em}
.qa .box p{font-size:.95rem}
.qa .src{font:500 .78rem var(--f-mono);color:var(--muted)}
.qa .src b{color:var(--amber)}
.paa{display:grid;gap:6px}
.paa div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:.88rem;display:flex;justify-content:space-between}
.paa div::after{content:"+";color:var(--muted)}
.reveal{opacity:0;transform:translateY(8px);transition:all .5s}
.reveal.show{opacity:1;transform:none}

/* GEO scene: AI answer with sources */
.gen{display:grid;gap:14px}
.gen .bubble{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:.93rem;line-height:1.55;min-height:150px}
.gen .bubble mark{background:var(--amber-soft);color:var(--ink);font-weight:700;padding:0 3px;border-radius:3px}
.sig{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.sig div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.8rem;display:flex;gap:8px;align-items:center}
.sig div i{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none;transition:background .4s}
.sig div.lit i{background:var(--good)}

/* Compare table */
.tbl-wrap{overflow-x:auto;margin-top:56px;border:1px solid var(--line);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:640px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 .78rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--ground)}
tr:last-child td{border-bottom:0}
td:first-child{font-family:var(--f-display);font-weight:700;white-space:nowrap}

/* Trust loop */
.trust .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.loop-wrap{position:relative;max-width:460px;width:100%;margin:0 auto}
.loop{width:100%;height:auto;display:block}
.loop .ring{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:4 8}
.loop .node circle{fill:var(--surface);stroke:var(--line);stroke-width:2;transition:all .4s}
.loop .node.on circle{stroke:var(--amber);fill:var(--amber-soft)}
.loop .node text{font:600 13px var(--f-display);fill:var(--ink);text-anchor:middle}
.loop .node text.sub{font:500 10.5px var(--f-mono);fill:var(--muted)}
.loop .runner{fill:var(--amber)}
.loop-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.loop-center div{text-align:center;display:grid;gap:2px}
.loop-center .big{font:700 3rem/1 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.loop-center .stars{font-size:1.1rem}
.loop-center small{font:500 .78rem var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}
.trust-copy{display:grid;gap:20px;min-width:0}
.trust-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.trust-list li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:14px;border-radius:var(--r);transition:background .4s}
.trust-list li.on{background:var(--surface);box-shadow:var(--shadow)}
.trust-list .ic{width:40px;height:40px;border-radius:10px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}
.trust-list b{font-family:var(--f-display);font-size:1.05rem;display:block}
.trust-list p{font-size:.94rem;color:var(--muted)}
@media (max-width:900px){.trust .split{grid-template-columns:1fr}}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.stat{border-top:2px solid var(--ink);padding-top:16px;display:grid;gap:8px;align-content:start}
.stat b{font:700 2.6rem/1 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat p{font-size:.95rem;color:var(--muted)}
.stat cite{font:500 .74rem var(--f-mono);color:var(--muted);font-style:normal}
@media (max-width:760px){.stats{grid-template-columns:1fr}}

/* Deliverables */
.deliver{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.deliver div{background:var(--surface);padding:26px;display:grid;gap:10px;align-content:start}
.deliver .tag{font:600 .72rem var(--f-mono);color:var(--amber);text-transform:uppercase;letter-spacing:.06em}
.deliver p{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.deliver{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.deliver{grid-template-columns:1fr}}

/* Report CTA */
.report{background:var(--teal);color:var(--on-teal)}
.report .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.report .eyebrow{color:var(--amber)}
.report .lead{color:var(--on-teal);opacity:.85}
.report-copy{display:grid;gap:22px;min-width:0}
.report form{display:grid;gap:12px;max-width:460px}
.report label{font:600 .8rem var(--f-mono);letter-spacing:.04em}
.report input{width:100%;font:1rem var(--f-body);padding:13px 15px;border-radius:8px;border:1.5px solid transparent;background:var(--surface);color:var(--ink)}
.report input:focus{outline:none;border-color:var(--amber)}
.report .btn{background:var(--amber);color:#1a1205;justify-content:center}
.report .ok{font-size:.95rem;background:color-mix(in srgb,var(--on-teal) 14%,transparent);padding:12px 14px;border-radius:8px}
.sheet{background:var(--surface);color:var(--ink);border-radius:14px;padding:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.35);display:grid;gap:16px;transform:rotate(1.2deg);min-width:0}
.sheet header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}
.sheet header b{font-family:var(--f-display);font-size:1.1rem}
.sheet header small{font:500 .74rem var(--f-mono);color:var(--muted)}
.bars{display:grid;gap:12px}
.bars .b{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:.85rem}
.bars .b span:last-child{font:600 .82rem var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}
.bars .t{height:10px;background:var(--sunk);border-radius:5px;overflow:hidden}
.bars .t i{display:block;height:100%;background:var(--muted);border-radius:5px;width:var(--w);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bars .b.you .t i{background:var(--amber)}
.bars .b.you{font-weight:700}
.gaps{display:grid;gap:6px;font-size:.85rem}
.gaps div{display:flex;gap:8px}
.gaps div::before{content:"!";width:18px;height:18px;flex:none;border-radius:50%;background:var(--amber-soft);color:var(--amber);font:700 .72rem/18px var(--f-mono);text-align:center}
@media (max-width:900px){.report .wrap{grid-template-columns:1fr}.sheet{transform:none}}

/* Pricing */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px;display:grid;gap:18px;align-content:start}
.plan.main{border:2px solid var(--teal)}
.plan .badge{justify-self:start;font:600 .72rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--teal);color:var(--on-teal);padding:4px 10px;border-radius:999px}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price b{font:700 2.8rem/1 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.price span{color:var(--muted);font-size:.95rem}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:.96rem}
.plan li{display:grid;grid-template-columns:20px 1fr;gap:8px}
.plan li::before{content:"✓";color:var(--good);font-weight:700}
.plan .btn{justify-content:center}
.price-note{margin-top:20px;font-size:.9rem;color:var(--muted);max-width:70ch}
@media (max-width:760px){.plans{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;gap:0;max-width:820px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--f-display);font-weight:600;font-size:1.15rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;overflow-wrap:anywhere}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--teal);transition:transform .2s;align-self:start;width:1em;height:1em;line-height:1;text-align:center;margin-top:.15em}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:20px;color:var(--muted);max-width:68ch}

/* Footer */
footer{border-top:1px solid var(--line);padding-block:40px;font-size:.9rem;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===================== Shared inner-page styles ===================== */
.skip{position:absolute;left:-999px;top:8px;background:var(--teal);color:var(--on-teal);padding:8px 14px;border-radius:6px;z-index:100}
.skip:focus{left:12px}
.nav nav{display:flex}
.linkish{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}

.breadcrumb{padding-top:22px}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font:500 .8rem var(--f-mono);color:var(--muted)}
.breadcrumb li+li::before{content:"/";margin-right:6px;opacity:.6}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{color:var(--ink)}

.page-hero{padding-block:clamp(36px,6vw,72px) clamp(40px,6vw,72px)}
.page-hero .wrap{display:grid;gap:22px;max-width:1160px}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);max-width:20ch}
.page-hero .lead{font-size:1.15rem}
.page-hero .hero-ctas{margin-top:4px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.92rem;color:var(--muted);margin-top:6px}
.hero-facts b{color:var(--ink);font-family:var(--f-display)}

.band{background:var(--surface);border-block:1px solid var(--line)}
.prose{max-width:760px;display:grid;gap:18px}
.prose h2{margin-top:18px}
.prose h3{margin-top:8px}
.prose p,.prose li{color:var(--ink)}
.prose ul,.prose ol{margin:0;padding-left:1.2em;display:grid;gap:8px}
.prose .muted{color:var(--muted)}
.prose a{color:var(--teal);text-underline-offset:3px}
.note{font-size:.9rem;color:var(--muted)}

.split-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.split-2 > *{min-width:0}
@media (max-width:860px){.split-2{grid-template-columns:1fr}}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:10px;align-content:start}
.card .tag{font:600 .72rem var(--f-mono);color:var(--amber);text-transform:uppercase;letter-spacing:.06em}
.card p{color:var(--muted);font-size:.97rem}
.card a{color:var(--teal)}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cards,.cards.two{grid-template-columns:1fr}}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.steps li::before{counter-increment:s;content:counter(s);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:600 .95rem var(--f-mono);background:var(--amber-soft);color:var(--amber)}
.steps b{font-family:var(--f-display);display:block}
.steps p{color:var(--muted);font-size:.96rem}

.data-note{font:500 .78rem var(--f-mono);color:var(--muted);margin-top:10px}

td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}

.price-strip{display:flex;flex-wrap:wrap;gap:16px}
.price-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:grid;gap:4px;min-width:220px}
.price-chip b{font:700 1.6rem/1.1 var(--f-display);letter-spacing:-.02em}
.price-chip span{color:var(--muted);font-size:.9rem}

.cta-band{background:var(--teal);color:var(--on-teal);padding-block:clamp(48px,7vw,80px)}
.cta-band .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.cta-band h2{max-width:22ch}
.cta-band p{opacity:.85;max-width:52ch;margin-top:10px}
.cta-band .btn-amber{background:var(--amber);color:#1a1205}
.cta-band .btn-light{border-color:color-mix(in srgb,var(--on-teal) 50%,transparent);color:var(--on-teal)}
.btn-wa{background:#1F8F55;color:#fff}

.lead-form{display:grid;gap:12px;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.lead-form label{font:600 .8rem var(--f-mono);letter-spacing:.03em}
.lead-form input,.lead-form select{width:100%;font:1rem var(--f-body);padding:12px 14px;border-radius:8px;border:1.5px solid var(--line);background:var(--ground);color:var(--ink)}
.lead-form input:focus,.lead-form select:focus{outline:none;border-color:var(--teal)}
.lead-form .btn{justify-content:center}
.form-status{font-size:.95rem;padding:10px 12px;border-radius:8px;background:var(--teal-soft)}
.form-status.is-error{background:var(--amber-soft)}

.wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:8px;background:#1F8F55;color:#fff;text-decoration:none;font:600 .95rem var(--f-display);padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 10px 30px -8px rgba(0,0,0,.4)}
.wa-float:hover{transform:translateY(-1px)}
@media (max-width:520px){.wa-float span{display:none}.wa-float{padding:14px}}

.consent{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:560px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);display:grid;gap:12px}
.consent[hidden]{display:none}
.consent p{font-size:.92rem}
.consent a{color:var(--teal)}
.consent-actions{display:flex;gap:10px;justify-content:flex-end}
.consent .btn{padding:10px 18px;font-size:.92rem}

.site-footer{border-top:1px solid var(--line);padding-block:48px 28px;font-size:.92rem;color:var(--muted);background:var(--ground)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.footer-grid h2{font:600 .78rem var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink);margin-bottom:12px}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-grid a{text-decoration:none}
.footer-grid a:hover{color:var(--ink)}
.footer-brand{display:grid;gap:12px;align-content:start}
.footer-contact span{user-select:all}
.footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}

.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.city-grid a{display:grid;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none}
.city-grid a b{font-family:var(--f-display);font-size:1.1rem}
.city-grid a span{color:var(--muted);font-size:.9rem}
.city-grid a:hover{border-color:var(--teal)}
.deliver a{color:var(--teal);font-size:.95rem;text-underline-offset:3px}
.report .ok.is-error{background:color-mix(in srgb,var(--amber) 30%,transparent)}
.h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}
.inner .stats{margin-top:0}
.tbl-wrap.compact table{min-width:0}
.tbl-wrap.compact td:first-child{white-space:normal}
@media (max-width:560px){th,td{padding:12px 12px}}
.region-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px}
.region-switch-label{font:600 .78rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:4px}
.region-switch button{font:600 .95rem var(--f-display);padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;gap:8px;align-items:baseline}
.region-switch button small{font:500 .72rem var(--f-mono);color:var(--muted)}
.region-switch button[aria-selected="true"]{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}
.region-switch button[aria-selected="true"] small{color:var(--on-teal);opacity:.8}