/* Layout: blueprint grid. Light paper sections with a navy "control room" band; the hero shows offline signals flowing into one digital pipeline. */
/* Single dark theme by design: deep ink-navy "control room", white type, logo blue used as signal only. */
:root{
  --bg:#060A14; --surface:#0C1322; --surface-2:#111A2D;
  --ink:#F2F5FB; --muted:#97A3BC; --line:#1B2640;
  --blue:#2F6BFF; --blue-ink:#9DB8FF; --blue-soft:#13213F;
  --band:#09101E; --band-ink:#F2F5FB; --band-muted:#97A3BC; --band-line:#1F2C49;
  --live:#3CCB95; --live-soft:#0E2E25;
  --logo-ink:#FFFFFF; --on-blue:#FFFFFF; --btn-bg:#F2F5FB; --btn-ink:#060A14; --btn-hover:#D4DEF2;
  --glow:rgba(47,107,255,.22);
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px -24px rgba(0,0,0,.8);
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree","Helvetica Neue",Arial,system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:6rem;
  --r:10px;--wrap:1160px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased; margin:0px !important;}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance;font-weight:650}
p{margin:0}
a{color:var(--blue-ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:720px){.wrap{padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue);color:var(--on-blue);padding:8px 14px;border-radius:6px;z-index:99}
.skip:focus{left:12px}

.eyebrow{font:500 .75rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-ink);display:inline-flex;align-items:center;gap:.5rem}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--blue)}
.lede{font-size:1.15rem;color:var(--muted);max-width:60ch}
.h-xl{font-size:clamp(2.35rem,6.2vw,4.1rem)}
.h-lg{font-size:clamp(1.85rem,4vw,2.75rem)}
.h-md{font-size:clamp(1.25rem,2.2vw,1.5rem);letter-spacing:-.01em}
.sec{padding-block:var(--s8)}
@media (min-width:900px){.sec{padding-block:var(--s9)}}
.sec-head{display:grid;gap:var(--s4);max-width:760px;margin-bottom:var(--s7)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:600 1rem/1 var(--f-body);padding:.95rem 1.35rem;border-radius:8px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;min-height:48px}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--btn-bg);color:var(--btn-ink)}
.btn-primary:hover{background:var(--btn-hover)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--blue-ink)}
.btn svg{width:18px;height:18px;flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* Header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:68px}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--logo-ink)}
.brand svg{height:28px;width:auto}
.brand span{font:650 1.45rem/1 var(--f-display);letter-spacing:-.02em}
.nav{display:none;gap:var(--s5);align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.98rem;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--blue-ink)}
.head-actions{display:flex;align-items:center;gap:var(--s3)}
.head-phone{display:none;font:500 .85rem var(--f-mono);color:var(--muted);text-decoration:none}
.head-cta{padding:.7rem 1rem;min-height:44px;font-size:.95rem}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
.mobile-nav{border-top:1px solid var(--line);background:var(--surface)}
.mobile-nav .wrap{display:grid;gap:2px;padding-block:var(--s3) var(--s4)}
.mobile-nav a{display:block;padding:.8rem 0;color:var(--ink);text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.mobile-nav a.mono{font:500 .9rem var(--f-mono);color:var(--muted);border:0}
@media (max-width:420px){.head-cta{display:none}}
@media (min-width:960px){.nav{display:flex}.menu-btn{display:none}.mobile-nav{display:none!important}}
@media (min-width:1120px){.head-phone{display:inline}}

/* Hero */
.hero{padding-block:var(--s7) var(--s8);position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);
  background:radial-gradient(55% 75% at 88% 60%,rgba(47,107,255,.30),transparent 65%),
  radial-gradient(40% 50% at 0% 0%,rgba(47,107,255,.10),transparent 70%),
  linear-gradient(135deg,#0F1B36 0%,#0A1226 45%,#060A14 100%)}
/* Logo-mark motif: the M's blue parallelogram, enlarged and striped like the closing panel */
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.hero::before{right:-8%;bottom:-6%;width:min(68vw,760px);aspect-ratio:73/96;max-width:100%;
  clip-path:polygon(0 72%,100% 0,100% 37%,0 100%);
  background:repeating-linear-gradient(-36deg,rgba(157,184,255,.10) 0 14px,transparent 14px 28px),
  linear-gradient(200deg,rgba(47,107,255,.28),rgba(47,107,255,.04))}
.hero::after{right:24%;top:-12%;width:min(30vw,320px);aspect-ratio:73/96;
  clip-path:polygon(0 72%,100% 0,100% 37%,0 100%);
  background:linear-gradient(200deg,rgba(157,184,255,.10),transparent)}
@media (max-width:979px){.hero::after{display:none}.hero::before{width:90vw;bottom:-20%;opacity:.7}}
.hero-grid{display:grid;gap:var(--s7);align-items:center}
@media (min-width:980px){.hero-grid{grid-template-columns:1.05fr .95fr}.hero-grid>*{position:relative}.hero{padding-block:var(--s8) var(--s9)}}
.hero-copy{display:grid;gap:var(--s5);min-width:0}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#9DB8FF,#FFFFFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-proof{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);font-size:.92rem;color:var(--muted);padding:0;margin:0;list-style:none}
.hero-proof li{display:flex;align-items:center;gap:.45rem}
.hero-proof svg{width:16px;height:16px;color:var(--live)}

/* Hero visual: unified pipeline console */
.console{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:.8rem 1rem;border-bottom:1px solid var(--line);background:var(--surface-2)}
.console-top b{font:600 .9rem var(--f-body)}
.tag{font:500 .68rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:.35rem .5rem;border-radius:999px;background:var(--blue-soft);color:var(--blue-ink);white-space:nowrap}
.tag.live{background:var(--live-soft);color:var(--live);display:inline-flex;gap:.4rem;align-items:center}
.tag.live::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25}}
.flow{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s3);padding:1rem;align-items:center}
.flow-col{display:grid;gap:.5rem;min-width:0}
.flow-col h4{font:500 .68rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.src{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;font-size:.84rem;min-width:0}
.src span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.src i{font:500 .72rem var(--f-mono);font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.src.field{border-style:dashed}
.arrow{color:var(--blue);display:grid;place-items:center}
.arrow svg{width:28px;height:28px}
.crm{border:1px solid #2A4A8F;border-radius:10px;padding:.8rem;display:grid;gap:.55rem;background:var(--blue-soft)}
.crm strong{font:700 1.9rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.crm small{font-size:.78rem;color:var(--muted)}
.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.bar>div{height:100%;background:var(--blue);border-radius:3px}
.feed{border-top:1px solid var(--line);padding:.75rem 1rem 1rem;display:grid;gap:.4rem}
.feed h4{font:500 .68rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.feed-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;font-size:.84rem}
.feed-row time{font:500 .72rem var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}
.feed-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-row em{font-style:normal;font:500 .68rem var(--f-mono);color:var(--live)}
.console-note{font:500 .68rem var(--f-mono);color:var(--muted);padding:0 1rem .8rem}
@media (max-width:520px){.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}}

/* Channel strip */
.strip{padding-block:var(--s6);border-bottom:1px solid var(--line);background:var(--surface)}
.strip-in{display:grid;gap:var(--s4)}
.strip-label{font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);align-items:center;list-style:none;margin:0;padding:0}
.chips li{font:600 1.05rem var(--f-display);color:var(--muted);letter-spacing:-.01em}
.partner-chip{display:inline-flex;align-items:center;gap:.6rem;background:#FFFFFF;border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem}
.partner-chip img{height:22px;width:auto}
.partner-chip small{font:500 .65rem var(--f-mono);color:#4A5878;letter-spacing:.06em;text-transform:uppercase}
@media (min-width:900px){.strip-in{grid-template-columns:auto 1fr;align-items:center;gap:var(--s6)}}

/* Photos */
.photo-band{position:relative;isolation:isolate;min-height:clamp(260px,34vw,440px);display:grid;align-items:end;border-bottom:1px solid var(--line);overflow:hidden}
.photo-band img,.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.8) contrast(1.05)}
.photo-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,10,20,.92) 0%,rgba(6,10,20,.55) 45%,rgba(6,10,20,.15) 100%),linear-gradient(0deg,rgba(6,10,20,.85),transparent 55%),rgba(15,27,54,.25)}
.photo-band .wrap{padding-block:var(--s7);display:grid;gap:var(--s3);width:100%}
.photo-band h2{max-width:18ch;color:#FFFFFF}
.photo-band p{color:#C9D3E6;max-width:48ch}
.ph{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;border:1px solid var(--line);aspect-ratio:8/3;max-width:100%;margin:0;grid-column:1/-1}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,20,.55),rgba(6,10,20,.05) 60%),rgba(15,27,54,.22)}
@media (max-width:640px){.ph{aspect-ratio:16/9}}
.credits{font-size:.75rem;color:var(--band-muted);margin-top:var(--s3)}
.credits a{text-decoration:underline}

