/* Delarium — style.css */

@font-face{font-family:"Onest";src:url(../fonts/onest-cyrillic-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+20BD}
@font-face{font-family:"Onest";src:url(../fonts/onest-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Literata";src:url(../fonts/literata-cyrillic-wght-normal.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Literata";src:url(../fonts/literata-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Literata";src:url(../fonts/literata-cyrillic-wght-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Literata";src:url(../fonts/literata-latin-wght-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#F3F0E9;
  --paper-2:#EAE5D9;
  --paper-3:#DED7C7;
  --card:#FBFAF6;
  --ink:#131A18;
  --ink-2:#1D2724;
  --ink-3:#2A3532;
  --ink-soft:#46524E;
  --muted:#6E7672;
  --line:rgba(19,26,24,.11);
  --line-2:rgba(19,26,24,.2);
  --line-d:rgba(243,240,233,.12);
  --accent:#C9512E;
  --accent-2:#B0431F;
  --accent-l:#E46D46;
  --sage:#9DB3A6;
  --moss:#2E4A3F;
  --ok:#3E9A69;
  --amber:#D3A04A;
  --sans:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Literata",Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Consolas,monospace;
  --r-s:10px;--r:16px;--r-l:24px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --wrap:1240px;
  --pad:clamp(20px,4vw,40px);
  --hdr:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:400}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.serif{font-family:var(--serif)}
.i{width:16px;height:16px;flex:none}

/* ---------- page transitions ---------- */
html.js body{animation:fadeIn .45s var(--ease) backwards}
html.js main{animation:pageIn .7s var(--ease) backwards}
@keyframes fadeIn{from{opacity:0}}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}}
html.is-leaving body{opacity:0;transition:opacity .24s var(--ease-io)}
html.i18n-wait body{visibility:hidden}

/* ---------- type ---------- */
.kicker{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted)}
.kicker b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--accent)}
.kicker::after{content:"";width:36px;height:1px;background:currentColor;opacity:.5}
.h2{font-family:var(--serif);font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.025em;font-weight:400}
.h2 em{font-style:italic;color:var(--accent)}
.lead{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.6;color:var(--ink-soft);max-width:38em}
.sec{padding:clamp(72px,10vw,136px) 0}
.sec__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.sec__head .kicker{margin-bottom:22px}
.sec__head .lead{justify-self:end}

/* ---------- buttons ---------- */
.btn{--bg:var(--ink);--fg:var(--paper);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:12px;background:var(--bg);color:var(--fg);font-size:15.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .2s var(--ease),background .25s,color .25s,box-shadow .25s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--hov,var(--accent));transform:translateY(101%);transition:transform .45s var(--ease)}
.btn:hover::before{transform:none}
.btn:active{transform:scale(.97)}
.btn .i{transition:transform .35s var(--ease)}
.btn:hover .i{transform:translateX(3px)}
.btn--accent{--bg:var(--accent);--fg:#fff;--hov:var(--ink)}
.btn--line{--bg:transparent;--fg:var(--ink);--hov:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--line:hover{color:var(--paper)}
.btn--light{--bg:var(--paper);--fg:var(--ink);--hov:var(--accent)}
.btn--light:hover{color:#fff}
.btn--ghost-d{--bg:transparent;--fg:var(--paper);--hov:var(--paper);box-shadow:inset 0 0 0 1px rgba(243,240,233,.28)}
.btn--ghost-d:hover{color:var(--ink)}
.btn--sm{height:40px;padding:0 16px;font-size:14.5px;border-radius:10px}
.btn--block{width:100%}
.btn[disabled],.btn.is-loading{pointer-events:none}
.btn.is-loading>*{opacity:0}
.btn.is-loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

.link{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:500;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--ease)}
.link:hover{background-size:100% 1px}
.u{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;transition:text-decoration-color .2s}
.u:hover{text-decoration-color:currentColor}

/* ---------- logo ---------- */
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1}
.logo svg{width:26px;height:30px}
.logo .lg-a{stroke:var(--accent)}
.logo:hover .lg-a{animation:lgPulse 1s var(--ease)}
@keyframes lgPulse{0%{opacity:1}40%{opacity:.25}100%{opacity:1}}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:60;transition:background .35s,box-shadow .35s,backdrop-filter .35s}
.hdr.is-scrolled{background:rgba(243,240,233,.84);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);box-shadow:0 1px 0 var(--line)}
.hdr__in{display:flex;align-items:center;height:var(--hdr);gap:28px}
.nav{display:flex;gap:2px}
.nav a{position:relative;padding:8px 12px;border-radius:8px;font-size:15px;color:var(--ink-soft);transition:color .2s,background .2s}
.nav a:hover{color:var(--ink);background:rgba(19,26,24,.05)}
.nav a.is-active{color:var(--ink)}
.nav a.is-active::after{content:"";position:absolute;left:50%;bottom:1px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.hdr__act{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr__login{padding:8px 12px;border-radius:8px;font-size:15px;font-weight:500;transition:background .2s}
.hdr__login:hover{background:rgba(19,26,24,.06)}

.lang{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-2)}
.lang::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:7px;background:var(--ink);transition:transform .35s var(--ease)}
html[data-lang="en"] .lang::before{transform:translateX(100%)}
.lang button{position:relative;z-index:1;min-width:34px;padding:4px 8px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted);border-radius:7px;transition:color .3s}
.lang button[aria-pressed="true"]{color:var(--paper)}
.lang--d{box-shadow:inset 0 0 0 1px rgba(243,240,233,.25)}
.lang--d::before{background:var(--paper)}
.lang--d button{color:rgba(243,240,233,.6)}
.lang--d button[aria-pressed="true"]{color:var(--ink)}

.burger{display:none;width:44px;height:44px;margin-right:-10px;border-radius:10px;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .35s var(--ease),opacity .2s}
.burger span:nth-child(1){top:17px}
.burger span:nth-child(2){top:25px}
.menu-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

