/* Nodolabs: карточка компании. Нейтральная палитра + один акцент. Радиус: 0 везде (острые углы), кнопка тоже. */
:root{
  --bg:#F2F3F0; --ink:#16181A; --muted:#4A5055; --rule:#C9CDC8;
  --accent:#A8340C; --on-accent:#FFFFFF;
  --font:"Avenir Next","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#121413;--ink:#E9EBE7;--muted:#A4ABA6;--rule:#2C312E;--accent:#FF9166;--on-accent:#1A0D07}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--font);min-block-size:100dvh;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;padding-inline:clamp(1.25rem,5vw,4rem)}
.sprite{position:absolute;inline-size:0;block-size:0}
.anchor{position:absolute;inset-block-start:0}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;inset-inline-start:-999px}
.skip:focus{inset-inline-start:1rem;inset-block-start:1rem;background:var(--ink);color:var(--bg);padding:.5rem .75rem}

/* язык без JavaScript: :target + :has */
[data-l]{display:none}
body:not(:has(#uz:target,#en:target)) [data-l="ru"],
body:has(#uz:target) [data-l="uz"],
body:has(#en:target) [data-l="en"]{display:revert}
body:has(#en:target) div[data-l="en"],body:has(#uz:target) div[data-l="uz"],body:not(:has(#uz:target,#en:target)) div[data-l="ru"]{display:block}
.lang a{text-decoration:none;padding:.25rem .5rem;font-size:.9375rem;letter-spacing:.04em;color:var(--muted)}
body:not(:has(#uz:target,#en:target)) .lang a[hreflang="ru"],
body:has(#uz:target) .lang a[hreflang="uz"],
body:has(#en:target) .lang a[hreflang="en"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.35em}

.top{display:flex;justify-content:space-between;align-items:center;max-inline-size:72rem;inline-size:100%;margin-inline:auto;min-block-size:4rem;border-block-end:1px solid var(--rule)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.mark{inline-size:1.9rem;block-size:1.9rem;color:var(--ink)}
.wordmark{font-weight:600;font-size:1.25rem;letter-spacing:0}
body[data-logo="2"] .wordmark{font-weight:700;letter-spacing:-.01em}
body[data-logo="3"] .wordmark{text-transform:uppercase;letter-spacing:.14em;font-size:1.05rem}

main,.foot{max-inline-size:72rem;inline-size:100%;margin-inline:auto}
.intro{padding-block:clamp(3rem,10vw,7rem) clamp(2.5rem,6vw,4.5rem);display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}
h1{margin:0;font-weight:600;font-size:clamp(2rem,5.2vw,3.5rem);line-height:1.08;letter-spacing:-.02em;max-inline-size:18ch;text-wrap:balance}
.intro-body{display:grid;gap:1.75rem;justify-items:start;max-inline-size:38rem}
.intro-body p{margin:0;font-size:1.1875rem}
.btn{display:inline-block;white-space:nowrap;background:var(--accent);color:var(--on-accent);padding:.8rem 1.5rem;text-decoration:none;font-weight:600;border:0;border-radius:0;
  transition:transform .15s ease}
.btn:hover{color:var(--on-accent);transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}

.block{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:2.25rem 3rem;border-block-start:1px solid var(--rule)}
h2{margin:0;font-size:1rem;font-weight:600;color:var(--ink)}
.body{max-inline-size:40rem}
.body p{margin:0 0 1.1rem}
.body ul{margin:0 0 1.25rem;padding-inline-start:1.1rem}
.body li{margin-block:.35rem}
.site-line{color:var(--muted)}
.rows{margin:0;display:grid;gap:1.1rem;max-inline-size:44rem}
.row{display:grid;grid-template-columns:minmax(0,1fr);gap:.15rem}
dt{color:var(--muted);font-size:.9375rem;display:flex;align-items:center;gap:.5rem}
dd{margin:0;overflow-wrap:anywhere}
.ic{inline-size:1.1rem;block-size:1.1rem;flex:none;color:var(--accent)}
.legal{max-inline-size:56rem}.legal dd{font-variant-numeric:tabular-nums}
.foot{padding-block:2rem 2.5rem;border-block-start:1px solid var(--rule);color:var(--muted);font-size:.9375rem;display:flex;flex-wrap:wrap;gap:.5rem 2.5rem}
.foot p{margin:0}

@media (min-width:48rem){
  .intro{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:end;column-gap:4rem}
  .block{grid-template-columns:12rem minmax(0,1fr);column-gap:3rem;padding-block:2.75rem 3.75rem}
  .block:nth-of-type(3){padding-block-end:2.5rem}
  .row{grid-template-columns:13rem 1fr;gap:1.5rem;align-items:baseline}
  .legal .row{grid-template-columns:14rem 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.btn:hover,.btn:active{transform:none}}