:root{--bg:#f7f9fc;--panel:#fff;--text:#101828;--text2:#344054;--muted:#667085;--border:#e4e7ec;--brand:#4f46e5;--brand2:#2563eb;--cyan:#06b6d4;--green:#12b76a;--radius:22px;--shadow:0 24px 70px -34px rgba(16,24,40,.34);--shadow-sm:0 14px 34px -24px rgba(16,24,40,.26);--navh:72px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--navh) + 34px)}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);line-height:1.62;background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:720px;z-index:-2;pointer-events:none;background:radial-gradient(760px 420px at 8% 4%,rgba(79,70,229,.12),transparent 68%),radial-gradient(680px 400px at 92% 8%,rgba(6,182,212,.10),transparent 68%),linear-gradient(180deg,#fbfdff,rgba(247,249,252,.2))}body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(16,24,40,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 720px)}a{color:inherit;text-decoration:none}svg[aria-hidden]{display:block}.sprite{position:absolute;width:0;height:0;overflow:hidden}:focus-visible{outline:3px solid rgba(79,70,229,.35);outline-offset:3px;border-radius:8px}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;padding:12px 18px;border-radius:0 0 12px 0;box-shadow:var(--shadow-sm);font-weight:700}.skip:focus{left:0}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.wrap.narrow{width:min(820px,calc(100% - 48px))}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.9rem}.beta-bar{font-size:.82rem;text-align:center;padding:7px 16px;color:#3730a3;font-weight:650;background:linear-gradient(90deg,#eef2ff,#ecfeff,#eef2ff);border-bottom:1px solid #dbe4ff}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.84);backdrop-filter:blur(16px) saturate(1.45);border-bottom:1px solid rgba(228,231,236,.9)}.nav-in{min-height:var(--navh);display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:850;font-size:1.13rem;letter-spacing:-.035em}.brand-mark{width:28px;height:28px;stroke:var(--brand);fill:none;stroke-width:1.85}.beta-badge{display:inline-flex;align-items:center;gap:6px;font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;padding:3px 8px;border-radius:999px}.beta-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(18,183,106,.1)}.nav-links{display:flex;gap:2px;margin-inline-start:auto}.nav-links a{padding:9px 12px;border-radius:11px;font-size:.93rem;font-weight:620;color:var(--text2);transition:.16s}.nav-links a:hover{background:#f2f4f7}.nav-links a[aria-current=page]{background:#eef2ff;color:#3730a3}.nav-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lang-link{font-weight:750;font-size:.78rem;color:var(--muted);padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}.nav-burger{display:none;font:inherit;font-size:1.25rem;background:#fff;border:1px solid var(--border);border-radius:11px;padding:7px 11px;cursor:pointer}.btn{font:inherit;font-weight:720;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:12px;border:1px solid transparent;white-space:nowrap;transition:.16s}.btn.lg{padding:14px 22px}.btn.block{display:flex;width:100%}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 28px -16px rgba(79,70,229,.7)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -18px rgba(79,70,229,.78)}.btn.ghost{background:rgba(255,255,255,.92);border-color:var(--border)}.btn.ghost:hover{border-color:#c7d2fe;color:#3730a3;transform:translateY(-1px)}.hero{padding:88px 0 74px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:66px}.hero-grid>*{min-width:0}.pill{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:750;color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;padding:7px 12px;border-radius:999px;margin-bottom:22px}.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(6,182,212,.1)}.hero h1{font-size:clamp(2.55rem,5.4vw,4.65rem);line-height:.99;letter-spacing:-.055em;font-weight:850;max-width:min(15ch,100%);text-wrap:balance}.grad{background:linear-gradient(100deg,#4f46e5 8%,#2563eb 55%,#06b6d4 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.05rem,1.6vw,1.19rem);color:var(--text2);max-width:60ch;margin-top:22px}.cta-row{display:flex;flex-wrap:wrap;gap:11px;margin:30px 0 14px}.cta-row.center{justify-content:center}.hero-sub{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px}.hero-sub span{color:var(--green);font-weight:900}.hero-art{position:relative;min-height:470px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:4% 0 0 0;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.16),rgba(6,182,212,.08) 46%,transparent 70%);filter:blur(22px);z-index:-1}.float-card{position:absolute;background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 20px 55px -28px rgba(16,24,40,.45);display:flex;align-items:center;gap:10px;padding:11px 13px;z-index:3}.float-card b{display:block;font-size:.72rem}.float-card small{display:block;font-size:.58rem;color:#667085}.float-reminder{left:-16px;top:56px}.float-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-weight:900}.float-mobile{right:-18px;bottom:18px}.phone-dot{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#ecfeff,#dbeafe);position:relative}.phone-dot:after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#0891b2}.ok{margin-left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;color:#12b76a;font-size:.68rem;font-weight:900}.solution-stack,.builder-art,.ai-art,.tunnel-art,.market-art,.pricing-art{display:grid;place-items:center}.solution-shell,.builder-window,.market-window,.launch-card{width:min(100%,500px);background:#fff;border:1px solid #dce2ea;border-radius:24px;box-shadow:0 34px 90px -36px rgba(16,24,40,.38);padding:18px}.solution-head,.builder-bar,.market-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 14px;border-bottom:1px solid #eef0f3;font-size:.78rem;font-weight:800}.solution-head b,.builder-bar b{font-size:.62rem;color:#4f46e5;background:#eef2ff;border-radius:8px;padding:5px 8px}.solution-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px;margin-top:10px;border:1px solid #eaecf0;border-radius:15px}.sol-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#ecfeff);display:grid;place-items:center;color:var(--brand)}.sol-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.solution-card b{font-size:.78rem}.solution-card small{display:block;color:#667085;font-size:.6rem}.solution-card em{font-style:normal;font-size:.56rem;font-weight:700;color:#475467;background:#f2f4f7;border-radius:999px;padding:4px 8px;white-space:nowrap}.solution-card em.on{color:#027a48;background:#ecfdf3}.builder-window{padding:0;overflow:hidden}.builder-bar{padding:14px 16px}.builder-canvas{height:310px;background:#fbfcfe;position:relative;overflow:hidden;background-image:radial-gradient(#d0d5dd 1px,transparent 1px);background-size:20px 20px}.entity{position:absolute;width:132px;padding:9px 10px;background:#fff;border:1px solid #d0d5dd;border-radius:11px;box-shadow:0 8px 18px -15px rgba(16,24,40,.45);font-size:.62rem;font-weight:750;z-index:2}.entity small{display:block;font-size:.48rem;color:#98a2b3;margin-top:3px;font-weight:500}.e1{left:34px;top:38px}.e2{left:236px;top:38px}.e3{right:24px;top:38px}.e4{left:126px;bottom:40px}.e5{right:58px;bottom:40px}.builder-canvas svg{position:absolute;inset:0;width:100%;height:100%}.builder-canvas path{fill:none;stroke:#a5b4fc;stroke-width:2;stroke-dasharray:5 5}.rule-chip{margin:12px 14px 14px;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:11px;padding:9px 11px;font-size:.62rem;font-weight:700}.ai-art{grid-template-columns:1fr 50px 1fr;gap:10px}.paper-card,.extract-card{width:100%;max-width:210px;min-height:270px;background:#fff;border:1px solid #dce2ea;border-radius:20px;box-shadow:var(--shadow-sm);padding:18px}.paper-label{font-size:.62rem;color:#667085;font-weight:750}.paper-card i{display:block;height:7px;background:#eef0f3;border-radius:4px;margin-top:16px}.paper-card i:nth-of-type(2){width:80%}.paper-card i.short{width:58%}.paper-total{margin-top:50px;padding-top:15px;border-top:1px solid #eaecf0;font-weight:850;text-align:right}.ai-spark{width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;display:grid;place-items:center;font-size:1.3rem}.extract-card small{font-size:.58rem;color:#667085}.extract-card .extract-title{display:block;font-size:.95rem;font-weight:800;margin:5px 0 14px}.extract-card p{display:flex;justify-content:space-between;gap:8px;font-size:.6rem;padding:8px 0;border-bottom:1px solid #f0f1f3}.valid{font-size:.58rem;color:#027a48;background:#ecfdf3;border-radius:9px;padding:7px 8px;margin-top:14px}.extract-card button{margin-top:16px;width:100%;border:0;background:#4f46e5;color:#fff;border-radius:9px;padding:8px;font-size:.58rem;font-weight:750}.tunnel-art{grid-template-columns:1fr 110px 1fr}.t-node{width:100%;max-width:185px;padding:22px 16px;background:#fff;border:1px solid #dce2ea;border-radius:22px;box-shadow:var(--shadow-sm);text-align:center}.t-node>span{width:54px;height:54px;margin:0 auto 11px;border-radius:17px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:1.35rem}.t-node b{display:block;font-size:.74rem}.t-node small{display:block;color:#667085;font-size:.56rem}.t-line{position:relative;text-align:center;font-size:.55rem;color:#4f46e5;font-weight:800}.t-line:before{content:"";position:absolute;left:-22px;right:-22px;top:50%;height:2px;background:linear-gradient(90deg,#c7d2fe,#4f46e5,#67e8f9)}.t-line b{position:relative;background:#eef2ff;padding:6px 7px;border-radius:999px}.t-note{position:absolute;bottom:48px;background:#ecfdf3;color:#027a48;border:1px solid #abefc6;border-radius:999px;padding:7px 11px;font-size:.62rem;font-weight:750}.market-window{padding:0;overflow:hidden}.market-head{padding:15px}.market-head input{width:160px;border:1px solid #eaecf0;background:#f9fafb;border-radius:8px;padding:6px 8px;font-size:.56rem;color:#98a2b3}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;background:#fbfcfe}.market-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:14px;min-height:110px;display:flex;flex-direction:column}.market-card>span{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center}.market-card b{font-size:.68rem;margin-top:10px}.market-card small{font-size:.54rem;color:#4f46e5;margin-top:auto}.launch-card{max-width:420px}.launch-kicker{display:block;font-size:.68rem;color:#667085;font-weight:750;margin-bottom:8px}.launch-row{display:grid;grid-template-columns:30px 1fr 22px;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #f0f1f3}.launch-row i{width:28px;height:28px;border-radius:9px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-style:normal;font-size:.62rem;font-weight:800}.launch-row b{font-size:.72rem}.launch-row span{color:#12b76a;font-weight:900}.launch-foot{margin-top:16px;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;padding:13px 15px;display:flex;justify-content:space-between;font-weight:800}.sec{padding:76px 0}.sec:nth-of-type(3n){position:relative}.sec:nth-of-type(3n):before{content:"";position:absolute;inset:16px 0;background:linear-gradient(180deg,rgba(241,245,249,.65),rgba(248,250,252,.45));border-block:1px solid rgba(228,231,236,.5);z-index:-1}.sec h2{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.09;letter-spacing:-.045em;font-weight:830;max-width:21ch;text-wrap:balance}.sec-sub{color:var(--muted);margin-top:11px;max-width:68ch}.sec-body{margin-top:12px;max-width:68ch;color:var(--text2)}.grid{display:grid;gap:18px;margin-top:32px}.g3{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.2s;overflow:hidden}.card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-70px;top:-70px;background:rgba(79,70,229,.055)}.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -35px rgba(16,24,40,.38);border-color:#cbd5e1}.card h3{font-size:1.05rem;font-weight:780;margin-bottom:7px;letter-spacing:-.018em}.card p{color:var(--text2);font-size:.94rem}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.icon-wrap{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#eef2ff,#ecfeff);display:grid;place-items:center}.card .ic{width:23px;height:23px;stroke:var(--brand);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card-tag{font-size:.62rem;font-weight:750;color:#3730a3;background:#eef2ff;border:1px solid #dbe2ff;padding:4px 7px;border-radius:999px}.card-link{padding-bottom:52px}.card-arrow{position:absolute;left:24px;bottom:20px;width:28px;height:28px;border-radius:9px;background:#f2f4f7;color:#344054;display:grid;place-items:center;font-weight:800}.card-link:hover .card-arrow{background:#4f46e5;color:#fff}.steps{list-style:none;counter-reset:s;display:grid;gap:18px;margin-top:34px}.steps li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px 22px 23px 66px}.steps li:before{content:counter(s);position:absolute;left:20px;top:20px;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-weight:800;font-size:.78rem;display:grid;place-items:center}.steps h3{font-size:1.02rem;font-weight:780}.steps p{color:var(--text2);font-size:.94rem;margin-top:4px}.figure{margin-top:30px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-sm);overflow-x:auto}.figure-svg{display:block;width:100%;min-width:580px;color:var(--brand)}.fig-node rect{fill:#f8fafc;stroke:#dbe2ea;stroke-width:1.5}.fig-node.fig-accent rect{fill:#eef2ff;stroke:#a5b4fc}.fig-t{font:650 15px/1.2 inherit;fill:var(--text)}.fig-s{font:400 12px/1.2 inherit;fill:var(--muted)}.fig-cap{font:500 13px/1.4 inherit;fill:var(--muted)}.fig-line path{fill:none;stroke:var(--brand);stroke-width:2;color:var(--brand)}.fig-line .fig-back{stroke:#98a2b3;color:#98a2b3;stroke-width:1.4;stroke-dasharray:5 5}.faq{margin-top:26px;display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px 18px}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";color:var(--brand);font-size:1.25rem}.faq details[open] summary:after{content:"−"}.faq p{color:var(--text2);margin-top:10px}.prose p{margin-top:14px;color:var(--text2)}.plans .plan{display:flex;flex-direction:column;gap:4px;min-height:390px}.plan.featured{border-color:#a5b4fc;box-shadow:0 24px 60px -35px rgba(79,70,229,.36)}.plan .price{font-size:1.8rem;font-weight:850;letter-spacing:-.04em}.plan ul{list-style:none;margin:16px 0 20px;display:grid;gap:8px}.plan li{padding-left:22px;position:relative;color:var(--text2);font-size:.92rem}.plan li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.plan .btn{margin-top:auto}.cta-band{margin:42px 0 0;padding:84px 0;background:linear-gradient(135deg,#eef2ff,#f0f9ff 52%,#ecfeff);border-block:1px solid #dbe4ff}.cta-band h2,.cta-band .lead{margin-inline:auto}.cta-band .contact{margin-top:16px}.cta-band .contact a{color:#3730a3;font-weight:700;text-decoration:underline}.foot{border-top:1px solid var(--border);background:#fff;padding:46px 0 38px}.foot-in{display:grid;gap:26px}.foot-brand{display:grid;gap:7px;font-weight:850}.foot-links,.foot-meta{display:grid;gap:9px;align-content:start}.foot-links a,.foot-meta a{color:var(--text2);font-size:.92rem}@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}.steps li{padding:72px 24px 24px}.steps li:before{left:24px}}@media(min-width:780px){.foot-in{grid-template-columns:1.4fr 1fr 1fr}}@media(max-width:980px){.nav-in{flex-wrap:wrap;padding-block:10px}.nav-burger{display:block;margin-inline-start:auto;order:2}.nav-right{order:3}.nav-links{order:4;width:100%;margin:0;flex-direction:column;display:none}.nav-in[data-open="1"] .nav-links{display:flex}}@media(max-width:900px){.hero{padding:68px 0 48px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy{text-align:center}.hero h1,.lead{margin-inline:auto}.cta-row,.hero-sub{justify-content:center}.hero-art{width:min(620px,100%);margin:auto;min-height:430px}.float-reminder{left:0}.float-mobile{right:0}.solution-stack,.builder-art,.market-art,.pricing-art{min-height:370px}.section-head{display:block}}@media(max-width:640px){.wrap,.wrap.narrow{width:min(100% - 30px,1200px)}.beta-bar{font-size:.74rem}.nav-right .btn.ghost{display:none}.nav-right .btn.primary{padding:8px 11px;font-size:.82rem}.hero{padding-top:52px}.hero h1{font-size:clamp(2.2rem,12vw,3.2rem)}.hero .lead{font-size:1rem}.hero-art{min-height:350px}.float-reminder{top:-4px;left:4px}.float-mobile{bottom:0;right:4px}.s2,.s3{transform:none}.ai-art{grid-template-columns:1fr 34px 1fr;gap:4px;min-height:320px}.paper-card,.extract-card{width:100%;min-height:230px;padding:12px}.tunnel-art{grid-template-columns:1fr 58px 1fr}.t-node{width:100%;padding:16px 9px}.sec{padding:58px 0}.sec h2{font-size:2rem}.card{padding:21px}.cta-band{padding:64px 0}.figure{padding:14px}.market-head input{width:125px}}
/* ── Макет адмінки в героєві ──────────────────────────────────────────────
   Не «якийсь дашборд», а те, що людина побачить, увійшовши: згруповані
   сутності з кольоровими мітками, заголовок із кодом типу й кількістю
   записів, збережені подання чипами, номери документів, lookup-посилання
   зі стрілкою і статуси бейджами. Вигадані тут лише дані. */
.gl-win{position:absolute;inset:24px 0 40px 8px;background:#fff;border:1px solid #dce2ea;border-radius:20px;box-shadow:0 34px 90px -36px rgba(16,24,40,.38);overflow:hidden;display:flex;flex-direction:column;transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}
.gl-top{display:flex;align-items:center;gap:9px;padding:0 14px;height:46px;border-bottom:1px solid #eaecf0;font-size:.72rem;flex:0 0 auto}
.gl-mark{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--brand),var(--cyan));flex:0 0 auto}
.gl-top b{font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.gl-beta{font-style:normal;font-size:.5rem;font-weight:800;letter-spacing:.08em;color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:2px 6px}
.gl-search{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f9fafb;border:1px solid #eaecf0;border-radius:9px;padding:5px 8px;color:#98a2b3;font-size:.6rem;overflow:hidden;white-space:nowrap}
.gl-search kbd{font:inherit;font-size:.52rem;background:#fff;border:1px solid #e4e7ec;border-radius:5px;padding:1px 4px;color:#667085}
.gl-user{color:#667085;font-size:.6rem;white-space:nowrap}
.gl-body{display:grid;grid-template-columns:132px minmax(0,1fr);flex:1;min-height:0}
.gl-side{border-right:1px solid #eef0f3;background:#fbfcfe;padding:12px 8px;min-width:0}
.gl-ws{font-size:.46rem;font-weight:800;letter-spacing:.11em;color:#98a2b3;text-transform:uppercase;padding:0 6px 8px}
.gl-grp{display:flex;align-items:center;justify-content:space-between;padding:6px;font-size:.6rem;font-weight:750;color:#344054}
.gl-grp i{font-style:normal;font-size:.5rem;color:#98a2b3}
.gl-item{display:flex;align-items:center;gap:7px;padding:5px 6px 5px 12px;border-radius:7px;font-size:.62rem;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl-item.on{background:#eef2ff;color:#3730a3;font-weight:700}
.gl-item s{width:10px;height:10px;border-radius:3px;flex:0 0 auto;text-decoration:none}
.c1{background:#fb923c}.c2{background:#a78bfa}.c3{background:#38bdf8}.c4{background:#34d399}
.gl-main{padding:14px 14px 12px;min-width:0;display:flex;flex-direction:column}
.gl-head{display:flex;align-items:center;gap:7px;padding-bottom:9px;border-bottom:2px solid #eef0f3;position:relative}
.gl-head:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--brand)}
.gl-ico{width:19px;height:19px;border-radius:6px;background:linear-gradient(135deg,#eef2ff,#ecfeff);border:1px solid #dbe4ff;flex:0 0 auto;text-decoration:none}
.gl-head b{font-size:.88rem;font-weight:800;letter-spacing:-.02em}
.gl-code{font-style:normal;font-size:.5rem;color:#667085;background:#f2f4f7;border-radius:5px;padding:2px 5px}
.gl-head em{font-style:normal;margin-left:auto;font-size:.55rem;color:#98a2b3;white-space:nowrap}
.gl-views{display:flex;gap:5px;margin:11px 0 9px;overflow:hidden}
.gl-views span{font-size:.52rem;font-weight:650;color:#475467;background:#fff;border:1px solid #eaecf0;border-radius:7px;padding:4px 7px;white-space:nowrap}
.gl-views span.on{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}
.gl-table{border:1px solid #eaecf0;border-radius:11px;overflow:hidden}
.gl-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-bottom:1px solid #f2f4f7}
.gl-row:last-child{border:0}
.gl-no{font-style:normal;font-size:.54rem;font-weight:700;color:#475467;background:#f2f4f7;border-radius:5px;padding:3px 5px;white-space:nowrap}
.gl-row b{font-size:.62rem;font-weight:650;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl-row b u{text-decoration:none;font-size:.46rem;opacity:.65;margin-left:3px}
.gl-st{font-style:normal;font-size:.5rem;font-weight:800;letter-spacing:.03em;border-radius:999px;padding:3px 7px;white-space:nowrap}
.gl-st.call{background:#e0f2fe;color:#026aa2}
.gl-st.work{background:#fff4e5;color:#b54708}
.gl-st.done{background:#ecfdf3;color:#027a48}
.gl-foot{display:flex;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #f2f4f7;font-size:.5rem;color:#98a2b3}
@media(max-width:640px){
  .gl-win{inset:12px 0 26px;transform:none}
  .gl-body{grid-template-columns:1fr}
  .gl-side{display:none}
  .gl-views span:nth-child(3){display:none}
}
/* На вузькому екрані nowrap перетворює довгий ярлик кнопки на переповнення
   всієї сторінки. Дозволяємо перенос лише там, де інакше не влазить. */
@media(max-width:420px){.btn{white-space:normal;text-align:center}}
/* На телефоні підпис героя переносився так, що галочка лишалась сама на рядку.
   Робимо її частиною тексту, а не окремим флекс-елементом. */
@media(max-width:640px){.hero-sub{display:block}.hero-sub span{margin-right:5px}}
/* Конструктор процесу — один SVG: рамки й звʼязки в спільних координатах,
   інакше лінії «зʼєднують» порожнечу (саме так і було). */
.builder-svg{position:absolute;inset:0;width:100%;height:100%;color:var(--brand)}
.builder-svg .bn rect{fill:#fff;stroke:#d0d5dd;stroke-width:1.4}
.builder-svg .bt{font:750 13px/1 inherit;fill:var(--text)}
.builder-svg .bf{font:400 9.5px/1 inherit;fill:#98a2b3}
.builder-svg .bl path{fill:none;stroke:#a5b4fc;stroke-width:2;stroke-dasharray:5 5}
/* Схема охоплення: центр — дані власника, навколо — те, що зазвичай
   докуповують окремо. Лінії тонкі: головне тут — перелік, а не рух. */
.hub-core rect{fill:#eef2ff;stroke:#a5b4fc;stroke-width:1.6}
.hub-chip rect{fill:#fff;stroke:#e4e7ec;stroke-width:1.4}
.hub-line path{fill:none;stroke:#cdd5e0;stroke-width:1.6}
/* Галузі: готова одна, решта — розмиті. Це не «скоро буде», а «тут може
   бути будь-що»: силует картки лишається, конкретика зникає. Розмиті
   картки сховані від читачів екрана — вони нічого не повідомляють. */
.grid.has-veil{position:relative}
.card.veiled{filter:blur(3.2px);opacity:.5;pointer-events:none;user-select:none}
.veil-note{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);z-index:2;
  max-width:min(560px,88%);text-align:center;font-weight:700;color:var(--text);
  background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:16px;
  padding:16px 22px;box-shadow:0 24px 60px -34px rgba(16,24,40,.4);backdrop-filter:blur(3px)}
@media(max-width:900px){.veil-note{position:static;transform:none;max-width:100%;margin-top:6px}}
.solution-card.veiled{filter:blur(2.6px);opacity:.5;user-select:none}
/* Логін до демо: помітний, але тихий — моноширинний чип у рядку підпису.
   Людина має його побачити, коли вже вирішила заходити, а не замість тексту. */
.hero-cred{display:inline-flex;align-items:baseline;gap:6px;margin-left:2px;
  padding:3px 9px;border-radius:8px;background:#fff;border:1px solid var(--border);
  font-size:.82em;line-height:1.5;white-space:nowrap}
.hero-cred b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-weight:700;color:var(--brand);letter-spacing:.01em}