.mnav{position:fixed;inset:var(--hdr) 0 0;z-index:55;background:var(--paper);padding:20px var(--pad) 32px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s;overflow-y:auto}
.menu-open .mnav{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--ease)}
.mnav a.mnav__l{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:26px;letter-spacing:-.02em}
.mnav a.mnav__l::after{content:"→";font-family:var(--sans);font-size:18px;color:var(--muted)}
.mnav__b{margin-top:auto;padding-top:28px;display:grid;gap:10px}
.mnav__b .lang{justify-self:start;margin-bottom:8px}
.menu-open body{overflow:hidden}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(28px,5vw,64px) 0 clamp(72px,9vw,120px);overflow:hidden}
.hero__rings{position:absolute;width:1300px;height:1300px;right:-430px;top:-360px;pointer-events:none;background:repeating-radial-gradient(circle at center,transparent 0 58px,rgba(19,26,24,.06) 58px 59px);-webkit-mask:radial-gradient(circle at center,#000 0 22%,transparent 64%);mask:radial-gradient(circle at center,#000 0 22%,transparent 64%)}
.hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,5vw,72px);align-items:center}
.hero__tag{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--ink-soft);margin-bottom:28px}
.hero__tag i{position:relative;width:20px;height:20px;border-radius:50%;background:rgba(62,154,105,.14);display:grid;place-items:center}
.hero__tag i::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(62,154,105,.5);animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(62,154,105,.45)}70%,100%{box-shadow:0 0 0 7px rgba(62,154,105,0)}}
.hero h1{font-family:var(--serif);font-size:clamp(2.7rem,5.7vw,5.2rem);line-height:1;letter-spacing:-.035em;font-weight:380;margin-bottom:28px}
.hero h1 em{font-style:italic;font-weight:360;color:var(--accent)}
.hero .lead{margin-bottom:36px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.hero__note{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
.hero__note span{display:inline-flex;align-items:center;gap:7px}
.hero__note span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sage)}

/* call card */
.stage{position:relative;padding:28px 0 92px 36px}
.call{position:relative;z-index:2;background:var(--ink);color:var(--paper);border-radius:22px;padding:20px;box-shadow:0 50px 80px -40px rgba(19,26,24,.55),0 20px 30px -20px rgba(19,26,24,.35);max-width:460px;margin-left:auto}
.call__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px;border-bottom:1px solid var(--line-d)}
.call__ttl{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500}
.call__ttl i{width:8px;height:8px;border-radius:50%;background:var(--accent-l);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.call__time{font-family:var(--mono);font-size:13px;color:rgba(243,240,233,.6);font-variant-numeric:tabular-nums}
.call__sec{display:flex;align-items:center;gap:8px;margin:12px 4px 8px;font-size:12px;color:rgba(243,240,233,.5)}
.call__sec svg{width:13px;height:13px;color:var(--sage)}
.ppl li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;transition:background .4s}
.ppl li.is-speaking{background:rgba(243,240,233,.06)}
.av{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:13.5px;font-weight:600;letter-spacing:.02em;background:var(--c,#3a4642);color:var(--ink)}
.av::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--accent-l);opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}
.is-speaking .av::after{opacity:1;transform:none}
.ppl b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.ppl small{display:block;font-size:12.5px;color:rgba(243,240,233,.48)}
.wave{display:flex;align-items:center;gap:3px;height:20px;width:30px}
.wave i{flex:1;height:100%;border-radius:2px;background:var(--paper);opacity:.2;transform:scaleY(.18);transform-origin:center}
.is-speaking .wave i{opacity:1;background:var(--accent-l);animation:wv .9s var(--ease-io) infinite alternate}
.is-speaking .wave i:nth-child(2){animation-delay:-.3s}
.is-speaking .wave i:nth-child(3){animation-delay:-.6s}
.is-speaking .wave i:nth-child(4){animation-delay:-.15s}
@keyframes wv{0%{transform:scaleY(.2)}100%{transform:scaleY(1)}}
.muted-ic{width:18px;height:18px;color:rgba(243,240,233,.4)}
.ppl__more{padding:8px 8px 4px 60px;font-size:12.5px;color:rgba(243,240,233,.45)}
.call__ctl{display:flex;justify-content:center;gap:10px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line-d)}
.call__ctl span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(243,240,233,.07);transition:background .2s}
.call__ctl span:hover{background:rgba(243,240,233,.14)}
.call__ctl svg{width:19px;height:19px}
.call__ctl .end{background:var(--accent);width:62px}
.call__ctl .end:hover{background:var(--accent-l)}

.tcard{position:absolute;z-index:3;left:0;bottom:0;width:min(300px,70%);padding:16px 18px;border-radius:16px;background:var(--card);box-shadow:0 30px 50px -28px rgba(19,26,24,.45),inset 0 0 0 1px var(--line);font-size:13px;line-height:1.5;animation:float 7s ease-in-out infinite}
.tcard__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;color:var(--muted)}
.tcard__h b{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:600}
.tcard__h b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.tcard p{color:var(--ink-soft);opacity:0;transform:translateY(4px);animation:tline 9s infinite}
.tcard p+p{margin-top:6px;animation-delay:1.4s}
.tcard p:nth-child(4){animation-delay:2.8s}
.tcard p strong{color:var(--ink);font-weight:600}
@keyframes tline{0%,4%{opacity:0;transform:translateY(4px)}10%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.badge{position:absolute;z-index:3;top:0;right:-8px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--card);box-shadow:0 20px 40px -24px rgba(19,26,24,.5),inset 0 0 0 1px var(--line);font-size:12.5px;line-height:1.3;animation:float 8s ease-in-out -3s infinite}
.badge svg{width:28px;height:28px;color:var(--moss)}
.badge b{display:block;font-size:13.5px}
.badge small{color:var(--muted)}
@keyframes float{50%{transform:translateY(-8px)}}

