/* :has(> header[data-kt-header]) — вырезано вместе с site_header */

.hsv-mock{
  --sp-1:4px; --sp-1-5:6px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-24:96px;
  --radius-lg:8px; --radius-xl:12px; --radius-2xl:16px; --radius-3xl:24px;
  --fw-reg:400; --fw-med:500; --fw-semi:600; --ls:-0.2px;
  --brand-100:#7d4ccf; --brand-hover:#6f43b8; --brand-12:#efe9f9; --brand-12k:rgba(125,76,207,.12); --border-default:#e0e0e0;
  --surface-section:#f5f5f5; --text-title:#2d2d2d; --text-secondary:#757575;
  font-family:inherit; color:var(--text-title);
  display:block; width:100%; box-sizing:border-box;
  padding:var(--sp-12) 0 0; overflow:hidden;
  background:radial-gradient(900px 420px at 50% -140px, var(--brand-12) 0%, rgba(239,233,249,0) 70%), linear-gradient(#fff,#fff);
}
.hsv-mock .hsv-glow{position:absolute;width:720px;height:520px;left:50%;top:-220px;transform:translateX(-50%);border-radius:9999px;background:linear-gradient(-90deg,#e298ff,#6fe5ff);filter:blur(220px);opacity:.28;pointer-events:none;z-index:0}
.hsv-mock .hero__grid{position:relative;z-index:2}
/* белая растушёвка у верхнего края: засвет не должен подниматься под шапку сайта */
.hsv-mock .hsv-fade{position:absolute;left:0;right:0;top:0;height:112px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%)}
.hsv-mock, .hsv-mock *{box-sizing:border-box;}
.hsv-mock .hsv-container{max-width:1216px; margin:0 auto; padding:0 var(--sp-4);}
.hsv-mock .hero__grid{display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--sp-12);}
.hsv-mock .hero__copy{width:100%; max-width:820px; margin:0 auto; text-align:center;}
.hsv-mock .sh-badge{display:inline-flex; align-items:center; justify-content:center; background:var(--brand-12k); border-radius:var(--radius-2xl); padding:var(--sp-1) var(--sp-4);}
.hsv-mock .sh-badge__text{font-size:14px; line-height:20px; font-weight:var(--fw-med); letter-spacing:var(--ls); color:var(--brand-100); white-space:nowrap;}
.hsv-mock h1{font-size:48px; line-height:52px; font-weight:var(--fw-semi); letter-spacing:-1px; margin:var(--sp-4) 0 var(--sp-5);}
.hsv-mock .hero__sub{font-size:18px; line-height:26px; color:var(--text-title); font-weight:var(--fw-reg); max-width:880px; margin:0 auto var(--sp-8);}
/* Приписка под подзаголовком («300 + готовых сценариев») — фирменным фиолетовым. */
.hsv-mock .hero__sub .hsv-sub-line{display:block; margin-top:var(--sp-2); color:var(--brand-100);}
.hsv-mock .hero__cta{display:flex; gap:var(--sp-3); flex-wrap:wrap; justify-content:center;}
.hsv-mock .hsv-btn{display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-1); height:48px; padding:var(--sp-3) var(--sp-5); font-size:16px; line-height:24px; font-weight:var(--fw-med); letter-spacing:var(--ls); border-radius:var(--radius-lg); border:none; cursor:pointer; text-decoration:none; white-space:nowrap; background:var(--brand-100); color:#fff; transition:background .18s;}
.hsv-mock .hsv-btn:hover{background:var(--brand-hover);}
.hsv-mock .hero__visual{width:100%; display:flex; justify-content:center;}
.hsv-mock .video-ph{width:100%; max-width:1008px; margin:0 auto; aspect-ratio:16/9; border-radius:var(--radius-3xl); background:var(--surface-section); border:4px solid var(--border-default); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--sp-4); box-shadow:0 0 40px -12px rgba(45,45,45,.22); position:relative; overflow:hidden;}
.hsv-mock .video-ph__video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; border:none; background:#000; z-index:0;}
.hsv-mock .video-ph__play{position:relative; z-index:2; width:72px; height:72px; padding:0; border:none; cursor:pointer; border-radius:9999px; background:var(--brand-100); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px -8px rgba(125,76,207,.5);}
.hsv-mock .video-ph__play svg{width:30px; height:30px; margin-left:2px;}
.hsv-mock .video-ph__label{position:relative; z-index:2; font-size:18px; line-height:28px; color:var(--text-secondary);}
.hsv-mock .trust-line{display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:16px; color:#424242; font-size:16px; line-height:22px; letter-spacing:-0.2px; min-width:0; max-width:100%; overflow:hidden; padding-top:0; padding-bottom:24px; margin-top:16px;}
.hsv-mock .trust-line b{display:inline-flex; align-items:center; gap:8px; white-space:nowrap; color:#424242; font-weight:400;}
.hsv-mock .trust-line b svg{width:18px; height:18px; color:var(--brand-100); flex:none;}
.hsv-mock .trust-line .sep{width:1px; height:20px; background:var(--border-default); flex:none;}
.hsv-mock .trust-track{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; min-width:0;}
.hsv-mock .trust-set{display:flex; align-items:center; gap:16px; flex:none;}
.hsv-mock .trust-track>[aria-hidden="true"], .hsv-mock .trust-track>.trust-gap{display:none;}
@media(min-width:768px) and (max-width:1279px){.hsv-mock{padding-top:var(--sp-8);}}
@media(max-width:1279px){
  .hsv-mock .trust-line{justify-content:flex-start; margin-top:24px;}
  .hsv-mock .trust-track{width:max-content; flex:0 0 auto; flex-wrap:nowrap; justify-content:flex-start; animation:hsv-trustmarquee 30s linear infinite;}
  .hsv-mock .trust-track>[aria-hidden="true"]{display:flex;}
  .hsv-mock .trust-track>.trust-gap{display:block;}
}
@keyframes hsv-trustmarquee{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.hsv-mock .trust-track{animation:none;}}
@media(max-width:980px){.hsv-mock .hero__grid{gap:var(--sp-10);} .hsv-mock .hero__copy{max-width:680px;}}
@media(max-width:1023px){.hsv-mock .video-ph{border-radius:var(--radius-xl);}}
@media(max-width:767px){
  .hsv-mock{padding-top:var(--sp-6);}
  .hsv-mock .hero__grid{align-items:flex-start; text-align:left;}
  .hsv-mock .hero__copy{text-align:left;}
  .hsv-mock .hero__cta{justify-content:center;}
  .hsv-mock h1{font-size:36px; line-height:40px;}
  .hsv-mock .hero__sub{font-size:16px; line-height:24px;}
  .hsv-mock .video-ph__play{width:56px; height:56px;}
  .hsv-mock .video-ph__play svg{width:24px; height:24px;}
  .hsv-mock .video-ph__label{font-size:16px; line-height:24px;}
  .hsv-mock .trust-line{font-size:14px; gap:12px; margin-top:0; padding-inline:16px;}
  .hsv-mock .trust-line b svg{width:16px; height:16px;}
  .hsv-mock .trust-line .sep{height:16px;}
}
@media(max-width:384px){.hsv-mock h1{font-size:30px; line-height:36px;}}


.revx-mock{
  --container:1216px;
  --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-12:48px;
  --radius-2xl:16px; --radius-lg:8px;
  --fw-med:500; --fw-semi:600;
  --brand-100:#7d4ccf; --brand-hover:#6a3cbf; --brand-48:rgba(125,76,207,.48); --brand-12:#efe9f9;
  --border-default:#dbe1e0; --text-title:#2d2d2d; --text-secondary:#757575; --surface-section:#f7f7f8;
  font-family:'Roboto','Inter',system-ui,-apple-system,sans-serif; color:var(--text-title);
  background:var(--surface-section); padding:48px 0;
  overflow-x:clip;
}
/* На десктопе секция дышит шире — 96px сверху и снизу. */
@media(min-width:1024px){ .revx-mock{ padding:96px 0; } }
.revx-mock *{box-sizing:border-box;}
.revx-mock .revx__in{width:100%; max-width:var(--container); margin:0 auto; padding:0 var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-12); align-items:center;}
.revx-mock .revx__head{display:flex; flex-direction:column; gap:var(--sp-4); align-items:center; text-align:center; width:100%;}
.revx-mock .revx__head h2{font-size:36px; line-height:40px; font-weight:var(--fw-semi); color:var(--text-title); margin:0;}
.revx-mock .revx__head p{font-size:16px; line-height:24px; color:var(--text-title); max-width:680px; margin:0;}
/*
 * Лента выходит из контейнера во всю ширину экрана: первая карточка остаётся
 * выровненной по заголовку (padding слева = отступ контейнера), а справа лента
 * доезжает до края экрана, а не обрывается по границе контейнера.
 */
.revx-mock .revx__wrap{width:100vw; margin-inline:calc(50% - 50vw); padding-left:calc(50vw - 50%); overflow:hidden; position:relative;}
.revx-mock .revx__track{display:flex; gap:var(--sp-8); align-items:stretch; width:max-content; transition:transform .35s ease;}
.revx-mock .revx__track--single{width:100%; justify-content:center;}
.revx-mock .otz{flex-shrink:0; width:384px; min-height:460px; background:#fff; border-radius:var(--radius-2xl); padding:var(--sp-6); display:flex; flex-direction:column; gap:var(--sp-6);}
/* gap задаёт воздух между логотипом и текстом отзыва. */
.revx-mock .otz__top{display:flex; flex-direction:column; gap:var(--sp-8); flex:1; min-height:0;}
.revx-mock .otz__hd{display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-4);}
.revx-mock .otz__co{font-size:18px; line-height:28px; font-weight:var(--fw-semi); color:var(--text-title);}
/*
  Полоса логотипа фиксирована по высоте (--otz-logo-h), а сам знак центрируется
  в ней. Иначе уменьшенный через logoScale логотип прижимается к верху и уезжает
  относительно «ёлочек» и логотипов соседних карточек.
*/
.revx-mock .otz__co{--otz-logo-h:60px; display:flex; align-items:center; min-height:var(--otz-logo-h);}
.revx-mock .otz__co img{height:calc(var(--otz-logo-h) * var(--otz-logo-scale, 1)); width:auto; max-width:180px; object-fit:contain; display:block;}
.revx-mock .otz__q{flex-shrink:0; width:79px; height:60px; color:#f3f4f6;}
/* Текст отзыва прижат к верху: при align-items:center короткие цитаты
   висели по центру, и в соседних карточках первые строки не совпадали. */
.revx-mock .otz__text{font-size:16px; line-height:24px; color:var(--text-secondary); flex:1; display:flex; align-items:flex-start;}
/*
  Блок автора прижат к низу карточки (.otz__top растягивается), поэтому его
  высота задаёт положение аватара. У отзыва без строки роли блок был на 16px
  ниже соседних — резервируем место под подпись из двух строк, чтобы аватары
  и имена стояли на одной линии во всех карточках.
*/
.revx-mock .otz__author{display:flex; gap:var(--sp-4); align-items:center; min-height:72px;}
.revx-mock .otz__av{position:relative; overflow:hidden; width:56px; height:56px; border-radius:9999px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:var(--fw-semi); color:#fff; background:#c4b5e0;}
.revx-mock .otz__av img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
/* Командное фото: показываем кадр целиком, без круглой обрезки и подложки. */
.revx-mock .otz__av--wide{width:auto; border-radius:0; background:transparent; overflow:visible;}
.revx-mock .otz__av--wide img{position:static; width:auto; height:100%; object-fit:contain;}
/* Буква-заглушка нужна только пока картинки нет (или она отвалилась по onError). */
.revx-mock .otz__av:has(img) .otz__av-initial{display:none;}
.revx-mock .otz__who{display:flex; flex-direction:column; min-width:0;}
.revx-mock .otz__name{font-size:16px; line-height:24px; font-weight:var(--fw-med); color:var(--text-title);}
.revx-mock .otz__role{font-size:16px; line-height:24px; color:var(--text-secondary); white-space:pre-line;}
.revx-mock .otz__btn{align-self:flex-start; display:inline-flex; align-items:center; border:1px solid var(--border-default); border-radius:var(--radius-lg); padding:10px var(--sp-4); font-size:16px; line-height:24px; font-weight:var(--fw-med); color:var(--brand-100); background:#fff; text-decoration:none; cursor:pointer; transition:background .18s, border-color .18s, color .18s;}
.revx-mock .otz__btn:hover{border-color:var(--brand-48); background:var(--brand-12); color:var(--brand-hover);}
.revx-mock .revx__nav{display:flex; gap:14px; align-items:center;}
.revx-mock .revx__navbtn{width:40px; height:40px; border-radius:9999px; border:1px solid var(--border-default); background:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--brand-100); transition:background .18s, border-color .18s, color .18s, box-shadow .18s;}
.revx-mock .revx__navbtn:hover:not(:disabled){background:var(--brand-12); border-color:var(--brand-48); color:var(--brand-hover);}
.revx-mock .revx__navbtn:focus-visible{outline:none; box-shadow:0 0 0 4px rgba(152,162,179,.14);}
.revx-mock .revx__navbtn:disabled{background:#fff; border-color:var(--border-default); color:var(--border-default); cursor:default;}
.revx-mock .revx__navbtn svg{width:20px; height:20px;}
/* счётчик страниц ленты — между стрелками */
.revx-mock .revx__count{font-size:16px; line-height:24px; font-weight:var(--fw-med); color:var(--text-secondary); font-variant-numeric:tabular-nums; min-width:48px; text-align:center;}
@media(min-width:1280px){ .revx-mock .revx__in{max-width:calc(1216px + 64px); padding:0 32px;} }
@media(min-width:768px) and (max-width:1279px){ .revx-mock .revx__in{gap:var(--sp-8);} }
@media(min-width:768px) and (max-width:1023px){ .revx-mock{padding-bottom:var(--sp-8);} .revx-mock .revx__track{gap:var(--sp-6);} }
@media(max-width:767px){
  /* под стрелками на мобилке хватает 24px — секция и так отбита фоном */
  .revx-mock{padding-bottom:var(--sp-6);}
  .revx-mock .revx__in{gap:var(--sp-6); padding:0 0 0 var(--sp-4);}
  .revx-mock .revx__head{align-items:flex-start; text-align:left; margin-inline:0;}
  .revx-mock .revx__head h2{font-size:24px; line-height:32px;}
  .revx-mock .revx__track{gap:var(--sp-4);}
  .revx-mock .otz{width:318px; max-width:calc(100vw - 64px); height:auto;}
  .revx-mock .otz__co{font-size:16px; line-height:24px;}
  .revx-mock .otz__co{--otz-logo-h:50px;}
  .revx-mock .otz__co img{max-width:150px;}
}


.fm{--violet:#7d4ccf;--violet-12:#efe9f9;--violet-7:#f5f1fb;--orange:#ffa100;--orange-12:#fff3e0;--red:#f44336;--red-12:#fde8e6;--green:#4caf51;--green-12:#e9f5ea;--blue:#2f80ed;--blue-12:#e6f1fb;--t1:#2d2d2d;--t2:#757575;--t3:#9e9e9e;--bd:#ececec;--surf:#f6f6f7;--page:#c9c9cf;font-family:var(--font-sans,"Roboto","Inter",system-ui,-apple-system,"Segoe UI",sans-serif);color:var(--t1);background:var(--page);-webkit-font-smoothing:antialiased;padding:36px}
.fm *{box-sizing:border-box;margin:0;padding:0}
.fm h1{font-size:20px;font-weight:600;margin-bottom:4px;color:#222}
.fm .sub{font-size:13px;color:#5b5b5f;margin-bottom:30px}
.fm .board{display:grid;grid-template-columns:repeat(auto-fill,240px);justify-content:center;gap:30px 24px;align-items:start}
.fm .tile{display:flex;flex-direction:column;gap:10px;width:240px}
.fm .cap{font-size:12px;font-weight:500;color:#4a4a4e;padding-left:2px}
.fm .card{position:relative;width:240px;background:#fff;border-radius:16px;box-shadow:0 0 40px -20px rgba(40,40,60,.45);padding:12px;overflow:hidden}
.fm .h180{height:176px}.fm .h210{height:212px}
.fm .ttl{font-size:11px;font-weight:600;margin-bottom:9px}
.fm .lab{font-size:8.5px;color:var(--t2)}.fm .val{font-size:8.5px;color:var(--t1);font-weight:500}
.fm .row{display:flex;align-items:center;gap:6px}.fm .sp{flex:1}
.fm .line{height:6px;border-radius:3px;background:#eef0f2}
.fm .shell{display:flex;gap:8px;height:100%}
.fm .side{width:30px;flex:none;display:flex;flex-direction:column;gap:7px;padding-top:2px}
.fm .side .sr{height:5px;border-radius:3px;background:#edeef0}
.fm .side .pr{display:flex;align-items:center;gap:4px;margin-top:2px}
.fm .side .pr i{width:6px;height:6px;border-radius:50%;background:var(--violet);flex:none}
.fm .side .pr b{height:5px;width:20px;border-radius:3px;background:#d9d2ee}
.fm .side::after{content:"";flex:1;min-height:6px;background:repeating-linear-gradient(to bottom,#edeef0 0 5px,transparent 5px 12px)}
.fm .main{flex:1;min-width:0}
.fm .tb{display:flex;align-items:center;gap:4px;margin-bottom:8px}
.fm .tb i{width:14px;height:12px;border-radius:3px;background:var(--surf);border:1px solid var(--bd);flex:none}
.fm .tb i.a{background:var(--violet-12);border-color:#d9c9f3}
.fm .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.fm .ch{font-size:7px;color:var(--t3);font-weight:600;margin-bottom:4px;white-space:nowrap}
.fm .cc{height:13px;border-radius:4px;margin-bottom:4px}
.fm .cc.v{background:var(--violet-12)}.fm .cc.o{background:var(--orange-12)}.fm .cc.r{background:var(--red-12)}
.fm .cc.g{background:var(--green-12)}.fm .cc.b{background:var(--blue-12)}.fm .cc.n{background:#f0f0f2}
.fm .chip{display:inline-block;font-size:8px;font-weight:600;padding:2px 7px;border-radius:9px;white-space:nowrap}
.fm .chip.v{background:var(--violet-12);color:var(--violet)}.fm .chip.o{background:var(--orange-12);color:#b87400}
.fm .chip.r{background:var(--red-12);color:var(--red)}.fm .chip.g{background:var(--green-12);color:#2f7d33}
.fm .chip.solid-o{background:var(--orange);color:#fff}.fm .chip.solid-g{background:var(--green);color:#fff}.fm .chip.solid-r{background:var(--red);color:#fff}
.fm .av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:#fff;flex:none}
.fm .field{border:1px solid var(--bd);border-radius:6px;padding:4px 7px;font-size:8.5px}
.fm .cb{width:11px;height:11px;border-radius:3px;border:1.5px solid #ccc;flex:none}
.fm .cb.on{background:var(--violet);border-color:var(--violet);position:relative}
.fm .cb.on::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:6px;border:1.5px solid #fff;border-top:0;border-left:0;transform:translate(-50%,-52%) rotate(45deg)}
.fm .rb{width:12px;height:12px;border-radius:50%;border:1.5px solid #7d4ccf;background:#fff;flex:none}
.fm .rb.on{background:#7d4ccf;position:relative}.fm .rb.on::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#fff}
.fm .tg{width:22px;height:13px;border-radius:8px;background:#d6d6d6;position:relative;flex:none}
.fm .tg.on{background:var(--violet)}.fm .tg::after{content:"";position:absolute;top:1.5px;left:1.5px;width:10px;height:10px;border-radius:50%;background:#fff}
.fm .tg.on::after{left:auto;right:1.5px}
.fm .stc{width:11px;height:11px;border-radius:50%;border:1.5px solid #d4d4d4;flex:none}
.fm .tabs{display:flex;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:8px}
.fm .tabs span{font-size:8px;font-weight:600;color:var(--t3);padding-bottom:5px;letter-spacing:.03em}
.fm .tabs span.a{color:var(--violet);border-bottom:2px solid var(--violet)}
.fm .cal{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #eee;border-radius:5px;overflow:hidden}
.fm .cd{font-size:6px;color:var(--t3);text-align:center;padding:2px 0;line-height:1.4;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.fm .cal .cd:nth-child(7n){border-right:0}
.fm .cd.h{background:#fafafb;color:var(--t2);font-weight:600}
.fm .cd.d1{background:var(--orange-12);color:#b87400;font-weight:700}
.fm .pr.act{background:var(--violet-12);border-radius:4px;padding:1px 3px;margin:0 -3px}
.fm .pop{position:absolute;right:0;bottom:0;width:150px;background:#fff;border:1.4px solid var(--orange);border-radius:9px;box-shadow:0 8px 18px -8px rgba(0,0,0,.28);padding:6px}
.fm .vc{display:flex;flex-direction:column;height:100%}
.fm .vcg{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px}
.fm .vct{background:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden}
.fm .vct .circ{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
.fm .vct .nm{font-size:8px;color:#1a1a1e}
.fm .vcbar{display:flex;gap:4px;align-items:flex-end;justify-content:center;flex:0 0 36px;padding-bottom:2px}
.fm .vcbtn{width:22px;height:15px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.fm .vcbtn svg{width:10px;height:10px}
.fm .vcbtn.v{background:#7d4ccf}.fm .vcbtn.g{background:rgba(217,217,217,.55)}
.fm .vcbtn.ai{width:15px;font-size:6px;font-weight:600;color:#818286}
.fm .kbsh{display:flex;height:100%}
.fm .kbside{width:50px;flex:none;display:flex;flex-direction:column;gap:6px;padding:2px 9px 0 0;border-right:1px solid #eee}
.fm .kbside .hd{height:6px;width:95%;border-radius:3px;background:#e0e0e0;margin-bottom:2px}
.fm .kbrow{display:flex;align-items:center;gap:4px}
.fm .kbrow .dot{width:5px;height:5px;border-radius:50%;background:#e0e0e0;flex:none}
.fm .kbrow .ln{flex:1;height:5px;border-radius:3px;background:#eee}
.fm .kbside .pj{display:flex;align-items:center;gap:4px;background:#efe9f9;border-radius:5px;padding:3px 5px;margin:0 -2px 0 -5px}
.fm .kbside .pj i{width:5px;height:5px;border-radius:50%;background:#7d4ccf;flex:none}
.fm .kbside .pj b{font-size:8px;font-weight:600;color:#424242}
.fm .kbmain{flex:1;min-width:0;padding-left:9px}
.fm .vtb{display:flex;align-items:center;background:#efefef;border-radius:6px;padding:1.5px;width:100%;margin-bottom:7px}
.fm .vtb .vi{flex:1;height:18px;display:flex;align-items:center;justify-content:center;color:#6e6e72;position:relative}
.fm .vtb .vi svg{width:12px;height:12px}
.fm .vtb .vi:not(:last-child)::after{content:"";position:absolute;right:0;top:3px;bottom:3px;width:1px;background:#dbdbdb}
.fm .vtb .vi.act{background:#fff;border-radius:5px;color:#2d2d2d}
.fm .vtb .vi.act::after{display:none}
.fm .bttl{font-size:9.5px;font-weight:600;color:#424242;margin-bottom:8px}
.fm .kboard{display:grid;grid-template-columns:repeat(4,1fr)}
.fm .kcol{padding:0 5px;border-right:1px solid #eee;display:flex;flex-direction:column;gap:5px;min-width:0}
.fm .kcol:last-child{border-right:0}
.fm .kcol .kh{font-size:7px;color:#898989;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm .kk{border-radius:4px}
.fm .kk.r{background:#fde8e6}.fm .kk.o{background:#fff0d9}.fm .kk.g{background:#e9f5ea}.fm .kk.n{background:#f5f5f5}
.fm .kk.fo{background:#fff0d9}
.fm .kk.fg{background:#e9f5ea}
.fm .swhdr{font-size:10px;font-weight:600;color:#424242;margin-bottom:6px}
.fm .swlane{border-top:1px solid #eee;padding:4px 0 3px;font-size:8.5px;font-weight:600;color:#3a3a3a}
.fm .swlane.dim{color:#3a3a3a;border-top-color:#f2f2f2}
.fm .mobstage{display:flex;align-items:center;justify-content:center;height:100%}
.fm .phone{width:102px;height:176px;background:#fff;border:1px solid #dcdce2;border-radius:15px;box-shadow:0 10px 24px -10px rgba(40,40,60,.42);padding:8px 7px 0;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.fm .phhdr{display:flex;align-items:center;gap:3px;padding-bottom:4px;border-bottom:1px solid #f0f0f2}
.fm .phhdr .knm{font-size:7.5px;font-weight:700;color:#2d2d2d}
.fm .phhdr .dot{width:3.5px;height:3.5px;border-radius:50%;background:#d5d5da}
.fm .phsec{display:flex;align-items:center;font-size:7px;font-weight:700;color:#3a3a3a;margin-top:4px;border-bottom:1px solid #f0f0f2;padding-bottom:4px}
.fm .phhdr + .phsec{margin-top:-5px}
.fm .phcols{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:-3px}
.fm .phcol{display:flex;flex-direction:column;gap:5px;min-width:0}
.fm .phcol .ch{font-size:6.5px;color:#9a9a9a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:-2px}
.fm .phcard{border-radius:4px;padding:6px 4px;display:flex;flex-direction:column;gap:4px;justify-content:center}
.fm .phcard.r{background:#fde8e6}.fm .phcard.o{background:#fff0d9}.fm .phcard.n{background:#f5f5f5}.fm .phcard.n .l{background:#e2e2e6}.fm .phcard.g{background:#e9f5ea}
.fm .phcard .l{height:2.5px;border-radius:1px;background:rgba(255,255,255,.8)}
.fm .lz{display:flex;flex-direction:column;height:100%;border:1px solid #ececec;border-radius:8px;overflow:hidden}
.fm .lzhead{display:flex;align-items:stretch;border-bottom:1px solid #eee}
.fm .lzhead .nm{flex:0 0 56px;min-width:0;white-space:nowrap;overflow:hidden;font-size:8px;font-weight:600;color:#2d2d2d;background:#f3f3f4;padding:4px 6px;border-right:1px solid #eee;display:flex;align-items:center}
.fm .lzhead .wk{flex:1;text-align:center;font-size:7px;color:#898989;padding:4px 0;align-self:center}
.fm .lzrow{display:flex;align-items:center;flex:1;min-height:0;border-bottom:1px solid #f5f5f5}
.fm .lzwho{flex:0 0 56px;display:flex;align-items:center;gap:4px;background:#f7f7f8;border-right:1px solid #eee;padding:0 6px;align-self:stretch}
.fm .lzwho .d{width:6px;height:6px;border-radius:50%;flex:none}
.fm .lzwho .ln{flex:1;height:5px;border-radius:3px;background:#e2e2e2}
.fm .lztrack{flex:1;position:relative;height:13px;margin:0 5px}
.fm .lzbar{position:absolute;height:8px;border-radius:3px;top:2.5px}
.fm .lzdiv{border-top:1.5px solid #e2e2e2}
.fm .lzcells{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:0 5px;align-items:center}
.fm .lzcells span{height:9px;border-radius:2px;background:#f1f1f3}
.fm .lzcells span.r{background:#fde8e6}.fm .lzcells span.g{background:#e9f5ea}


.fg-mock{
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px; --sp-32:128px;
  --radius-2xl:16px;
  --fw-reg:400; --fw-med:500; --fw-semi:600; --ls:-0.2px;
  --brand-100:#7d4ccf; --brand-12:#efe9f9; --brand-48k:rgba(125,76,207,.48);
  --text-title:#2d2d2d; --text-secondary:#757575; --border-default:#e0e0e0;
  --surface-page:#ffffff; --surface-section:#f5f5f5;
  --ease-ui:cubic-bezier(.2,0,.2,1);
  font-family:inherit; color:var(--text-title);
  display:block; width:100%; background:var(--surface-page);
  padding:var(--sp-24) 0 var(--sp-32); box-sizing:border-box; overflow:hidden;
}
.fg-mock, .fg-mock *{ box-sizing:border-box; }
.fg-inner{ max-width:calc(1216px + 2 * var(--sp-4)); margin:0 auto; padding:0 var(--sp-4); }

.fg-head{ display:flex; flex-direction:column; align-items:center; text-align:center; margin:0 auto var(--sp-12); max-width:820px; }
.fg-heading{ font-size:36px; line-height:40px; font-weight:var(--fw-semi); letter-spacing:0; margin:0; }
.fg-desc{ font-size:16px; line-height:24px; font-weight:var(--fw-reg); letter-spacing:var(--ls); color:var(--text-title); margin:var(--sp-4) 0 0; }

.fg-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-8); }
.fg-card{ background:var(--surface-section); border-radius:var(--radius-2xl); padding:var(--sp-4) var(--sp-6) var(--sp-6); display:flex; flex-direction:column; gap:var(--sp-3); }
.fg-illus{ display:flex; justify-content:center; width:100%; max-width:260px; margin:var(--sp-3) auto; }
.fg-illus .ph{ flex:1; width:100%; aspect-ratio:240/176; border-radius:12px; background:#e9e9ec; display:flex; align-items:center; justify-content:center; color:#bdbdbd; }
.fg-illus .ph svg{ width:36px; height:36px; }
.fg-card h3{ font-size:20px; line-height:28px; font-weight:var(--fw-semi); color:var(--text-title); margin:0; }
.fg-card p{ font-size:16px; line-height:24px; color:var(--text-secondary); margin:0; }

.fg-nav{ display:none; align-items:center; justify-content:center; gap:14px; margin-top:var(--sp-8); }
.fg-nav button{ width:40px; height:40px; flex:none; border-radius:9999px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#fff; border:1px solid var(--border-default); color:var(--text-title); transition:background .14s var(--ease-ui), border-color .14s var(--ease-ui), color .14s var(--ease-ui), opacity .14s var(--ease-ui); }
.fg-nav button svg{ width:20px; height:20px; }
.fg-nav button:not(:disabled):hover{ background:var(--brand-12); border-color:var(--brand-48k); color:var(--brand-100); }
.fg-nav button:disabled{ opacity:.35; cursor:default; }
.fg-count{ font-size:16px; color:var(--text-title); min-width:48px; text-align:center; }
.fg-count b{ color:var(--brand-100); font-weight:var(--fw-med); }

/* планшет + мобилка: сетка → карусель во всю ширину экрана */
@media(max-width:1279px){
  .fg-mock{ padding:var(--sp-16) 0 var(--sp-24); }
  .fg-inner{ max-width:calc(1216px + 2 * var(--sp-6)); padding:0 var(--sp-6); }
  .fg-head{ margin-bottom:var(--sp-8); }
  .fg-grid{
    display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x proximity;
    gap:var(--sp-6); scrollbar-width:none; -ms-overflow-style:none; padding-bottom:4px;
    margin-inline:calc(-1 * var(--sp-6)); padding-left:var(--sp-6); scroll-padding-left:var(--sp-6);
    /* пока карточки помещаются — держим их по центру; как только лента шире экрана,
       safe откатывает на flex-start, чтобы левый край не уезжал за пределы прокрутки */
    justify-content:safe center;
  }
  .fg-grid::-webkit-scrollbar{ display:none; }
  .fg-card{ flex:0 0 340px; max-width:340px; scroll-snap-align:start; }
  .fg-grid > .fg-card:last-child{ margin-right:var(--sp-6); }
  .fg-nav{ display:flex; }
}
@media(max-width:767px){
  .fg-mock{ padding:var(--sp-12) 0 var(--sp-16); }
  .fg-inner{ padding:0 var(--sp-4); }
  .fg-head{ align-items:flex-start; text-align:left; margin-bottom:var(--sp-6); }
  .fg-heading{ font-size:24px; line-height:32px; }
  .fg-grid{ gap:var(--sp-4); margin-inline:calc(-1 * var(--sp-4)); padding-left:var(--sp-4); scroll-padding-left:var(--sp-4); }
  .fg-card{ flex:0 0 318px; max-width:318px; }
  .fg-grid > .fg-card:last-child{ margin-right:var(--sp-4); }
  /* стрелки листания на мобилке стоят ближе к карточкам */
  .fg-nav{ margin-top:24px; }
}
/* планшет: та же карточка 318, что и на мобилке */
@media(min-width:768px) and (max-width:1023px){ .fg-card{ flex:0 0 318px; max-width:318px; } }
@media(prefers-reduced-motion:reduce){ .fg-grid{ scroll-behavior:auto; } }
/* Модификатор: секция без нижнего отступа — специфичность выше медиазапросов выше. */
.fg-mock.fg-flush-b{ padding-bottom:0; }


.acd__card{transform:translate(110px,-38px);z-index:10}
.acd__card>div{box-shadow:0 0 30px -8px rgba(24,24,27,.35)}
.acd__tick{opacity:1}
.acd__bar{width:100%}
.acd__count-1{opacity:0}
.acd__count-3{opacity:1}
.acd__done{opacity:0}
.acd__ghost{opacity:1}


.lmq{
  --_ink:var(--text-title,#2d2d2d);
  --_font:var(--font-sans,'Roboto','Inter',system-ui,-apple-system,'Segoe UI',sans-serif);
  --_ls:var(--ls,-0.2px);
  font-family:var(--_font);letter-spacing:var(--_ls);color:var(--_ink);
}
.lmq *,.lmq *::before,.lmq *::after{box-sizing:border-box}
.lmq__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4,16px);max-width:760px;margin:0 auto}
.lmq__title{font-size:var(--fs-4xl,36px);line-height:var(--lh-4xl,40px);font-weight:var(--fw-semi,600);letter-spacing:0;color:var(--_ink)}
.lmq__marq{margin-top:var(--sp-12,48px);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lmq__track{display:flex;align-items:center;width:max-content;animation:lmqScroll 38s linear infinite}
.lmq__marq:hover .lmq__track{animation-play-state:paused}
.lmq__track img{height:46px;width:auto;margin-right:var(--sp-10,40px);flex:none;display:block;object-fit:contain}
@keyframes lmqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.lmq__track{animation:none}}
@media(max-width:767px){
  .lmq__head{align-items:flex-start;text-align:left}
  .lmq__title{font-size:var(--fs-2xl,24px);line-height:var(--lh-2xl,32px)}
  .lmq__marq{margin-top:var(--sp-6,24px)}
  .lmq__track img{margin-right:var(--sp-5,20px)}
}


.ctp{position:relative;overflow:hidden;border-radius:12px;padding:48px;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;
  background:linear-gradient(90deg,#ece0ff,#cdecff);
  font-family:'Roboto',system-ui,sans-serif;color:#2d2d2d}
.ctp__copy{position:relative;z-index:1}
.ctp__copy h2{font-size:30px;line-height:36px;font-weight:600;color:#2d2d2d;margin:0}
@media(min-width:1280px){.ctp__copy h2{font-size:36px;line-height:40px}}
.ctp__copy p{font-size:16px;line-height:24px;color:#424242;margin:16px 0 0}
/* Кнопки в один ряд; в столбик уходят только на самых узких экранах,
   где две штуки физически не помещаются по ширине. */
.ctp__cta{display:flex;flex-wrap:nowrap;gap:12px;margin-top:24px}
/* Кнопки по шкале DS: высота 48, паддинг 12/20, радиус 8, начертание 500. */
.ctp__btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  height:48px;padding:12px 20px;border-radius:8px;border:1px solid transparent;
  background:#7d4ccf;color:#fff;
  font-size:16px;line-height:24px;font-weight:500;text-decoration:none;
  transition:background .18s, border-color .18s, color .18s}
.ctp__btn:hover{background:#6a3cbf}
/* Контурная — как btn--outline в DS: белая с рамкой и брендовым текстом. */
.ctp__btn--ghost{background:#fff;border-color:#dbe1e0;color:#7d4ccf}
.ctp__btn--ghost:hover{background:#efe9f9;border-color:rgba(125,76,207,.48);color:#6a3cbf}
.ctp__visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.ctp__visual img{width:100%;height:auto;display:block;border-radius:12px}
@media(min-width:1024px){.ctp{border-radius:16px}.ctp__visual img{border-radius:16px}}
@media(max-width:1023px){
  .ctp{grid-template-columns:1fr;text-align:center;background:linear-gradient(180deg,#ece0ff,#cdecff)}
  .ctp__cta{justify-content:center}
  .ctp__visual{order:2}
}
@media(max-width:767px){
  .ctp{text-align:left}
  .ctp__copy h2{font-size:24px;line-height:32px}
  .ctp__cta{justify-content:center}
}
@media(min-width:560px) and (max-width:767px){.ctp{padding:48px}}
@media(max-width:559px){.ctp{padding:24px}.ctp__cta{flex-wrap:wrap}}


.kf {
  --bg:#2d2d2d; --card:#424242; --news:#efe9f9;
  --white:#fff; --muted:#bdbdbd; --muted2:#a3a3a3;
  --violet:#7d4ccf; --violet48:rgba(125,76,207,.48);
  --border:#d1d5db; --placeholder:#9ca3af; --ink:#2d2d2d; --social:#9e9e9e;
  background:var(--bg);
  color:var(--white);
  font-family:'Roboto','Inter',system-ui,-apple-system,sans-serif;
  letter-spacing:-.2px;
  -webkit-font-smoothing:antialiased;
}
.kf *, .kf *::before, .kf *::after { box-sizing:border-box; margin:0; padding:0; }
.kf a { color:inherit; text-decoration:none; }
.kf p { line-height:20px; }
.kf-inner {
  max-width:1216px; margin:0 auto; padding:64px 24px 24px;
  display:flex; flex-direction:column; gap:32px;
}
@media (min-width: 1280px) { .kf-inner { padding-left:0; padding-right:0; } }
.kf h4 { font-size:16px; line-height:24px; font-weight:600; color:var(--white); }
.kf-links { display:flex; flex-direction:column; gap:12px; font-size:14px; line-height:20px; }
.kf-links a { color:var(--muted2); transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-links a:hover { color:var(--white); }

/* ---------- TOP ---------- */
.kf-top { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.kf-nav {
  display:grid; gap:32px;
  grid-template-columns:repeat(3,1fr);
  grid-template-areas:"company resources capabilities" "compare compare compare";
  align-content:start;
}
.kf-nav .col-company { grid-area:company; }
.kf-nav .col-resources { grid-area:resources; }
.kf-nav .col-capabilities { grid-area:capabilities; }
.kf-nav .col-compare { grid-area:compare; }
.kf-col { display:flex; flex-direction:column; gap:16px; }
.kf-compare-tags { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; line-height:20px; color:var(--muted); }
.kf-compare-tags a { transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-compare-tags a:hover { color:var(--white); }

/* cards cluster */
.kf-cards {
  display:grid; gap:32px;
  grid-template-columns:280px 1fr; grid-template-rows:auto 1fr;
  grid-template-areas:"soc sub" "art sub";
}
.kf-card { background:var(--card); border-radius:16px; padding:16px; }
.kf-card-soc { grid-area:soc; }
.kf-card-art { grid-area:art; }
.kf-card-sub { grid-area:sub; }
.kf-card-soc .desc { font-size:14px; line-height:20px; color:var(--muted); margin-top:10px; }
.kf-soc-row { display:flex; gap:20px; margin-top:20px; }
.kf-soc-item { display:flex; align-items:center; gap:12px; flex:1 1 0; min-width:0; }
.kf-soc-item .label { font-size:14px; line-height:20px; font-weight:500; }
.kf-ico { flex:none; width:32px; height:32px; border-radius:8px; background:var(--violet48); display:flex; align-items:center; justify-content:center; }
.kf-ico svg { display:block; }
.kf-art-list { display:flex; flex-direction:column; gap:12px; margin-top:12px; }
.kf-art-item { display:flex; align-items:center; gap:12px; }
.kf-art-item .t { font-size:14px; line-height:20px; color:var(--muted); min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* newsletter */
.kf-card-sub { position:relative; overflow:hidden; background:var(--news); color:var(--ink); display:flex; flex-direction:column; gap:24px; }
.kf-card-sub::before { content:""; position:absolute; right:-120px; top:-160px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(125,76,207,.20), rgba(125,76,207,0) 70%); pointer-events:none; }
.kf-sub-head { position:relative; display:flex; flex-direction:column; gap:16px; }
.kf-sub-title { font-size:16px; line-height:24px; font-weight:600; color:var(--violet); }
.kf-sub-desc { font-size:14px; line-height:20px; color:var(--ink); }
.kf-sub-form { display:flex; flex-direction:column; gap:12px; margin-top:16px; }
.kf-input { height:44px; border:1px solid var(--border); background:#fff; border-radius:8px; padding:10px 16px; font:inherit; font-size:14px; color:var(--ink); letter-spacing:-.2px; }
.kf-input::placeholder { color:var(--placeholder); }
.kf-btn { height:44px; border:none; border-radius:8px; background:var(--violet); color:#fff; font:inherit; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-.2px; cursor:pointer; transition:background .12s cubic-bezier(.2,0,.2,1); }
.kf-btn:hover { background:#6c3fbb; }
.kf-consents { position:relative; display:flex; flex-direction:column; gap:16px; }
.kf-consent { display:flex; gap:8px; align-items:flex-start; }
.kf-consent .cb { flex:none; width:16px; height:16px; border-radius:4px; border:1px solid var(--border); background:#fff; position:relative; }
.kf-consent .cb.on { background:var(--violet); border-color:var(--violet); }
.kf-consent .cb.on::after { content:""; position:absolute; left:5px; top:2px; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.kf-consent p { font-size:12px; line-height:16px; color:var(--ink); }
.kf-consent .lnk { color:var(--violet); }

/* ---------- MID ---------- */
.kf-mid { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.kf-status { display:flex; flex-direction:column; gap:16px; }
.kf-status p { font-size:14px; line-height:20px; color:var(--muted); }
.kf-status p b { color:var(--white); font-weight:500; }
.kf-more { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--white); }
.kf-legal-block { display:flex; flex-direction:column; gap:16px; }
.kf-legal-grid { display:grid; grid-template-columns:auto auto 1fr; gap:32px; font-size:14px; line-height:20px; }
.kf-legal-grid .lab { font-weight:500; color:var(--white); }
.kf-legal-cell .val { color:var(--muted); margin-top:8px; }

/* ---------- BOTTOM ---------- */
.kf-bottom { display:flex; flex-direction:column; gap:20px; }
.kf-credits { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.kf-brand { display:flex; align-items:center; gap:32px; }
.kf-logo { display:flex; align-items:center; }
.kf-logo svg { height:40px; width:auto; display:block; }
.kf-contacts { display:flex; align-items:center; gap:32px; }
.kf-contact { display:flex; align-items:center; gap:10px; font-size:16px; line-height:24px; font-weight:500; }
.kf-partner { display:flex; align-items:center; gap:12px; }
.kf-partner .word { font-size:16px; font-weight:600; }
.kf-partner .sk { display:flex; align-items:center; gap:8px; }
.kf-partner .sk-mark { width:30px; height:30px; border:1.5px solid #fff; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; }
.kf-partner .sk-name { font-size:16px; font-weight:500; }
.kf-social { display:flex; align-items:center; gap:16px; color:var(--social); }
.kf-social a { display:flex; align-items:center; transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-social a:hover { color:#fff; }
.kf-social .habr { font-size:18px; font-weight:600; color:currentColor; }
.kf-legal { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 24px; font-size:14px; line-height:20px; color:var(--muted); }
.kf-legal a { transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-legal a:hover { color:var(--white); }

/* ---------- dividers ---------- */
.kf-line { height:1px; background:rgba(255,255,255,.12); width:100%; }
.kf-line--top { display:block; }
.kf-line--legal { display:none; }

/* ================= MOBILE ================= */
@media (max-width: 980px) {
  .kf-inner { padding:48px 16px 24px; gap:24px; }
  .kf-top { grid-template-columns:1fr; gap:24px; }
  .kf-nav { grid-template-columns:1fr 1fr; gap:24px; grid-template-areas:"company resources" "compare capabilities"; }
  .kf-cards { grid-template-columns:1fr; grid-template-rows:none; grid-template-areas:"soc" "art" "sub"; }
  .kf-mid { grid-template-columns:1fr; gap:24px; }
  .kf-legal-grid { grid-template-columns:auto 1fr; gap:24px; }
  .kf-legal-grid .kf-addr { grid-column:1 / -1; }
  .kf-credits { flex-direction:column; align-items:flex-start; gap:24px; }
  .kf-partner { order:-1; }
  .kf-brand { flex-direction:column; align-items:flex-start; gap:24px; }
  .kf-contacts { flex-direction:column; align-items:flex-start; gap:16px; }
  .kf-legal { flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; gap:12px; }
  .kf-line--top { display:none; }
  .kf-line--legal { display:block; }
}

@font-face{
  font-family: Roboto Fallback;
  src: local(Arial);
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0.0%;
  size-adjust: 99.78%;
}.roboto_b3945143-module__3m7UPq__variable{
  --font-roboto: "Roboto", "Roboto Fallback";
}@layer theme{:root,:host{
    --font-sans: var(--font-roboto), "Roboto", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: #f44336;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-orange-100: #ffa100;
    --color-amber-100: #fef3c6;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-800: #953d00;
    --color-yellow-300: #ffe02a;
    --color-yellow-400: #fac800;
    --color-lime-100: #a5ca00;
    --color-green-100: #4caf51;
    --color-green-200: #b9f8cf;
    --color-green-300: #7bf1a8;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-emerald-100: #d0fae5;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-emerald-800: #005f46;
    --color-blue-100: #2196f3;
    --color-violet-100: #7d4ccf;
    --color-violet-200: #ddd6ff;
    --color-violet-300: #c4b4ff;
    --color-violet-400: #a685ff;
    --color-purple-500: #ac4bff;
    --color-purple-800: #6e11b0;
    --color-pink-200: #fccee8;
    --color-rose-100: #ffe4e6;
    --color-rose-700: #c20039;
    --color-rose-800: #a30037;
    --color-slate-100: #f1f5f9;
    --color-slate-700: #314158;
    --color-slate-950: #020618;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #eee;
    --color-neutral-300: #e0e0e0;
    --color-neutral-400: #bdbdbd;
    --color-neutral-500: #9e9e9e;
    --color-neutral-600: #757575;
    --color-neutral-700: #616161;
    --color-neutral-800: #424242;
    --color-neutral-900: #2d2d2d;
    --color-neutral-950: #121212;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 12px;
    --text-xs--line-height: 16px;
    --text-sm: 14px;
    --text-sm--line-height: 20px;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 18px;
    --text-lg--line-height: 28px;
    --text-xl: 20px;
    --text-xl--line-height: 28px;
    --text-2xl: 24px;
    --text-2xl--line-height: 32px;
    --text-3xl: 30px;
    --text-3xl--line-height: 36px;
    --text-4xl: 36px;
    --text-4xl--line-height: 40px;
    --text-5xl: 48px;
    --text-5xl--line-height: 52px;
    --text-6xl: 60px;
    --text-6xl--line-height: 64px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 2px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-neutral-000: #fff;
    --color-violet-12: #efe9f9;
    --color-purple-12: #f4e8f7;
    --color-blue-12: #e4f2fd;
    --color-green-12: #e9f5ea;
    --color-lime-12: #f4f8e0;
    --color-orange-12: #fff3e0;
    --color-red-12: #fde8e6;
    --color-text-primary: var(--color-neutral-900);
    --color-text-secondary: var(--color-neutral-600);
    --color-text-inverse: var(--color-neutral-000);
    --color-text-accent: var(--color-violet-100);
    --color-surface-page: var(--color-neutral-000);
    --color-surface-section: var(--color-neutral-100);
    --color-surface-card: var(--color-neutral-000);
    --color-border-default: var(--color-neutral-300);
    --color-action-primary: var(--color-violet-100);
    --color-action-primary-hover: #6f43b8;
    --color-action-primary-soft: var(--color-violet-12);
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
    --spacing-14: 56px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-24: 96px;
    --spacing-0_5: 2px;
    --spacing-1_5: 6px;
    --spacing-2_5: 10px;
    --spacing-3_5: 14px;
    --radius-full: 9999px;
    --container-kaiten: 1216px;
    --duration-base: .18s;
    --ease-ui: cubic-bezier(.2, 0, .2, 1);
    --button-radius: 8px;
    --button-fill-bg: var(--color-violet-100);
    --button-fill-bg-hover: #6f43b8;
    --button-fill-bg-disabled: var(--color-neutral-100);
    --button-fill-text: var(--color-neutral-000);
    --button-fill-text-disabled: var(--color-neutral-500);
    --button-outline-bg: var(--color-neutral-000);
    --button-outline-bg-hover: var(--color-violet-12);
    --button-outline-border: var(--color-neutral-300);
    --button-outline-border-hover: #7d4ccf7a;
    --button-outline-text: var(--color-violet-100);
    --button-outline-text-hover: #6f43b8;
    --button-outline-text-disabled: var(--color-neutral-300);
    --button-focus-brand: 0 0 0 4px #3758f933;
    --button-focus-default: 0 0 0 4px #98a2b324;
  }@supports (color: lab(0% 0 0)){:root,:host{
      --color-red-300: lab(76.5514% 36.4219 15.5335);
      --color-red-400: lab(63.7053% 60.7449 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-amber-100: lab(95.916% -1.2165 23.111);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-800: lab(37.8823% 37.1699 52.2718);
      --color-yellow-300: lab(89.7033% -.480324 84.4917);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-300: lab(86.9953% -47.2691 25.0054);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8072);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-emerald-800: lab(35.3675% -33.1188 8.04002);
      --color-violet-200: lab(87.0888% 8.53691 -19.4189);
      --color-violet-300: lab(76.7419% 18.391 -37.0706);
      --color-violet-400: lab(62.8239% 34.9159 -60.0512);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-purple-800: lab(30.6017% 56.7637 -64.4751);
      --color-pink-200: lab(87.4504% 19.6 -6.46662);
      --color-rose-100: lab(92.8221% 9.86832 2.60077);
      --color-rose-700: lab(41.1651% 71.6251 30.3087);
      --color-rose-800: lab(34.6481% 60.802 20.1957);
      --color-slate-100: lab(96.286% -.852466 -2.46847);
      --color-slate-700: lab(26.9569% -1.47018 -15.6993);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
    }}}@layer base{*,:after,:before,::backdrop{
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }::file-selector-button{
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }html,:host{
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }hr{
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }abbr:where([title]){
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }h1,h2,h3,h4,h5,h6{
    font-size: inherit;
    font-weight: inherit;
  }a{
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }b,strong{
    font-weight: bolder;
  }code,kbd,samp,pre{
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }small{
    font-size: 80%;
  }sub,sup{
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }sub{
    bottom: -.25em;
  }sup{
    top: -.5em;
  }table{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }:-moz-focusring{
    outline: auto;
  }progress{
    vertical-align: baseline;
  }summary{
    display: list-item;
  }ol,ul,menu{
    list-style: none;
  }img,svg,video,canvas,audio,iframe,embed,object{
    vertical-align: middle;
    display: block;
  }img,video{
    max-width: 100%;
    height: auto;
  }button,input,select,optgroup,textarea{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }::file-selector-button{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }:where(select:is([multiple], [size])) optgroup{
    font-weight: bolder;
  }:where(select:is([multiple], [size])) optgroup option{
    padding-inline-start: 20px;
  }::file-selector-button{
    margin-inline-end: 4px;
  }::placeholder{
    opacity: 1;
  }@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){::placeholder{
      color: currentColor;
    }@supports (color: color-mix(in lab, red, red)){::placeholder{
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }}}textarea{
    resize: vertical;
  }::-webkit-search-decoration{
    -webkit-appearance: none;
  }::-webkit-date-and-time-value{
    min-height: 1lh;
    text-align: inherit;
  }::-webkit-datetime-edit{
    display: inline-flex;
  }::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
  }::-webkit-datetime-edit{
    padding-block: 0;
  }::-webkit-datetime-edit-year-field{
    padding-block: 0;
  }::-webkit-datetime-edit-month-field{
    padding-block: 0;
  }::-webkit-datetime-edit-day-field{
    padding-block: 0;
  }::-webkit-datetime-edit-hour-field{
    padding-block: 0;
  }::-webkit-datetime-edit-minute-field{
    padding-block: 0;
  }::-webkit-datetime-edit-second-field{
    padding-block: 0;
  }::-webkit-datetime-edit-millisecond-field{
    padding-block: 0;
  }::-webkit-datetime-edit-meridiem-field{
    padding-block: 0;
  }::-webkit-calendar-picker-indicator{
    line-height: 1;
  }:-moz-ui-invalid{
    box-shadow: none;
  }button,input:where([type="button"], [type="reset"], [type="submit"]){
    appearance: button;
  }::file-selector-button{
    appearance: button;
  }::-webkit-inner-spin-button{
    height: auto;
  }::-webkit-outer-spin-button{
    height: auto;
  }[hidden]:where(:not([hidden="until-found"])){
    display: none !important;
  }}

@layer components;@layer utilities{.pointer-events-none{
    pointer-events: none;
  }.invisible{
    visibility: hidden;
  }.absolute{
    position: absolute;
  }.relative{
    position: relative;
  }.inset-0{
    inset: var(--spacing-0);
  }.inset-x-0{
    inset-inline: var(--spacing-0);
  }.-top-1\.5{
    top: calc(var(--spacing-1_5) * -1);
  }.top-0{
    top: var(--spacing-0);
  }.top-\[258px\]{
    top: 258px;
  }.right-0{
    right: var(--spacing-0);
  }.right-8{
    right: var(--spacing-8);
  }.bottom-full{
    bottom: 100%;
  }.left-0{
    left: var(--spacing-0);
  }.left-2\.5{
    left: var(--spacing-2_5);
  }.isolate{
    isolation: isolate;
  }.z-10{
    z-index: 10;
  }.z-20{
    z-index: 20;
  }.z-30{
    z-index: 30;
  }.mx-auto{
    margin-inline: auto;
  }.mt-0\.5{
    margin-top: var(--spacing-0_5);
  }.mt-1{
    margin-top: var(--spacing-1);
  }.mt-1\.5{
    margin-top: var(--spacing-1_5);
  }.mt-2{
    margin-top: var(--spacing-2);
  }.mt-2\.5{
    margin-top: var(--spacing-2_5);
  }.mt-3{
    margin-top: var(--spacing-3);
  }.mt-4{
    margin-top: var(--spacing-4);
  }.mt-6{
    margin-top: var(--spacing-6);
  }.mt-21{
    margin-top: calc(var(--spacing) * 21);
  }.mt-auto{
    margin-top: auto;
  }.mr-2{
    margin-right: var(--spacing-2);
  }.mb-1\.5{
    margin-bottom: var(--spacing-1_5);
  }.mb-2{
    margin-bottom: var(--spacing-2);
  }.mb-3\.5{
    margin-bottom: var(--spacing-3_5);
  }.mb-5{
    margin-bottom: var(--spacing-5);
  }.mb-10{
    margin-bottom: var(--spacing-10);
  }.ml-2{
    margin-left: var(--spacing-2);
  }.ml-auto{
    margin-left: auto;
  }.block{
    display: block;
  }.contents{
    display: contents;
  }.flex{
    display: flex;
  }.grid{
    display: grid;
  }.hidden{
    display: none;
  }.inline-flex{
    display: inline-flex;
  }.h-1{
    height: var(--spacing-1);
  }.h-2{
    height: var(--spacing-2);
  }.h-2\.5{
    height: var(--spacing-2_5);
  }.h-3{
    height: var(--spacing-3);
  }.h-3\.5{
    height: var(--spacing-3_5);
  }.h-4{
    height: var(--spacing-4);
  }.h-5{
    height: var(--spacing-5);
  }.h-6{
    height: var(--spacing-6);
  }.h-7{
    height: var(--spacing-7);
  }.h-8{
    height: var(--spacing-8);
  }.h-9{
    height: var(--spacing-9);
  }.h-12{
    height: var(--spacing-12);
  }.h-\[68px\]{
    height: 68px;
  }.h-auto{
    height: auto;
  }.h-full{
    height: 100%;
  }.min-h-\[220px\]{
    min-height: 220px;
  }.min-h-\[344px\]{
    min-height: 344px;
  }.w-1\/2{
    width: 50%;
  }.w-2{
    width: var(--spacing-2);
  }.w-2\.5{
    width: var(--spacing-2_5);
  }.w-3{
    width: var(--spacing-3);
  }.w-3\.5{
    width: var(--spacing-3_5);
  }.w-4{
    width: var(--spacing-4);
  }.w-5{
    width: var(--spacing-5);
  }.w-6{
    width: var(--spacing-6);
  }.w-9{
    width: var(--spacing-9);
  }.w-12{
    width: var(--spacing-12);
  }.w-\[54px\]{
    width: 54px;
  }.w-\[62px\]{
    width: 62px;
  }.w-\[300px\]{
    width: 300px;
  }.w-\[520px\]{
    width: 520px;
  }.w-\[680px\]{
    width: 680px;
  }.w-auto{
    width: auto;
  }.w-full{
    width: 100%;
  }.w-max{
    width: max-content;
  }.max-w-\(--container-kaiten\){
    max-width: var(--container-kaiten);
  }.max-w-2xl{
    max-width: var(--container-2xl);
  }.max-w-3xl{
    max-width: var(--container-3xl);
  }.min-w-0{
    min-width: var(--spacing-0);
  }.min-w-4{
    min-width: var(--spacing-4);
  }.flex-1{
    flex: 1;
  }.shrink-0{
    flex-shrink: 0;
  }.translate-y-px{
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }.flex-col{
    flex-direction: column;
  }.flex-wrap{
    flex-wrap: wrap;
  }.items-center{
    align-items: center;
  }.items-start{
    align-items: flex-start;
  }.justify-center{
    justify-content: center;
  }.gap-1{
    gap: var(--spacing-1);
  }.gap-1\.5{
    gap: var(--spacing-1_5);
  }.gap-2{
    gap: var(--spacing-2);
  }.gap-2\.5{
    gap: var(--spacing-2_5);
  }.gap-3{
    gap: var(--spacing-3);
  }.gap-4{
    gap: var(--spacing-4);
  }.gap-5{
    gap: var(--spacing-5);
  }.gap-6{
    gap: var(--spacing-6);
  }.gap-10{
    gap: var(--spacing-10);
  }:where(.space-y-1 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
  }:where(.space-y-1\.5 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-1_5) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-1_5) * calc(1 - var(--tw-space-y-reverse)));
  }:where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
  }:where(.space-y-3 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
  }:where(.space-y-5 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-5) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));
  }:where(.space-y-16 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));
  }.truncate{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }.overflow-hidden{
    overflow: hidden;
  }.rounded-\(--radius-2xl\){
    border-radius: var(--radius-2xl);
  }.rounded-\(--radius-lg\){
    border-radius: var(--radius-lg);
  }.rounded-\(--radius-md\){
    border-radius: var(--radius-md);
  }.rounded-\(--radius-xl\){
    border-radius: var(--radius-xl);
  }.rounded-\[2px\]{
    border-radius: 2px;
  }.rounded-\[3px\]{
    border-radius: 3px;
  }.rounded-\[var\(--button-radius\)\]{
    border-radius: var(--button-radius);
  }.rounded-full{
    border-radius: var(--radius-full);
  }.rounded-md{
    border-radius: var(--radius-md);
  }.border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }.border-t{
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }.border-b{
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }.border-\(--button-outline-border\){
    border-color: var(--button-outline-border);
  }.border-\(--color-action-primary\){
    border-color: var(--color-action-primary);
  }.border-\(--color-border-default\){
    border-color: var(--color-border-default);
  }.border-\(--color-neutral-300\){
    border-color: var(--color-neutral-300);
  }.border-\(--color-red-100\)\/40{
    border-color: #f4433666;
  }@supports (color: color-mix(in lab, red, red)){.border-\(--color-red-100\)\/40{
      border-color: color-mix(in oklab, var(--color-red-100) 40%, transparent);
    }}.border-\[\#ededed\]{
    border-color: #ededed;
  }.bg-\(--button-fill-bg\){
    background-color: var(--button-fill-bg);
  }.bg-\(--button-outline-bg\){
    background-color: var(--button-outline-bg);
  }.bg-\(--color-action-primary\){
    background-color: var(--color-action-primary);
  }.bg-\(--color-action-primary\)\/10{
    background-color: #7d4ccf1a;
  }@supports (color: color-mix(in lab, red, red)){.bg-\(--color-action-primary\)\/10{
      background-color: color-mix(in oklab, var(--color-action-primary) 10%, transparent);
    }}.bg-\(--color-action-primary-soft\){
    background-color: var(--color-action-primary-soft);
  }.bg-\(--color-border-default\){
    background-color: var(--color-border-default);
  }.bg-\(--color-green-12\){
    background-color: var(--color-green-12);
  }.bg-\(--color-neutral-200\){
    background-color: var(--color-neutral-200);
  }.bg-\(--color-red-100\){
    background-color: var(--color-red-100);
  }.bg-\(--color-surface-card\){
    background-color: var(--color-surface-card);
  }.bg-\(--color-surface-page\){
    background-color: var(--color-surface-page);
  }.bg-\(--color-surface-section\){
    background-color: var(--color-surface-section);
  }.bg-black\/5{
    background-color: #0000000d;
  }@supports (color: color-mix(in lab, red, red)){.bg-black\/5{
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }}.bg-green-300{
    background-color: var(--color-green-300);
  }.bg-red-300{
    background-color: var(--color-red-300);
  }.bg-yellow-300{
    background-color: var(--color-yellow-300);
  }.p-2{
    padding: var(--spacing-2);
  }.p-2\.5{
    padding: var(--spacing-2_5);
  }.p-3{
    padding: var(--spacing-3);
  }.p-4{
    padding: var(--spacing-4);
  }.p-5{
    padding: var(--spacing-5);
  }.p-6{
    padding: var(--spacing-6);
  }.px-1{
    padding-inline: var(--spacing-1);
  }.px-1\.5{
    padding-inline: var(--spacing-1_5);
  }.px-2{
    padding-inline: var(--spacing-2);
  }.px-2\.5{
    padding-inline: var(--spacing-2_5);
  }.px-3{
    padding-inline: var(--spacing-3);
  }.px-4{
    padding-inline: var(--spacing-4);
  }.px-5{
    padding-inline: var(--spacing-5);
  }.py-0\.5{
    padding-block: var(--spacing-0_5);
  }.py-2{
    padding-block: var(--spacing-2);
  }.py-2\.5{
    padding-block: var(--spacing-2_5);
  }.py-3{
    padding-block: var(--spacing-3);
  }.py-3\.5{
    padding-block: var(--spacing-3_5);
  }.py-8{
    padding-block: var(--spacing-8);
  }.py-10{
    padding-block: var(--spacing-10);
  }.py-16{
    padding-block: var(--spacing-16);
  }.pt-0{
    padding-top: var(--spacing-0);
  }.pt-1\.5{
    padding-top: var(--spacing-1_5);
  }.pt-2{
    padding-top: var(--spacing-2);
  }.pt-3{
    padding-top: var(--spacing-3);
  }.pt-6{
    padding-top: var(--spacing-6);
  }.pt-12{
    padding-top: var(--spacing-12);
  }.pt-16{
    padding-top: var(--spacing-16);
  }.pb-0{
    padding-bottom: var(--spacing-0);
  }.pb-2\.5{
    padding-bottom: var(--spacing-2_5);
  }.pb-3{
    padding-bottom: var(--spacing-3);
  }.pb-12{
    padding-bottom: var(--spacing-12);
  }.pb-16{
    padding-bottom: var(--spacing-16);
  }.text-center{
    text-align: center;
  }.text-left{
    text-align: left;
  }.text-2xl{
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }.text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }.text-base{
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }.text-sm{
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }.text-xl{
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }.text-\[7px\]{
    font-size: 7px;
  }.text-\[9\.5px\]{
    font-size: 9.5px;
  }.text-\[9px\]{
    font-size: 9px;
  }.text-\[10\.5px\]{
    font-size: 10.5px;
  }.text-\[10px\]{
    font-size: 10px;
  }.text-\[11\.5px\]{
    font-size: 11.5px;
  }.text-\[11px\]{
    font-size: 11px;
  }.text-\[12px\]{
    font-size: 12px;
  }.text-\[13px\]{
    font-size: 13px;
  }.text-\[14px\]{
    font-size: 14px;
  }.text-\[15px\]{
    font-size: 15px;
  }.leading-none{
    --tw-leading: 1;
    line-height: 1;
  }.leading-relaxed{
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }.leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }.leading-tight{
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }.font-medium{
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }.font-normal{
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }.font-semibold{
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }.tracking-wide{
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }.whitespace-nowrap{
    white-space: nowrap;
  }.text-\(--button-fill-text\){
    color: var(--button-fill-text);
  }.text-\(--button-outline-text\){
    color: var(--button-outline-text);
  }.text-\(--color-text-accent\){
    color: var(--color-text-accent);
  }.text-\(--color-text-primary\){
    color: var(--color-text-primary);
  }.text-\(--color-text-secondary\){
    color: var(--color-text-secondary);
  }.text-green-700{
    color: var(--color-green-700);
  }.text-red-700{
    color: var(--color-red-700);
  }.text-white{
    color: var(--color-white);
  }.uppercase{
    text-transform: uppercase;
  }.no-underline{
    text-decoration-line: none;
  }.shadow-\[0_0_10px_-2px_rgba\(24\,24\,27\,0\.10\)\]{
    --tw-shadow: 0 0 10px -2px var(--tw-shadow-color, #18181b1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }.shadow-\[0_0_30px_-8px_rgba\(24\,24\,27\,0\.35\)\]{
    --tw-shadow: 0 0 30px -8px var(--tw-shadow-color, #18181b59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }.shadow-\[0_0_40px_-12px_rgba\(24\,24\,27\,0\.25\)\]{
    --tw-shadow: 0 0 40px -12px var(--tw-shadow-color, #18181b40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }.shadow-\[0_0_40px_-12px_rgba\(24\,24\,27\,0\.35\)\]{
    --tw-shadow: 0 0 40px -12px var(--tw-shadow-color, #18181b59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }.transition-colors{
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }.duration-\(--duration-base\){
    --tw-duration: var(--duration-base);
    transition-duration: var(--duration-base);
  }.ease-\(--ease-ui\){
    --tw-ease: var(--ease-ui);
    transition-timing-function: var(--ease-ui);
  }@media (hover: hover){.hover\:border-\(--button-outline-border-hover\):hover{
      border-color: var(--button-outline-border-hover);
    }}@media (hover: hover){.hover\:bg-\(--button-fill-bg-hover\):hover{
      background-color: var(--button-fill-bg-hover);
    }}@media (hover: hover){.hover\:bg-\(--button-outline-bg-hover\):hover{
      background-color: var(--button-outline-bg-hover);
    }}@media (hover: hover){.hover\:text-\(--button-outline-text-hover\):hover{
      color: var(--button-outline-text-hover);
    }}@media (hover: hover){.hover\:text-\(--color-text-accent\):hover{
      color: var(--color-text-accent);
    }}@media (hover: hover){.hover\:text-\(--color-text-primary\):hover{
      color: var(--color-text-primary);
    }}@media (hover: hover){.hover\:opacity-90:hover{
      opacity: .9;
    }}.focus-visible\:shadow-\(--button-focus-default\):focus-visible{
    --tw-shadow: var(--button-focus-default);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }.focus-visible\:outline-none:focus-visible{
    --tw-outline-style: none;
    outline-style: none;
  }@media (min-width: 40rem){.sm\:inline-flex{
      display: inline-flex;
    }}@media (min-width: 40rem){.sm\:flex-row{
      flex-direction: row;
    }}@media (min-width: 40rem){.sm\:justify-center{
      justify-content: center;
    }}@media (min-width: 48rem){.md\:mx-auto{
      margin-inline: auto;
    }}@media (min-width: 48rem){.md\:mb-8{
      margin-bottom: var(--spacing-8);
    }}@media (min-width: 48rem){.md\:max-w-4xl{
      max-width: var(--container-4xl);
    }}@media (min-width: 48rem){.md\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }}@media (min-width: 48rem){.md\:items-center{
      align-items: center;
    }}@media (min-width: 48rem){.md\:gap-6{
      gap: var(--spacing-6);
    }}@media (min-width: 48rem){.md\:p-8{
      padding: var(--spacing-8);
    }}@media (min-width: 48rem){.md\:px-6{
      padding-inline: var(--spacing-6);
    }}@media (min-width: 48rem){.md\:py-12{
      padding-block: var(--spacing-12);
    }}@media (min-width: 48rem){.md\:py-24{
      padding-block: var(--spacing-24);
    }}@media (min-width: 48rem){.md\:pt-0{
      padding-top: var(--spacing-0);
    }}@media (min-width: 48rem){.md\:pb-16{
      padding-bottom: var(--spacing-16);
    }}@media (min-width: 48rem){.md\:pb-24{
      padding-bottom: var(--spacing-24);
    }}@media (min-width: 48rem){.md\:text-center{
      text-align: center;
    }}@media (min-width: 48rem){.md\:text-2xl{
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }}@media (min-width: 48rem){.md\:text-4xl{
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }}@media (min-width: 48rem){.md\:text-lg{
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }}@media (min-width: 64rem){.lg\:mb-12{
      margin-bottom: var(--spacing-12);
    }}@media (min-width: 64rem){.lg\:ml-0{
      margin-left: var(--spacing-0);
    }}@media (min-width: 64rem){.lg\:flex{
      display: flex;
    }}@media (min-width: 64rem){.lg\:max-w-5xl{
      max-width: var(--container-5xl);
    }}@media (min-width: 64rem){.lg\:max-w-6xl{
      max-width: var(--container-6xl);
    }}@media (min-width: 64rem){.lg\:max-w-\[92\%\]{
      max-width: 92%;
    }}@media (min-width: 64rem){.lg\:gap-8{
      gap: var(--spacing-8);
    }}@media (min-width: 64rem){.lg\:gap-16{
      gap: var(--spacing-16);
    }}@media (min-width: 64rem){:where(.lg\:space-y-24 > :not(:last-child)){
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-24) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));
    }}@media (min-width: 64rem){.lg\:rounded-\(--radius-2xl\){
      border-radius: var(--radius-2xl);
    }}@media (min-width: 64rem){.lg\:py-12{
      padding-block: var(--spacing-12);
    }}@media (min-width: 64rem){.lg\:py-16{
      padding-block: var(--spacing-16);
    }}@media (min-width: 64rem){.lg\:py-32{
      padding-block: calc(var(--spacing) * 32);
    }}@media (min-width: 64rem){.lg\:pt-0{
      padding-top: var(--spacing-0);
    }}@media (min-width: 64rem){.lg\:pt-24{
      padding-top: var(--spacing-24);
    }}@media (min-width: 64rem){.lg\:pb-0{
      padding-bottom: var(--spacing-0);
    }}@media (min-width: 64rem){.lg\:pb-24{
      padding-bottom: var(--spacing-24);
    }}@media (min-width: 64rem){.lg\:text-3xl{
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }}@media (min-width: 64rem){.lg\:whitespace-nowrap{
      white-space: nowrap;
    }}@media (min-width: 80rem){.xl\:px-0{
      padding-inline: var(--spacing-0);
    }}.\[\&_svg\]\:size-6 svg{
    width: var(--spacing-6);
    height: var(--spacing-6);
  }@media (min-width: 48rem){.md\:\[\&\>div\:first-child\]\:order-2 > div:first-child{
      order: 2;
    }}}html{
  background: var(--color-surface-page);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}@property --tw-translate-x{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-y{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-z{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-rotate-x{
  syntax: "*";
  inherits: false
}@property --tw-rotate-y{
  syntax: "*";
  inherits: false
}@property --tw-rotate-z{
  syntax: "*";
  inherits: false
}@property --tw-skew-x{
  syntax: "*";
  inherits: false
}@property --tw-skew-y{
  syntax: "*";
  inherits: false
}@property --tw-space-y-reverse{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-space-x-reverse{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-divide-x-reverse{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-border-style{
  syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-divide-y-reverse{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-gradient-position{
  syntax: "*";
  inherits: false
}@property --tw-gradient-from{
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-via{
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-to{
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-stops{
  syntax: "*";
  inherits: false
}@property --tw-gradient-via-stops{
  syntax: "*";
  inherits: false
}@property --tw-gradient-from-position{
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}@property --tw-gradient-via-position{
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}@property --tw-gradient-to-position{
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-leading{
  syntax: "*";
  inherits: false
}@property --tw-font-weight{
  syntax: "*";
  inherits: false
}@property --tw-tracking{
  syntax: "*";
  inherits: false
}@property --tw-ordinal{
  syntax: "*";
  inherits: false
}@property --tw-slashed-zero{
  syntax: "*";
  inherits: false
}@property --tw-numeric-figure{
  syntax: "*";
  inherits: false
}@property --tw-numeric-spacing{
  syntax: "*";
  inherits: false
}@property --tw-numeric-fraction{
  syntax: "*";
  inherits: false
}@property --tw-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-shadow-color{
  syntax: "*";
  inherits: false
}@property --tw-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-inset-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color{
  syntax: "*";
  inherits: false
}@property --tw-inset-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-ring-color{
  syntax: "*";
  inherits: false
}@property --tw-ring-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-ring-color{
  syntax: "*";
  inherits: false
}@property --tw-inset-ring-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-ring-inset{
  syntax: "*";
  inherits: false
}@property --tw-ring-offset-width{
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}@property --tw-ring-offset-color{
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}@property --tw-ring-offset-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-outline-style{
  syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-blur{
  syntax: "*";
  inherits: false
}@property --tw-brightness{
  syntax: "*";
  inherits: false
}@property --tw-contrast{
  syntax: "*";
  inherits: false
}@property --tw-grayscale{
  syntax: "*";
  inherits: false
}@property --tw-hue-rotate{
  syntax: "*";
  inherits: false
}@property --tw-invert{
  syntax: "*";
  inherits: false
}@property --tw-opacity{
  syntax: "*";
  inherits: false
}@property --tw-saturate{
  syntax: "*";
  inherits: false
}@property --tw-sepia{
  syntax: "*";
  inherits: false
}@property --tw-drop-shadow{
  syntax: "*";
  inherits: false
}@property --tw-drop-shadow-color{
  syntax: "*";
  inherits: false
}@property --tw-drop-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-blur{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-brightness{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-contrast{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-grayscale{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-hue-rotate{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-invert{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-opacity{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-saturate{
  syntax: "*";
  inherits: false
}@property --tw-backdrop-sepia{
  syntax: "*";
  inherits: false
}@property --tw-duration{
  syntax: "*";
  inherits: false
}@property --tw-ease{
  syntax: "*";
  inherits: false
}@property --tw-content{
  syntax: "*";
  inherits: false;
  initial-value: "";
}@keyframes pulse{
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0cob.ws._.css.map*/