/* Markets */
.markets{border-bottom:1px solid var(--line)}
.cities{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.cities{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.cities{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
.city{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s5) var(--s4);display:grid;gap:var(--s2);align-content:start;min-width:0}
.city-top{display:flex;justify-content:space-between;align-items:center;color:var(--blue-ink)}
.city-top svg{width:30px;height:30px}
.city .code{font:500 .72rem var(--f-mono);letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:.15rem .4rem}
.city h3{font-size:1.3rem;letter-spacing:-.015em}
.city .role{font-size:.85rem;color:var(--muted)}
.city-any{background:radial-gradient(90% 90% at 100% 100%,rgba(47,107,255,.28),transparent 70%),linear-gradient(135deg,#0F1B36,#0A1226);border-color:#22345C}
.city-any a{font-weight:600;text-decoration:none;color:var(--blue-ink)}
.city-any a:hover{color:var(--ink)}
@media (max-width:759px){.city-any{grid-column:1/-1}}

/* Pain / value props */
.pain{display:grid;gap:var(--s5)}
@media (min-width:860px){.pain{grid-template-columns:repeat(3,1fr)}}
.prop{display:grid;gap:var(--s3);align-content:start;padding-top:var(--s5);border-top:2px solid var(--ink)}
.prop .before{font:500 .75rem var(--f-mono);color:var(--muted);text-decoration:line-through;text-decoration-color:var(--blue)}
.prop p{color:var(--muted)}
.prop ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem;font-size:.95rem}
.prop li{display:flex;gap:.5rem}
.prop li::before{content:"→";color:var(--blue-ink);font-weight:700}

/* Band: how it works */
.band{background:var(--band);color:var(--band-ink)}
.band{border-block:1px solid var(--line);background:radial-gradient(50% 80% at 10% 0%,var(--glow),transparent 70%),var(--band)}
.band .lede{color:var(--band-muted)}
.steps{display:grid;gap:var(--s5);list-style:none;margin:0;padding:0;counter-reset:s}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--s6)}}
.step{counter-increment:s;display:grid;gap:var(--s3);align-content:start;padding:var(--s5);border:1px solid var(--band-line);border-radius:var(--r)}
.step::before{content:"Step " counter(s);font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-ink)}
.step p{color:var(--band-muted)}
.step .out{font:500 .78rem var(--f-mono);color:var(--band-ink);border-top:1px dashed var(--band-line);padding-top:var(--s3)}