/* ---------- clients ---------- */
.clients{padding:0 0 clamp(64px,8vw,100px)}
.clients__t{text-align:center;font-size:14px;color:var(--muted);margin-bottom:28px}
.marq{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq__track{display:flex;width:max-content;animation:marq 48s linear infinite}
.marq:hover .marq__track{animation-play-state:paused}
.marq ul{display:flex;align-items:center;gap:72px;padding-right:72px}
.marq li{white-space:nowrap;color:var(--ink-soft);opacity:.72;transition:opacity .3s;line-height:1}
.marq li:hover{opacity:1}
@keyframes marq{to{transform:translateX(-50%)}}
.cl1{font-family:var(--sans);font-weight:700;letter-spacing:.18em;font-size:15px;text-transform:uppercase}
.cl2{font-family:var(--serif);font-style:italic;font-size:24px;letter-spacing:-.02em}
.cl3{font-family:var(--sans);font-weight:300;font-size:22px;letter-spacing:-.03em}
.cl3 b{font-weight:700}
.cl4{font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:.06em;text-transform:uppercase}
.cl5{font-family:var(--sans);font-weight:600;font-size:20px;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:8px}
.cl5::before{content:"";width:14px;height:14px;border-radius:3px;border:2.5px solid currentColor;transform:rotate(45deg)}
.cl6{font-family:var(--mono);font-size:16px;letter-spacing:.02em}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.stat{padding:28px 28px 0 0}
.stat+.stat{padding-left:28px;border-left:1px solid var(--line)}
.stat b{display:block;font-family:var(--serif);font-weight:350;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.04em;line-height:1;margin-bottom:12px;font-variant-numeric:lining-nums}
.stat b sup{font-size:.45em;vertical-align:.9em;margin-left:2px;color:var(--accent)}
.stat span{font-size:14.5px;color:var(--muted);display:block;max-width:15em}

/* ---------- scenarios (tabs) ---------- */
.scen{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,64px);align-items:stretch}
.tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tab{position:relative;display:block;width:100%;text-align:left;padding:22px 0 22px 52px;border-bottom:1px solid var(--line);transition:padding .3s}
.tab__n{position:absolute;left:0;top:25px;font-family:var(--mono);font-size:12px;color:var(--muted);transition:color .3s}
.tab__t{display:block;font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.6rem);letter-spacing:-.02em;line-height:1.25;color:var(--ink-soft);transition:color .3s}
.tab__d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.tab__d>span{overflow:hidden;font-size:15.5px;color:var(--ink-soft);line-height:1.6}
.tab__d>span>span{display:block;padding-top:10px;max-width:30em}
.tab__bar{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--ink)}
.tab:hover .tab__t{color:var(--ink)}
.tab[aria-selected="true"] .tab__t{color:var(--ink)}
.tab[aria-selected="true"] .tab__n{color:var(--accent)}
.tab[aria-selected="true"] .tab__d{grid-template-rows:1fr}
.tab[aria-selected="true"] .tab__bar{animation:tabbar var(--dur,8s) linear forwards}
.tabs.is-manual .tab[aria-selected="true"] .tab__bar{animation:none;width:100%}
.tabs.is-paused .tab[aria-selected="true"] .tab__bar{animation-play-state:paused}
@keyframes tabbar{to{width:100%}}

.panels{position:relative;min-height:470px;border-radius:var(--r-l);background:var(--paper-2);overflow:hidden}
.panels::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(201,81,46,.09),transparent 45%),radial-gradient(circle at 0 100%,rgba(46,74,63,.1),transparent 50%)}
.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px);opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s .45s}
.panel.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease) .08s,transform .7s var(--ease) .08s}
.panel ul.chk{margin-top:0}
.ui{width:100%;max-width:440px;background:var(--card);border-radius:18px;box-shadow:0 30px 60px -36px rgba(19,26,24,.45),inset 0 0 0 1px var(--line);padding:18px;font-size:14px}
.ui__h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:13px;color:var(--muted)}
.ui__h b{color:var(--ink);font-size:14.5px;font-weight:600}
.search{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;background:var(--paper);color:var(--muted);font-size:13.5px;margin-bottom:8px}
.search svg{width:15px;height:15px}
.dir li{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--line)}
.dir li:last-child{border-bottom:0}
.dir .av{width:36px;height:36px;font-size:12px}
.dir .av::after{display:none}
.dir .st{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--card);background:var(--ok)}
.dir .st.aw{background:var(--amber)}
.dir .st.of{background:#B8BDB9}
.dir b{display:block;font-weight:500;font-size:14px;line-height:1.3}
.dir small{display:block;color:var(--muted);font-size:12px}
.dir .ext{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.dir .cb{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--paper);color:var(--ink);transition:background .2s,color .2s}
.dir li:hover .cb{background:var(--ok);color:#fff}
.dir .cb svg{width:15px;height:15px}

.grid9{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.grid9 span{aspect-ratio:1;border-radius:12px;background:var(--paper);display:grid;place-items:center;font-size:12.5px;font-weight:600;color:var(--ink-soft);position:relative}
.grid9 span.on{background:var(--ink);color:var(--paper);box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--accent)}
.grid9 span.mu::after{content:"";position:absolute;right:7px;bottom:7px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.grid9 span.more{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--muted);font-weight:500}
.ui__f{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12.5px;color:var(--muted)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--paper);font-size:12px;color:var(--ink-soft)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.pill--r::before{background:var(--accent)}

.flow{display:grid;gap:10px}
.node{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--paper);font-size:13.5px}
.node b{font-weight:600}
.node small{color:var(--muted);font-size:12px}
.node--src{background:var(--ink);color:var(--paper)}
.node--src small{color:rgba(243,240,233,.55)}
.node--src b{font-family:var(--mono);font-weight:500;letter-spacing:.02em}
.flow__arr{display:flex;justify-content:center;color:var(--muted)}
.flow__arr svg{width:16px;height:16px}
.flow__2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flow__2 .node{flex-direction:column;align-items:flex-start;gap:2px}
.mini-wave{display:flex;gap:2px;align-items:center;height:14px}
.mini-wave i{width:2px;border-radius:1px;background:var(--accent);animation:wv .8s var(--ease-io) infinite alternate}
.mini-wave i:nth-child(1){height:40%}.mini-wave i:nth-child(2){height:90%;animation-delay:-.2s}.mini-wave i:nth-child(3){height:60%;animation-delay:-.5s}.mini-wave i:nth-child(4){height:100%;animation-delay:-.35s}.mini-wave i:nth-child(5){height:50%;animation-delay:-.1s}

.tr li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:8px 0;font-size:13.5px;line-height:1.5}
.tr time{font-family:var(--mono);font-size:11.5px;color:var(--muted);padding-top:2px}
.tr b{font-weight:600}
.tr p{color:var(--ink-soft)}
.sum{margin-top:10px;padding:14px;border-radius:12px;background:var(--paper);font-size:13px;line-height:1.55}
.sum b{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.sum li{position:relative;padding-left:14px;color:var(--ink-soft)}
.sum li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:1px;background:currentColor}

