/* GPARTNER AI SERVICES — клиентский сайт. Токены — общие с дизайн-системой офиса (frontend/src/tokens.css). */
:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#eef3fb;--ink:#0d1b3d;--ink-2:#4a5b7e;--line:#dfe6f3;--accent:#1f63f0;--accent-2:#00a6ff;
 --ok:#16a34a;--warn:#d97706;--danger:#dc2626;--r:16px;--shadow:0 1px 2px rgba(16,32,80,.06),0 10px 30px rgba(16,32,80,.07);
 --font:Inter,Rubik,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#060c1f;--surface:#0c1733;--surface-2:#111f45;--ink:#eaf1ff;--ink-2:#9fb0d0;--line:#1c2f5e;--accent:#3b82f6;--shadow:0 10px 30px rgba(0,0,0,.35);color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
[dir=rtl] body,[lang=he] body{font-family:Rubik,Inter,system-ui,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:12px;top:12px;z-index:99;background:var(--surface);padding:8px 12px;border-radius:8px}
:focus-visible{outline:3px solid rgba(31,99,240,.5);outline-offset:2px;border-radius:6px}
h1{font-size:clamp(30px,4.6vw,52px);line-height:1.1;letter-spacing:-.02em;margin:10px 0 14px}
h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;margin:46px 0 16px}
h3{margin:0 0 8px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff!important;font:600 15px var(--font);cursor:pointer;box-shadow:0 8px 22px rgba(31,99,240,.25);transition:transform .12s,box-shadow .12s;text-decoration:none!important}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(31,99,240,.32)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn.ghost{background:var(--surface);color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
/* шапка */
.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:66px}
.brand{display:flex;align-items:center;gap:8px;color:var(--ink)!important;text-decoration:none!important}.brand svg{width:30px;height:30px;color:var(--accent)}
.brand b{font-size:18px;letter-spacing:.5px}.brand span{font-size:10px;letter-spacing:2px;color:var(--ink-2);margin-top:3px}
.top nav{display:flex;gap:2px;flex:1;overflow:auto}.top nav a{padding:8px 10px;border-radius:9px;color:var(--ink-2);font-size:14px;white-space:nowrap}
.top nav a:hover,.top nav a.on{background:var(--surface-2);color:var(--ink);text-decoration:none}
.right{display:flex;align-items:center;gap:10px}.langs{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.langs a{padding:6px 9px;font-size:12px;font-weight:700;color:var(--ink-2)}.langs a.on{background:var(--accent);color:#fff}
.right .btn{padding:9px 14px}
.burger{display:none;background:none;border:0;font-size:22px;color:var(--ink);cursor:pointer}
/* главная */
.hero{padding:70px 0 40px;background:radial-gradient(900px 400px at 85% 0,rgba(31,99,240,.12),transparent 60%),radial-gradient(700px 360px at 0 100%,rgba(0,166,255,.08),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.hero p{font-size:18px;color:var(--ink-2);max-width:620px}.kicker{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.steps,.process{display:grid;gap:10px}.steps div,.process div{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.steps i,.process i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font-weight:800}
.process{grid-template-columns:repeat(5,1fr)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.why p{color:var(--ink-2);margin:6px 0 0;font-size:14px}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.catcard{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.catcard span{background:var(--surface-2);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--ink-2)}.catcard:hover{border-color:var(--accent)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.card{display:flex;flex-direction:column;padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink)!important;text-decoration:none!important;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card p{color:var(--ink-2);font-size:14px;flex:1}.card .cat{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:700}
.card .row{display:flex;justify-content:space-between;align-items:center}.go{color:var(--accent);font-weight:700}[dir=rtl] .go{transform:scaleX(-1)}
.price{font-weight:800;font-size:18px}.price small{font-weight:500;color:var(--ink-2);font-size:12px}.price.req{font-size:14px;color:var(--ink-2);font-weight:600}
.tbl{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}table{width:100%;border-collapse:collapse}td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}tr:last-child td{border-bottom:0}
.note{color:var(--ink-2);font-size:13px}
.faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--ink-2);margin:8px 0 0}
.final{margin-top:60px;padding:56px 0;background:linear-gradient(135deg,#0b1736,#1f3a8a);color:#fff;text-align:center}.final h2{margin-top:0}.final p{color:#c9d6f3}
.page{padding-top:34px}.narrow{max-width:820px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.tabs a{padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);font-size:13px}.tabs a.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.lead{font-size:18px;color:var(--ink-2)}.plain{line-height:2}
/* страница услуги */
.svc-hero{padding:46px 0 10px;background:radial-gradient(800px 360px at 90% 0,rgba(31,99,240,.10),transparent 60%)}
.svc-hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:center}.crumb{font-size:13px;font-weight:600}
.benefit{font-weight:600}.meta{margin-top:12px;color:var(--ink-2);font-size:14px}
.illu .ph{aspect-ratio:1;border-radius:28px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-size:64px;font-weight:800;box-shadow:0 30px 60px rgba(31,99,240,.25)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ticks{list-style:none;padding:0}.ticks li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid var(--line)}
[dir=rtl] .ticks li{padding:8px 28px 8px 0}.ticks li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--ok);font-weight:800}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.gallery figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.gallery figcaption{padding:8px 10px;font-size:12px;color:var(--ink-2)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tier{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}
.tier .tp{font-size:30px;font-weight:800}.tier p{color:var(--ink-2);flex:1}
/* конфигуратор и формы */
.cfg,.reqf{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);max-width:760px}
.cfg h3{margin:18px 0 8px;font-size:15px}.choice{display:flex;flex-wrap:wrap;gap:8px}
.choice label{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;background:var(--bg)}
.choice input{accent-color:var(--accent)}.choice label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.cfg label.f,.reqf label{display:block;font-size:13px;color:var(--ink-2);margin:10px 0 0}
.cfg input[type=text],.cfg input[type=email],.cfg input[type=password],.cfg input[type=tel],.cfg textarea,.cfg select,.reqf input,.reqf textarea{width:100%;margin-top:4px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:15px var(--font)}
.reqf .chk,.cfg .chk{display:flex;gap:8px;align-items:flex-start;color:var(--ink);font-size:13px}.reqf .chk input,.cfg .chk input{width:auto;margin-top:3px}
.sum{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--surface-2)}.sum .tot{font-size:26px;font-weight:800}.sum small{color:var(--ink-2)}
.err{color:var(--danger);font-size:14px;margin-top:8px}.okmsg{color:var(--ok);font-weight:600}.msg{min-height:20px}
.consent{position:fixed;inset-inline:16px;bottom:16px;z-index:80;max-width:560px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.foot{margin-top:60px;padding:30px 0;border-top:1px solid var(--line);color:var(--ink-2);font-size:14px}.foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:980px){.hero .wrap,.svc-hero .wrap,.two{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.cats{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:1fr 1fr}.illu{display:none}
 .top nav{display:none;position:absolute;top:66px;inset-inline:0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);padding:10px}.menu .top nav{display:flex}.burger{display:block}.right .langs{display:none}}
@media (max-width:560px){.grid4,.cats{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}h2{margin-top:34px}.right .btn{padding:8px 10px;font-size:13px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}