/* Feature grid */
.features{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media (min-width:640px){.features{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.features{grid-template-columns:repeat(4,1fr)}}
.feat{background:var(--surface);padding:var(--s5);display:grid;gap:var(--s3);align-content:start}
.feat .ico{width:40px;height:40px;border-radius:8px;background:var(--blue-soft);color:var(--blue-ink);display:grid;place-items:center}
.feat .ico svg{width:22px;height:22px}
.feat h3{font-size:1.12rem;letter-spacing:-.01em}
.feat p{font-size:.95rem;color:var(--muted)}
.feat .kind{font:500 .66rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* Partner + testimonial */
.duo{display:grid;gap:var(--s5)}
@media (min-width:900px){.duo{grid-template-columns:1.3fr 1fr}}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--s6);display:grid;gap:var(--s5);position:relative}
.quote blockquote{margin:0;font:500 clamp(1.2rem,2.3vw,1.5rem)/1.4 var(--f-display);letter-spacing:-.01em}
.quote blockquote::before{content:"“";display:block;font-size:3.5rem;line-height:.6;color:var(--blue);margin-bottom:.4rem}
.quote figcaption{display:flex;gap:var(--s3);align-items:center;font-size:.95rem}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font:600 .9rem var(--f-display);color:var(--muted)}
.placeholder-flag{position:absolute;top:var(--s4);right:var(--s4);font:500 .64rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:#FFF4D6;color:#7A5300;padding:.3rem .5rem;border-radius:4px}
.partner{border:1px solid var(--line);border-radius:14px;padding:var(--s6);display:grid;gap:var(--s4);align-content:start;background:var(--surface-2)}
.partner .partner-logo{height:48px;width:auto;max-width:100%;display:block;justify-self:start;margin-block:.25rem}
.partner p{color:var(--muted)}

/* FAQ */
.faq-grid{display:grid;gap:var(--s7)}
@media (min-width:900px){.faq-grid{grid-template-columns:.8fr 1.2fr}}
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s4);padding:1.15rem 0;font:600 1.08rem/1.35 var(--f-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 1.4rem/1 var(--f-mono);color:var(--blue-ink);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:1.15rem;max-width:64ch}