/* features grid */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.fi{padding:32px 32px 32px 0;border-bottom:1px solid var(--line)}
.fi:nth-child(3n+2),.fi:nth-child(3n){padding-left:32px;border-left:1px solid var(--line)}
.fi svg{width:28px;height:28px;color:var(--accent);margin-bottom:22px;transition:transform .5s var(--ease)}
.fi:hover svg{transform:translateY(-3px) rotate(-4deg)}
.fi h3{font-size:17.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}
.fi p{font-size:15px;color:var(--ink-soft);line-height:1.6}

/* ---------- security (dark) ---------- */
.dark{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.dark .kicker{color:rgba(243,240,233,.55)}
.dark .kicker b{color:var(--accent-l)}
.dark .lead{color:rgba(243,240,233,.68)}
.dark .h2 em{color:var(--accent-l)}
.sec-grid{display:grid;grid-template-columns:1fr 380px;gap:clamp(32px,5vw,72px);align-items:start}
.law{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-d)}
.law li{padding:28px 28px 30px 0;border-bottom:1px solid var(--line-d)}
.law li:nth-child(even){padding-left:28px;padding-right:0;border-left:1px solid var(--line-d)}
.law h3{font-size:17.5px;font-weight:600;margin-bottom:10px;display:flex;align-items:baseline;gap:12px}
.law h3 span:first-child{font-family:var(--mono);font-size:11.5px;font-weight:400;color:var(--accent-l)}
.law p{font-size:15px;color:rgba(243,240,233,.66);line-height:1.6}
.law code{display:inline-block;margin-top:14px;padding:3px 9px;border-radius:6px;font-family:var(--sans);font-size:12px;letter-spacing:.02em;color:var(--sage);background:rgba(157,179,166,.1)}
.dc{position:sticky;top:calc(var(--hdr) + 24px);border-radius:var(--r-l);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);padding:26px}
.dc h3{font-family:var(--serif);font-size:22px;letter-spacing:-.02em;margin-bottom:6px}
.dc>p{font-size:14px;color:rgba(243,240,233,.55);margin-bottom:20px}
.dc__list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line-d);font-size:14px}
.dc__list b{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:rgba(243,240,233,.07)}
.dc__list small{display:block;color:rgba(243,240,233,.5);font-size:12.5px}
.dc__ms{font-family:var(--mono);font-size:12px;color:var(--sage);display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.dc__ms::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);animation:blink 2s infinite}
.dc__docs{margin:20px 0 22px;padding-top:18px;border-top:1px solid var(--line-d);display:grid;gap:10px;font-size:13.5px;color:rgba(243,240,233,.72)}
.dc__docs li{display:flex;gap:10px;line-height:1.45}
.dc__docs li::before{content:"";flex:none;width:14px;height:14px;margin-top:3px;border-radius:4px;background:no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2 4.1 7.3 8 3' fill='none' stroke='%239DB3A6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),rgba(157,179,166,.14)}
.dark__rings{position:absolute;width:900px;height:900px;left:-420px;bottom:-460px;pointer-events:none;background:repeating-radial-gradient(circle,transparent 0 46px,rgba(243,240,233,.05) 46px 47px);-webkit-mask:radial-gradient(circle,#000 10%,transparent 65%);mask:radial-gradient(circle,#000 10%,transparent 65%)}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);counter-reset:st}
.step{position:relative;padding-top:30px}
.step::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2)}
.step::after{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--accent)}
.step__n{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--accent);margin-bottom:14px;display:block}
.step h3{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.65rem);letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}
.step p{font-size:15.5px;color:var(--ink-soft);max-width:24em}
.step__meta{display:inline-block;margin-top:18px;padding:3px 10px;border-radius:999px;font-size:13px;color:var(--ink-soft);background:var(--paper-2)}

/* integrations */
.integ{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:var(--r-l);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.integ h3{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}
.integ p{color:var(--ink-soft);font-size:15.5px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:10px 16px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:500;transition:background .3s,color .3s,transform .3s var(--ease)}
.chips li:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.chips li small{font-weight:400;color:var(--muted);margin-left:6px;transition:color .3s}
.chips li:hover small{color:rgba(243,240,233,.55)}

/* ---------- pricing ---------- */
.pr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.period{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--paper-2)}
.period::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:var(--card);box-shadow:0 2px 8px -2px rgba(19,26,24,.18);transition:transform .4s var(--ease)}
.period[data-p="year"]::before{transform:translateX(100%)}
.period button{position:relative;z-index:1;padding:9px 18px;font-size:14.5px;font-weight:500;color:var(--muted);transition:color .3s;white-space:nowrap}
.period button[aria-pressed="true"]{color:var(--ink)}
.period em{font-style:normal;font-size:12px;font-weight:600;color:var(--accent);margin-left:6px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:var(--r-l);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:transform .4s var(--ease),box-shadow .4s}
.plan:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 50px -36px rgba(19,26,24,.4)}
.plan h3{font-family:var(--serif);font-size:26px;letter-spacing:-.02em;margin-bottom:6px}
.plan__d{font-size:14.5px;color:var(--muted);min-height:3.2em;margin-bottom:24px}
.price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;min-height:58px}
.price b{font-family:var(--serif);font-weight:380;font-size:52px;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;display:inline-block;transition:opacity .2s,transform .3s var(--ease)}
.price b.is-sw{opacity:0;transform:translateY(-6px)}
.price span{font-size:22px;font-family:var(--serif)}
.price--txt b{font-size:36px}
.price__u{font-size:13.5px;color:var(--muted);margin-bottom:26px;min-height:1.6em}
.plan .btn{margin-bottom:28px}
.chk li{position:relative;padding:7px 0 7px 28px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.chk li::before{content:"";position:absolute;left:0;top:9px;width:17px;height:17px;border-radius:50%;background:no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2 4.1 7.3 8 3' fill='none' stroke='%23C9512E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),rgba(201,81,46,.1)}
.chk li.dim{color:var(--muted)}
.chk li.dim::before{background:none;box-shadow:inset 0 0 0 1px var(--line-2)}
.plan--hl{background:var(--ink);color:var(--paper);box-shadow:none}
.plan--hl:hover{box-shadow:0 40px 60px -36px rgba(19,26,24,.6)}
.plan--hl .plan__d,.plan--hl .price__u{color:rgba(243,240,233,.55)}
.plan--hl .chk li{color:rgba(243,240,233,.78)}
.plan--hl .chk li::before{background-color:rgba(228,109,70,.18)}
.plan__flag{position:absolute;top:26px;right:26px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--accent);color:#fff}
.pr-note{margin-top:24px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 24px}

