@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-cyrillic-ext-400-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-cyrillic-ext-500-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-cyrillic-ext-600-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

:root{--canvas:#fafaf9;--surface:#fff;--sunken:#f5f5f4;--border:#e8e6e5;--border-strong:#d6d3d1;--text:#0c0a09;--body:#57534e;--accent:#1B4F99;--accent-hover:#163f7a;--accent-on:#fff;--wash:rgba(27,79,153,.10);
--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--ok-w:rgba(21,128,61,.12);--warn-w:rgba(180,83,9,.12);--bad-w:rgba(185,28,28,.12);--neutral-w:rgba(120,113,108,.14);
--r:10px;--rl:16px;--sh:0 4px 16px rgba(0,0,0,.06);--shl:0 12px 45px rgba(17,12,46,.14);--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#0c0a09;--surface:#1c1917;--sunken:#292524;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.16);--text:#e7e5e4;--body:#a8a29e;--accent:#5B95E5;--accent-hover:#7FAEEC;--accent-on:#0c0a09;--wash:rgba(91,149,229,.16);--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--ok-w:rgba(74,222,128,.16);--warn-w:rgba(251,191,36,.16);--bad-w:rgba(248,113,113,.16);--neutral-w:rgba(168,162,158,.16);--sh:0 4px 16px rgba(0,0,0,.35);--shl:0 12px 45px rgba(0,0,0,.55);color-scheme:dark}}
:root[data-theme=dark]{--canvas:#0c0a09;--surface:#1c1917;--sunken:#292524;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.16);--text:#e7e5e4;--body:#a8a29e;--accent:#5B95E5;--accent-hover:#7FAEEC;--accent-on:#0c0a09;--wash:rgba(91,149,229,.16);--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--ok-w:rgba(74,222,128,.16);--warn-w:rgba(251,191,36,.16);--bad-w:rgba(248,113,113,.16);--neutral-w:rgba(168,162,158,.16);--sh:0 4px 16px rgba(0,0,0,.35);--shl:0 12px 45px rgba(0,0,0,.55);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--body);font:400 16px/1.6 var(--font);letter-spacing:.003em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{color:var(--text);margin:0;line-height:1.15;letter-spacing:-.025em;font-weight:600}
h1{font-size:clamp(2.1rem,5.2vw,3.7rem);letter-spacing:-.03em}h2{font-size:clamp(1.65rem,3.4vw,2.4rem)}h3{font-size:1.15rem;line-height:1.3}
p{margin:0}a{color:var(--accent)}ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--accent-on);padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.wrap{width:min(1160px,100% - 32px);margin-inline:auto}.wrap--narrow{width:min(800px,100% - 32px)}
.muted{color:var(--body);font-size:.9rem}.lead{font-size:1.15rem;color:var(--body);max-width:62ch}
.ic{width:1.25em;height:1.25em;flex:none}.ic--sm{width:18px;height:18px}.ic--xs{width:14px;height:14px}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--canvas) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.site-header__in{display:flex;align-items:center;gap:20px;height:64px}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600;letter-spacing:-.02em}
.nav{display:flex;gap:4px;margin-left:12px}.nav a{padding:8px 12px;border-radius:8px;color:var(--body);text-decoration:none;font-size:.95rem;font-weight:500}.nav a:hover{color:var(--text);background:var(--sunken)}
.site-header__tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.icon-btn:hover{background:var(--sunken)}
.only-dark,.only-open{display:none}:root[data-theme=dark] .only-dark{display:inline-flex}:root[data-theme=dark] .only-light{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .only-dark{display:inline-flex}:root:not([data-theme=light]) .only-light{display:none}}
.nav-toggle{display:none}.nav-toggle[aria-expanded=true] .only-open{display:inline-flex}.nav-toggle[aria-expanded=true] .only-closed{display:none}
.lang{position:relative}.lang summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600}.lang summary::-webkit-details-marker{display:none}
.lang__menu{position:absolute;right:0;top:46px;min-width:170px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shl);padding:6px;display:grid}
.lang__menu a{padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none}.lang__menu a:hover{background:var(--sunken)}.lang__menu a[aria-current]{background:var(--wash);color:var(--accent);font-weight:600}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;font:600 .95rem/1 var(--font);padding:12px 18px;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap}
.btn--sm{padding:9px 14px;font-size:.85rem;border-radius:8px}.btn--lg{padding:15px 24px;font-size:1rem}
.btn--accent{background:var(--accent);color:var(--accent-on)}.btn--accent:hover{background:var(--accent-hover);transform:translateY(-1px)}
.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--sunken)}
.btn--onaccent{background:#fff;color:#0f3a75}.btn--onaccent:hover{background:#eef3fb}
.btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn--outline:hover{background:rgba(255,255,255,.12)}
/* hero */
.hero{position:relative;padding:72px 0 40px;overflow:hidden}
.hero__glow{position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,var(--wash),transparent);pointer-events:none}
.hero__in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--wash);color:var(--accent);font-size:.82rem;font-weight:600;margin-bottom:20px}
.grad{background:linear-gradient(100deg,var(--accent),#7c5cd6);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=dark] .grad{background:linear-gradient(100deg,#7FAEEC,#b69cf5);-webkit-background-clip:text;background-clip:text}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .grad{background:linear-gradient(100deg,#7FAEEC,#b69cf5);-webkit-background-clip:text;background-clip:text}}
.hero .lead{margin-top:22px}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero__cta--center{justify-content:center}.hero__note{margin-top:14px;font-size:.85rem}
.hero__visual{position:relative;min-height:420px}.hero__grid{width:100%}.hero__phone{position:absolute;right:-8px;bottom:-34px;width:230px;transform:rotate(3deg)}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;padding-top:28px;border-top:1px solid var(--border)}
.strip li{display:grid;gap:2px}.strip strong{color:var(--text);font-size:1.15rem;letter-spacing:-.02em}.strip span{font-size:.9rem}
/* sections */
.section{padding:88px 0}.section--tint{background:var(--sunken)}
.section__head{display:grid;gap:14px;margin-bottom:48px;max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare__col{border-radius:var(--rl);padding:28px;border:1px solid var(--border);background:var(--surface)}
.compare__col--after{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--sh)}
.compare h3{margin-bottom:16px}.compare li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.compare li:first-child{border-top:0}
.compare--x,.compare__col--before .ic{color:var(--bad)}.compare__col--after .ic{color:var(--ok)}
.showcase{display:grid;gap:96px}
.show{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}.show--flip .show__text{order:2}
.show__text{display:grid;gap:16px;align-content:start}.show__text p{font-size:1.05rem}
.points{display:grid;gap:10px;margin-top:6px}.points li{display:flex;gap:10px}.points .ic{color:var(--ok);margin-top:2px}
.stage{padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--wash),transparent 70%),var(--surface);border:1px solid var(--border);display:grid;place-items:center;min-height:340px}
.stage>*{width:100%}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards--4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:24px;display:grid;gap:10px;align-content:start;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.card__ic{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--wash);color:var(--accent)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}.step{display:grid;gap:10px;align-content:start;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl)}
.step__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-on);font-weight:600}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role{padding:28px;border-radius:var(--rl);background:var(--surface);border:1px solid var(--border);display:grid;gap:12px;align-content:start}
.role__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--wash);color:var(--accent)}
.role ul{display:grid;gap:8px;margin-top:6px}.role li{display:flex;gap:8px;font-size:.95rem}.role li .ic{color:var(--ok);margin-top:4px}
.langs__box{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:28px;display:grid;gap:14px}
.lchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.lchip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-strong);font-size:.9rem;color:var(--text)}
.lchip--full{background:var(--wash);border-color:transparent;color:var(--accent);font-weight:600}.lchips--dim .lchip{color:var(--body);font-size:.82rem;padding:4px 10px}
.faq{display:grid;gap:10px}.qa{background:var(--surface);border:1px solid var(--border);border-radius:12px}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;color:var(--text);font-weight:600}.qa summary::-webkit-details-marker{display:none}
.qa__ic{transition:transform .2s;color:var(--accent)}.qa[open] .qa__ic{transform:rotate(45deg)}.qa__a{padding:0 20px 20px}
.cta__box{border-radius:28px;padding:64px 28px;text-align:center;background:linear-gradient(135deg,#0f3a75,#1B4F99 60%,#5a49b8);color:#fff;display:grid;gap:16px;justify-items:center}
.cta__box h2{color:#fff}.cta__box .lead{color:rgba(255,255,255,.88)}
.site-footer{border-top:1px solid var(--border);padding:56px 0 28px;background:var(--surface)}
.site-footer__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.site-footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.site-footer a:not(.logo){display:block;padding:4px 0;color:var(--body);text-decoration:none;font-size:.95rem}.site-footer a:not(.logo):hover{color:var(--accent)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid var(--border);font-size:.85rem}
/* mock-ups */
.mock{margin:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shl);overflow:hidden;color:var(--body);font-size:.85rem}
.mock__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.mock__title{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:600}.mock__sub{color:var(--body)}
.mock__scroll{overflow-x:auto}.mock__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border);flex-wrap:wrap}.mock__foot--end{justify-content:flex-end}.mock__sum{font-weight:500}
.qgrid{width:100%;border-collapse:collapse;min-width:520px}.qgrid th,.qgrid td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.qgrid thead th{font-weight:600;color:var(--text);font-size:.78rem}.qgrid .dow{display:block;color:var(--body);font-weight:400;text-transform:capitalize}.qgrid tbody th{color:var(--text);font-weight:600;position:sticky;left:0;background:var(--surface);border-right:1px solid var(--border-strong)}
.mock--compact .qgrid{min-width:0}.mock--compact .qgrid th,.mock--compact .qgrid td{padding:5px 6px}
.chip{display:inline-block;padding:3px 9px;border-radius:999px;font-weight:500;font-size:.78rem;color:var(--text);animation:pop .4s both;animation-delay:calc(var(--i,0)*12ms)}
@keyframes pop{from{opacity:0;transform:scale(.85)}}
.chip--confirmed{background:var(--ok-w)}.chip--pending{background:var(--warn-w)}.chip--draft{background:var(--neutral-w)}.chip--conflict{background:var(--bad-w);box-shadow:inset 0 0 0 1.5px var(--bad)}
.legend{display:flex;gap:12px;flex-wrap:wrap}.legend__item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--body)}.dot--confirmed{background:var(--ok)}.dot--pending{background:var(--warn)}.dot--draft{background:var(--body)}.dot--conflict{background:var(--bad)}
.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--neutral-w);color:var(--text);font-size:.78rem;font-weight:500}.tag--ok{background:var(--ok-w)}
.tag--ok .ic{color:var(--ok)}
.phone{margin:0;background:var(--surface);border:6px solid #1c1917;border-radius:30px;box-shadow:var(--shl);overflow:hidden;max-width:300px;margin-inline:auto;position:relative;font-size:.85rem}
:root[data-theme=dark] .phone{border-color:#44403c}
.phone__notch{width:70px;height:6px;border-radius:9px;background:#1c1917;margin:6px auto 0}
.phone__head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.phone__head small{display:block;color:var(--body);font-size:.72rem}.phone__head strong{color:var(--text)}
.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--wash);color:var(--accent);font-weight:600;font-size:.75rem;flex:none}.avatar--bot{background:var(--accent);color:var(--accent-on)}
.phone__body{padding:12px;display:grid;gap:8px;min-height:230px;align-content:start;background:var(--canvas)}
.day-pill{justify-self:center;font-size:.7rem;padding:2px 10px;border-radius:999px;background:var(--neutral-w)}
.bubble{max-width:88%;padding:8px 11px;border-radius:14px;line-height:1.4}.bubble time{display:block;text-align:right;font-size:.65rem;opacity:.7;margin-top:2px}
.bubble--bot{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.bubble--me{justify-self:end;background:var(--accent);color:var(--accent-on);border-bottom-right-radius:4px}
.bubble[hidden],.toast[hidden]{display:none}
.tg-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tg-btn{border:0;border-radius:10px;padding:9px;background:var(--wash);color:var(--accent);font:600 .8rem var(--font);cursor:pointer}.tg-btn:hover{background:var(--accent);color:var(--accent-on)}
.tg-btns.done{display:none}
.phone__hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:.72rem;color:var(--body);border-top:1px solid var(--border)}
.mock--voice{padding:16px;display:grid;gap:12px;max-width:440px}.voice__msg{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--wash);border-radius:14px}
.voice__play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-on);cursor:pointer;flex:none}
.wave{display:flex;align-items:center;gap:2px;flex:1;height:34px;overflow:hidden}.wave i{width:3px;height:var(--h);border-radius:2px;background:var(--accent);opacity:.7;flex:none}
.is-playing .wave i{animation:wv .8s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes wv{to{transform:scaleY(.35)}}
.voice__step small,.voice__result small{color:var(--body);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.voice__text{color:var(--text);font-style:italic;margin-top:4px}
.voice__arrow{justify-self:center;color:var(--accent);transform:rotate(90deg)}
.voice__result{padding:12px;border-radius:12px;border:1px solid var(--border);opacity:.35;transition:opacity .4s}.is-done .voice__result,.voice__result.on{opacity:1}
.intent{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.intent strong{color:var(--text);margin-right:4px}
.mock--dialog{max-width:380px}.picklist{padding:6px}.pick{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer}.pick:hover{background:var(--sunken)}.pick--sel{background:var(--wash)}.pick--away .pick__name{opacity:.75}
.pick__name{flex:1;color:var(--text);font-weight:500}.pick__name small{display:block;font-weight:400;color:var(--body);font-size:.75rem}.pick__count{color:var(--body)}
.mock--approve{max-width:420px;position:relative}.approve__list{padding:8px 14px;display:grid;gap:8px}.approve__list li{display:flex;gap:10px;align-items:center;color:var(--text)}
.approve__actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid var(--border)}
.toast{display:flex;gap:8px;align-items:center;margin:0 14px 14px;padding:10px 12px;border-radius:10px;background:var(--ok-w);color:var(--text)}.toast .ic{color:var(--ok)}
.duo{display:grid;gap:18px;grid-template-columns:1fr;max-width:480px}
.paper{margin:0;position:relative;background:#fff;color:#1c1917;border-radius:6px;padding:16px;box-shadow:var(--shl);font-size:.72rem;border:1px solid var(--border-strong)}
.paper__head{display:flex;justify-content:space-between;margin-bottom:8px;gap:8px}.paper table{width:100%;border-collapse:collapse}.paper th,.paper td{border:1px solid #d6d3d1;padding:4px 6px;text-align:left}.paper thead th{background:#e8eef7;color:#0f3a75}.paper tbody th{background:#f5f5f4}
.paper__badge{position:absolute;right:-8px;top:-10px;background:#b91c1c;color:#fff;font-weight:700;font-size:.7rem;padding:3px 8px;border-radius:6px;transform:rotate(6deg)}
.week__body{padding:14px;display:grid;gap:6px}.week__time{color:var(--accent);font-weight:600}.week__topic{color:var(--text);font-weight:600}.week__body ul{list-style:disc;padding-left:18px;display:grid;gap:3px}
/* misc pages */
.plain{min-height:100vh;display:grid;place-items:center;text-align:center}.plain__in{display:grid;gap:20px;justify-items:center;padding:24px;max-width:560px}.plain__links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.legal{padding:56px 0 80px}.legal h1{margin-bottom:24px}.legal section{margin-top:28px}.legal h2{font-size:1.2rem;margin-bottom:8px}.legal p{margin-top:6px}
.todo{background:#fde68a;color:#451a03;padding:0 4px;border-radius:4px}.todo-banner{padding:12px 16px;border-radius:10px;background:var(--warn-w);color:var(--text);margin-bottom:24px}
/* reveal */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
/* responsive */
@media(max-width:980px){.hero__in,.show{grid-template-columns:1fr}.show--flip .show__text{order:0}.hero__visual{min-height:0;margin-bottom:40px}.hero__phone{right:0;bottom:-40px;width:190px}
.cards,.roles{grid-template-columns:1fr 1fr}.cards--4,.steps{grid-template-columns:1fr 1fr}.strip{grid-template-columns:1fr 1fr}.site-footer__in{grid-template-columns:1fr 1fr}
.nav-toggle{display:inline-grid}.hide-sm{display:none}
.nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;margin:0;padding:12px 16px;background:var(--canvas);border-bottom:1px solid var(--border)}.nav.open{display:flex}}
@media(max-width:640px){.section{padding:60px 0}.cards,.cards--4,.roles,.steps,.compare,.strip{grid-template-columns:1fr}.hero{padding-top:44px}.hero__phone{display:none}.stage{padding:14px;border-radius:18px}.site-footer__in{grid-template-columns:1fr}.cta__box{padding:44px 20px}.logo span{display:none}.site-footer .logo span{display:inline}}
.hero__in>*,.show>*{min-width:0}
.hero__visual{padding-bottom:40px}
.hero__phone{width:200px;right:-14px;bottom:-30px}
@media(max-width:980px){.hero__phone{width:170px;bottom:-30px}}
.paper__badge{right:4px;top:-12px}
.duo,.mock,.paper{min-width:0;max-width:100%}.paper{overflow:visible}.paper table{table-layout:fixed}.paper th,.paper td{overflow-wrap:anywhere}
.btn--sm{white-space:normal;text-align:center}.approve__actions .btn{flex:1 1 auto}
.show__visual,.stage{min-width:0;max-width:100%}
/* ---- app-like quarter plan ---- */
.wrap--wide{width:min(1560px,100% - 32px)}
.section--plan{padding:80px 0 72px;background:linear-gradient(180deg,var(--canvas),var(--sunken))}
.points--row{grid-template-columns:repeat(3,1fr);gap:14px 28px;margin:-20px 0 36px}
.points--row li{align-items:flex-start}
.app{margin:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shl);overflow:hidden;font-size:.82rem;color:var(--text)}
.appbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
.appbar--compact{align-items:center;justify-content:space-between;padding:10px 14px}
.fld{display:grid;gap:2px}.fld small{font-size:.7rem;color:var(--body)}
.sel{display:inline-flex;align-items:center;min-width:76px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-weight:500}.sel::after{content:"";margin-left:auto;padding-left:14px;width:7px;height:7px;border-right:1.5px solid var(--body);border-bottom:1.5px solid var(--body);transform:translateY(-2px) rotate(45deg);box-sizing:content-box;background:none}
.fld--wide .sel{min-width:170px}
.abtn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:600 .8rem var(--font);cursor:default;white-space:nowrap}
.abtn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on);cursor:pointer}.abtn--primary:hover{background:var(--accent-hover)}
.abtn--toggle{margin-left:auto;cursor:pointer}.abtn--toggle:hover{background:var(--sunken)}
.app .qgrid{min-width:980px}.app .qgrid th,.app .qgrid td{padding:0;border-bottom:1px solid var(--border);height:34px;font-size:.8rem}
.app .qgrid thead th{padding:6px 8px;text-align:center;background:var(--sunken);height:auto;line-height:1.25;border-left:1px solid var(--border)}
.app .qgrid thead .qgrid__corner{text-align:left;color:var(--body);font-weight:500;border-left:0;min-width:150px}
.app .qgrid .dt{display:block;font-weight:600;color:var(--text)}.app .qgrid .dow{display:block;text-transform:none;color:var(--body);font-weight:400;font-size:.72rem}
.app .qgrid tbody th{padding:0 12px;font-weight:500;background:var(--surface);z-index:1}
.app .qgrid td{padding:3px 4px;text-align:center;border-left:1px solid var(--border)}
.app .qgrid tr.grp th{background:var(--surface);color:var(--accent);font-weight:600;padding:8px 12px;height:auto;position:static;border-right:0}
.app .chip{display:block;border-radius:6px;padding:4px 6px;font-weight:500;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app .chip--confirmed{background:var(--ok-w);color:var(--ok)}
.app .chip--pending{background:transparent;color:var(--text)}
.app .chip--conflict{background:transparent;color:var(--text);box-shadow:inset 0 0 0 2px var(--warn);border-radius:8px}
.plus{color:var(--bad);font-size:1.15rem;line-height:1;opacity:.85}
.dot--empty{background:var(--bad)}
.app[data-view=grid] .app__view--list{display:none}.app[data-view=list] .app__view--grid{display:none}
.app__view--list{padding:6px 16px 16px;columns:3 340px;column-gap:28px}
.pl__group{column-span:all;color:var(--accent);font-weight:600;padding:12px 0 6px;border-bottom:1px solid var(--border);margin-bottom:10px}
.pl__block{break-inside:avoid;margin-bottom:18px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.pl__role{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--sunken);color:var(--text)}.pl__role span{color:var(--body);font-size:.75rem}
.pl__person{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px;padding:8px 12px}.pl__person--alt{background:color-mix(in srgb,var(--sunken) 55%,transparent)}
.pl__name{font-weight:600;min-width:84px}.pl__n{color:var(--body);margin-right:4px}
.qd{display:inline-block;padding:2px 8px;border-radius:7px;border:1px solid var(--border-strong);font-size:.74rem;font-weight:500;color:var(--text)}
.qd--confirmed{border-color:transparent;background:var(--ok-w);color:var(--ok)}.qd--conflict{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}
.app .mock__foot{background:var(--surface)}
.mock--compact{display:none}
.hero__grid .app{font-size:.74rem}.hero__grid .app .qgrid{min-width:0}.hero__grid .app .qgrid thead .qgrid__corner{min-width:92px}
.hero__grid .app .chip{padding:3px 4px;font-size:.72rem}
.hero__grid .mock__foot{display:none}
/* contact */
.contact{background:var(--sunken)}
.contact__in{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.contact__text{display:grid;gap:16px;position:sticky;top:96px}.contact__direct a{font-weight:600}
.cform{display:grid;gap:14px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);box-shadow:var(--sh)}
.cform label{display:grid;gap:6px;font-weight:500;color:var(--text);font-size:.92rem}
.cform input:not([type=checkbox]),.cform textarea{font:inherit;color:var(--text);background:var(--canvas);border:1px solid var(--border-strong);border-radius:8px;padding:11px 12px;width:100%}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.cform textarea{resize:vertical}
.cform__consent{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px!important;font-weight:400!important;color:var(--body)!important}
.cform__consent input{margin-top:4px;width:auto}
.cform .btn{justify-self:start}
@media(max-width:980px){.points--row{grid-template-columns:1fr}.contact__in{grid-template-columns:1fr;gap:28px}.contact__text{position:static}.appbar .abtn--toggle{margin-left:0}}
@media(max-width:640px){.app .qgrid{min-width:720px}.appbar{padding:12px}.fld--wide{display:none}}
.sel::after{content:"";width:6px;height:6px;margin:-3px 0 0 auto;padding:0;border-right:1.5px solid var(--body);border-bottom:1.5px solid var(--body);transform:rotate(45deg);box-sizing:border-box;flex:none}
.sel{gap:14px}
.app .dot--conflict{background:transparent;box-shadow:inset 0 0 0 2px var(--warn)}
.app .dot--pending{background:var(--border-strong)}
.hero__visual{padding-bottom:64px}.hero__phone{width:180px;right:-6px;bottom:-14px}

/* ---- telegram mini app ---- */
.miniapp__in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.miniapp__in>*{min-width:0}
.miniapp__text{display:grid;gap:16px}
.noinstall{display:flex;gap:14px;align-items:flex-start;margin-top:8px;padding:18px;border-radius:14px;background:var(--wash);color:var(--text)}
.noinstall>.ic{width:28px;height:28px;color:var(--accent);flex:none}.noinstall p{color:var(--body);margin:2px 0 10px;font-size:.95rem}.noinstall__chips{display:flex;gap:8px}
.miniapp__visual{display:grid;place-items:center;padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--wash),transparent 70%),var(--surface);border:1px solid var(--border)}
.phone--mini{max-width:340px;width:100%;display:flex;flex-direction:column;min-height:600px;transform:none}
.mini__body{flex:1;padding:14px;background:var(--canvas);overflow:hidden}.mini__body h4{margin:0 0 10px;color:var(--text);font-size:1rem;display:flex;justify-content:space-between;align-items:baseline;letter-spacing:-.01em}.mini__body h4 small{color:var(--body);font-weight:500;font-size:.78rem}
.mini__body [hidden]{display:none}.svcs{display:grid;gap:10px}
.svc{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;gap:10px}
.svc__top{display:flex;justify-content:space-between;gap:8px}.svc__top strong{color:var(--text);display:block}.svc__top small{color:var(--body);font-size:.74rem}
.svc__state{align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--neutral-w);color:var(--text);white-space:nowrap}
.svc[data-state=confirmed] .svc__state{background:var(--ok-w);color:var(--ok)}.svc[data-state=declined] .svc__state{background:var(--bad-w);color:var(--bad)}
.svc[data-state=confirmed] [data-svc-act=confirmed],.svc[data-state=declined] [data-svc-act]{opacity:.45}
.svc__btns{display:flex;gap:6px;flex-wrap:wrap}
.mbtn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:600 .76rem var(--font);cursor:pointer}
.mbtn--ok{background:var(--ok-w);border-color:transparent;color:var(--ok)}.mbtn--ghost{border-style:dashed;cursor:default;color:var(--body)}
.mbtn--primary{width:100%;background:var(--accent);border-color:var(--accent);color:var(--accent-on);padding:11px;margin-top:12px}
.mbtn--ic{width:34px;height:34px;padding:0}.mbtn:disabled{opacity:.35;cursor:default}.flip{transform:scaleX(-1)}
.wkbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.wkbar h4{margin:0}
.wk{display:grid;gap:8px}.wk__range{color:var(--accent);font-weight:600;font-size:.82rem;text-align:center}
.wk__ev{padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.wk__ev strong{color:var(--text);display:block}.wk__ev small{color:var(--body);font-size:.74rem}
.wk__ev-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wk__ev--open{cursor:pointer;border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.wk__chev{transition:transform .2s;color:var(--accent)}
.wk__ev[aria-expanded=true] .wk__chev{transform:rotate(90deg)}
.wk__plan{display:none;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);gap:6px}.wk__ev[aria-expanded=true] .wk__plan{display:grid}
.wk__plan div{display:flex;justify-content:space-between;font-size:.8rem}.wk__plan span{color:var(--body)}.wk__plan b{color:var(--text);font-weight:600}
.mini__hint{margin-top:10px;text-align:center;font-size:.72rem;color:var(--body)}
.seg{display:flex;padding:3px;border-radius:10px;background:var(--neutral-w);margin-bottom:8px}.seg__i{flex:1;text-align:center;padding:7px 8px;border:0;border-radius:8px;background:none;font:600 .76rem var(--font);color:var(--body);cursor:pointer}
.seg__i.is-on{background:var(--surface);color:var(--text);box-shadow:var(--sh)}.seg--sm{margin-bottom:12px}
.av{display:grid;gap:6px}.av__day{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:500 .82rem var(--font);cursor:pointer;text-align:left}
.av__day em{font-style:normal;font-weight:600;font-size:.74rem;padding:2px 10px;border-radius:999px;background:var(--ok-w);color:var(--ok)}
.av__day.is-off{border-color:color-mix(in srgb,var(--bad) 45%,var(--border))}.av__day.is-off em{background:var(--bad-w);color:var(--bad)}
.mini__body .toast{margin:10px 0 0}
.mtabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);background:var(--surface)}
.mtab{display:grid;justify-items:center;gap:2px;padding:9px 4px 10px;border:0;background:none;color:var(--body);font:500 .68rem var(--font);cursor:pointer}.mtab .ic{width:20px;height:20px}
.mtab.is-on{color:var(--accent)}.mtab span{text-align:center;line-height:1.2}
@media(max-width:980px){.miniapp__in{grid-template-columns:1fr;gap:32px}.miniapp__visual{padding:18px}}