/* Fonts are self-hosted (SIL OFL); unicode-range means a browser fetches only the subsets a page uses. */
@font-face {font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 700;font-stretch:100%;font-display:swap;src:url(fonts/bricolage-600-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 700;font-stretch:100%;font-display:swap;src:url(fonts/bricolage-600-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(fonts/plex-sans-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(fonts/plex-sans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(fonts/plex-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plex-mono-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plex-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plex-mono-500-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plex-mono-600-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plex-mono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plex-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plex-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face {font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plex-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}

/* Layout: dark "control room" — a live agent trace is the hero; sections alternate ink and slate bands on a 1180px grid */
:root{
  --bg:#0A0D14; --bg-alt:#0E131D; --surface:#121927; --line:#1F2838;
  --fg:#E7EBF3; --muted:#8C97AC; --accent:#7EB0FF; --accent-ink:#06101F;
  --warm:#F0B36A; --ok:#5CD6A1;
  --glow:rgba(126,176,255,.14);
  --f-display:"Bricolage Grotesque","IBM Plex Sans",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --r:14px;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#F6F7FA; --bg-alt:#ECEFF5; --surface:#FFFFFF; --line:#D9DFE9;
    --fg:#0D1220; --muted:#55607A; --accent:#2155D3; --accent-ink:#FFFFFF;
    --warm:#A85A0C; --ok:#0F8558; --glow:rgba(33,85,211,.10);
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#F6F7FA; --bg-alt:#ECEFF5; --surface:#FFFFFF; --line:#D9DFE9;
  --fg:#0D1220; --muted:#55607A; --accent:#2155D3; --accent-ink:#FFFFFF;
  --warm:#A85A0C; --ok:#0F8558; --glow:rgba(33,85,211,.10);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.015em}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;top:8px;inset-inline-start:16px;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:8px;z-index:100;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible}

.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
.eyebrow,.label{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;padding:13px 22px;border-radius:999px;border:1px solid var(--accent);transition:transform .15s ease,box-shadow .2s ease;font-size:15.5px}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px var(--glow)}
.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--accent)}
.btn-sm{padding:9px 16px;font-size:14px}
.link{color:var(--accent);text-decoration:none;font-weight:500}
.link:hover{text-decoration:underline}

/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:24px;height:66px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:19px}
.mark{width:36px;height:36px;border-radius:9px;flex:none;display:block}
.nav nav{margin-inline-start:auto}
.nav-links{display:flex;gap:26px;font-size:15px}
.nav-links a{text-decoration:none;color:var(--muted)}
.nav-links a:hover{color:var(--fg)}
@media (max-width:1023px){.nav nav{display:none}.nav .btn-sm{margin-inline-start:auto}}

/* Hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(56px,9vw,112px) clamp(48px,7vw,88px);border-bottom:1px solid var(--line)}
#lattice{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 75% 40%,var(--glow),transparent 70%);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,64px);align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(38px,5.6vw,68px);font-weight:700;margin-block:18px 22px}
.hero h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:clamp(17px,1.6vw,19.5px);color:var(--muted);max-width:56ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px;border-top:1px solid var(--line);padding-top:22px}
.facts dt{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.facts dd{font-family:var(--f-display);font-size:clamp(26px,3vw,34px);font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:560px){.facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}

/* Console */
.console{margin:0;min-width:0;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 30px 80px -30px rgba(0,0,0,.55),0 0 0 1px var(--glow);font-family:var(--f-mono);font-size:13px;overflow:hidden}
.console-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.console-title{color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.08em}
.chip.ok{color:var(--ok)}
.trace{padding:14px 16px;display:grid;gap:9px}
.trace li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:baseline;color:var(--fg);line-height:1.45}
.trace .t{color:var(--muted);font-variant-numeric:tabular-nums}
.trace .ag{color:var(--accent);min-width:7ch}
.trace li.human .ag{color:var(--warm)}
.trace li.human{border-top:1px dashed var(--line);padding-top:9px}
.trace li.human::after{content:"";grid-column:3;width:8px;height:14px;background:var(--warm);animation:blink 1.1s steps(1) infinite;margin-top:4px}
@keyframes blink{50%{opacity:0}}
.console-foot{display:flex;flex-wrap:wrap;gap:6px 18px;padding:11px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.console-foot b{color:var(--fg);font-weight:500}.console-foot .warm{color:var(--warm)}
@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.trace li{grid-template-columns:auto minmax(0,1fr)}.trace .t{display:none}}

/* Trust */
.trust{padding-block:36px;border-bottom:1px solid var(--line)}
.logos{display:flex;flex-wrap:wrap;gap:10px 30px;margin-block:14px 18px;font-family:var(--f-display);font-weight:600;font-size:clamp(16px,1.6vw,19px);color:var(--muted)}
.regions{font-size:14.5px;color:var(--muted)}
.regions strong{color:var(--fg);font-weight:500}
.regions a{color:var(--accent)}

/* Sections */
.section{padding-block:clamp(64px,9vw,112px)}
.section-alt{background:var(--bg-alt);border-block:1px solid var(--line)}
.sec-head{max-width:760px;margin-bottom:clamp(32px,5vw,52px);display:grid;gap:14px}
.sec-head h2,.about h2,.contact h2{font-size:clamp(30px,4vw,46px);font-weight:700}
.sec-sub{color:var(--muted);font-size:18px;max-width:62ch}

/* Services */
.svc-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.svc{min-width:0}
.svc h3{font-size:20px;margin-bottom:8px}
.svc p{color:var(--muted)}
.svc-lg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,36px);display:grid;gap:12px;align-content:start}
.svc-lg h3{font-size:clamp(23px,2.4vw,28px);margin:0}
.svc-tag{font-family:var(--f-mono);font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pills li{font-family:var(--f-mono);font-size:12.5px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--fg)}
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.svc-grid .svc p{font-size:15.5px}
@media (max-width:900px){.svc-primary{grid-template-columns:minmax(0,1fr)}.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.svc-grid{grid-template-columns:minmax(0,1fr)}}