/* ---------- quotes ---------- */
.quotes{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding-top:48px;border-top:1px solid var(--line)}
.qs{position:relative;display:grid}
.q{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s var(--ease),transform .7s var(--ease),visibility 0s .5s}
.q.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease) .1s,transform .8s var(--ease) .1s}
.q blockquote{margin:0 0 32px;font-family:var(--serif);font-size:clamp(1.5rem,2.8vw,2.4rem);line-height:1.28;letter-spacing:-.022em;font-weight:360;max-width:30em;text-indent:-.45em}
.q figcaption{display:flex;align-items:center;gap:14px;font-size:14.5px}
.q figcaption .av{width:46px;height:46px}
.q figcaption .av::after{display:none}
.q figcaption b{display:block;font-weight:600}
.q figcaption span{color:var(--muted)}
.qnav{display:flex;align-items:center;gap:10px}
.qnav button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .25s,color .25s,transform .2s}
.qnav button:hover{background:var(--ink);color:var(--paper)}
.qnav button:active{transform:scale(.94)}
.qnav svg{width:16px;height:16px}
.qnav output{min-width:52px;text-align:center;font-family:var(--mono);font-size:13px;color:var(--muted)}

/* ---------- faq ---------- */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}
.faq__aside{position:sticky;top:calc(var(--hdr) + 24px)}
.faq__aside .h2{margin:22px 0 22px}
.faq__aside p{color:var(--ink-soft);font-size:15.5px}
.acc{border-top:1px solid var(--line)}
.acc__i{border-bottom:1px solid var(--line)}
.acc__q{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:24px 0;text-align:left;font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:500;letter-spacing:-.01em;line-height:1.4;transition:color .2s}
.acc__q:hover{color:var(--accent)}
.acc__ic{position:relative;flex:none;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .3s,transform .4s var(--ease)}
.acc__ic::before,.acc__ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;transition:transform .4s var(--ease)}
.acc__ic::after{transform:rotate(90deg)}
.acc__i.is-open .acc__ic{background:var(--ink);color:var(--paper);transform:rotate(180deg)}
.acc__i.is-open .acc__ic::after{transform:rotate(0)}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.acc__i.is-open .acc__a{grid-template-rows:1fr}
.acc__a>div{overflow:hidden}
.acc__a p{padding:0 56px 26px 0;color:var(--ink-soft);font-size:15.5px;line-height:1.65}
.acc__a p+p{margin-top:-14px}

/* ---------- cta ---------- */
.cta{position:relative;overflow:hidden;border-radius:28px;background:var(--paper-2);padding:clamp(40px,7vw,88px) clamp(24px,6vw,80px);display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}
.cta__rings{position:absolute;right:-260px;top:-300px;width:760px;height:760px;pointer-events:none;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(201,81,46,.14) 38px 39px);-webkit-mask:radial-gradient(circle,#000 8%,transparent 66%);mask:radial-gradient(circle,#000 8%,transparent 66%);animation:rings 14s linear infinite}
@keyframes rings{to{background-position:0 0;transform:scale(1.08)}}
.cta h2{position:relative;font-family:var(--serif);font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.04;letter-spacing:-.035em;font-weight:380;margin-bottom:20px}
.cta h2 em{font-style:italic;color:var(--accent)}
.cta p{position:relative;color:var(--ink-soft);max-width:32em}
.cta__b{position:relative;display:grid;gap:10px;justify-items:stretch}

/* ---------- footer ---------- */
.ftr{background:var(--ink);color:rgba(243,240,233,.7);padding:clamp(56px,7vw,88px) 0 32px;margin-top:clamp(72px,10vw,136px);font-size:14.5px}
.ftr .logo{color:var(--paper);margin-bottom:18px}
.ftr__top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;padding-bottom:48px;border-bottom:1px solid var(--line-d)}
.ftr__about p{max-width:22em;line-height:1.6;margin-bottom:22px}
.ftr__tel{display:block;font-family:var(--serif);font-size:22px;color:var(--paper);letter-spacing:-.01em;margin-bottom:4px}
.ftr__tel+small{color:rgba(243,240,233,.45);font-size:13px}
.ftr h4{font-size:13px;font-weight:500;color:rgba(243,240,233,.42);margin-bottom:16px}
.ftr ul li+li{margin-top:10px}
.ftr ul a{transition:color .2s}
.ftr ul a:hover{color:var(--paper)}
.soc{display:flex;flex-wrap:wrap;gap:8px;padding:28px 0;border-bottom:1px solid var(--line-d)}
.soc a{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 14px 0 10px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-d);font-size:13.5px;color:rgba(243,240,233,.8);transition:background .25s,color .25s,box-shadow .25s}
.soc a:hover{background:var(--paper);color:var(--ink);box-shadow:none}
.soc svg{width:18px;height:18px}
.ftr__bot{display:grid;grid-template-columns:1fr auto;gap:12px 40px;padding-top:28px;font-size:12.5px;color:rgba(243,240,233,.42);line-height:1.6}
.ftr__bot a:hover{color:var(--paper)}
.ftr__bot nav{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:flex-end}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;visibility:hidden;transition:visibility 0s .4s}
.modal.is-open{visibility:visible;transition:none}
.modal__bg{position:absolute;inset:0;background:rgba(19,26,24,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s}
.modal.is-open .modal__bg{opacity:1}
.modal__box{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--paper);border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:0 40px 80px -30px rgba(0,0,0,.45);opacity:0;transform:translateY(24px) scale(.98);transition:opacity .35s var(--ease),transform .5s var(--ease)}
.modal.is-open .modal__box{opacity:1;transform:none}
.modal__x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .3s var(--ease)}
.modal__x:hover{background:var(--paper-2);transform:rotate(90deg)}
.modal__x svg{width:16px;height:16px}
.modal h3{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2rem);letter-spacing:-.025em;line-height:1.15;margin-bottom:8px;padding-right:40px}
.modal__sub{color:var(--ink-soft);font-size:15px;margin-bottom:26px}