/* Closing CTA */
.closer{background:radial-gradient(70% 120% at 100% 100%,rgba(47,107,255,.35),transparent 60%),linear-gradient(135deg,#0F1B36,#0A1226);border:1px solid #22345C;color:var(--ink);border-radius:16px;padding:var(--s7) var(--s5);display:grid;gap:var(--s5);position:relative;overflow:hidden}
@media (min-width:860px){.closer{grid-template-columns:1.4fr auto;align-items:center;padding:var(--s8) var(--s7)}}
.closer::after{content:"";position:absolute;right:-60px;bottom:-80px;width:280px;height:280px;background:
  repeating-linear-gradient(-36deg,rgba(157,184,255,.10) 0 14px,transparent 14px 28px);border-radius:50%;pointer-events:none}
.closer p{color:var(--muted);max-width:56ch}
.closer .btn-light{background:var(--btn-bg);color:var(--btn-ink)}
.closer .btn-outline{border-color:rgba(255,255,255,.55);color:#FFFFFF;background:transparent}
.closer .cta-row{position:relative;z-index:1}
.closer-meta{font:500 .8rem var(--f-mono);color:var(--blue-ink)}

/* Page heads */
.page-head{padding-block:var(--s8) var(--s7);border-bottom:1px solid var(--line);background:var(--surface)}
.page-head .wrap{display:grid;gap:var(--s4)}

/* Services page */
.svc-nav{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.svc-nav a{font:600 .9rem var(--f-body);text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;background:var(--bg)}
.svc-nav a:hover{border-color:var(--blue)}
.pillar{display:grid;gap:var(--s6);padding-block:var(--s8);border-bottom:1px solid var(--line);scroll-margin-top:90px}
@media (min-width:960px){.pillar{grid-template-columns:.85fr 1.15fr}}
.pillar-head{display:grid;gap:var(--s3);align-content:start}
@media (min-width:960px){.pillar-head{position:sticky;top:100px}}
.pillar-head p{color:var(--muted)}
.pillar-head .who{font-size:.95rem;border-left:2px solid var(--blue);padding-left:var(--s4);color:var(--ink)}
.svc-list{display:grid;gap:var(--s4);list-style:none;margin:0;padding:0}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);display:grid;gap:var(--s2)}
.svc h3{font-size:1.15rem;letter-spacing:-.01em}
.svc p{color:var(--muted);font-size:.98rem}
.svc .result{font:500 .78rem/1.45 var(--f-mono);color:var(--blue-ink);margin-top:var(--s2)}

/* About */
.about-grid{display:grid;gap:var(--s7)}
@media (min-width:900px){.about-grid{grid-template-columns:1.2fr .8fr}}
.prose{display:grid;gap:var(--s4);max-width:65ch}
.prose p{color:var(--muted)}
.prose p strong{color:var(--ink)}
.facts{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--s5);display:grid;gap:0;align-content:start}
.facts div{display:grid;grid-template-columns:8.5rem 1fr;gap:var(--s3);padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
.facts div:last-child{border-bottom:0}
.facts dt{font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.2rem}
.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.principles{display:grid;gap:var(--s5)}
@media (min-width:760px){.principles{grid-template-columns:repeat(2,1fr)}}
.principle{padding:var(--s5);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;gap:var(--s2)}
.principle p{color:var(--muted)}

/* Contact */
.contact-grid{display:grid;gap:var(--s7)}
@media (min-width:960px){.contact-grid{grid-template-columns:1.25fr .75fr;align-items:start}}
.form{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--s5);display:grid;gap:var(--s5);box-shadow:var(--shadow)}
@media (min-width:640px){.form{padding:var(--s6)}}
.row2{display:grid;gap:var(--s4)}
@media (min-width:640px){.row2{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:.4rem;min-width:0}
.field label,.field legend{font-weight:600;font-size:.95rem}
.field .hint{font-size:.84rem;color:var(--muted)}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;font:400 1rem var(--f-body);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:.8rem .9rem;min-height:48px}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
fieldset{border:0;margin:0;padding:0;display:grid;gap:.6rem;min-width:0}
.checks{display:grid;gap:.5rem}
@media (min-width:560px){.checks{grid-template-columns:1fr 1fr}}
.check{display:flex;gap:.6rem;align-items:center;border:1.5px solid var(--line);border-radius:8px;padding:.7rem .8rem;cursor:pointer;font-size:.95rem;background:var(--bg)}
.check:has(input:checked){border-color:var(--blue-ink);background:var(--blue-soft)}
.check input{width:18px;height:18px;accent-color:var(--blue)}
.err{color:#FF8A80;font-size:.85rem}
.form-foot{display:grid;gap:var(--s3)}
.form-foot small{color:var(--muted);font-size:.85rem}
.success{border:1.5px solid var(--live);background:var(--live-soft);border-radius:10px;padding:var(--s5);display:grid;gap:var(--s2)}
.side{display:grid;gap:var(--s5)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--s5);display:grid;gap:var(--s4)}
.contact-line{display:grid;gap:.25rem}
.contact-line dt{font:500 .7rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.contact-line dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font:600 1.1rem var(--f-body)}
.contact-line dd a{color:var(--ink);text-decoration:none;user-select:all}
.copy{font:500 .72rem var(--f-mono);border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:6px;padding:.3rem .55rem;cursor:pointer}
.copy:hover{border-color:var(--blue);color:var(--ink)}
.next{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4);counter-reset:n}
.next li{counter-increment:n;display:grid;grid-template-columns:2rem 1fr;gap:var(--s3);font-size:.95rem;color:var(--muted)}
.next li::before{content:counter(n);width:2rem;height:2rem;border-radius:50%;background:var(--blue-soft);color:var(--blue-ink);display:grid;place-items:center;font:600 .85rem var(--f-mono)}
.next li b{color:var(--ink);display:block}