/* Pipeline */
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative;counter-reset:s}
.pipeline li{position:relative;padding:22px 20px 22px 0;min-width:0}
.pipeline li::before{content:"";position:absolute;top:39px;left:38px;right:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--line))}
.pipeline li:last-child::before{display:none}
.step{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent);font-family:var(--f-mono);font-size:14px;color:var(--accent);background:var(--bg-alt);position:relative;z-index:1;margin-bottom:16px}
.pipeline li:nth-child(3) .step{border-color:var(--warm);color:var(--warm)}
.pipeline h3{font-size:19px;margin-bottom:6px}
.pipeline p{color:var(--muted);font-size:15px}
@media (max-width:900px){
  .pipeline{grid-template-columns:minmax(0,1fr)}
  .pipeline li{padding:0 0 26px 54px}
  .pipeline li::before{top:36px;bottom:0;left:17px;right:auto;width:1px;height:auto;background:var(--line)}
  .step{position:absolute;left:0;top:0;margin:0}
}

/* OSS */
.oss{margin-top:56px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:36px;padding-top:40px;border-top:1px solid var(--line)}
.oss-head{display:grid;gap:10px;align-content:start}
.oss-head h3{font-size:24px}
.oss-head p{color:var(--muted)}
.oss-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oss-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--surface);transition:border-color .2s}
.oss-list a:hover{border-color:var(--accent)}
.oss-list b{font-family:var(--f-mono);font-weight:500;font-size:14.5px;color:var(--fg)}
.oss-list em{font-style:normal;font-family:var(--f-mono);font-size:11.5px;color:var(--muted);grid-row:1;grid-column:2}
.oss-list span{grid-column:1/-1;color:var(--muted);font-size:14.5px;line-height:1.5}
@media (max-width:900px){.oss{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.oss-list{grid-template-columns:minmax(0,1fr)}}

/* Work */
.case-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,.8fr);gap:32px;padding:clamp(24px,3.5vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.case-client{font-family:var(--f-mono);font-size:12.5px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
.case-tenure{color:var(--muted);margin-top:8px;font-size:15px}
.case-body{min-width:0}
.case-body h3{font-size:clamp(21px,2.2vw,26px);margin-bottom:18px}
.case-rows{display:grid;gap:12px}
.case-rows div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px}
.case-rows dt{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:3px}
.case-rows dd{color:var(--fg);font-size:15.5px}
.case-result{border-inline-start:1px solid var(--line);padding-inline-start:28px;display:grid;align-content:center;gap:2px}
.case-result .big{font-family:var(--f-display);font-size:clamp(40px,4.5vw,56px);font-weight:700;color:var(--warm);line-height:1;font-variant-numeric:tabular-nums}
.case-result .big+p{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}
.cases li{display:grid;gap:10px;align-content:start;min-width:0}
.cases h3{font-size:19px}
.cases p{color:var(--muted);font-size:15px}
.cases .tags{font-family:var(--f-mono);font-size:12px;color:var(--fg)}
@media (max-width:1000px){.case-feature{grid-template-columns:minmax(0,1fr)}.case-result{border-inline-start:0;border-top:1px solid var(--line);padding:20px 0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px}.case-result .big+p{margin:0}.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cases{grid-template-columns:minmax(0,1fr)}.case-rows div{grid-template-columns:minmax(0,1fr);gap:2px}}

/* Kickoff */
.days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.days li{padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;gap:10px}
.day{font-family:var(--f-mono);color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.day b{font-family:var(--f-display);font-size:44px;color:var(--accent);letter-spacing:0;margin-inline-start:6px;vertical-align:-6px}
.days h3{font-size:22px}
.days p:last-child{color:var(--muted)}
@media (max-width:700px){.days{grid-template-columns:minmax(0,1fr)}}

/* Quotes */
.quotes{columns:3 300px;column-gap:20px}
.quotes li{break-inside:avoid;margin-bottom:20px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;gap:16px}
.quotes blockquote{margin:0;font-size:16.5px;line-height:1.55}
.who{font-size:14px;color:var(--muted);display:grid;gap:2px}
.who b{color:var(--fg);font-weight:600}
.who a{color:var(--accent)}

/* Pricing */
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.price{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,30px)}
.price-hi{grid-row:span 2;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.price h3{font-size:21px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.price h3 span{font-family:var(--f-mono);font-size:11.5px;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.price dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;border-top:1px solid var(--line)}
.price dt{font-size:15.5px;min-width:0}
.price dt small{display:block;color:var(--muted);font-size:13px}
.price dd{font-family:var(--f-mono);font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.price dd::before{content:var(--from,"from ");color:var(--muted);font-size:12px}
.price dd i{font-style:normal;color:var(--muted);font-size:12.5px}
.note{color:var(--muted);font-size:14px;margin-top:22px}
@media (max-width:820px){.price-grid{grid-template-columns:minmax(0,1fr)}.price-hi{grid-row:auto}}

/* About */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.about>div{display:grid;gap:16px}
.about>div p:not(.eyebrow){color:var(--muted);max-width:60ch}
.kv{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.kv div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 20px;border-top:1px solid var(--line)}
.kv div:first-child{border-top:0}
.kv dt{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:3px}
.kv dd{font-size:15.5px}
@media (max-width:860px){.about{grid-template-columns:minmax(0,1fr)}}
@media (max-width:460px){.kv div{grid-template-columns:minmax(0,1fr);gap:2px}}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:40px}
.faq details{border-top:1px solid var(--line);padding-block:4px}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding-block:16px;font-weight:600;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-weight:400;font-family:var(--f-mono);color:var(--accent);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"\00D7"}
.faq details p{color:var(--muted);padding-bottom:18px;max-width:64ch}
@media (max-width:860px){.faq-wrap{grid-template-columns:minmax(0,1fr);gap:0}}

/* Contact */
.contact{background:radial-gradient(70% 90% at 15% 0%,var(--glow),transparent 70%)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:start}
.contact-grid>div{display:grid;gap:16px}
.addr{font-style:normal;display:grid;gap:4px;padding:26px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.addr .label{margin-top:12px}.addr .label:first-child{margin-top:0}
.sel{user-select:all;font-family:var(--f-mono);font-size:15px}
@media (max-width:800px){.contact-grid{grid-template-columns:minmax(0,1fr)}}

/* Footer */
.foot{border-top:1px solid var(--line);padding-block:56px 28px;background:var(--bg-alt)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.foot-desc{color:var(--muted);font-size:15px;margin-top:14px;max-width:36ch}
.foot ul{display:grid;gap:8px;margin-top:12px}
.foot ul a{text-decoration:none;color:var(--muted);font-size:15px}
.foot ul a:hover{color:var(--fg)}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
@media (max-width:800px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid>div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
.brand{white-space:nowrap}
.trace li.human::after{display:none}
.trace li.human .ag{animation:blink 1.1s steps(1) infinite}
@media (max-width:520px){.nav .btn-sm{display:none}.nav-in{gap:12px}}

/* ---- Multi-page additions ---- */
.nav-links{align-items:center}
.nav-links a[aria-current="page"]{color:var(--fg)}
.dd{position:static}
.dd>summary{list-style:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;gap:6px}
.dd>summary::-webkit-details-marker{display:none}
.dd>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.dd>summary:hover,.dd[open]>summary{color:var(--fg)}
.mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 60px -20px rgba(0,0,0,.5)}
.mega p{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.mega ul{display:grid;gap:7px}
.mega a{text-decoration:none;color:var(--muted);font-size:14.5px}
.mega a:hover{color:var(--fg)}
.burger{display:none;margin-inline-start:auto}
.burger>summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.burger>summary::-webkit-details-marker{display:none}
.burger-panel{position:absolute;left:0;right:0;top:66px;max-height:calc(100vh - 66px);overflow:auto;background:var(--bg);border-bottom:1px solid var(--line);padding:20px clamp(16px,4vw,32px) 28px;display:grid;gap:18px}
.burger-panel p{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.burger-panel ul{display:grid;gap:8px}
.burger-panel a{text-decoration:none;color:var(--fg)}
@media (max-width:1023px){.burger{display:block}.nav .btn-sm{margin-inline-start:0}}

.crumbs{font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--fg)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.6}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px}

.phero{position:relative;overflow:hidden;padding-block:clamp(44px,7vw,84px) clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.phero::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 80% at 85% 10%,var(--glow),transparent 70%);pointer-events:none}
.phero .wrap{position:relative;z-index:1}
.phero h1{font-size:clamp(34px,4.8vw,58px);font-weight:700;margin-block:14px 18px;max-width:20ch}
.phero .lede{max-width:62ch}
.pfacts{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.pfacts dt{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pfacts dd{font-family:var(--f-display);font-size:clamp(20px,2.2vw,26px);font-weight:700;font-variant-numeric:tabular-nums}

.deliver{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.deliver li{display:grid;gap:8px;align-content:start;padding-top:18px;border-top:1px solid var(--line);min-width:0}
.deliver h3{font-size:19px}
.deliver p{color:var(--muted);font-size:15.5px}
@media (max-width:900px){.deliver{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.deliver{grid-template-columns:minmax(0,1fr)}}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}

.card-link{display:grid;gap:10px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color .2s;min-width:0}
.card-link:hover{border-color:var(--accent)}
.card-link h3{font-size:21px}
.card-link p{color:var(--muted);font-size:15.5px}
.card-link .more{color:var(--accent);font-weight:500;font-size:15px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cards{grid-template-columns:minmax(0,1fr)}}

.related{display:flex;flex-wrap:wrap;gap:10px}
.related a{padding:9px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:15px}
.related a:hover{border-color:var(--accent);color:var(--accent)}

.band{padding-block:clamp(48px,7vw,80px);background:radial-gradient(70% 120% at 10% 0%,var(--glow),transparent 70%),var(--bg-alt);border-top:1px solid var(--line)}
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.band h2{font-size:clamp(26px,3.4vw,38px);max-width:22ch}

.stats{display:flex;flex-wrap:wrap;gap:16px 48px}
.stats div{display:grid}
.stats b{font-family:var(--f-display);font-size:clamp(34px,4vw,50px);color:var(--warm);line-height:1.05;font-variant-numeric:tabular-nums}
.stats span{color:var(--muted);font-size:14.5px}

.prose{max-width:68ch;display:grid;gap:16px}
.prose h2{font-size:clamp(22px,2.4vw,28px);margin-top:18px}
.prose p,.prose li{color:var(--muted)}
.prose ul{list-style:disc;padding-inline-start:22px;display:grid;gap:6px}
.prose a{color:var(--accent)}

.pull{margin:0;padding:28px;border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--r) var(--r) 0;display:grid;gap:14px}
.pull blockquote{margin:0;font-size:clamp(18px,1.8vw,21px);line-height:1.5}

.form{display:grid;gap:16px;padding:clamp(22px,3vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form label{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.form input,.form select,.form textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 13px;width:100%}
.form textarea{min-height:130px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.form-msg{font-size:14.5px;color:var(--ok)}
@media (max-width:560px){.form .row{grid-template-columns:minmax(0,1fr)}}

.leader{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.avatar{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-family:var(--f-display);font-weight:700;font-size:24px;color:var(--accent)}
.err{text-align:center;padding-block:clamp(80px,14vw,160px)}
.err h1{font-size:clamp(64px,12vw,140px);color:var(--accent)}

/* ---- Language switcher ---- */
.lang{position:relative}
.lang>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;color:var(--muted)}
.lang>summary::-webkit-details-marker{display:none}
.lang>summary:hover,.lang[open]>summary{color:var(--fg);border-color:var(--accent)}
.lang ul{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:170px;display:grid;gap:2px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);z-index:60}
.lang a{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--fg);font-size:14.5px}
.lang a:hover{background:var(--bg-alt)}
.lang a[aria-current="true"]{color:var(--accent)}
.lang a span{font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}
@media (max-width:1023px){.lang{margin-inline-start:auto}.burger{margin-inline-start:0}}

/* ---- Per-language type ---- */
html[lang="ru"]{--f-display:"IBM Plex Sans",system-ui,sans-serif}
html[lang="ar"]{--f-display:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--f-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif}
html[lang="zh-Hans"]{--f-display:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--f-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{letter-spacing:0;line-height:1.3}
html[lang="ar"] body{line-height:1.8}
html[lang="ar"] .eyebrow,html[lang="ar"] .label,html[lang="ar"] .svc-tag,html[lang="ar"] .case-client,html[lang="ar"] .facts dt,html[lang="ar"] .pfacts dt,html[lang="ar"] .kv dt,html[lang="ar"] .case-rows dt,html[lang="ar"] .day,
html[lang="zh-Hans"] .eyebrow,html[lang="zh-Hans"] .label,html[lang="zh-Hans"] .svc-tag,html[lang="zh-Hans"] .case-client,html[lang="zh-Hans"] .facts dt,html[lang="zh-Hans"] .pfacts dt,html[lang="zh-Hans"] .kv dt,html[lang="zh-Hans"] .case-rows dt,html[lang="zh-Hans"] .day{font-family:var(--f-body);letter-spacing:.02em;text-transform:none;font-size:13.5px}
html[lang="de"]{--from:"ab "}
html[lang="fr"]{--from:"dès "}
html[lang="ru"]{--from:"от "}
html[lang="ar"]{--from:"من "}
html[lang="zh-Hans"]{--from:"起价 "}
html[lang="de"] .hero h1,html[lang="ru"] .hero h1{font-size:clamp(34px,5vw,60px);hyphens:auto}

/* ---- Right-to-left (Arabic) ---- */
[dir="rtl"] .console,[dir="rtl"] .sel,[dir="rtl"] .pills,[dir="rtl"] .tags{direction:ltr}
[dir="rtl"] .sel{text-align:right}
[dir="rtl"] .pills{justify-content:flex-end}
[dir="rtl"] .pull{border-left:0;border-right:2px solid var(--accent);border-radius:var(--r) 0 0 var(--r)}
[dir="rtl"] .pipeline li{padding:22px 0 22px 20px}
[dir="rtl"] .pipeline li::before{left:0;right:38px;background:linear-gradient(270deg,var(--accent),var(--line))}
[dir="rtl"] .crumbs li+li::before{content:"\\"}
@media (max-width:900px){
  [dir="rtl"] .pipeline li{padding:0 54px 26px 0}
  [dir="rtl"] .pipeline li::before{left:auto;right:17px;background:var(--line)}
  [dir="rtl"] .step{left:auto;right:0}
}

[dir="rtl"] .brand span{direction:ltr;unicode-bidi:isolate}

/* ---- AI assistant ---- */
.nl-launch{position:fixed;z-index:80;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--surface);color:var(--fg);font:600 15px/1 var(--f-body);cursor:pointer;box-shadow:0 18px 48px -14px rgba(0,0,0,.55),0 0 0 6px var(--glow);transition:transform .15s ease,box-shadow .2s ease}
.nl-launch:hover{transform:translateY(-2px)}
.nl-launch svg{width:22px;height:22px;color:var(--accent);flex:none}
.nl-launch .nl-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}
.nl-launch[aria-expanded="true"]{display:none}
@media (max-width:560px){.nl-launch{padding:13px}.nl-launch .nl-lbl,.nl-launch .nl-dot{display:none}}

.nl-panel{position:fixed;z-index:81;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;width:min(410px,calc(100vw - 32px));height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px -20px rgba(0,0,0,.6),0 0 0 1px var(--glow);overflow:hidden;font-family:var(--f-body)}
.nl-panel[hidden]{display:none!important}
@media (max-width:560px){.nl-panel{inset:auto 0 0 0;width:100%;height:calc(100% - env(safe-area-inset-top,0px) - 12px);border-radius:18px 18px 0 0;border-bottom:0}}
.nl-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.nl-av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent);flex:none}
.nl-av svg{width:20px;height:20px}
.nl-ttl{flex:1;min-width:0}
.nl-ttl b{display:block;font-size:15px}
.nl-ttl span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.nl-ttl span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.nl-ib{width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.nl-ib:hover{color:var(--fg);border-color:var(--line)}
.nl-ib svg{width:18px;height:18px}
.nl-log{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}
.nl-msg{max-width:88%;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.nl-msg p{margin:0 0 8px}.nl-msg p:last-child{margin-bottom:0}
.nl-msg ul{margin:4px 0 8px;padding-inline-start:20px;display:grid;gap:4px}
.nl-msg a{color:var(--accent)}
.nl-bot{align-self:flex-start;color:var(--fg)}
.nl-user{align-self:flex-end;background:var(--accent);color:var(--accent-ink);padding:9px 14px;border-radius:16px 16px 4px 16px}
[dir="rtl"] .nl-user{border-radius:16px 16px 16px 4px}
.nl-bot .nl-body{background:var(--surface);border:1px solid var(--line);padding:11px 14px;border-radius:16px 16px 16px 4px}
[dir="rtl"] .nl-bot .nl-body{border-radius:16px 16px 4px 16px}
.nl-cite{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin-inline:1px;border-radius:5px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font:600 11px/1 var(--f-mono);text-decoration:none;vertical-align:2px}
.nl-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12.5px;color:var(--muted);align-items:center}
.nl-src a{padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--fg);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nl-src a:hover{border-color:var(--accent);color:var(--accent)}
.nl-typing{display:inline-flex;gap:4px;padding:4px 0}
.nl-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:nlb 1.2s infinite}
.nl-typing i:nth-child(2){animation-delay:.15s}.nl-typing i:nth-child(3){animation-delay:.3s}
@keyframes nlb{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.nl-sug{display:flex;flex-wrap:wrap;gap:8px}
.nl-sug button{font:inherit;font-size:14px;text-align:start;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:none;color:var(--fg);cursor:pointer}
.nl-sug button:hover{border-color:var(--accent);color:var(--accent)}
.nl-form{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid var(--line);background:var(--surface)}
.nl-form textarea{flex:1;min-width:0;resize:none;max-height:120px;min-height:44px;font:inherit;font-size:15px;line-height:1.4;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 12px}
.nl-form textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
.nl-send{width:44px;height:44px;flex:none;border-radius:12px;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer}
.nl-send:disabled{opacity:.45;cursor:default}
.nl-send svg{width:18px;height:18px}
[dir="rtl"] .nl-send svg{transform:scaleX(-1)}
.nl-note{padding:0 14px 10px;background:var(--surface);font-size:11.5px;color:var(--muted)}
.nl-note a{color:var(--accent)}
@media (prefers-reduced-motion:reduce){.nl-typing i{animation:none;opacity:.6}}
.nl-chip{font-size:13.5px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);text-decoration:none;font-weight:500}
.nl-chip:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)}
.nl-form textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- Contact form fallback ---- */
.form-alt{display:flex;flex-wrap:wrap;gap:10px}
.form-alt[hidden]{display:none}
button.btn{font-family:inherit;cursor:pointer}

/* ---- Responsive hardening: 320px phones to 4K ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
h1,h2,h3,summary{overflow-wrap:anywhere}
svg,canvas,video,iframe{max-width:100%}
.burger-panel{max-height:calc(100dvh - 66px)}
.nl-panel{height:min(620px,calc(100dvh - 110px))}
.price dd{white-space:normal;text-align:end}
.price dd::before{white-space:nowrap}
@media (max-width:560px){.nl-panel{height:calc(100dvh - env(safe-area-inset-top,0px) - 12px)}}
@media (max-width:380px){
  body{font-size:16px}
  .nav-in{gap:8px}
  .brand{font-size:17px;gap:8px}
  .mark{width:28px;height:28px}
  .hero h1,html[lang="de"] .hero h1,html[lang="ru"] .hero h1{font-size:32px}
  .phero h1{font-size:30px}
  .sec-head h2,.about h2,.contact h2{font-size:27px}
  .btn{padding:12px 18px}
  .cta-row .btn{flex:1 1 100%}
  .days li,.quotes li,.card-link,.addr,.pull{padding:20px}
  .day b{font-size:36px}
  .console{font-size:12px}
  .kv div{padding:12px 16px}
}
/* Short landscape phones: the chat fills the height instead of being squeezed to nothing */
@media (max-height:520px){
  .nl-panel{height:calc(100dvh - 16px);bottom:8px}
  .burger-panel{padding-block:14px 18px}
}
@media (hover:none){.btn:hover,.nl-launch:hover{transform:none}}
@media (min-width:1800px){
  body{font-size:18px}
  .wrap{max-width:1360px}
}
@media (min-width:2400px){
  body{font-size:20px}
  .wrap{max-width:1560px}
  .nav-in{height:76px}
}

/* ---- Print / PDF ---- */
@media print{
  :root,:root[data-theme]{
    --bg:#FFFFFF; --bg-alt:#F6F7FA; --surface:#FFFFFF; --line:#D9DFE9;
    --fg:#0D1220; --muted:#55607A; --accent:#2155D3; --accent-ink:#FFFFFF;
    --warm:#A85A0C; --ok:#0F8558; --glow:transparent;
    color-scheme:light;
  }
  @page{size:A4;margin:12mm}
  body{font-size:14px}
  .nav{position:static;backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav nav,.nav .btn-sm,.lang,.burger,.skip,#lattice,.nl-launch,.nl-panel,.form-alt{display:none!important}
  .hero,.phero{padding-block:24px}
  .hero::after,.phero::after{display:none}
  .section{padding-block:28px}
  .band,.foot{padding-block:24px}
  *,*::before,*::after{box-shadow:none!important;animation:none!important;transition:none!important}
  h1,h2,h3,.sec-head{break-after:avoid}
  article,figure,blockquote,details,.price,.card-link,.svc,.days li,.quotes li,.cases li,.deliver li,.oss-list li,.pipeline li,.kv div,.price dl div,.addr,.pull,.form{break-inside:avoid}
  .faq summary::after{display:none}
  details::details-content{content-visibility:visible;display:block}
}

/* Long single words (e.g. Russian footer links) wrap inside narrow columns instead of widening the page */
.foot-grid>*,.deliver li,.cards>*,.cases li,.svc{min-width:0}
.foot-grid,.burger-panel,.mega{overflow-wrap:anywhere}
.foot ul a,.card-link h3,.deliver h3,.svc h3{hyphens:auto}

/* Language names render in system fonts, so an English page never downloads a Cyrillic subset just for "Русский" */
.lang ul a{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}