/* ---------- forms ---------- */
.form{display:grid;gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{position:relative;display:grid;gap:6px}
.fld>span{font-size:13.5px;font-weight:500;color:var(--ink-soft)}
.fld>span i{font-style:normal;color:var(--muted);font-weight:400}
.inp{width:100%;height:50px;padding:0 15px;border-radius:12px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);font-size:15.5px;outline:0;transition:box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
textarea.inp{height:auto;min-height:96px;padding:13px 15px;resize:vertical;line-height:1.5}
select.inp{padding-right:40px;background:var(--card) no-repeat right 15px center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236E7672' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");cursor:pointer}
.inp::placeholder{color:#9EA39F}
.inp:hover{box-shadow:inset 0 0 0 1px rgba(19,26,24,.35)}
.inp:focus{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px rgba(19,26,24,.06)}
.fld.is-err .inp{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px rgba(201,81,46,.08)}
.fld__e{font-size:12.5px;font-style:normal;color:var(--accent);display:none}
.fld.is-err .fld__e{display:block;animation:shake .35s}
@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.fld__hint{font-size:12.5px;color:var(--muted)}
.pw{position:relative}
.pw .inp{padding-right:52px}
.pw__t{position:absolute;right:6px;top:5px;width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:color .2s,background .2s}
.pw__t:hover{color:var(--ink);background:var(--paper)}
.pw__t svg{width:18px;height:18px}
.pw__t .off{display:none}
.pw__t[aria-pressed="true"] .on{display:none}
.pw__t[aria-pressed="true"] .off{display:block}
.meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.meter i{height:3px;border-radius:2px;background:var(--line-2);transition:background .3s}
.meter[data-s="1"] i:nth-child(-n+1){background:var(--accent)}
.meter[data-s="2"] i:nth-child(-n+2){background:var(--amber)}
.meter[data-s="3"] i:nth-child(-n+3){background:#8DB07A}
.meter[data-s="4"] i{background:var(--ok)}
.cbx{position:relative;display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:13.5px;line-height:1.5;color:var(--ink-soft);cursor:pointer}
.cbx input{position:absolute;opacity:0;width:20px;height:20px;margin:0}
.cbx i{width:20px;height:20px;border-radius:6px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.cbx i::after{content:"";width:10px;height:6px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(.4);opacity:0;transition:transform .25s var(--ease),opacity .2s}
.cbx input:checked+i{background:var(--ink);box-shadow:none}
.cbx input:checked+i::after{opacity:1;transform:translateY(-1px) rotate(-45deg)}
.cbx input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.cbx a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:2px}
.cbx a:hover{text-decoration-color:currentColor}
.cbx.is-err i{box-shadow:inset 0 0 0 1.5px var(--accent)}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0}
.seg span{display:block;padding:10px 14px;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px;transition:background .2s,color .2s,box-shadow .2s}
.seg label:hover span{box-shadow:inset 0 0 0 1px rgba(19,26,24,.4)}
.seg input:checked+span{background:var(--ink);color:var(--paper);box-shadow:none}
.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.f-note{font-size:12.5px;color:var(--muted);line-height:1.5}
.f-note a{text-decoration:underline;text-underline-offset:2px}
.alert{display:none;gap:12px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.5;background:rgba(201,81,46,.08);color:#8F3417;box-shadow:inset 0 0 0 1px rgba(201,81,46,.2)}
.alert.is-on{display:flex;animation:pageIn .4s var(--ease)}
.alert svg{flex:none;width:18px;height:18px;margin-top:1px}
.alert--ok{background:rgba(62,154,105,.09);color:#24653F;box-shadow:inset 0 0 0 1px rgba(62,154,105,.25)}
.done{text-align:center;padding:12px 0 4px}
.done__ic{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:rgba(62,154,105,.12);color:var(--ok)}
.done__ic svg{width:28px;height:28px}
.done__ic path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .7s var(--ease) .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.done h3{padding:0}
.done h2{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.3rem);letter-spacing:-.03em;line-height:1.1;font-weight:400;margin-bottom:12px}
.stp.done{justify-items:center}
.stp.done .mail{width:100%}
.done p{color:var(--ink-soft);font-size:15px;max-width:26em;margin:0 auto}
.done .btn{margin-top:26px}

/* ---------- cookie / toast ---------- */
.cookie{position:fixed;left:20px;bottom:20px;z-index:90;max-width:420px;padding:20px 20px 18px;border-radius:18px;background:var(--ink);color:rgba(243,240,233,.8);font-size:13.5px;line-height:1.55;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);transform:translateY(calc(100% + 40px));transition:transform .7s var(--ease)}
.cookie.is-on{transform:none}
.cookie a{color:var(--paper);text-decoration:underline;text-underline-offset:2px}
.cookie__b{display:flex;gap:8px;margin-top:14px}
.toast{position:fixed;left:50%;bottom:24px;z-index:110;transform:translate(-50%,30px);opacity:0;padding:12px 18px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.4);transition:opacity .3s,transform .5s var(--ease);pointer-events:none;max-width:calc(100% - 40px)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- reveal ---------- */
html.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
html.js .rv.is-in{opacity:1;transform:none}

/* ---------- auth pages ---------- */
.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
.auth__main{display:flex;flex-direction:column;padding:28px clamp(20px,5vw,72px)}
.auth__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth__body{flex:1;display:flex;align-items:center;padding:48px 0}
.auth__form{width:100%;max-width:440px;margin:0 auto}
.auth__form h1{font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.7rem);letter-spacing:-.03em;line-height:1.08;font-weight:380;margin-bottom:10px}
.auth__form h1 em{font-style:italic;color:var(--accent)}
.auth__sub{color:var(--ink-soft);margin-bottom:32px;font-size:15.5px}
.auth__row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.auth__row a{font-weight:500}
.or{display:flex;align-items:center;gap:14px;margin:6px 0;font-size:13px;color:var(--muted)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.auth__alt{margin-top:28px;text-align:center;font-size:14.5px;color:var(--ink-soft)}
.auth__alt a{font-weight:600;color:var(--ink)}
.auth__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:12.5px;color:var(--muted)}
.auth__foot nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.auth__foot a:hover{color:var(--ink)}
.back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft);padding:8px 10px;margin-left:-10px;border-radius:8px;transition:background .2s,color .2s}
.back:hover{background:rgba(19,26,24,.05);color:var(--ink)}
.back svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.back:hover svg{transform:translateX(-3px)}
.auth__side{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,4vw,56px)}
.auth__side .dark__rings{left:auto;right:-400px;top:-420px;bottom:auto;width:1000px;height:1000px}
.side__q{position:relative;font-family:var(--serif);font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.25;letter-spacing:-.02em;font-weight:360;max-width:20em}
.side__q em{font-style:italic;color:var(--accent-l)}
.side__by{position:relative;margin-top:24px;display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(243,240,233,.6)}
.side__by .av{width:40px;height:40px}
.side__by .av::after{display:none}
.side__by b{display:block;color:var(--paper);font-weight:500}
.side__pts{position:relative;display:grid;gap:0;border-top:1px solid var(--line-d)}
.side__pts li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line-d);font-size:14px;color:rgba(243,240,233,.7);line-height:1.5}
.side__pts svg{width:20px;height:20px;color:var(--accent-l);margin-top:1px}
.side__pts b{display:block;color:var(--paper);font-weight:500}
.steps-ind{display:flex;gap:8px;margin-bottom:28px}
.steps-ind span{flex:1;height:3px;border-radius:2px;background:var(--line-2);overflow:hidden;position:relative}
.steps-ind span::after{content:"";position:absolute;inset:0;background:var(--ink);transform:translateX(-101%);transition:transform .6s var(--ease)}
.steps-ind span.is-on::after{transform:none}
.steps-lbl{font-size:13px;font-weight:500;color:var(--muted);margin-bottom:10px;display:block}
.stp{display:none}
.stp.is-on{display:grid;animation:stpIn .55s var(--ease)}
@keyframes stpIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.stp.is-back{animation-name:stpBack}
@keyframes stpBack{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
.btns{display:flex;gap:10px}
.btns .btn{flex:1}
.btns .btn--line{flex:0 0 auto}
.mail{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);margin:22px 0;text-align:left}
.mail svg{width:36px;height:36px;flex:none;color:var(--accent)}
.mail b{display:block;word-break:break-all;font-weight:600}
.mail small{color:var(--muted);font-size:13px}
.resend{font-size:14px;color:var(--muted)}
.resend button{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.resend button[disabled]{color:var(--muted);text-decoration:none;cursor:default}
.sso{display:none}
.sso.is-on{display:grid;animation:stpIn .45s var(--ease)}

/* ---------- legal ---------- */
.doc-hero{padding:clamp(40px,6vw,80px) 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);margin-bottom:24px}
.crumbs a:hover{color:var(--ink)}
.crumbs span::before{content:"/";margin-right:8px;opacity:.5}
.doc-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.05;letter-spacing:-.035em;font-weight:380;max-width:18em}
.doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:22px;font-size:14px;color:var(--muted)}
.doc-meta button{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--ink);padding:6px 12px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s,color .2s}
.doc-meta button:hover{background:var(--ink);color:var(--paper)}
.doc-meta svg{width:15px;height:15px}
.doc-wrap{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-top:clamp(36px,5vw,64px)}
.doc-nav{position:sticky;top:calc(var(--hdr) + 24px);align-self:start;font-size:14.5px}
.doc-nav h4{font-size:12.5px;font-weight:500;color:var(--muted);margin-bottom:12px}
.doc-nav li a{display:block;padding:9px 12px;margin-left:-12px;border-radius:9px;color:var(--ink-soft);line-height:1.35;transition:background .2s,color .2s}
.doc-nav li a:hover{background:rgba(19,26,24,.05);color:var(--ink)}
.doc-nav li a[aria-current="page"]{background:var(--ink);color:var(--paper)}
.doc-nav__c{margin-top:28px;padding:18px;border-radius:14px;background:var(--paper-2);font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
.doc-nav__c b{display:block;color:var(--ink);margin-bottom:4px}
.doc-nav__c a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.doc{max-width:46em;font-size:16px;line-height:1.72;color:var(--ink-2)}
.doc h2{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.6rem);letter-spacing:-.02em;line-height:1.25;margin:48px 0 16px;scroll-margin-top:calc(var(--hdr) + 20px)}
.doc h2:first-child{margin-top:0}
.doc h3{font-size:16.5px;font-weight:600;margin:28px 0 10px}
.doc p,.doc li{margin:0 0 12px}
.doc ol,.doc ul{margin:0 0 16px}
.doc ul li{position:relative;padding-left:20px}
.doc ul li::before{content:"";position:absolute;left:2px;top:.8em;width:8px;height:1px;background:var(--accent)}
.doc .n{display:inline-block;min-width:2.8em;font-variant-numeric:tabular-nums;color:var(--muted)}
.doc a{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.doc a:hover{text-decoration-color:currentColor}
.doc strong{font-weight:600}
.doc-note{padding:16px 18px;border-radius:12px;background:var(--paper-2);font-size:14.5px;line-height:1.6;color:var(--ink-soft);margin-bottom:32px}
.req{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 24px}
.req th,.req td{text-align:left;vertical-align:top;padding:12px 0;border-bottom:1px solid var(--line)}
.req th{width:38%;font-weight:500;color:var(--muted);padding-right:24px}
.req td{font-variant-numeric:tabular-nums}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;margin:4px 0 24px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;border-bottom:1px solid var(--line)}
.tbl th{font-weight:600;font-size:13px;color:var(--muted);border-bottom-color:var(--line-2)}
.tbl-w{overflow-x:auto;margin:0 0 8px}
.docs-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 48px}
.docs-list li{margin:0;padding:0}
.docs-list li::before{display:none}
.docs-list a{display:flex;flex-direction:column;height:100%;padding:22px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s}
.docs-list a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),0 24px 40px -30px rgba(19,26,24,.4)}
.docs-list b{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:-.015em;line-height:1.25;margin-bottom:8px}
.docs-list span{font-size:14px;color:var(--muted);line-height:1.5}
.docs-list small{margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:500;color:var(--accent)}
.doc [data-l="en"],html[data-lang="en"] .doc [data-l="ru"]{display:none}
html[data-lang="en"] .doc [data-l="en"]{display:block}