/* Impulzo embeds */
.embed-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--s3);box-shadow:var(--shadow);min-width:0;display:grid;gap:var(--s3)}
.embed-card iframe{display:block;width:100%;border-radius:10px;background:transparent}
.embed-form iframe{min-height:915px}
.embed-cal iframe{min-height:860px}
.embed-fallback{font-size:.85rem;color:var(--muted);text-align:center;padding-bottom:var(--s2)}
.book-cta p{color:var(--muted);font-size:.95rem}
.book-cta .btn{justify-self:start}

/* Footer */
.foot{background:#03060D;border-top:1px solid var(--line);color:var(--band-muted);padding-block:var(--s8) var(--s6);margin-top:var(--s8)}
.foot-grid{display:grid;gap:var(--s6)}
@media (min-width:860px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.foot .brand{color:#FFFFFF}
.foot h4{font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF;margin-bottom:var(--s3)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.foot a{color:var(--band-muted);text-decoration:none}
.foot a:hover{color:#FFFFFF}
.foot p{max-width:38ch;font-size:.95rem}
.foot-bottom{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--band-line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);font-size:.85rem}



/* ---------- Multi-page additions ---------- */
.plat-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.95rem}
@media (min-width:560px){.plat-list{grid-template-columns:1fr 1fr}}
.plat-list li{display:flex;gap:.5rem;align-items:flex-start}
.plat-list li::before{content:"";flex:none;width:18px;height:18px;margin-top:.15rem;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239DB8FF' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.quote blockquote{font-size:clamp(1.1rem,1.9vw,1.3rem)}

.foot ul.social{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.social a{width:40px;height:40px;border-radius:10px;border:1px solid var(--band-line);display:grid;place-items:center;color:#FFFFFF;transition:background .15s,border-color .15s}
.social a:hover{background:var(--blue);border-color:var(--blue)}
.social svg{width:19px;height:19px}
.foot .handle{font:500 .8rem var(--f-mono);color:var(--band-muted)}

.foot ul{gap:.35rem;font-size:.95rem}
.city{position:relative;transition:border-color .15s}
.city h3 a{color:inherit;text-decoration:none}
.city h3 a::after{content:"";position:absolute;inset:0}
.city:has(h3 a):hover{border-color:var(--blue-ink)}
.city:has(h3 a):hover h3{color:var(--blue-ink)}
.nearby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);list-style:none;margin:0;padding:0;text-align:center}
.nearby-wrap{display:grid;gap:var(--s4);justify-items:center;text-align:center;width:100%}
.nearby-wrap .nearby{width:100%}
.nation{text-align:center;color:var(--muted);font-size:1rem}
.nation b{color:var(--ink)}
@media (max-width:480px){.nearby li{font-size:.82rem;padding:.45rem .4rem}}
.nearby li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem .6rem;font-size:.92rem;font-weight:600;display:grid;place-items:center;min-width:0}
.other-cities{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:.95rem;color:var(--muted)}
.other-cities a{color:var(--blue-ink);font-weight:600;text-decoration:none}

.dd-row{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;align-items:start;border-bottom:1px solid var(--line);padding-block:.2rem}
.dd-row:last-of-type{border-bottom:0}
.dd-subs{display:grid;gap:2px;align-content:start;padding-top:.25rem}
.nav .dd-subs a{display:block;padding:.45rem .75rem;font-size:.88rem;font-weight:600;color:var(--blue-ink)}
.ov-grid{display:grid;gap:var(--s6);margin-top:var(--s7)}
@media (min-width:900px){.ov-grid{grid-template-columns:.8fr 1.2fr;align-items:start}}
.kind-tag{justify-self:start;font:500 .66rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-ink);background:var(--blue-soft);border-radius:999px;padding:.3rem .55rem}
.sub-links{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}

.dd{position:relative;display:flex;align-items:center;gap:.15rem}
.dd-btn{background:none;border:0;color:var(--muted);cursor:pointer;padding:.35rem;border-radius:6px;display:grid;place-items:center}
.dd-btn svg{width:14px;height:14px;transition:transform .2s}
.dd:hover .dd-btn svg,.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;left:-1rem;width:min(640px,90vw);padding:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:none;z-index:70}
.dd::after{content:"";position:absolute;top:100%;left:0;right:0;height:14px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{display:grid;gap:2px;margin-top:10px}
.nav .dd-menu a{display:grid;gap:.1rem;padding:.6rem .75rem;border-radius:8px;border:0;color:var(--ink);font-size:.95rem}
.nav .dd-menu a small{font-weight:400;color:var(--muted);font-size:.8rem}
.nav .dd-menu a:hover,.nav .dd-menu a[aria-current="page"]{background:var(--surface-2);border:0}
.nav .dd-menu a.sub{margin-left:1rem;border-left:2px solid var(--line);border-radius:0 8px 8px 0}
.nav .dd-menu .dd-all{border-top:1px solid var(--line);margin-top:.3rem;padding-top:.7rem;color:var(--blue-ink)}
.mobile-nav a.sub{padding-left:1rem;font-weight:500;color:var(--muted)}
.mobile-nav a.sub2{padding-left:2rem;font-weight:500;color:var(--muted)}
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font:500 .78rem var(--f-mono);color:var(--muted);list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:.4rem;color:var(--line)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.page-head .cta-row{margin-top:var(--s3)}
.page-hero-ph{margin-top:var(--s7)}
.for-grid{display:grid;gap:var(--s6);margin-top:var(--s7)}
@media (min-width:900px){.for-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.checklist li{display:grid;grid-template-columns:24px 1fr;gap:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--muted)}
.checklist li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239DB8FF' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.detail-list{display:grid;gap:var(--s4)}
@media (min-width:860px){.detail-list{grid-template-columns:1fr 1fr}}
.detail{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--s5);display:grid;gap:var(--s3);align-content:start}
.detail h3{font-size:1.3rem;letter-spacing:-.015em}
.detail p{color:var(--muted)}
.detail ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;font-size:.95rem}
.detail li{display:flex;gap:.55rem}
.detail li::before{content:"→";color:var(--blue-ink);font-weight:700}
.detail .result{font:500 .78rem/1.45 var(--f-mono);color:var(--blue-ink);border-top:1px dashed var(--line);padding-top:var(--s3)}
.detail h3 a{color:inherit;text-decoration:none}.detail h3 a:hover{color:var(--blue-ink)}
.related{display:grid;gap:var(--s4)}
@media (min-width:760px){.related{grid-template-columns:repeat(2,1fr)}}
.rel{display:grid;gap:var(--s2);padding:var(--s5);border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.rel:hover{border-color:var(--blue-ink);transform:translateY(-2px)}
.rel span{font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rel b{font:650 1.25rem var(--f-display);letter-spacing:-.015em}
.rel p{color:var(--muted);font-size:.95rem}
.rel em{font-style:normal;color:var(--blue-ink);font-weight:600;font-size:.95rem}
.explore{font-weight:600;text-decoration:none;color:var(--blue-ink)}
.explore:hover{color:var(--ink)}
.feat{position:relative}
.feat h3 a{color:inherit;text-decoration:none}
.feat h3 a::after{content:"";position:absolute;inset:0}
.feat:hover h3{color:var(--blue-ink)}
.methods{display:grid;gap:var(--s5)}
@media (min-width:900px){.methods{grid-template-columns:repeat(3,1fr)}}
.method{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;align-content:start}
.method .mph{position:relative;aspect-ratio:3/2;overflow:hidden;margin:0}
.method .mph img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.method .mph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,20,.45),transparent 55%),rgba(15,27,54,.18)}
.method .mbody{padding:var(--s5);display:grid;gap:var(--s3)}
.method h3{font-size:1.4rem;letter-spacing:-.015em}
.method p{color:var(--muted)}
.method ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;font-size:.95rem}
.method li{display:flex;gap:.55rem}
.method li::before{content:"→";color:var(--blue-ink);font-weight:700}
.method .tag{justify-self:start}
.note{font-size:.88rem;color:var(--muted);border-left:2px solid var(--blue-ink);padding-left:var(--s4);max-width:70ch}
.industries{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0}
.industries li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem .9rem;font-weight:600;font-size:.92rem}

.cities-more{display:grid;justify-items:center;gap:var(--s2);margin-top:var(--s6);text-align:center}
.cities-more p{font:650 1.15rem var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.foot-cities{line-height:1.7}