@font-face { font-family:"Nunito"; font-style:normal; font-weight:400 600; font-display:swap; src:url("/assets/fonts/nunito-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Nunito"; font-style:normal; font-weight:400 600; font-display:swap; src:url("/assets/fonts/nunito-cyrillic.woff2") format("woff2"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
:root {
    color-scheme: light;
    --canvas:#f1f2f3; --canvas-soft:#f6f7f7; --surface:#ffffff; --surface-raised:#f8f9f9; --surface-quiet:#ebeef0;
    --line:#dde1e4; --line-strong:#c9ced3; --text:#4f555c; --text-soft:#747b83; --text-muted:#969da5;
    --accent:#687079; --accent-strong:#4b525a; --on-accent:#ffffff; --success:#789b8a;
    --header-bg:rgba(246,247,247,.9); --footer-bg:#e7eaec;
    --radius:5px; --container:1200px;
}
:root[data-theme="graphite"] { color-scheme:dark; --canvas:#17191c; --canvas-soft:#1d2024; --surface:#22252a; --surface-raised:#292d32; --surface-quiet:#1b1e22; --line:#363b42; --line-strong:#4b515a; --text:#f0f1f2; --text-soft:#b2b7bd; --text-muted:#7e858e; --accent:#c7ccd2; --accent-strong:#f2f3f4; --on-accent:#17191c; --success:#8cb8a1; --header-bg:rgba(23,25,28,.88); --footer-bg:#101215; }
:root{--font-2xs:.625rem;--font-xs:.6875rem;--font-sm:.75rem;--font-subtle:.8125rem;--font-base:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.375rem;--font-2xl:1.75rem;--font-3xl:2.25rem;--font-display:3rem;--font-display-xl:4.5rem}body{font-size:var(--font-base)}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background:var(--canvas); }
body { margin:0; min-width:320px; color:var(--text); background:var(--canvas); font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button,input { font:inherit; }
.skip-link { position:fixed; top:-4rem; left:1rem; z-index:100; padding:.7rem 1rem; color:#111; background:#fff; }
.skip-link:focus { top:1rem; }
.site-container { width:min(var(--container), calc(100% - 64px)); margin-inline:auto; }

.site-header { position:sticky; top:0; z-index:40; background:var(--header-bg); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.header-inner { min-height:78px; display:flex; align-items:center; gap:36px; }
.brand { display:inline-flex; align-items:center; gap:11px; flex:none; text-decoration:none; }
.brand strong { font-size:var(--font-lg); letter-spacing:-.055em; }
.brand strong span { color:var(--text-muted); }
.brand-logo { width:31px; height:31px; display:block; flex:none; background:var(--text); -webkit-mask:url("/assets/images/logo.svg") center/contain no-repeat; mask:url("/assets/images/logo.svg") center/contain no-repeat; }
.brand-symbol { width:29px; height:29px; padding:5px; display:flex; align-items:flex-end; gap:3px; border:1px solid var(--line-strong); border-radius:50%; transform:rotate(-8deg); }
.brand-symbol i { width:4px; display:block; background:var(--accent); border-radius:2px; }
.brand-symbol i:nth-child(1) { height:7px; opacity:.45; }.brand-symbol i:nth-child(2) { height:12px; opacity:.7; }.brand-symbol i:nth-child(3) { height:17px; }
.site-nav { display:flex; align-items:center; gap:27px; }
.site-nav a { position:relative; color:var(--text-soft); font-size:var(--font-base); font-weight:600; text-decoration:none; }
.site-nav a::after { content:""; position:absolute; right:0; bottom:-9px; left:0; height:1px; background:var(--text); transform:scaleX(0); transition:transform .18s ease; }
.site-nav a:hover::after { transform:scaleX(1); }
.header-actions { margin-left:auto; display:flex; align-items:center; gap:13px; }
.locale-switcher { height:31px; padding:3px; display:flex; align-items:center; gap:1px; background:var(--surface); border:1px solid var(--line); border-radius:999px; }
.locale-link { min-width:28px; height:23px; display:grid; place-items:center; color:var(--text-muted); border-radius:999px; font-size:var(--font-sm); font-weight:800; text-decoration:none; }
.locale-link:hover,.locale-link.is-active { color:var(--on-accent); background:var(--accent-strong); }
.theme-toggle { width:34px; height:34px; padding:0; display:grid; place-items:center; border:1px solid var(--line); background:var(--surface); border-radius:50%; cursor:pointer; }
.theme-toggle i { color:var(--soft); font-size:var(--font-lg); }
.theme-icon-sun { display:none; }
:root[data-theme="graphite"] .theme-icon-moon { display:none; }
:root[data-theme="graphite"] .theme-icon-sun { display:inline-block; }
.header-admin { height:38px; padding:0 15px; display:flex; align-items:center; gap:10px; color:var(--on-accent); background:var(--accent-strong); border-radius:var(--radius); font-size:var(--font-base); font-weight:800; text-decoration:none; }
.header-admin span { font-size:var(--font-md); }
.mobile-menu { display:none; }

.hero { min-height:690px; padding-block:92px 78px; display:grid; grid-template-columns:minmax(360px,.84fr) minmax(520px,1.16fr); align-items:center; gap:72px; }
.overline { margin:0; color:var(--text-muted); font-size:var(--font-sm); font-weight:800; letter-spacing:.19em; }
.overline i { width:7px; height:7px; margin-right:10px; display:inline-block; background:var(--success); border-radius:50%;  }
.hero h1 { margin:25px 0 0; max-width:670px; font-size:clamp(var(--font-display),6.2vw,var(--font-display-xl)); line-height:.98; letter-spacing:-.065em; font-weight:650; }
.hero h1 span { display:block; color:var(--text-muted); }
.hero-lead { max-width:590px; margin:30px 0 0; color:var(--text-soft); font-size:var(--font-lg); line-height:1.6; }
.hero-actions { margin-top:36px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.btn { min-height:48px; padding:0 19px; display:inline-flex; align-items:center; justify-content:center; gap:18px; border:1px solid var(--line-strong); border-radius:var(--radius); font-size:var(--font-base); font-weight:800; text-decoration:none; transition:transform .18s,border-color .18s; }
.btn:hover { transform:translateY(-2px); border-color:var(--accent); }
.btn-primary { color:var(--on-accent); background:var(--accent-strong); border-color:var(--accent-strong); }
.btn-primary span { font-size:var(--font-lg); }.btn-quiet { color:var(--text-soft); background:var(--surface); }

.product-preview { position:relative; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface-quiet);  overflow:hidden; transform:perspective(1500px) rotateY(-2deg) rotateX(1deg); }
.product-preview::before { content:""; position:absolute; inset:-1px; z-index:-1; background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%); }
.preview-bar { height:39px; padding:0 13px; display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--line); color:var(--text-muted); }
.preview-bar > span { width:7px; height:7px; background:#515760; border-radius:50%; }.preview-bar b { margin-left:9px; font-size:var(--font-sm); font-weight:600; letter-spacing:.08em; }.preview-bar em { margin-left:auto; font-style:normal; letter-spacing:.15em; }
.preview-shell { height:390px; display:grid; grid-template-columns:48px 1fr; }
.preview-nav { padding:13px 0; display:flex; flex-direction:column; align-items:center; gap:15px; background:var(--surface-quiet); border-right:1px solid var(--line); }
.preview-nav strong { width:24px; height:24px; display:grid; place-items:center; color:var(--on-accent); background:var(--accent-strong); border-radius:5px; font-size:var(--font-base); }.preview-nav i { width:16px; height:16px; display:block; border:1px solid var(--line-strong); border-radius:3px; }.preview-nav i.active { border-color:var(--accent); background:var(--accent); opacity:.65; }
.preview-logo { width:15px; height:15px; display:block; background:var(--on-accent); -webkit-mask:url("/assets/images/logo.svg") center/contain no-repeat; mask:url("/assets/images/logo.svg") center/contain no-repeat; }
.preview-work { min-width:0; padding:20px; background:linear-gradient(145deg,var(--surface),var(--canvas-soft)); }
.preview-top { display:flex; justify-content:space-between; align-items:center; }.preview-top div { display:flex; flex-direction:column; gap:5px; }.preview-top small,.preview-kpis small,.chart-head small { color:var(--text-muted); font-size:var(--font-2xs); letter-spacing:.14em; }.preview-top b { font-size:var(--font-md); }.preview-top button { padding:7px 11px; color:var(--on-accent); background:var(--accent-strong); border:0; border-radius:3px; font-size:var(--font-xs); font-weight:800; }
.preview-kpis { margin-top:17px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.preview-kpis span { padding:12px; display:flex; flex-direction:column; gap:6px; background:var(--surface-raised); border:1px solid var(--line); border-radius:4px; }.preview-kpis b { font-size:var(--font-lg); }
.preview-board { margin-top:9px; display:grid; grid-template-columns:1.35fr .85fr; gap:9px; }.preview-list,.preview-chart { background:var(--surface-raised); border:1px solid var(--line); border-radius:4px; }
.preview-list { padding:5px 11px; }.preview-list p { min-height:55px; margin:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; border-bottom:1px solid var(--line); }.preview-list p:last-child { border:0; }.preview-list p > i { width:21px; height:21px; background:#454c54; border-radius:50%; }.preview-list p:nth-child(2) > i { background:#565b62; }.preview-list p:nth-child(3) > i { background:#3b4248; }.preview-list p:nth-child(4) > i { background:#627167; }.preview-list p span { min-width:0; display:flex; flex-direction:column; gap:3px; }.preview-list b { font-size:var(--font-xs); }.preview-list small,.preview-list em { color:var(--text-muted); font-size:var(--font-2xs); font-style:normal; }
.preview-chart { padding:12px; }.chart-head { display:flex; justify-content:space-between; align-items:center; }.chart-head b { font-size:var(--font-sm); }.bars { height:150px; display:flex; align-items:flex-end; gap:6px; border-bottom:1px solid var(--line); }.bars i { flex:1; display:block; background:linear-gradient(#afb6be,#59616a); border-radius:2px 2px 0 0; }.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:69%}.bars i:nth-child(5){height:81%}.bars i:nth-child(6){height:56%}.bars i:nth-child(7){height:72%}.chart-labels { padding-top:7px; display:flex; justify-content:space-around; color:var(--text-muted); font-size:var(--font-2xs); }

.signal-strip { border-block:1px solid var(--line); background:var(--surface-quiet); }.signal-strip .site-container { min-height:57px; display:flex; align-items:center; gap:40px; color:var(--text-muted); font-size:var(--font-sm); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.signal-strip span { display:flex; align-items:center; gap:8px; }.signal-strip i,.site-footer a i { width:6px; height:6px; display:inline-block; background:var(--success); border-radius:50%; }.signal-strip .build { margin-left:auto; }

.platform-section { padding-block:120px; }.section-intro { max-width:790px; display:grid; grid-template-columns:165px 1fr; gap:0 32px; }.section-intro .overline { padding-top:10px; }.section-intro h2 { margin:0; font-size:clamp(var(--font-3xl),4.5vw,var(--font-display-xl)); line-height:1.08; letter-spacing:-.05em; }.section-intro > p:last-child { grid-column:2; max-width:610px; margin:24px 0 0; color:var(--text-soft); line-height:1.65; }
.capability-grid { margin-top:66px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }.capability-grid article { min-height:330px; padding:27px; position:relative; display:flex; flex-direction:column; background:var(--surface-quiet); }.capability-grid article + article { border-left:1px solid var(--line); }.capability-grid article:hover { background:var(--surface); }.card-index { color:var(--text-muted); font:var(--font-sm)/1 monospace; }.capability-grid h3 { margin:auto 0 10px; font-size:var(--font-xl); letter-spacing:-.025em; }.capability-grid p { min-height:62px; margin:0; color:var(--text-muted); font-size:var(--font-base); line-height:1.6; }.card-arrow { position:absolute; right:25px; bottom:27px; color:var(--text-muted); }.line-icon,.flow-icon,.shield-icon { width:72px; height:72px; margin-top:43px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:50%; }.line-icon { gap:5px; }.line-icon i { width:6px; display:block; background:var(--accent); border-radius:2px; }.line-icon i:nth-child(1){height:15px;opacity:.4}.line-icon i:nth-child(2){height:27px;opacity:.7}.line-icon i:nth-child(3){height:39px}.flow-icon { gap:4px; }.flow-icon i { width:11px;height:11px;border:1px solid var(--accent);transform:rotate(45deg); }.flow-icon i+ i { margin-left:-2px; }.shield-icon { color:var(--accent); font-size:var(--font-3xl); }

.workflow-section { padding-block:100px 110px; background:var(--surface-quiet); border-block:1px solid var(--line); }.workflow-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }.workflow-head h2 { max-width:700px; margin:0; font-size:clamp(var(--font-3xl),4.5vw,var(--font-display-xl)); letter-spacing:-.05em; }.workflow-track { margin-top:70px; display:grid; grid-template-columns:repeat(5,1fr); }.workflow-track div { min-width:0; display:grid; grid-template-columns:auto 1fr; align-items:center; }.workflow-track span { color:var(--text-muted); font:var(--font-xs) monospace; }.workflow-track i { height:1px; margin-left:10px; display:block; background:var(--line-strong); }.workflow-track strong { grid-column:1/3; margin-top:22px; font-size:var(--font-base); }
.site-footer { padding-block:50px; background:var(--footer-bg); border-top:1px solid var(--line); }.site-footer .site-container { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:30px; }.site-footer p { color:var(--text-muted); font-size:var(--font-base); }.site-footer > div > div { display:flex; align-items:center; gap:25px; color:var(--text-muted); font-size:var(--font-sm); text-transform:uppercase; letter-spacing:.1em; }.site-footer a { display:flex; align-items:center; gap:8px; text-decoration:none; }

@media (max-width:1050px){.site-nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:760px}.product-preview{max-width:790px;transform:none}.capability-grid article{min-height:300px}.site-footer .site-container{grid-template-columns:1fr auto}.site-footer p{grid-row:2}}
@media (max-width:760px){.site-container{width:min(100% - 30px,var(--container))}.header-inner{min-height:66px;gap:12px}.mobile-menu{width:34px;height:34px;margin-left:auto;display:grid;place-content:center;gap:5px;border:1px solid var(--line);background:var(--surface);border-radius:50%}.mobile-menu span{width:14px;height:1px;background:var(--text)}.site-nav.is-open{position:absolute;top:66px;right:15px;left:15px;padding:18px;display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line)}.header-actions{margin-left:0}.locale-switcher{display:none}.header-admin{display:none}.hero{min-height:auto;padding-block:65px 50px;gap:48px}.hero h1{font-size:var(--font-display)}.hero-lead{font-size:var(--font-md)}.product-preview{margin-inline:-6px}.preview-shell{height:335px;grid-template-columns:38px 1fr}.preview-work{padding:13px}.preview-board{grid-template-columns:1fr}.preview-chart{display:none}.signal-strip .site-container{min-height:70px;gap:18px;flex-wrap:wrap}.signal-strip .build{margin-left:0}.platform-section{padding-block:80px}.section-intro{display:block}.section-intro h2{margin-top:18px}.section-intro>p:last-child{margin-top:20px}.capability-grid{grid-template-columns:1fr}.capability-grid article+article{border-left:0;border-top:1px solid var(--line)}.capability-grid article{min-height:280px}.workflow-section{padding-block:75px}.workflow-head{display:block}.workflow-head h2{margin-top:18px}.workflow-track{margin-top:50px;grid-template-columns:1fr;gap:27px}.workflow-track div{grid-template-columns:35px 1fr auto}.workflow-track strong{grid-column:3;margin:0}.site-footer .site-container{grid-template-columns:1fr}.site-footer p{grid-row:auto}.site-footer>div>div{flex-wrap:wrap}}