/* ---------- 404 ---------- */
.nf{min-height:calc(100vh - var(--hdr));display:grid;place-items:center;text-align:center;padding:40px 0 80px;position:relative;overflow:hidden}
.nf__code{font-family:var(--serif);font-style:italic;font-size:clamp(6rem,20vw,13rem);line-height:.9;letter-spacing:-.06em;color:var(--accent);font-weight:300}
.nf h1{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin:18px 0 12px}
.nf p{color:var(--ink-soft);max-width:28em;margin:0 auto 30px}
.nf__b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav a{padding:8px 9px;font-size:14.5px}
  .ftr__top{grid-template-columns:1fr 1fr 1fr;row-gap:40px}
  .ftr__about{grid-column:1/-1}
  .sec-grid{grid-template-columns:1fr}
  .dc{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
  .dc>h3,.dc>p{grid-column:1/-1}
  .dc__docs{margin-top:0;border-top:0;padding-top:0}
}
@media (max-width:980px){
  :root{--hdr:64px}
  .nav,.hdr__login,.hdr__act>.lang,.hdr__act>.btn{display:none}
  .burger{display:block}
  .hero__grid{grid-template-columns:1fr}
  .stage{max-width:520px;margin:8px auto 0;padding-left:24px;width:100%}
  .sec__head{grid-template-columns:1fr;gap:20px}
  .sec__head .lead{justify-self:start}
  .scen{grid-template-columns:1fr}
  .panels{min-height:440px}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){padding-left:0;border-left:0}
  .stat:nth-child(n+3){padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
  .fgrid{grid-template-columns:1fr 1fr}
  .fi:nth-child(n){padding:28px 24px 28px 0;border-left:0}
  .fi:nth-child(even){padding-left:24px;padding-right:0;border-left:1px solid var(--line)}
  .plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .integ{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .faq__aside{position:static}
  .cta{grid-template-columns:1fr}
  .cta__b{grid-template-columns:1fr 1fr}
  .auth{grid-template-columns:1fr}
  .auth__side{display:none}
  .doc-wrap{grid-template-columns:1fr}
  .doc-nav{position:static;order:2;padding-top:32px;border-top:1px solid var(--line)}
}
@media (max-width:720px){
  body{font-size:16px}
  .steps{grid-template-columns:1fr;gap:36px}
  .law{grid-template-columns:1fr}
  .law li:nth-child(even){padding-left:0;border-left:0}
  .law li{padding:24px 0}
  .dc{grid-template-columns:1fr}
  .dc__docs{margin-top:20px;padding-top:18px;border-top:1px solid var(--line-d)}
  .quotes{grid-template-columns:1fr}
  .ftr__top{grid-template-columns:1fr 1fr}
  .ftr__bot{grid-template-columns:1fr}
  .ftr__bot nav{justify-content:flex-start}
  .docs-list{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .cookie{left:12px;right:12px;bottom:12px;max-width:none}
  .req th{width:42%}
}
@media (max-width:560px){
  .hero h1{font-size:clamp(2.35rem,10.5vw,3rem)}
  .hero__cta .btn{flex:1 1 100%}
  .stage{padding:20px 0 96px 0}
  .call{padding:14px;border-radius:18px}
  .ppl li{grid-template-columns:36px 1fr auto;padding:8px 6px}
  .ppl .av{width:36px;height:36px;font-size:12.5px}
  .tcard{width:78%;left:-4px}
  .badge{right:-4px;top:-14px;padding:8px 12px}
  .badge svg{width:22px;height:22px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding-right:12px}
  .stat+.stat{padding-left:16px}
  .stat:nth-child(3){padding-left:0}
  .fgrid{grid-template-columns:1fr}
  .fi:nth-child(n){padding:26px 0;border-left:0}
  .panels{min-height:470px;border-radius:18px}
  .panel{padding:16px;align-items:flex-start;padding-top:24px}
  .ui{padding:14px}
  .dir li{grid-template-columns:34px 1fr auto;gap:10px}
  .dir .ext{display:none}
  .grid9{gap:6px}
  .plan{padding:24px}
  .cta{border-radius:20px}
  .cta__b{grid-template-columns:1fr}
  .ftr__top{grid-template-columns:1fr 1fr;gap:32px 20px}
  .acc__a p{padding-right:0}
  .tab{padding-left:40px}
  .btns{flex-direction:column-reverse}
  .btns .btn--line{flex:1}
  .q blockquote{text-indent:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  html.js .rv{opacity:1;transform:none}
  .marq__track{animation:none}
}
@media print{
  .hdr,.ftr,.doc-nav,.doc-meta button,.cookie,.mnav,.toast{display:none!important}
  body{background:#fff;font-size:12pt}
  .doc-wrap{display:block;padding:0}
  .doc{max-width:none}
  .doc-hero{padding:0 0 16pt}
}
.nw{white-space:nowrap}