/* Сгенерировано site/design-system/build.py из css/home.css — не править вручную. */
.hero{--orb:clamp(13.75rem,40vh,29.375rem);--top:clamp(4.875rem,9vh,6.5rem);--hz:calc(var(--top) + var(--orb)*.91 + 0.25rem);--k:.575;--bgw:max(100vw,62.5rem);
  position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--top) 6vw 6.875rem;text-align:center;isolation:isolate;overflow-x:clip}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--sr-bg);-webkit-mask:linear-gradient(180deg,#000 calc(100% - 8.75rem),transparent);mask:linear-gradient(180deg,#000 calc(100% - 8.75rem),transparent)}
.hero-bg{position:absolute;z-index:-1;left:50%;top:calc(var(--hz) - var(--k)*var(--bgw)*.5625);width:var(--bgw);aspect-ratio:16/9;transform:translateX(-50%);pointer-events:none;
  background:url("../img/hero/hero-light-2560.10fbcab1a231.webp") center/cover no-repeat;-webkit-mask:linear-gradient(180deg,#000 72%,transparent 100%);mask:linear-gradient(180deg,#000 72%,transparent 100%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(238,244,249,.55) 76%,rgba(238,244,249,.9) 100%)}
:root[data-theme="dark"] .hero{--k:.562}
:root[data-theme="dark"] .hero-bg{background-image:url("../img/hero/hero-dark-2560.d11481ee0b95.webp")}
:root[data-theme="dark"] .hero-bg::after{background:linear-gradient(180deg,transparent 58%,rgba(3,20,36,.5) 78%,rgba(3,20,36,.92) 100%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero{--k:.562}
  :root:not([data-theme="light"]) .hero-bg{background-image:url("../img/hero/hero-dark-2560.d11481ee0b95.webp")}
  :root:not([data-theme="light"]) .hero-bg::after{background:linear-gradient(180deg,transparent 58%,rgba(3,20,36,.5) 78%,rgba(3,20,36,.92) 100%)}}
@media (max-width:900px){.hero-bg{background-image:url("../img/hero/hero-light-1440.8924fe58d52c.webp")}
  :root[data-theme="dark"] .hero-bg{background-image:url("../img/hero/hero-dark-1440.40c351aada1d.webp")}}
@media (max-width:900px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-bg{background-image:url("../img/hero/hero-dark-1440.40c351aada1d.webp")}}
.orb-wrap{position:relative;flex:none;width:var(--orb);aspect-ratio:1;will-change:transform}
.orb-wrap::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(71,181,232,.34),rgba(71,181,232,.12) 52%,transparent 72%);filter:blur(0.75rem);pointer-events:none}
:root[data-theme="dark"] .orb-wrap::before{background:radial-gradient(closest-side,rgba(71,181,232,.5),rgba(22,90,153,.2) 55%,transparent 74%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .orb-wrap::before{background:radial-gradient(closest-side,rgba(71,181,232,.5),rgba(22,90,153,.2) 55%,transparent 74%)}}
.orb-wrap canvas,.orb-wrap .fallback{position:absolute;inset:9%;width:82%;height:82%;display:block}
.orb-wrap .fallback{transition:opacity .5s}
.orb-wrap .mirror{position:absolute;left:9%;top:91%;width:82%;height:82%;transform:scaleY(-.5);transform-origin:50% 0;opacity:.32;filter:blur(0.125rem);pointer-events:none;
  -webkit-mask:linear-gradient(0deg,#000 0%,transparent 60%);mask:linear-gradient(0deg,#000 0%,transparent 60%)}
.ripples{position:absolute;left:50%;top:91%;width:150%;aspect-ratio:6.5/1;transform:translate(-50%,-50%);pointer-events:none}
.ripples i{position:absolute;inset:0;border-radius:50%;border:0.0938rem solid rgba(26,109,181,.32);box-shadow:0 0 1.125rem rgba(71,181,232,.25);opacity:0;animation:ripple 5.4s cubic-bezier(.2,.6,.3,1) infinite}
.ripples i:nth-child(2){animation-delay:1.8s}.ripples i:nth-child(3){animation-delay:3.6s}
:root[data-theme="dark"] .ripples i{border-color:rgba(123,204,239,.42);box-shadow:0 0 1.375rem rgba(71,181,232,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ripples i{border-color:rgba(123,204,239,.42);box-shadow:0 0 1.375rem rgba(71,181,232,.35)}}
@keyframes ripple{0%{transform:scale(.28);opacity:0}15%{opacity:.9}100%{transform:scale(1.15);opacity:0}}
.hero-text{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:calc(var(--orb)*.07);max-width:61.25rem}
.hero-mark{display:flex;flex-direction:column;align-items:center;gap:clamp(0.5rem,1.4vh,0.875rem);margin:0;color:var(--sr-text)}
.hero-mark svg{height:clamp(2.75rem,8.2vh,5.375rem);width:auto;overflow:visible}
.hero-mark .slogan{font-family:var(--sr-font-display);font-size:clamp(0.7188rem,1.5vh,0.9688rem);font-weight:400;line-height:1.5;letter-spacing:.36em;margin-right:-.36em;
  text-transform:uppercase;text-wrap:balance;color:var(--sr-text-muted)}
.hero h1{font-size:clamp(1.5rem,2.4vw,2.375rem);line-height:1.16;margin:clamp(0.875rem,2.6vh,1.75rem) 0 0}
.hero h1 .g{color:var(--sr-accent)}
.hero h1 .g .w{background:linear-gradient(100deg,#1A6DB5 10%,#47B5E8 55%,#1A6DB5 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite}
:root[data-theme="dark"] .hero h1 .g .w{background-image:linear-gradient(100deg,#7BCCEF 10%,#47B5E8 55%,#7BCCEF 90%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero h1 .g .w{background-image:linear-gradient(100deg,#7BCCEF 10%,#47B5E8 55%,#7BCCEF 90%)}}
@keyframes sheen{50%{background-position:100% 0}}
.hero h1 .lead{display:block;margin:clamp(0.625rem,1.6vh,1rem) 0 0;font-family:var(--sr-font-sans);font-size:clamp(0.9688rem,1.1vw,1.0938rem);font-weight:400;letter-spacing:0;line-height:1.5;color:var(--sr-text-muted)}
.hero .row{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-top:clamp(1rem,2.6vh,1.625rem)}
.hero .note{margin-top:0.875rem;font-size:0.8438rem;color:var(--sr-text-muted)}
.hero .note b{font-weight:700;color:var(--sr-text)}
.orb-wrap.is-live .fallback{opacity:0}.orb-wrap.no-webgl canvas{display:none}
.capwrap{display:flex;justify-content:center;margin-top:1.125rem;min-height:8.125rem}
#capsule{display:block;pointer-events:none}
.ai-win{position:relative;width:100%;border-radius:1.375rem;overflow:hidden;background:var(--sr-glass-strong);border:1px solid var(--sr-glass-border);
  backdrop-filter:blur(1.25rem) saturate(1.3);box-shadow:0 1.875rem 4.375rem rgba(var(--sr-shadow-color),.16)}
.ai-win .bar{display:flex;align-items:center;gap:0.625rem;padding:0.6875rem 0.875rem;border-bottom:1px solid var(--sr-border);font-size:0.8125rem;font-weight:700;color:var(--sr-text-muted)}
.ai-win .bar .dots{display:flex;gap:0.3125rem}.ai-win .bar .dots i{width:0.5625rem;height:0.5625rem;border-radius:50%;background:var(--sr-border-strong)}
.ai-win .bar svg{width:1rem;height:1rem;stroke:var(--sr-accent);fill:none;stroke-width:1.8;stroke-linejoin:round}
.ai-win .body{padding:0.875rem}
.ai-win .hello{font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.035em;font-size:1.1875rem;color:var(--sr-text);margin:0.125rem 0.125rem 0.75rem}
.ai-win .input{position:relative;display:flex;align-items:flex-end;gap:0.625rem;min-height:4.875rem;padding:0.75rem 0.75rem 0.75rem 0.875rem;border-radius:1rem;background:var(--sr-surface);border:1px solid var(--sr-border);box-shadow:inset 0 1px 0.125rem rgba(var(--sr-shadow-color),.06)}
.ai-win .txt{flex:1;align-self:flex-start;font-size:0.9375rem;line-height:1.45;color:var(--sr-text);transition:opacity .35s,filter .35s}
.ai-win .txt .inner{border-radius:0.1875rem;transition:background .3s}
.ai-win .ph{position:absolute;left:0.875rem;top:0.75rem;font-size:0.9375rem;color:var(--sr-text-muted);pointer-events:none;transition:opacity .2s}
.ai-win .caret{display:inline-block;width:0.125rem;height:1.1em;background:var(--sr-accent);vertical-align:-.18em;margin-left:1px;animation:sr-caret 1s steps(1) infinite}
.ai-win .send{flex:none;width:2.125rem;height:2.125rem;border-radius:50%;display:grid;place-items:center;background:var(--sr-meter-track);transition:background .4s,box-shadow .4s,transform .4s}
.ai-win .send svg{width:1rem;height:1rem;stroke:var(--sr-text-disabled);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ai-win .send.go{background:linear-gradient(135deg,var(--sr-pill-from),var(--sr-pill-to));box-shadow:0 0.375rem 1.125rem rgba(26,109,181,.4);transform:scale(1.08)}
.ai-win .send.go svg{stroke:#fff}
.ai-win .meta{display:flex;justify-content:space-between;margin-top:0.5625rem;font-size:0.75rem;color:var(--sr-text-muted)}
.ai-win .lang{font-weight:700;color:var(--sr-link)}
.scene{position:relative;height:400vh}
.scene .sticky{-webkit-mask:linear-gradient(180deg,#000 calc(100% - var(--fade,0vh)),transparent);mask:linear-gradient(180deg,#000 calc(100% - var(--fade,0vh)),transparent)}
.sticky{position:sticky;top:0;height:100vh;overflow:hidden;perspective:112.5rem}
.scene .title{position:absolute;left:0;right:0;top:11vh;text-align:center;z-index:5}
.scene .title h2{font-size:clamp(2rem,3.6vw,3.75rem);margin:0}
.scene .title p{color:var(--sr-text-muted);margin:0.875rem 0 0;font-size:clamp(1rem,1.2vw,1.1875rem)}
.stage{position:absolute;left:50%;top:58%;width:0;height:0;transform-style:preserve-3d}
.win{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform,filter,opacity}
.win .f{border-radius:1rem;overflow:hidden;background:var(--sr-surface);border:1px solid var(--sr-glass-border);box-shadow:0 2.5rem 5.625rem rgba(var(--sr-shadow-color),.22),0 0.5rem 1.5rem rgba(var(--sr-shadow-color),.10)}
.win .f img{width:100%;height:auto}
.win .tag{position:absolute;left:0.875rem;top:-2.75rem;display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.875rem;border-radius:62.4375rem;background:var(--sr-glass-strong);border:1px solid var(--sr-glass-border);backdrop-filter:blur(0.75rem);
  box-shadow:0 0.625rem 1.5rem rgba(var(--sr-shadow-color),.14);font:700 0.875rem var(--sr-font-sans);color:var(--sr-text);white-space:nowrap;opacity:0;transform:translateY(0.625rem);transition:opacity .5s,transform .6s var(--sr-motion-ease-out)}
.win .tag i{width:0.5rem;height:0.5rem;border-radius:50%;background:#5CC4EC;box-shadow:0 0 0.625rem #5CC4EC}
.win.ready .tag{opacity:1;transform:none}
.win.zoom .tag{opacity:0;transform:translateY(0.5rem)}
.win .f{transition:box-shadow .5s var(--sr-motion-ease-out)}
.win.zoom .f{box-shadow:0 4.375rem 10rem rgba(var(--sr-shadow-color),.34),0 1rem 2.5rem rgba(var(--sr-shadow-color),.16)}
.stage .ghost{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}
.scene.hov .sticky{cursor:zoom-in}
.win .f::after{content:"";position:absolute;inset:0;border-radius:1rem;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:250% 100%;background-position:var(--sheen,120%) 0}
.caption{position:absolute;left:0;right:0;bottom:15vh;z-index:6;height:3.75rem}
.caption .c{position:absolute;left:50%;bottom:0;width:max-content;max-width:92vw;padding:1rem 1.625rem;border-radius:1.375rem;background:var(--sr-glass);border:1px solid var(--sr-glass-border);backdrop-filter:blur(1rem);
  font-size:1.0625rem;color:var(--sr-text);text-align:center;opacity:0;transform:translate(-50%,0.875rem);filter:blur(0.375rem);transition:all .8s var(--sr-motion-ease-out)}
.caption .c b{font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.035em}
.caption .c.on{opacity:1;transform:translate(-50%,0);filter:none}
.priv{position:relative;height:300vh;color:var(--sr-band-text);
  background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--sr-band) 18%,transparent) 10vh,color-mix(in srgb,var(--sr-band) 55%,transparent) 22vh,color-mix(in srgb,var(--sr-band) 88%,transparent) 32vh,var(--sr-band) 40vh,var(--sr-band-2) calc(100% - 40vh),color-mix(in srgb,var(--sr-band-2) 88%,transparent) calc(100% - 32vh),color-mix(in srgb,var(--sr-band-2) 55%,transparent) calc(100% - 22vh),color-mix(in srgb,var(--sr-band-2) 18%,transparent) calc(100% - 10vh),transparent 100%)}
.priv::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("../img/bg/waves-band.52b3204463e2.svg") center/cover no-repeat fixed;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 34vh,#000 calc(100% - 34vh),transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 34vh,#000 calc(100% - 34vh),transparent 100%)}
@media (max-width:900px),(hover:none){.priv::before{display:none}}
.priv .sticky{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3.5rem}
.priv .glow{position:absolute;width:80vw;height:60vw;left:10vw;top:10vh;border-radius:50%;background:radial-gradient(closest-side,rgba(26,109,181,.24),transparent 70%);filter:blur(2.5rem)}
.priv h2{position:relative;text-align:center;margin:0;font-size:clamp(1.875rem,3.3vw,3.375rem);color:#fff}
.priv [data-pv]{will-change:transform,opacity}
.net{position:relative;display:flex;align-items:center;gap:0.875rem;margin-top:1.25rem;font-size:0.9375rem;font-weight:600;color:#93AEC4}
.net .ci{position:relative;flex:none;width:3.25rem;height:3.25rem;display:grid;place-items:center;border-radius:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(147,174,196,.25)}
.net .ci svg{width:1.75rem;height:1.75rem;stroke:#93AEC4;fill:none;stroke-width:1.8}
.net .cut{position:absolute;left:0.5625rem;right:0.5625rem;top:50%;height:0.1562rem;margin-top:-1px;border-radius:0.125rem;background:#FF5A79;transform:rotate(-35deg) scaleX(var(--cut,0));transform-origin:center}
.net b{color:#EAF3FA;font-size:1rem}
.net .sep{width:1px;height:1.375rem;background:rgba(147,174,196,.3)}
.keytag{display:flex;align-items:center;gap:0.4375rem;font-size:0.9375rem;font-weight:600;color:#7BCCEF}
.keytag svg{width:1.125rem;height:1.125rem;stroke:#7BCCEF;fill:none;stroke-width:1.8}
.diagram{position:relative;width:min(68.75rem,90vw);height:min(18.75rem,36vh);margin-top:1.875rem}
.pc{position:absolute;inset:0;display:flex;align-items:center;padding:0 6% 2.125rem;border-radius:2rem;border:0.0938rem solid rgba(123,204,239,.3);
  background:linear-gradient(180deg,rgba(11,51,94,.45),rgba(4,24,44,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pc .lbl{position:absolute;top:-0.875rem;left:2rem;padding:0.25rem 0.875rem;border-radius:62.4375rem;background:#0B2B48;border:1px solid rgba(123,204,239,.35);font-size:0.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7BCCEF}
.row4{display:flex;align-items:center;width:100%}
.node{position:relative;flex:none}
.node .ic{position:relative;width:clamp(4.875rem,8.4vw,6.875rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 34% 26%,rgba(170,243,252,.5) 0,rgba(71,181,232,.32) 17%,rgba(11,51,94,.88) 52%,#03152C 78%,#04152A 100%);
  box-shadow:inset 0 0 0 0.0938rem rgba(123,204,239,.55),inset -0.625rem -0.875rem 1.625rem rgba(71,181,232,.28),0 0 2.25rem rgba(71,181,232,.3),0 1.25rem 2rem rgba(0,0,0,.45);
  animation:bob 5.5s ease-in-out infinite}
.node:nth-child(3) .ic{animation-delay:-1.3s}.node:nth-child(5) .ic{animation-delay:-2.6s}.node:nth-child(7) .ic{animation-delay:-3.9s}
.node .ic::before{content:"";position:absolute;left:20%;right:32%;top:7%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.6),rgba(255,255,255,0));pointer-events:none}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.375rem)}}
.node .ic svg{position:relative;width:52%;height:52%;filter:drop-shadow(0 0 0.375rem rgba(123,204,239,.55))}
.node .ic.is-logo{background:none;box-shadow:0 0 2.75rem rgba(71,181,232,.42)}
.node .ic.is-logo::before{display:none}
.node .ic img{position:relative;width:100%;height:100%}
.node b{position:absolute;top:calc(100% + 1.25rem);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.035em;font-size:clamp(1rem,1.4vw,1.3125rem)}
.link{position:relative;flex:1;height:1.375rem;margin:0 0.375rem;opacity:var(--p,0);clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0);filter:drop-shadow(0 0 0.25rem rgba(71,181,232,.65))}
.link .dash{position:absolute;inset:0;background:linear-gradient(90deg,#165A99 0%,#47B5E8 38%,#E6F7FD 50%,#47B5E8 62%,#165A99 100%) 0 0/300% 100%;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22'%3E%3Cpath d='M0 11C8 2 16 2 24 11S40 20 48 11' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") repeat-x 0 0/3rem 1.375rem;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22'%3E%3Cpath d='M0 11C8 2 16 2 24 11S40 20 48 11' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") repeat-x 0 0/3rem 1.375rem;
  animation:flow 2.2s linear infinite,wavego 3.2s linear infinite}
.row4 .link:nth-child(4) .dash{animation-delay:-.7s,-1s}.row4 .link:nth-child(6) .dash{animation-delay:-1.4s,-2s}
@keyframes flow{from{background-position:100% 0}to{background-position:0 0}}
@keyframes wavego{to{-webkit-mask-position:3rem 0;mask-position:3rem 0}}
.chips{display:flex;justify-content:center;gap:0.75rem;flex-wrap:wrap;margin-top:2.125rem}
.chip2{padding:0.6875rem 1.125rem;border-radius:62.4375rem;background:rgba(255,255,255,.06);border:1px solid rgba(147,174,196,.28);font-size:0.9375rem;font-weight:600;color:#D2E2EE}
.keys{max-width:calc(var(--sr-size-container) + 12vw);margin:0 auto;padding:18vh 6vw 8vh}
.keys h2{font-size:clamp(1.875rem,3.3vw,3.375rem);margin:0;text-align:center}
.keys .ksub{text-align:center;color:var(--sr-text-muted);margin:1rem auto 3.25rem;max-width:none;font-size:1.125rem}
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.375rem}
.kcard{position:relative;padding:1.875rem 1.75rem 1.625rem;border-radius:1.75rem;background:var(--sr-glass);border:1px solid var(--sr-glass-border);backdrop-filter:blur(1rem);box-shadow:0 1.25rem 3.75rem rgba(var(--sr-shadow-color),.08)}
.kcard h3{font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.035em;font-size:1.5rem;margin:1.75rem 0 0.5rem}
.kcard p{margin:0;color:var(--sr-text-muted);font-size:0.9688rem}
.kbd{display:flex;gap:0.625rem;align-items:center;height:5.25rem;font-weight:700;color:var(--sr-text-muted)}
.kbd kbd{min-width:5.25rem;height:4.625rem;padding:0 1.25rem;display:grid;place-items:center;border-radius:1.125rem;font:700 1.1875rem var(--sr-font-sans);color:var(--sr-text);
  background:linear-gradient(180deg,var(--sr-kbd-top),var(--sr-kbd-bottom));border:1px solid var(--sr-border);box-shadow:0 0.625rem 0 var(--sr-kbd-edge),0 1.125rem 1.875rem rgba(var(--sr-shadow-color),.18);transition:transform .2s,box-shadow .2s}
.kcard.press kbd{transform:translateY(0.5rem);box-shadow:0 0.125rem 0 var(--sr-kbd-edge),0 0.375rem 0.875rem rgba(var(--sr-shadow-color),.18);background:linear-gradient(180deg,var(--sr-kbd-top),var(--sr-accent-soft))}
.kfield{display:flex;align-items:center;gap:0.75rem;height:3rem;margin-top:0.5rem;padding:0.5625rem 0.625rem 0.5625rem 0.875rem;border-radius:0.875rem;background:var(--sr-glass-strong);border:1px solid var(--sr-border);box-shadow:inset 0 1px 0.125rem rgba(var(--sr-shadow-color),.06);transition:box-shadow .4s,border-color .4s}
.kfield .kl{font-size:0.8125rem;color:var(--sr-text-muted)}
.kdef{margin-top:1.375rem;font-size:0.7812rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sr-success-text)}
.kfield .kv{flex:none;min-width:9.375rem;font-weight:700;font-size:0.9062rem;color:var(--sr-text);padding:0.375rem 0.75rem;border-radius:0.5625rem;background:var(--sr-accent-soft);white-space:nowrap;text-align:center}
.kfield .km{font-size:0.8438rem;color:var(--sr-text-muted);white-space:nowrap;transition:opacity .3s}
.kfield.listen .km{opacity:.25}
.kfield.listen{border-color:#5CC4EC;box-shadow:0 0 0 0.25rem rgba(71,181,232,.2)}
.kfield.listen .kv{color:var(--sr-accent);background:var(--sr-accent-soft);animation:sr-caret 1s steps(1) infinite}
.nums{max-width:calc(var(--sr-size-container) + 12vw);margin:0 auto;padding:6vh 6vw 3vh;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.num{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;border:0;padding:1.875rem 0.875rem 1.625rem;border-radius:1.625rem;font:inherit;color:inherit;
  background:var(--sr-glass);box-shadow:inset 0 0 0 1px var(--sr-glass-border),0 1.5rem 3.75rem rgba(var(--sr-shadow-color),.10);transition:transform .5s var(--sr-motion-ease-out),box-shadow .5s var(--sr-motion-ease-out)}
.num:hover{transform:translateY(-0.375rem);box-shadow:inset 0 0 0 1px var(--sr-glass-border),0 2rem 4.375rem rgba(var(--sr-shadow-color),.16)}
.n3d{display:inline-block;font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.045em;font-size:clamp(3.375rem,5.2vw,5.5rem);line-height:1;font-variant-numeric:tabular-nums;color:var(--c1);
  text-shadow:0 1px 0 var(--d1),0 0.125rem 0 var(--d1),0 0.1875rem 0 var(--d2),0 0.25rem 0 var(--d2),0 0.3125rem 0 var(--d3),0 0.375rem 0 var(--d3),0 1rem 1.375rem rgba(11,51,94,.3)}
.num .cap{display:block;margin-top:1rem;max-width:16em;font-size:1.0312rem;font-weight:700;color:var(--sr-text);line-height:1.3}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
.pricing{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:5.75rem 5vw 3.5rem;max-width:calc(var(--sr-size-container) + 10vw);margin:0 auto}
.pricing .head{text-align:center;margin-bottom:1.5rem}
.pricing h2{font-size:clamp(1.75rem,2.8vw,2.75rem);margin:0}
.pricing .head p{color:var(--sr-text-muted);margin:0.5rem auto 0;max-width:46em;font-size:0.9688rem}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;align-items:stretch;perspective:87.5rem}
.plan{position:relative;display:flex;flex-direction:column;padding:1.375rem 1.375rem 1.25rem;border-radius:1.5rem;background:var(--sr-glass);border:1px solid var(--sr-glass-border);
  backdrop-filter:blur(1.25rem) saturate(1.3);box-shadow:0 1.5rem 4.375rem rgba(var(--sr-shadow-color),.10);will-change:transform,opacity,filter;transition:box-shadow .6s var(--sr-motion-ease-out)}
.plan:hover{box-shadow:0 2.125rem 5.625rem rgba(var(--sr-shadow-color),.18)}
.plan h3{margin:0;font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.035em;font-size:1.1875rem}
.plan .what{margin:0.3125rem 0 0;color:var(--sr-text-muted);font-size:0.875rem;line-height:1.45;min-height:2.5rem}
.price{display:flex;align-items:flex-start;gap:0.25rem;margin:0.75rem 0 0.125rem;font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.045em;line-height:.9;font-size:clamp(2.25rem,3vw,3.125rem)}
.price .cur{font-size:.46em;margin-top:.1em;letter-spacing:0}
.price .odo{display:inline-block;white-space:nowrap}
.per{margin-top:0.375rem;color:var(--sr-text-muted);font-size:0.8438rem;min-height:1.25rem}
.feat{list-style:none;padding:0;margin:0.875rem 0 1.125rem;display:grid;gap:0.4375rem;font-size:0.875rem;line-height:1.4}
.feat li{display:flex;gap:0.5625rem;opacity:0;transform:translateX(-0.625rem);transition:opacity .6s var(--sr-motion-ease-out),transform .6s var(--sr-motion-ease-out)}
.plan.in .feat li{opacity:1;transform:none}
.feat li::before{content:"";flex:none;width:1rem;height:1rem;margin-top:0.125rem;background:var(--sr-accent);-webkit-mask:var(--tick) center/contain no-repeat;mask:var(--tick) center/contain no-repeat}
.feat{--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.feat li.plus{--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.feat li.plus{font-weight:700}
.plan .sr-btn{margin-top:auto;padding:0.875rem 1.25rem;font-size:0.9375rem}
.plan .emblem{position:absolute;inset-inline-end:0;top:0;width:7.5rem;height:7.5rem;-webkit-clip-path:inset(0 round 1.4375rem);clip-path:inset(0 round 1.4375rem);pointer-events:none}
.plan .emblem>*{position:absolute;inset-inline-end:-1.75rem;top:-2rem;width:6.875rem;height:6.875rem;animation:float 9s ease-in-out infinite}
@keyframes float{50%{transform:translateY(0.625rem) rotate(6deg)}}
.plan.pro{background:radial-gradient(90% 60% at var(--mx,78%) var(--my,0%),rgba(123,204,239,.22),rgba(123,204,239,0) 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,rgba(255,255,255,0) 1px 0.1875rem),linear-gradient(160deg,#103C62,#0A2A47 42%,#04182E);color:#EAF3FA;border-color:transparent;box-shadow:0 1.875rem 5.625rem rgba(3,20,36,.40),0 0 4.375rem rgba(71,181,232,.14);overflow:hidden}
.plan.pro::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:0.0938rem;background:conic-gradient(from var(--ang),rgba(123,204,239,.0) 0deg,#7BCCEF 60deg,#1A6DB5 120deg,rgba(123,204,239,0) 180deg,#7BCCEF 260deg,rgba(123,204,239,0) 330deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ang 6s linear infinite;pointer-events:none}
@keyframes ang{to{--ang:360deg}}
.plan.pro::after{content:"";position:absolute;inset:0;border-radius:1.4375rem;background:linear-gradient(115deg,transparent 42%,rgba(123,204,239,.16) 50%,transparent 58%) 50% 50%/220% 180% no-repeat;animation:sweep 6.5s var(--sr-motion-ease-out) infinite;pointer-events:none}
@keyframes sweep{0%,55%{background-position:160% 50%}100%{background-position:-60% 50%}}
.plan.pro .what,.plan.pro .per{color:#93AEC4}
.plan.pro .what{padding-right:3.5rem}
.plan.pro .feat li::before{background:#7BCCEF}
.plan.pro .emblem{opacity:.55}
.plan.pro .emblem>*{inset-inline-end:-1.875rem;top:-2.125rem;animation-duration:8s}
.plan .sparks i{position:absolute;width:0.1875rem;height:0.1875rem;border-radius:50%;background:#CFEFFB;box-shadow:0 0 0.5rem #7BCCEF;animation:rise 5s linear infinite;opacity:0}
@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}100%{opacity:0;transform:translateY(-16.25rem)}}
.seg{display:inline-flex;margin-top:0.625rem;padding:0.1875rem;border-radius:62.4375rem;background:rgba(255,255,255,.07);border:1px solid rgba(147,174,196,.25);align-self:flex-start}
.seg[hidden],.feat [hidden]{display:none}
.plan:not(.pro) .seg button:not([aria-pressed="true"]){color:var(--sr-text-muted)}
.seg button{border:0;background:transparent;font:600 0.8125rem var(--sr-font-sans);color:#93AEC4;padding:0.4375rem 0.875rem;border-radius:62.4375rem;cursor:pointer;transition:all .4s var(--sr-motion-ease-out)}
.seg button[aria-pressed="true"]{background:linear-gradient(135deg,var(--sr-pill-from),var(--sr-pill-to));color:#fff;box-shadow:0 0.25rem 0.875rem rgba(26,109,181,.35)}
.plan.pro .sr-btn.is-primary{box-shadow:0 0 1.875rem rgba(71,181,232,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.tiers-cap{margin:0.5rem 0 0;font-size:0.75rem;color:var(--sr-text-muted)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.3125rem;margin:0.375rem 0 0.25rem}
.tiers div{padding:0.375rem 0.1875rem 0.3125rem;border-radius:0.625rem;text-align:center;background:rgba(26,109,181,.06);border:1px solid rgba(26,109,181,.12);transition:all .45s var(--sr-motion-ease-out)}
.tiers div b{display:block;font-family:var(--sr-font-sans);font-weight:800;font-size:0.875rem;letter-spacing:-.02em}
.tiers div span{display:block;font-size:0.6875rem;color:var(--sr-text-muted)}
.tiers div.on{background:linear-gradient(135deg,var(--sr-pill-from),var(--sr-pill-to));border-color:transparent;color:#fff;transform:translateY(-0.1875rem);box-shadow:0 0.625rem 1.375rem rgba(26,109,181,.3)}
.tiers div.on span{color:rgba(255,255,255,.85)}
.seats label{display:flex;justify-content:space-between;align-items:baseline;font-size:0.8125rem;color:var(--sr-text-muted);margin-top:0.5rem}
.seats label b{font-family:var(--sr-font-display);font-weight:500;font-size:1.375rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--sr-text)}
.seats input{width:100%;margin:0.375rem 0 0;accent-color:var(--sr-accent)}
.plan.metal{--sr-text:var(--m-ink);--sr-text-muted:var(--m-ink2);--sr-accent:var(--m-acc);--sr-focus:var(--m-acc);--sr-link:var(--m-acc);
  color:var(--sr-text);border-color:transparent;overflow:hidden;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none;
  background:
    radial-gradient(90% 60% at var(--mx,22%) var(--my,0%),var(--m-glow),rgba(255,255,255,0) 62%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.20) 0 1px,rgba(255,255,255,0) 1px 0.1875rem),
    repeating-linear-gradient(0deg,var(--m-line) 0 1px,transparent 1px 0.4375rem),
    linear-gradient(128deg,var(--m1) 0%,var(--m2) 22%,var(--m3) 43%,var(--m4) 66%,var(--m5) 84%,var(--m2) 100%);
  box-shadow:0 1.875rem 5rem var(--m-shadow),0 0 0 1px var(--m-edge),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 var(--m-edge2)}
.plan.metal:hover{box-shadow:0 2.375rem 6rem var(--m-shadow),0 0 0 1px var(--m-edge),inset 0 1px 0 #fff,inset 0 -1px 0 var(--m-edge2)}
.plan.metal::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:0.0938rem;pointer-events:none;
  background:conic-gradient(from var(--ang),var(--r1) 0deg,var(--r2) 60deg,var(--r3) 125deg,var(--r4) 200deg,var(--r1) 265deg,var(--r5) 320deg,var(--r1) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ang 10s linear infinite}
.plan.metal::after{content:"";position:absolute;inset:0;z-index:1;border-radius:1.4375rem;pointer-events:none;mix-blend-mode:overlay;
  background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.85) 47%,var(--m-sheen) 50%,rgba(255,255,255,.85) 53%,transparent 60%) 50% 50%/220% 180% no-repeat;
  animation:sweep 8s var(--sr-motion-ease-out) infinite 1.2s}
.plan.metal h3,.plan.metal .price{text-shadow:0 1px 0 rgba(255,255,255,.85),0 -1px 0 var(--m-deep)}
.plan.metal .emblem{opacity:.5;filter:var(--m-emblem);mix-blend-mode:multiply;transition:opacity .6s,filter .6s}
.plan.metal .emblem i{background:url("../img/logo-192.adfa1d76bfa9.webp") center/contain no-repeat}
.plan.metal .what{padding-inline-end:2.5rem}
.plan.metal .feat li::before{background:var(--m-tick)}
.plan.metal .seg{background:linear-gradient(180deg,rgba(40,30,20,.10),rgba(40,30,20,.04));border-color:var(--m-edge);box-shadow:inset 0 1px 0.125rem rgba(20,16,12,.12),0 1px 0 rgba(255,255,255,.8)}
.plan.metal .seg button[aria-pressed="true"],.plan.metal .tiers div.on{background:linear-gradient(180deg,var(--m-btn1),var(--m-btn2));color:var(--m-btn-ink);
  box-shadow:0 0.5rem 1.25rem var(--m-shadow),inset 0 1px 0 rgba(255,255,255,.22)}
.plan.metal .tiers div{background:rgba(255,255,255,.42);border-color:var(--m-edge)}
.plan.metal .tiers div.on span{color:var(--m-btn-ink);opacity:.8}
.plan.metal .sr-btn.is-primary{--btn-bg:linear-gradient(180deg,var(--m-btn1),var(--m-btn2));--btn-fg:var(--m-btn-ink);color:var(--m-btn-ink);
  box-shadow:0 0.875rem 2.125rem var(--m-shadow),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.06)}
.plan.metal .sr-btn.is-primary:hover{box-shadow:0 1.125rem 2.625rem var(--m-shadow),0 0 0 0.1875rem var(--m-ring),inset 0 1px 0 rgba(255,255,255,.26)}
.plan.metal .sr-btn:disabled{--btn-bg:rgba(40,30,20,.08);--btn-hover:var(--btn-bg);--btn-fg:var(--m-ink2);color:var(--m-ink2);border:1px solid var(--m-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.plan.org{--m1:#F6F7F9;--m2:#D3D8DF;--m3:#FDFDFE;--m4:#BDC4CD;--m5:#E8EBEF;--m-glow:rgba(255,255,255,.8);--m-line:rgba(96,106,120,.05);
  --m-ink:#121820;--m-ink2:#39424E;--m-acc:#1B5F9E;--m-tick:#2C3846;--m-deep:rgba(60,70,85,.18);
  --m-shadow:rgba(16,24,36,.30);--m-edge:rgba(120,130,145,.22);--m-edge2:rgba(80,90,105,.28);--m-sheen:rgba(178,214,240,.7);
  --r1:#FFFFFF;--r2:#8D96A3;--r3:#F3F5F8;--r4:#727D8B;--r5:#A3ACB8;
  --m-btn1:#36404D;--m-btn2:#11161D;--m-btn-ink:#F3F5F8;--m-ring:rgba(123,204,239,.28);--m-emblem:grayscale(1) contrast(1.25) brightness(1.05)}
.plan.bronze{--m1:#F3D6BA;--m2:#DBAA82;--m3:#FCEAD8;--m4:#CB9468;--m5:#EDCAA8;--m-glow:rgba(255,242,228,.75);--m-line:rgba(120,70,35,.06);
  --m-ink:#1F130B;--m-ink2:#3F2617;--m-acc:#6E3A1A;--m-tick:#6A3C20;--m-deep:rgba(90,50,20,.22);
  --m-shadow:rgba(64,32,10,.30);--m-edge:rgba(150,95,55,.26);--m-edge2:rgba(110,60,25,.32);--m-sheen:rgba(255,214,170,.7);
  --r1:#FFF1E2;--r2:#A86B3F;--r3:#F6D9BC;--r4:#7E4824;--r5:#C88E5F;
  --m-btn1:#64402A;--m-btn2:#2A170B;--m-btn-ink:#FBEBDD;--m-ring:rgba(232,170,110,.35);--m-emblem:grayscale(1) sepia(.8) saturate(1.5) contrast(1.1)}
:root[data-theme="dark"] .plan.org{--m1:#E6E9ED;--m3:#F2F4F6;--m5:#DDE1E6;--m-glow:rgba(255,255,255,.65);--m-shadow:rgba(0,0,0,.5)}
:root[data-theme="dark"] .plan.bronze{--m1:#EBCBAD;--m3:#F5DEC7;--m5:#E5BF9B;--m-glow:rgba(255,236,216,.6);--m-shadow:rgba(0,0,0,.5)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .plan.org{--m1:#E6E9ED;--m3:#F2F4F6;--m5:#DDE1E6;--m-glow:rgba(255,255,255,.65);--m-shadow:rgba(0,0,0,.5)}
  :root:not([data-theme="light"]) .plan.bronze{--m1:#EBCBAD;--m3:#F5DEC7;--m5:#E5BF9B;--m-glow:rgba(255,236,216,.6);--m-shadow:rgba(0,0,0,.5)}}
.plan.org.is-pro{--r2:#7BCCEF;--r4:#1A6DB5;--r5:#47B5E8;--m-sheen:rgba(123,204,239,.85);
  --m-edge:rgba(71,181,232,.4);--m-ring:rgba(123,204,239,.4);--m-glow:rgba(226,244,253,.9);
  box-shadow:0 1.875rem 5rem var(--m-shadow),0 0 4.375rem rgba(71,181,232,.32),0 0 0 1px var(--m-edge),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 var(--m-edge2)}
.plan.org.is-pro .emblem{filter:none;mix-blend-mode:normal;opacity:.92}
.plan.org .sparks{opacity:0;transition:opacity .6s var(--sr-motion-ease-out)}
.plan.org.is-pro .sparks{opacity:1}
.plan.org .sparks i{background:#47B5E8;box-shadow:0 0 0.5rem rgba(26,109,181,.7)}
.rng{--r:0.9375rem;position:relative}
.rng:not(.is-live)>:not(input){display:none}
.rng.is-live{height:3.5rem;margin-top:0.125rem;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none}
.rng.is-live input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.rng-track{position:absolute;inset-inline:0;top:0.6875rem;height:0.5rem;border-radius:62.4375rem;
  background:linear-gradient(180deg,#9EA7B3,#DCE1E7);box-shadow:inset 0 1px 0.125rem rgba(10,16,26,.42),inset 0 -1px 0 rgba(255,255,255,.5),0 1px 0 rgba(255,255,255,.95)}
.rng-fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--r) + var(--p,0) * (100% - 2 * var(--r)));border-radius:inherit;overflow:hidden;
  background:linear-gradient(90deg,#0D3560,#1A6DB5 58%,#5CC4EC);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0.75rem rgba(71,181,232,.35)}
.rng-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.55) 50%,transparent 100%) no-repeat;background-size:40% 100%;
  animation:rng-shine 3.2s var(--sr-motion-ease-out) infinite}
@keyframes rng-shine{0%{background-position:-60% 0}70%,100%{background-position:160% 0}}
.rng-thumb{position:absolute;z-index:1;top:0;inset-inline-start:calc(var(--p,0) * (100% - 2 * var(--r)));width:calc(2 * var(--r));height:calc(2 * var(--r));border-radius:50%;
  background:conic-gradient(from 210deg,#FFFFFF,#8E97A4 22%,#F4F6F8 40%,#6F7987 62%,#FFFFFF 82%,#AEB6C1);
  box-shadow:0 0.375rem 0.875rem rgba(12,18,28,.38),0 1px 0.125rem rgba(12,18,28,.3),inset 0 1px 0 #fff;display:grid;place-items:center;
  transition:transform .35s var(--sr-motion-ease-out),box-shadow .35s var(--sr-motion-ease-out)}
.rng-thumb img{width:1.375rem;height:1.375rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 1px rgba(40,50,64,.35)}
.rng-thumb::after{content:"";position:absolute;inset:-0.4375rem;border-radius:50%;border:0.0938rem solid rgba(26,109,181,.0);transform:scale(.8);opacity:0;
  transition:opacity .35s var(--sr-motion-ease-out),transform .35s var(--sr-motion-ease-out),border-color .35s}
.rng:hover .rng-thumb{transform:scale(1.06)}
.rng.is-drag .rng-thumb{transform:scale(1.14);box-shadow:0 0.625rem 1.375rem rgba(12,18,28,.42),0 0 1.375rem rgba(71,181,232,.45),inset 0 1px 0 #fff}
.rng.is-drag .rng-thumb::after,.rng input:focus-visible~.rng-thumb::after{opacity:1;transform:none;border-color:rgba(26,109,181,.55)}
.rng input:focus-visible~.rng-thumb{outline:0.1875rem solid var(--sr-focus);outline-offset:0.25rem}
.rng-scale{position:absolute;inset-inline:var(--r);top:2.125rem;height:1.375rem;
  background:repeating-linear-gradient(90deg,rgba(40,50,64,.28) 0 1px,transparent 1px calc(100% / 24)) top/100% 0.25rem no-repeat}
.rng-scale i{position:absolute;top:0;inset-inline-start:calc(var(--at) * 100%);width:0;display:flex;flex-direction:column;align-items:center;font-style:normal}
.rng-scale i::before{content:"";width:1px;height:0.4375rem;background:rgba(40,50,64,.5)}
.rng-scale i span{margin-top:0.125rem;font-size:0.6562rem;font-weight:700;line-height:1.2;color:var(--sr-text-muted);font-variant-numeric:tabular-nums}
.plan.is-pro .rng-scale i.is-tier::before{height:0.5625rem;width:0.125rem;background:var(--sr-accent)}
.plan.is-pro .rng-scale i.is-tier span{color:var(--sr-text)}
@media (prefers-reduced-motion:reduce){.rng-fill::after,.plan.metal::after{animation:none;display:none}.plan.metal::before,.plan .emblem>*{animation:none}.rng-thumb{transition:none}}
.final{text-align:center;padding:16vh 6vw 12vh}
.final h2{font-size:clamp(2.125rem,4.6vw,4.875rem);margin:0 auto}
.final p{color:var(--sr-text-muted);margin:1.375rem 0 2.125rem;font-size:1.1875rem}
.num.is-1{--c1:#1A6DB5;--c2:#47B5E8;--d1:#165A99;--d2:#11487C;--d3:#0B335E}
.num.is-2{--c1:#165A99;--c2:#7BCCEF;--d1:#124D84;--d2:#0E3F6D;--d3:#0B335E}
.num.is-3{--c1:#2A7ABB;--c2:#9FDCF5;--d1:#23699F;--d2:#1C5684;--d3:#154469}
.num.is-4{--c1:#0F4B7C;--c2:#5CC4EC;--d1:#0C3F69;--d2:#093356;--d3:#062744}
:root[data-theme="dark"] .num{--d1:#1A6DB5;--d2:#165A99;--d3:#0B335E}
:root[data-theme="dark"] .num.is-1{--c1:#4FA8E0}:root[data-theme="dark"] .num.is-2{--c1:#7BCCEF}:root[data-theme="dark"] .num.is-3{--c1:#9FDCF5}:root[data-theme="dark"] .num.is-4{--c1:#5CC4EC}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .num{--d1:#1A6DB5;--d2:#165A99;--d3:#0B335E}
  :root:not([data-theme="light"]) .num.is-1{--c1:#4FA8E0}:root:not([data-theme="light"]) .num.is-2{--c1:#7BCCEF}:root:not([data-theme="light"]) .num.is-3{--c1:#9FDCF5}:root:not([data-theme="light"]) .num.is-4{--c1:#5CC4EC}}
.final .sr-flow{margin:1.625rem 0 0;font-size:0.875rem}
.plan .note{margin:0.5rem 0 0;font-size:0.7812rem;color:var(--sr-text-muted);text-align:center}
.plan.pro .note{color:#93AEC4}
.plan .sr-btn:disabled{opacity:1}
.plan.pro .sr-btn:disabled{background:rgba(255,255,255,.08);color:#93AEC4;border:1px solid rgba(147,174,196,.25)}
.seg button:focus-visible,.num:focus-visible,.win:focus-visible{outline:0.1875rem solid var(--sr-focus);outline-offset:0.1875rem}
.pricing.is-page{min-height:0;padding:0 var(--sr-gutter) 3.5rem;max-width:calc(var(--sr-size-container) + 2 * var(--sr-gutter))}
.pricing.is-page .trust{max-width:none}
.pricing.is-page .trust h3{text-align:start}
@media (max-width:600px){ .pricing.is-page{padding-inline:1rem} }
.pricing{overflow-x:clip}
@media (max-width:900px){
  .hero{--orb:clamp(11.875rem,32vh,20rem);padding-left:1.25rem;padding-right:1.25rem}
  .kgrid,.pgrid{grid-template-columns:1fr}.nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3.875rem;justify-items:center}.link{display:none}.diagram{height:auto;min-height:0;margin-top:2.125rem}
  .node .ic{width:5.25rem}.node b{font-size:0.9375rem;white-space:normal;text-align:center;width:9em}
  .net{flex-wrap:wrap;justify-content:center;gap:0.625rem 0.875rem;max-width:calc(100vw - 2rem);margin-top:1rem}.net .sep{display:none}.chips{margin-top:1.625rem;padding:0 1rem}
  .pc{position:relative;inset:auto;padding:2.75rem 1.125rem 3.5rem}
  .caption .c{font-size:0.9375rem;padding:0.75rem 1.125rem;max-width:calc(100vw - 2rem);width:calc(100vw - 2rem)}
  .priv{height:auto;background:linear-gradient(180deg,transparent 0,var(--sr-band) 6rem,var(--sr-band-2) calc(100% - 6rem),transparent 100%)}
  .priv .sticky{position:relative;height:auto;overflow:visible;padding-block:8rem}
  .priv .sticky>*{flex:none}
  .privlink{padding-inline:1rem}
}
@media (max-width:699.98px){
  .stage{top:47.5%}
  .win .tag{display:none}
  .caption{bottom:calc(0.625rem + env(safe-area-inset-bottom,0px));height:auto}
  .caption .c{font-size:0.875rem;line-height:1.35;padding:0.625rem 0.875rem;background:var(--sr-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (max-width:600px){ .nums{gap:0.75rem}.num{padding:1.375rem 0.625rem 1.25rem}.num .cap{font-size:0.875rem}.kcard{padding:1.5rem 1.25rem} }
html:not(.js) .scene{height:auto}
html:not(.js) .scene .sticky,html:not(.js) .priv .sticky{position:relative;height:auto;overflow:visible;padding-block:12vh 6vh}
html:not(.js) .scene .title,html:not(.js) .caption{position:relative;top:auto;bottom:auto;height:auto}
html:not(.js) .stage{position:relative;left:auto;top:auto;width:auto;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));gap:1.5rem;padding:6vh 6vw}
html:not(.js) .win{position:relative}
html:not(.js) .caption .c{position:relative;left:auto;transform:none;opacity:1;filter:none;margin:0.5rem auto;display:block}
html:not(.js) .priv{height:auto}
@media (prefers-reduced-motion:reduce){
  .scene{height:auto}.scene .sticky{position:relative;height:100vh}
  .priv{height:auto}.priv .sticky{position:relative;height:auto;min-height:100vh;padding-block:12vh}
  .feat li{opacity:1;transform:none}
}
.block{max-width:calc(var(--sr-size-container) + 12vw);margin:0 auto;padding:11vh 6vw 3vh}
.block h2{font-size:clamp(1.75rem,3.1vw,3.125rem);margin:0;text-align:center}
.block .sub{text-align:center;color:var(--sr-text-muted);margin:1rem auto 0;max-width:40em;font-size:1.125rem}
.block .more{text-align:center;margin:1.75rem 0 0;font-size:0.9688rem;color:var(--sr-text-muted)}
.block .more a{font-weight:700}
.pcard,.ucard,.scard,.qcard{border-radius:1.625rem;background:var(--sr-glass);border:1px solid var(--sr-glass-border);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);box-shadow:0 1.25rem 3.75rem rgba(var(--sr-shadow-color),.08)}
.pcard h3,.ucard b,.scard h3,.qcard h3{font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.03em;color:var(--sr-text)}
.pgrid2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:3rem}
.pcard{padding:1.625rem 1.625rem 1.5rem}
.pcard h3{display:flex;gap:0.625rem;align-items:flex-start;margin:0;font-size:1.1875rem;line-height:1.3}
.pcard p{margin:1rem 0 0;padding-top:1rem;border-top:1px dashed var(--sr-border-strong);color:var(--sr-text-muted);font-size:0.9688rem;line-height:1.5}
:is(.pcard,.lap) .now{flex:none;display:inline-flex;margin-top:1px;color:var(--sr-success-text)}
:is(.pcard,.lap) .now::before{content:"";width:1.25rem;height:1.25rem;background:currentColor;forced-color-adjust:none;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
:is(.pcard,.lap) .now{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 3 3 5-6'/%3E%3C/svg%3E")}
.block h2.eyebrow{font-size:clamp(0.75rem,1vw,0.875rem);font-weight:400;letter-spacing:.34em;margin-right:-.34em;line-height:1.5;text-transform:uppercase;color:var(--sr-accent)}
.block .motto{margin:0.875rem auto 0;max-width:22em;text-align:center;font-family:var(--sr-font-display);font-weight:var(--sr-weight-heading);font-size:clamp(1.75rem,3.1vw,3.125rem);
  line-height:1.16;letter-spacing:-.025em;color:var(--sr-text);text-wrap:balance}
.ulist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.75rem}
.ucard{display:flex;gap:1rem;align-items:flex-start;padding:1.375rem;color:var(--sr-text-muted);text-decoration:none;font-size:0.9688rem;line-height:1.5;transition:transform .4s var(--sr-motion-ease-out),box-shadow .4s var(--sr-motion-ease-out)}
.ucard:hover{transform:translateY(-0.25rem);box-shadow:0 1.5rem 3.75rem rgba(var(--sr-shadow-color),.14)}
.ucard b{display:block;margin-bottom:0.25rem;font-size:1.125rem}
.ucard:focus-visible{outline:0.1875rem solid var(--sr-focus);outline-offset:0.1875rem}
.ucard>span:last-child::after{content:"Подробнее →";display:block;margin-top:0.625rem;font-size:0.9062rem;font-weight:700;color:var(--sr-link)}
.nums__h{grid-column:1/-1;margin:0 0 0.5rem;text-align:center;font-size:clamp(1.5rem,2.5vw,2.25rem)}
.trust{max-width:var(--sr-size-container);margin:3.5rem auto 0;padding:1.75rem 1.875rem;border-radius:1.625rem;background:var(--sr-glass);border:1px solid var(--sr-glass-border);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem)}
.trust h3{margin:0 0 1.125rem;font-size:1.25rem;text-align:center}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.trust li{color:var(--sr-text-muted);font-size:0.9062rem;line-height:1.5}
.trust li b{display:block;margin-bottom:0.25rem;color:var(--sr-text);font-size:0.9688rem;font-weight:800;letter-spacing:-.01em}
.trust a{font-weight:700}
@media (max-width:900px){ .trust ul{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .trust{margin-top:2.25rem;padding:1.375rem 1.125rem}.trust ul{grid-template-columns:1fr;gap:0.875rem} }
.privlink{position:relative;display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.625rem;font-size:0.9688rem;font-weight:700;color:#7BCCEF;text-decoration:none}
.privlink:hover{text-decoration:underline}
.privlink .sr-icon{width:1.125rem;height:1.125rem}
.slist{list-style:none;padding:0;margin:2.75rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.scard{padding:1.75rem 1.625rem 1.625rem}
.scard .sn{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.875rem;background:linear-gradient(135deg,var(--sr-pill-from),var(--sr-pill-to));color:#fff;font:800 1.25rem var(--sr-font-sans);box-shadow:0 0.5rem 1.25rem rgba(26,109,181,.35)}
.scard h3{margin:1.25rem 0 0.5rem;font-size:1.3125rem}
.scard p{margin:0;color:var(--sr-text-muted);font-size:0.9688rem;line-height:1.5}
.compare .sr-table-wrap{margin-top:2.5rem}
.ctable{width:100%;border-collapse:collapse;font-size:1rem}
.ctable th,.ctable td{padding:1rem 1.25rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--sr-border)}
.ctable thead th{font:800 1rem var(--sr-font-sans);letter-spacing:-.02em;color:var(--sr-text)}
.ctable tbody th{font-weight:700;color:var(--sr-text)}
.ctable td{color:var(--sr-text-muted)}
.ctable tbody tr:last-child>*{border-bottom:0}
.ctable .is-sr{background:var(--sr-accent-soft);color:var(--sr-text);font-weight:700}
.ctable thead .is-sr{color:var(--sr-link)}
.qgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.75rem}
.qcard{padding:1.75rem 1.625rem 1.5rem}
.qv{display:block;font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.045em;font-size:clamp(2.75rem,4vw,4rem);line-height:1.05;background:linear-gradient(100deg,#1A6DB5,#47B5E8);-webkit-background-clip:text;background-clip:text;color:transparent}
.qcard h3{margin:0.875rem 0 0.625rem;font-size:1.125rem;line-height:1.3}
.qcard p{margin:0;color:var(--sr-text-muted);font-size:0.9062rem;line-height:1.5}
.hfaq__list{max-width:53.75rem;margin:2.5rem auto 0}
@media (max-width:1180px){ .pgrid2,.ulist{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .block{padding-top:10vh}
  .pgrid2,.ulist,.slist,.qgrid{grid-template-columns:1fr}
  .ctable{min-width:38.75rem}.ctable th,.ctable td{padding:0.75rem 0.875rem}
}
@media (max-width:600px){
  .hero{--orb:clamp(9.375rem,24vh,13.125rem);--top:5rem;min-height:0;padding-bottom:3vh}.hero-mark svg{height:2.5rem}.hero-mark{gap:0.5rem}
  .hero h1{font-size:1.5625rem;margin-top:1.125rem}.hero h1 .lead{font-size:0.9688rem;margin-top:0.75rem}.hero .row{flex-direction:column;align-items:stretch;width:100%;max-width:22.5rem}.hero-mark .slogan{font-size:0.7188rem;letter-spacing:.22em;margin-right:-.22em;max-width:20em}
  .ctable{min-width:0}.ctable thead{display:none}
  .ctable tr{display:grid;padding:0.875rem 1rem;border-bottom:1px solid var(--sr-border)}
  .ctable tbody th{padding:0 0 0.375rem;border:0}
  .ctable td{display:flex;justify-content:space-between;gap:0.75rem;padding:0.3125rem 0;border:0;text-align:right}
  .ctable td::before{content:attr(data-label);color:var(--sr-text-muted);font-weight:400;text-align:left}
  .ctable td.is-sr{background:none;color:var(--sr-link)}
}
.dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-top:2.75rem;align-items:start}
.dpanel{padding:1.375rem;border-radius:1.75rem;background:var(--sr-glass);border:1px solid var(--sr-glass-border);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);box-shadow:0 1.25rem 3.75rem rgba(var(--sr-shadow-color),.08)}
.dcap{display:flex;align-items:baseline;gap:0.625rem;margin:0 0.25rem 0.875rem;color:var(--sr-text-muted);font-size:0.9375rem}
.dcap b{font-family:var(--sr-font-sans);font-weight:800;letter-spacing:-.03em;font-size:1.25rem;color:var(--sr-text)}
.dpanel .ai-win .input{min-height:6rem}
.kb{display:grid;gap:0.375rem;margin-top:1.125rem;padding:0.75rem;border-radius:1.125rem;background:var(--sr-surface-sunken);border:1px solid var(--sr-border)}
.kb .r{display:flex;gap:0.375rem;justify-content:center}
.said{display:flex;flex-direction:column;align-items:center;gap:0.25rem;min-height:4.5rem;margin:0.125rem 0 0.625rem;text-align:center}
.said__lbl{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.7812rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sr-text-muted)}
.said__lbl .sr-icon{width:0.9375rem;height:0.9375rem;color:var(--sr-error-text)}
.said__txt{max-width:30em;font-size:1.0312rem;line-height:1.45;font-weight:600;color:var(--sr-text)}
.vkey{display:flex;align-items:center;justify-content:center;gap:0.75rem;margin:0.375rem 0 0.25rem;color:var(--sr-text-muted);font-size:0.9375rem}
.vkey .k{flex:none;width:4.5rem}
.kb .k,.vkey .k{flex:0 1 2.375rem;height:2.375rem;display:grid;place-items:center;border-radius:0.5625rem;font:700 0.8125rem var(--sr-font-sans);color:var(--sr-text);
  background:linear-gradient(180deg,var(--sr-kbd-top),var(--sr-kbd-bottom));border:1px solid var(--sr-border);box-shadow:0 0.1875rem 0 var(--sr-kbd-edge);transition:transform .08s,box-shadow .08s,background .08s}
.kb .k.is-wide,.vkey .k{flex-basis:4rem;font-size:0.7188rem;color:var(--sr-text-muted)}
.kb .k.is-space{flex-basis:16.25rem}
.kb .k.down,.vkey .k.down{transform:translateY(0.1875rem);box-shadow:0 0 0 var(--sr-kbd-edge);background:linear-gradient(180deg,var(--sr-accent-soft),var(--sr-accent-soft));color:var(--sr-accent)}
@media (max-width:900px){ .dgrid{grid-template-columns:minmax(0,1fr)} }
@media (max-width:600px){ .dpanel{padding:0.875rem}.kb{gap:0.25rem;padding:0.5rem}.kb .r{gap:0.1875rem}.kb .k{height:1.875rem;font-size:0.6875rem;border-radius:0.4375rem}.kb .k{min-width:0}.kb .k.is-wide{flex-basis:2.75rem;font-size:0.625rem}.kb .k.is-space{flex-basis:10rem}.vkey{flex-wrap:wrap}.dcap{flex-wrap:wrap;gap:0.125rem 0.625rem}.ai-win .meta{flex-wrap:wrap;gap:0.25rem 0.625rem}.ai-win .bar{flex-wrap:wrap} }
@media (prefers-reduced-motion:reduce){ .ucard{transition:none}.ucard:hover{transform:none} }
@media (min-width:960px){
  .block,.keys,.nums,.pricing{max-width:calc(var(--sr-size-container) + 2 * var(--sr-gutter));padding-inline:var(--sr-gutter)}
  .priv .sticky{padding-inline:var(--sr-gutter)}
  .diagram{width:100%;max-width:var(--sr-size-container)}
  .kb{--k:clamp(2.375rem,calc((50vw - var(--sr-gutter) - 9.375rem) / 12),3.25rem)}
  .kb .k{flex-basis:var(--k);height:var(--k);font-size:calc(var(--k) * .34)}
  .kb .k.is-wide{flex-basis:calc(var(--k) * 1.7);font-size:calc(var(--k) * .3)}
  .kb .k.is-space{flex-basis:calc(var(--k) * 6.85)}
  .hfaq__list{max-width:none}
  .hfaq__list .sr-accordion{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem 1.25rem;align-items:start}
  .hfaq__list .sr-accordion__body p{max-width:46em}
}
.lap .sr-split{gap:3.5rem}
.lap h2,.lap .sub{text-align:left;margin-left:0}
.lap img{width:100%;margin:0}
.lap ul{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:0.875rem;font-size:1.0625rem;line-height:1.45}
.lap li{display:flex;gap:0.75rem;align-items:flex-start;color:var(--sr-text-muted)}