/*
Theme Name: ITS 2026
Description: its.by 2026 — вариант v3 (тёмный, видео на страницах)
Version: 3.0
Text Domain: its2026
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 var(--f);color:var(--tx);background:var(--bg)}a{color:inherit}img{max-width:100%}
.w{max-width:1240px;margin:0 auto;padding:0 24px}
.topbar{font-size:13px;background:var(--tb);color:var(--tbt)}.topbar .w{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.topbar a{text-decoration:none}
.hd{position:sticky;top:0;z-index:9;background:var(--hb);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}.hd .w{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.logo img{height:36px}
.hd nav{display:flex;gap:26px;margin-left:auto}.hd nav a{text-decoration:none;font-weight:600;font-size:15px}.hd nav a:hover{color:var(--ac)}
#mn,.burger{display:none}
.btn{display:inline-block;padding:14px 26px;border-radius:var(--r);background:var(--ac);color:#fff;text-decoration:none;font-weight:700;border:2px solid var(--ac);transition:.2s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--gh);border-color:var(--ghb)}.btn.sm{padding:9px 16px;font-size:14px}
.ctab{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;color:var(--ac);margin:0 0 12px}
h1{font-size:clamp(34px,5vw,60px);line-height:1.1;margin:0 0 20px;font-weight:800}h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 16px}
.lead{font-size:19px;color:var(--mu);max-width:640px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}.st{padding:24px;border-radius:var(--r);background:var(--sb);border:1px solid var(--ln)}.st b{display:block;font-size:40px;line-height:1;color:var(--sn);margin-bottom:8px}.st span{font-size:14px;color:var(--mu)}.stats.in{margin:0 auto 48px}
.sec{padding:88px 0}.sec.alt{background:var(--al)}.sh{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:36px}.sh .eyebrow{width:100%}.sh h2{margin:0}.sh>a{margin-left:auto;font-weight:700;color:var(--ac);text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grp{margin-bottom:56px}
.card{display:flex;flex-direction:column;padding:28px;border-radius:var(--r);background:var(--cb);border:1px solid var(--ln);text-decoration:none;transition:.25s;position:relative}.card:hover{transform:translateY(-4px);border-color:var(--ac);box-shadow:var(--sh)}
.card .num{font-size:13px;font-weight:700;color:var(--ac)}.card h3{font-size:19px;margin:10px 0}.card p{font-size:14.5px;color:var(--mu);margin:0 0 16px;flex:1}.more{font-weight:700;font-size:14px;color:var(--ac)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ac);color:#fff;font-weight:800}.step h3{margin:16px 0 8px}.step p{color:var(--mu);margin:0}
.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:40px}.logos img{background:#fff;border-radius:var(--r);padding:16px;height:96px;width:100%;object-fit:contain;border:1px solid var(--ln)}
.letters{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.letters img{border-radius:var(--r);border:1px solid var(--ln);aspect-ratio:3/4;object-fit:cover;width:100%}
.ph{padding:80px 0 56px;background:var(--phb);border-bottom:1px solid var(--ln)}
.art{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.art article{max-width:780px}.art li{margin:6px 0}.art h2{font-size:28px;margin-top:36px}
.panel{padding:32px;border-radius:var(--r);background:var(--cb);border:1px solid var(--ln);box-shadow:var(--sh)}.panel h3{margin-top:0}.art .panel{position:sticky;top:96px}.panel a{color:var(--ac)}
details{border:1px solid var(--ln);border-radius:var(--r);padding:16px 20px;margin:10px 0;background:var(--cb)}summary{cursor:pointer;font-weight:700}
.cg{display:grid;grid-template-columns:1fr 1.4fr;gap:32px}.cg iframe{width:100%;min-height:440px;border:0;border-radius:var(--r)}
.cta{padding:64px 0;background:var(--ctb);color:#fff}.cta .w{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cta h2{margin:0 0 8px}.cta p{margin:0;opacity:.85}.cta .ctab{margin:0}.cta .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.ft{background:var(--fb);color:var(--ftt);padding:56px 0 24px;font-size:14px}.ft .w{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.ft nav,.ft .w>div:last-child{display:flex;flex-direction:column;gap:6px}.ft a{text-decoration:none}.ft .cp{display:block;margin-top:32px;opacity:.6}
@media(max-width:1000px){.grid,.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.art,.cg{grid-template-columns:1fr}.logos{grid-template-columns:repeat(3,1fr)}
.burger{display:block;margin-left:auto;font-size:28px;cursor:pointer}.hd nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;padding:20px 24px;background:var(--bg);border-bottom:1px solid var(--ln)}#mn:checked~nav{display:flex}.hd .btn.sm{display:none}}
@media(max-width:600px){.grid,.steps,.ft .w{grid-template-columns:1fr}.logos,.letters{grid-template-columns:repeat(2,1fr)}.topbar span:first-child{display:none}.sec{padding:56px 0}.st b{font-size:30px}.st{padding:16px}.stats{gap:12px}.logo span{display:none}}
:root{--f:'Manrope',sans-serif;--tx:#e8ecf5;--bg:#0b0f1a;--mu:#9aa3b8;--ac:#ff6e20;--r:16px;--ln:rgba(255,255,255,.09);--tb:#06080f;--tbt:#9aa3b8;--hb:rgba(11,15,26,.8);--gh:#fff;--ghb:rgba(255,255,255,.3);--sb:rgba(255,255,255,.04);--sn:#fff;--al:#0f1424;--cb:rgba(255,255,255,.03);--sh:0 20px 50px rgba(0,0,0,.4);--phb:radial-gradient(ellipse at 20% 0,#1d2a52 0,#0b0f1a 60%);--ctb:linear-gradient(110deg,#ff6e20,#e0336e);--fb:#06080f;--ftt:#9aa3b8}
h1,h2{background:linear-gradient(90deg,#fff 30%,#8fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cta h2{background:none;color:#fff}
h1 em{font-family:'IBM Plex Serif',serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#ff6e20,#fdbf09);-webkit-background-clip:text;background-clip:text}
.hero{position:relative;isolation:isolate;padding:120px 0 64px;overflow:hidden;min-height:88vh}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,26,.2),#0b0f1a);z-index:-1}
.eyebrow{font-family:ui-monospace,monospace;letter-spacing:.05em;text-transform:none}
.st{backdrop-filter:blur(8px)}.card .num{font-family:ui-monospace,monospace;font-size:30px;opacity:.5;color:var(--tx)}.card:hover .num{color:var(--ac);opacity:1}
.logos img{filter:grayscale(1);opacity:.85}.logos img:hover{filter:none;opacity:1}
.step{padding:28px;border:1px solid var(--ln);border-radius:var(--r)}
details[open]{border-color:var(--ac)}
.hero{min-height:58vh;padding:110px 0 64px;isolation:isolate}.home .hero{min-height:88vh}
.hp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;z-index:-2}
.hero video{opacity:.42;z-index:-1;background:transparent}
.hero h1{max-width:900px}

/* compat: content from WP pages (concept markup) inside v3 look */
:root{--m:var(--mu);--a:var(--ac);--a2:var(--ac);--t:var(--tx);--d:#0b0f1a}
main>section:not(.hero):not(.sec):not(.cta){padding:80px 0}
main section.alt{background:var(--al)}main section.dark{background:#070a12}
.two{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.prose{max-width:780px}.prose h2{font-size:28px;margin:36px 0 12px}.prose h2:first-child{margin-top:0}.prose h3{margin:22px 0 8px}.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 16px 22px;padding:0}.prose li{margin:6px 0}.prose a{color:var(--ac)}.prose img{max-width:100%;height:auto}
.prose table{border-collapse:collapse;margin:0 0 16px}.prose td,.prose th{border:1px solid var(--ln);padding:6px 10px}
.side{position:sticky;top:96px;padding:32px;border-radius:var(--r);background:var(--cb);border:1px solid var(--ln);box-shadow:var(--sh)}.side a.btn{margin:10px 0}.side a{color:var(--ac)}.side .st{margin-bottom:14px}
.chk{list-style:none;margin:0 0 16px!important;padding:0}.chk li{padding-left:28px;position:relative}.chk li:before{content:"✓";position:absolute;left:0;color:var(--ac);font-weight:700}
.ic{width:48px;height:48px;border-radius:12px;background:var(--ctb);display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.b1{background:var(--ac);color:#fff}
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rev blockquote{margin:0;background:var(--cb);border:1px solid var(--ln);border-radius:var(--r);padding:24px;font-size:15px}.rev cite{display:block;margin-top:14px;font-style:normal;font-weight:700}.rev cite small{display:block;color:var(--mu);font-weight:400}
.lg{background:#fff!important}.lt span{color:var(--mu)}.qual{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cgrid .card dl dt{color:var(--mu);font-size:13px;margin-top:12px}.cgrid .card dd{margin:0;font-weight:600}
.map{width:100%;height:400px;border:0;border-radius:var(--r);margin-top:30px}.req{font-size:14px;color:var(--mu)}.req td{padding:6px 14px 6px 0;vertical-align:top}
.adv{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.list4{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.ct dl dt{color:var(--mu);font-size:13px;margin-top:18px}.ct dd{margin:0;font-size:18px}.ct a{text-decoration:none}
form.itsform{background:var(--cb);border:1px solid var(--ln);border-radius:var(--r);padding:30px}form.itsform input{width:100%;padding:13px 14px;margin:0 0 14px;border-radius:10px;border:1px solid var(--ln);background:rgba(255,255,255,.06);color:var(--tx);font:inherit}form.itsform small{display:block;margin-top:8px;color:var(--mu)}form.itsform .ok{color:#3ddc84;font-weight:700}form.itsform .er{color:#ff8a80}form.itsform .er a{color:#fff}
.nl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nl .card,.feat.card{padding:0;overflow:hidden}.nl .card .im{height:160px;background:linear-gradient(135deg,#1d2a52,#ff6e20)}.nl .card .b,.feat .b{padding:24px}
.feat{display:grid!important;grid-template-columns:1.2fr 1fr;margin-bottom:28px}.feat .im{min-height:300px}
.nl time,.feat time,.meta{font-family:ui-monospace,monospace;color:var(--ac);font-size:13px}
.pg{display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}.pg a,.pg span{padding:8px 14px;border:1px solid var(--ln);border-radius:8px;text-decoration:none}.pg .on{background:var(--ac);border-color:var(--ac)}
.art .cover{width:100%;height:auto;border-radius:var(--r);margin-bottom:26px}.tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.tags a{font-size:13px;padding:5px 12px;border:1px solid var(--ln);border-radius:20px;text-decoration:none;color:var(--mu)}.tags a:hover{color:var(--ac);border-color:var(--ac)}
.its-cta{background:var(--cb)!important;color:var(--tx)!important;border-left-color:var(--ac)!important}.its-cta a{color:var(--ac)}.its-cta .its-cta-btn{background:var(--ac)!important;color:#fff!important}
.hd nav .dd{position:relative}.hd nav .dd>div{display:none;position:absolute;top:100%;left:-16px;background:var(--bg);border:1px solid var(--ln);padding:12px 16px;border-radius:12px;min-width:280px;flex-direction:column;gap:6px}.hd nav .dd:hover>div{display:flex}
.ph h1{max-width:900px}
@media(max-width:1000px){.two,.ct,.cgrid,.feat,.list4{grid-template-columns:1fr!important}.rev,.nl,.adv{grid-template-columns:1fr 1fr}.side{position:static}.hd nav .dd>div{display:flex;position:static;border:0;padding:4px 0 0 12px}}
@media(max-width:600px){.rev,.nl,.adv{grid-template-columns:1fr}main>section:not(.hero):not(.sec):not(.cta){padding:56px 0}}

.tel-big{margin:8px 0 12px}.tel-big a{font-size:clamp(30px,4vw,44px);font-weight:800;color:var(--ac);text-decoration:none}.tel-extra{margin:0 0 6px;font-size:18px}.tel-extra a{color:var(--tx)}
.its-cta{color:var(--tx)!important}.its-cta a{color:var(--ac)!important}

@media (max-width:767px),(prefers-reduced-motion:reduce){.hero video{display:none}}
/* a11y 2026-10-22: contrast + tap targets */
.btn:not(.ghost){background:#c2410c;border-color:#c2410c}
.ft{color:#a3aab8}
.ft a{display:inline-block;min-height:24px;padding:4px 0;line-height:1.4}
.ft .cp{opacity:.85}
.logo img{width:auto}
/* mega menu 2026-10-22 */
.hd .w{position:relative}.hd nav{align-self:stretch;align-items:center}
.hd nav .dd{align-self:stretch;display:flex;align-items:center}
.hd nav .dd.mega{position:static}
.hd nav .dd.mega>div{left:24px;right:24px;top:100%;min-width:0;display:none;grid-template-columns:repeat(4,1fr);gap:18px 28px;padding:22px 26px;max-height:calc(100vh - 90px);overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.hd nav .dd.mega:hover>div,.hd nav .dd.mega:focus-within>div{display:grid}
.hd nav .mg{display:flex;flex-direction:column;gap:4px}
.hd nav .mg b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ac);margin-bottom:4px}
.hd nav .mg a{font-weight:500;font-size:14px;line-height:1.35;padding:3px 0}
@media(max-width:1000px){.hd nav{max-height:calc(100vh - 72px);overflow:auto;align-items:stretch}.hd nav .dd{display:block}.hd nav .dd.mega>div{display:flex;flex-direction:column;position:static;box-shadow:none;padding:4px 0 0 12px;max-height:none;gap:12px}.hd nav .mg a{padding:6px 0}}