@font-face{
  font-family:"Geist";
  src:url("../fonts/Geist-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Geist Mono";
  src:url("../fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#060a0d;
  --ink-2:#0b1116;
  --ink-3:#0e151b;
  --slate:#345163;
  --slate-press:#24394a;
  --signal:#e95006;
  --signal-hover:#cf4604;
  --signal-press:#b33c02;
  --signal-btn:#cc4500;
  --signal-btn-hover:#b33c02;
  --signal-btn-press:#9c3402;
  --signal-text:#b83d02;
  --mist:#bbcdda;
  --paper:#e7ecf0;
  --white:#ffffff;
  --muted:#56636e;
  --error:#d7263d;
  --error-bg:#fdeff0;
  --success:#1f9d57;
  --line-dark:rgba(255, 255, 255, 0.1);
  --line-light:rgba(6, 10, 13, 0.1);
  --font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --fs-h1:clamp(50px, 8.55vw, 164px);
  --fs-h2:clamp(30px, 2.4vw + 14px, 60px);
  --fs-h2-xl:clamp(34px, 3.2vw + 10px, 72px);
  --fs-h3:clamp(22px, 1vw + 12px, 32px);
  --fs-lead:clamp(16px, 0.35vw + 13px, 20px);
  --fs-body:clamp(15px, 0.15vw + 14px, 17px);
  --container:1500px;
  --gutter:clamp(20px, 3.4vw, 40px);
  --sec-y:clamp(56px, 6.6vw, 126px);
  --header-h:120px;
  --r-sm:12px;
  --r-md:22px;
  --r-lg:32px;
  --r-xl:40px;
  --r-pill:999px;
  --dur-fast:150ms;
  --dur-base:220ms;
  --dur-slow:400ms;
  --dur-section:600ms;
  --ease-out:cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --lift:translateY(-8px);
  --press:scale(0.97);

  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*, *::before, *::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:100px; }
html.scroll-locked{ overflow:hidden; }
html.scroll-locked body{ position:fixed; left:0; right:0; overflow:hidden; width:100%; }
body{
  margin:0;
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"ss01" off;
  overflow-x:clip;
}
img, svg, video, picture{ display:block; max-width:100%; }
[hidden]{ display:none !important; }
img{ height:auto; }
button, input, textarea, select{ font:inherit; color:inherit; }
button{ background:none; border:0; padding:0; cursor:pointer; }
a{ color:inherit; text-decoration:none; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, dl, dd{ margin:0; }
body{ text-wrap:pretty; }
h1, h2, h3, h4, h5, h6, blockquote p:first-child, strong, figcaption, li{ text-wrap:balance; }
ul, ol{ padding:0; list-style:none; }
:focus{ outline:none; }
:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; border-radius:6px; }
.is-dark :focus-visible, .on-dark :focus-visible{ outline-color:var(--mist); }
::selection{ background:var(--signal); color:var(--white); }
.screen-reader-text, .sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;
}
.skip-link:focus{
  position:fixed; top:12px; left:12px; z-index:1000; width:auto; height:auto; clip:auto;
  padding:12px 18px; background:var(--white); color:var(--ink); border-radius:var(--r-pill);
}
.container{
  width:100%;
  max-width:calc(var(--container) + var(--gutter) * 2);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.section{ position:relative; padding-block:var(--sec-y); isolation:isolate; }
.section--tight{ padding-block:calc(var(--sec-y) * 0.6); }
.bg-ink{ background:var(--ink); color:var(--white); }
.bg-slate{ background:var(--slate); color:var(--white); }
.bg-paper{ background:var(--paper); }
.bg-white{ background:var(--white); }
.bg-signal{ background:var(--signal); }
.noise{ position:relative; isolation:isolate; }
.noise::after{
  content:"";
  position:absolute; inset:0;
  background-image:var(--noise);
  background-size:160px 160px;
  opacity:0.03;
  pointer-events:none;
  z-index:0;
  border-radius:inherit;
}
.bg-white.noise::after, .bg-paper.noise::after{ opacity:0.05; }
.noise > *{ position:relative; z-index:1; }
.sec-head{
  display:grid;
  grid-template-columns:1fr 3fr;
  column-gap:0;
  align-items:start;
  margin-bottom:clamp(32px, 6.6vw, 128px);
}
.sec-head__label{ padding-top:clamp(4px, 1.25vw, 24px); }
.sec-head__main{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.sec-head__main > .h2{ flex:0 1 auto; max-width:var(--hw, 15em); }
.sec-head__side{ flex:none; }
.sec-head__aside{ max-width:360px; color:var(--muted); }
.on-dark .sec-head__aside, .bg-ink .sec-head__aside, .bg-slate .sec-head__aside{ color:rgba(187, 205, 218, 0.85); }

.label{
  display:inline-block;
  font-size:16px; font-weight:500; line-height:1.3;
  color:var(--signal-text);
}
.on-dark .label, .bg-ink .label{ color:var(--signal); }
.bg-slate .label{ color:var(--white); }
.h1, h1.h1{
  font-size:var(--fs-h1);
  font-weight:600;
  line-height:1;
  letter-spacing:-0.04em;
}
.h2, h2.h2{
  font-size:var(--fs-h2);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-0.03em;
}
.h2--xl{ font-size:var(--fs-h2-xl); line-height:1; letter-spacing:-0.04em; }
.h3{
  font-size:var(--fs-h3);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-0.02em;
}
.h4{ font-size:clamp(19px, 0.4vw + 15px, 24px); font-weight:600; line-height:1.2; letter-spacing:-0.01em; }
.lead{ font-size:var(--fs-lead); line-height:1.5; }
.text-muted{ color:var(--muted); }
.on-dark .text-muted, .bg-ink .text-muted{ color:rgba(187, 205, 218, 0.85); }
.mono{ font-family:var(--mono); font-weight:400; letter-spacing:0; }
.c-signal{ color:var(--signal); }
.c-mist{ color:var(--mist); }
.c-white{ color:var(--white); }
.c-ink{ color:var(--ink); }
.c-slate{ color:var(--slate); }
.prose{ max-width:760px; font-size:18px; line-height:1.65; color:#2a3640; }
.prose > * + *{ margin-top:1.1em; }
.prose h2{ font-size:clamp(26px, 1.2vw + 16px, 36px); line-height:1.15; letter-spacing:-0.02em; margin-top:1.8em; color:var(--ink); }
.prose h3{ font-size:clamp(21px, 0.6vw + 15px, 26px); line-height:1.2; letter-spacing:-0.01em; margin-top:1.6em; color:var(--ink); }
.prose a{ color:var(--signal-text); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.prose ul, .prose ol{ padding-left:1.2em; }
.prose ul{ list-style:disc; }
.prose ol{ list-style:decimal; }
.prose li + li{ margin-top:0.4em; }
.prose strong{ color:var(--ink); font-weight:600; }
.prose table{ width:100%; border-collapse:collapse; font-size:15px; }
.prose th, .prose td{ text-align:left; padding:12px 14px; border-bottom:1px solid var(--line-light); vertical-align:top; }
.prose th{ font-weight:600; background:var(--paper); }
.btn{
  --h:52px; --icon:38px; --pl:20px; --fs:15px;
  --bg:var(--signal-btn); --fg:var(--white); --bd:transparent;
  --ic-bg:var(--white); --ic-fg:var(--signal);
  position:relative;
  display:inline-flex; align-items:center; gap:16px;
  height:var(--h);
  padding:7px 7px 7px var(--pl);
  border-radius:var(--r-pill);
  background:var(--bg);
  color:var(--fg);
  border:1px solid var(--bd);
  font-size:var(--fs); font-weight:600; line-height:1; white-space:nowrap;
  cursor:pointer;
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform 160ms var(--ease-out);
  -webkit-tap-highlight-color:transparent;
}
.btn--l{ --h:60px; --icon:46px; --pl:26px; --fs:17px; }
.btn--m{ --h:52px; --icon:38px; --pl:20px; --fs:15px; }
.btn--s{ --h:44px; --icon:32px; --pl:18px; --fs:14px; gap:12px; padding:6px 6px 6px var(--pl); }
.btn--block{ width:100%; justify-content:space-between; }
.btn__label{ position:relative; }
.btn__icon{
  position:relative; overflow:hidden;
  display:grid; place-items:center;
  width:var(--icon); height:var(--icon); flex:none;
  border-radius:50%;
  background:var(--ic-bg); color:var(--ic-fg);
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.btn__icon svg{ width:20px; height:20px; }
.btn--s .btn__icon svg{ width:16px; height:16px; }
.btn__icon svg + svg{ position:absolute; transform:translate(-150%, 150%); }
.btn:active{ transform:var(--press); }
@media (hover: hover) and (pointer: fine){
  .btn:hover .btn__icon svg:first-child{ transform:translate(150%, -150%); }
  .btn:hover .btn__icon svg + svg{ transform:translate(0, 0); }
}
.btn__icon svg{ transition:transform var(--dur-base) var(--ease-out); }

.btn--primary:hover{ --bg:var(--signal-btn-hover); box-shadow:0 10px 28px rgba(233, 80, 6, 0.35); }
.btn--primary:active{ --bg:var(--signal-btn-press); box-shadow:none; }

.btn--secondary{
  --bg:rgba(255, 255, 255, 0.04); --bd:rgba(255, 255, 255, 0.18); --fg:var(--white);
  --ic-bg:rgba(255, 255, 255, 0.1); --ic-fg:var(--white);
}
.btn--secondary:hover{ --bg:rgba(255, 255, 255, 0.1); --bd:rgba(255, 255, 255, 0.35); --ic-bg:var(--signal); }
.btn--secondary:active{ --bg:rgba(255, 255, 255, 0.14); }

.btn--ink{ --bg:var(--ink); --fg:var(--white); --ic-bg:var(--signal); --ic-fg:var(--white); }
.btn--ink:hover{ --bg:var(--slate); }
.btn--ink:active{ --bg:var(--slate-press); }

.btn--outline{ --bg:transparent; --bd:rgba(6, 10, 13, 0.16); --fg:var(--ink); --ic-bg:var(--paper); --ic-fg:var(--ink); }
.btn--outline:hover{ --bg:var(--ink); --bd:var(--ink); --fg:var(--white); --ic-bg:var(--signal); --ic-fg:var(--white); }
.btn--outline:active{ --bg:var(--slate); --bd:var(--slate); }

.btn--white{ --bg:var(--white); --fg:var(--ink); --ic-bg:var(--signal); --ic-fg:var(--white); }
.btn--white:hover{ --bg:var(--paper); }

.btn[disabled], .btn.is-disabled{ opacity:0.4; cursor:not-allowed; pointer-events:none; }
.btn.is-loading{ pointer-events:none; }
.btn.is-loading .btn__icon svg{ opacity:0; }
.btn.is-loading .btn__icon::after{
  content:""; position:absolute; width:16px; height:16px; border-radius:50%;
  border:2px solid currentColor; border-right-color:transparent;
  animation:dw-spin 700ms linear infinite;
}
@keyframes dw-spin{ to{ transform:rotate(360deg); } }
.pill-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:48px; padding:0 22px; border-radius:var(--r-pill);
  font-size:15px; font-weight:600;
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), transform 160ms var(--ease-out);
}
.pill-btn:active{ transform:var(--press); }
.pill-btn--signal{ background:var(--signal-btn); color:var(--white); }
.pill-btn--signal:hover{ background:var(--signal-hover); }
.pill-btn--ink{ background:var(--ink); color:var(--white); }
.pill-btn--ink:hover{ background:var(--slate); }
.pill-btn--ghost{ border:1px solid rgba(6, 10, 13, 0.16); color:var(--ink); }
.pill-btn--ghost:hover{ border-color:var(--ink); }
.icon-btn{
  display:grid; place-items:center;
  width:48px; height:48px; border-radius:50%;
  border:1px solid rgba(6, 10, 13, 0.16); color:var(--ink); background:transparent;
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), opacity var(--dur-base), transform 160ms var(--ease-out);
}
.icon-btn svg{ width:20px; height:20px; }
.icon-btn:hover{ background:var(--ink); border-color:var(--ink); color:var(--white); }
.icon-btn:active{ transform:var(--press); }
.icon-btn.is-active{ background:var(--ink); border-color:var(--ink); color:var(--white); }
.icon-btn[disabled]{ opacity:0.35; pointer-events:none; }
.on-dark .icon-btn, .bg-ink .icon-btn{ border-color:rgba(255, 255, 255, 0.18); color:var(--white); }
.on-dark .icon-btn:hover, .bg-ink .icon-btn:hover, .on-dark .icon-btn.is-active, .bg-ink .icon-btn.is-active{ background:var(--signal); border-color:var(--signal); }
.link-arrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:15px; font-weight:600; color:inherit;
  transition:color var(--dur-fast) var(--ease-out);
}
.link-arrow svg{ width:16px; height:16px; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
.link-arrow:hover{ color:var(--signal-text); }
.on-dark .link-arrow:hover, .bg-ink .link-arrow:hover{ color:var(--signal); }
.link-arrow:hover svg{ transform:translate(3px, -3px); }
.link-inline{
  color:var(--signal-text);
  background:linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition:background-size var(--dur-base) var(--ease-out);
}
.link-inline:hover{ background-size:100% 1px; }
.chip{
  display:inline-flex; align-items:center; gap:10px;
  height:36px; padding:0 14px;
  border-radius:var(--r-pill);
  border:1px solid rgba(6, 10, 13, 0.12);
  font-size:14px; font-weight:500; line-height:1;
  white-space:nowrap;
}
.on-dark .chip, .bg-ink .chip, .chip--dark{ border-color:rgba(255, 255, 255, 0.14); color:rgba(255, 255, 255, 0.85); }
.chip--glass{ background:rgba(6, 10, 13, 0.65); border-color:rgba(255, 255, 255, 0.16); color:rgba(255, 255, 255, 0.85); }
.chip--white{ background:var(--white); border-color:transparent; color:var(--ink); }
.chip--signal{ background:var(--signal-btn); border-color:transparent; color:var(--white); }
.chip--ink{ background:var(--ink); border-color:transparent; color:var(--white); }

.filter{
  display:inline-flex; align-items:center; gap:8px;
  height:40px; padding:0 16px; border-radius:var(--r-pill);
  border:1px solid rgba(6, 10, 13, 0.14); background:var(--white);
  font-size:14px; font-weight:500; color:var(--ink);
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.filter:hover{ border-color:rgba(6, 10, 13, 0.4); }
.filter.is-active, .filter[aria-pressed="true"], .filter[aria-selected="true"]{ background:var(--ink); color:var(--white); border-color:var(--ink); }
.filter[disabled]{ opacity:0.4; pointer-events:none; }
.filter__count{ font-family:var(--mono); font-size:12px; opacity:0.6; }
.tabs{
  display:inline-flex; gap:2px; padding:4px;
  border-radius:var(--r-pill); background:var(--white);
  box-shadow:inset 0 0 0 1px rgba(6, 10, 13, 0.06);
}
.tabs__btn{
  height:40px; padding:0 16px; border-radius:var(--r-pill); white-space:nowrap; flex:none;
  font-size:14px; font-weight:500; color:var(--ink);
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.tabs__btn:hover{ background:var(--paper); }
.tabs__btn.is-active, .tabs__btn[aria-selected="true"]{ background:var(--ink); color:var(--white); }
.stars{ display:inline-flex; gap:2px; color:var(--signal); }
.stars svg{ width:16px; height:16px; }
.field{ display:grid; gap:8px; }
.field__label{ font-size:14px; line-height:18px; font-weight:500; color:var(--ink); }
.field__label .opt{ font-weight:400; color:var(--muted); }
.input, .textarea, .select{
  width:100%;
  min-height:58px;
  padding:0 18px;
  border-radius:14px;
  border:1.5px solid transparent;
  background:var(--paper);
  font-size:15px; color:var(--ink);
  transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.textarea{ min-height:140px; padding:16px 18px; resize:vertical; line-height:1.5; }
.input:disabled, .textarea:disabled{ opacity:0.5; cursor:not-allowed; }
@media (max-width: 1024px){ .input, .textarea{ font-size:16px; } }
.input::placeholder, .textarea::placeholder{ color:var(--muted); }
.input:hover, .textarea:hover{ border-color:rgba(6, 10, 13, 0.22); }
.input:focus, .textarea:focus{ background:var(--white); border-color:var(--signal); }
.field.is-error .input, .field.is-error .textarea{ background:var(--error-bg); border-color:var(--error); }
.field.is-success .input{ border-color:rgba(31, 157, 87, 0.5); background:var(--white); }
.field__error{ display:none; align-items:center; gap:6px; font-size:13px; color:var(--error); }
.field__error svg{ width:16px; height:16px; flex:none; }
.field.is-error .field__error{ display:flex; }
.field__wrap{ position:relative; }
.field__ok{ position:absolute; right:16px; top:50%; translate:0 -50%; width:20px; height:20px; color:var(--success); opacity:0; transition:opacity var(--dur-fast); }
.field.is-success .field__ok{ opacity:1; }
.field__count{ position:absolute; right:16px; bottom:12px; font-family:var(--mono); font-size:12px; color:var(--muted); pointer-events:none; }

.opt-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.opt-chip{ position:relative; }
.opt-chip input{ position:absolute; opacity:0; pointer-events:none; }
.opt-chip span{
  display:inline-flex; align-items:center; gap:8px;
  height:42px; padding:0 18px; border-radius:var(--r-pill);
  border:1px solid rgba(6, 10, 13, 0.14); background:var(--white);
  font-size:15px; font-weight:500; cursor:pointer;
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.opt-chip span svg{ width:14px; height:14px; display:none; }
.opt-chip span:hover{ border-color:rgba(6, 10, 13, 0.45); }
.opt-chip input:checked + span{ padding-left:14px; }
.opt-chip input:checked + span{ background:var(--ink); color:var(--white); border-color:var(--ink); }
.opt-chip input:checked + span svg{ display:block; }
.opt-chip input:focus-visible + span{ outline:2px solid var(--ink); outline-offset:3px; }

.check{ display:inline-flex; align-items:flex-start; gap:12px; cursor:pointer; font-size:14px; line-height:1.45; }
.check input{ position:absolute; opacity:0; width:1px; height:1px; }
.check__box{
  flex:none; width:22px; height:22px; margin-top:1px; border-radius:6px;
  border:1.5px solid rgba(6, 10, 13, 0.3); background:var(--white);
  display:grid; place-items:center; color:var(--white);
  transition:background-color var(--dur-fast), border-color var(--dur-fast);
}
.check__box svg{ width:14px; height:14px; opacity:0; transition:opacity var(--dur-fast); }
.check:hover .check__box{ border-color:rgba(6, 10, 13, 0.6); }
.check input:checked + .check__box{ background:var(--signal); border-color:var(--signal); }
.check input:checked + .check__box svg{ opacity:1; }
.check input:focus-visible + .check__box{ outline:2px solid var(--ink); outline-offset:3px; }
.check.is-error .check__box{ border-color:var(--error); }
.check.is-error{ color:var(--error); }
.check a{ color:var(--signal-text); text-decoration:underline; text-underline-offset:2px; }

.upload{
  position:relative; display:flex; align-items:center; gap:12px;
  min-height:58px; padding:0 16px; gap:10px; border-radius:14px;
  border:1px dashed rgba(6, 10, 13, 0.25); background:var(--white);
  font-size:15px; cursor:pointer;
  transition:border-color var(--dur-fast), background-color var(--dur-fast), color var(--dur-fast);
}
.upload svg{ width:18px; height:18px; flex:none; }
.upload input{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.upload__hint{ color:var(--muted); font-size:13px; }
.upload.is-drag{ border-color:var(--signal); background:rgba(233, 80, 6, 0.06); color:var(--signal-text); }
.upload.is-filled{ border-style:solid; border-color:transparent; background:var(--paper); }
.upload.is-error{ border:1.5px solid var(--error); background:var(--error-bg); color:var(--error); font-size:14px; font-weight:500; }

.alert{ display:flex; gap:12px; align-items:flex-start; padding:16px 18px; border-radius:16px; font-size:14px; line-height:1.45; color:rgba(6, 10, 13, 0.75); }
.alert svg{ width:20px; height:20px; flex:none; margin-top:1px; }
.alert strong{ display:block; font-weight:600; }
.alert--sending{ background:var(--paper); }
.alert--error{ background:var(--error-bg); }
.alert--error strong{ color:var(--error); }
.alert--success{ background:#eaf7ef; }
.alert--success strong{ color:var(--success); }

.search{
  position:relative; display:flex; align-items:center; gap:12px;
  height:58px; padding:0 8px 0 20px; border-radius:var(--r-pill);
  border:1px solid rgba(6, 10, 13, 0.12); background:var(--white); font-size:15px;
  transition:border-color var(--dur-fast);
}
.search:focus-within{ border-color:var(--signal); }
.search svg{ width:20px; height:20px; flex:none; color:#61707d; transition:color var(--dur-fast); }
.search:focus-within svg, .search.is-filled svg{ color:var(--ink); }
.search input{ flex:1; min-width:0; height:100%; border:0; background:none; font-size:16px; outline:none; }
.search__kbd{ font-family:var(--mono); font-size:12px; padding:2px 7px; border-radius:6px; background:var(--paper); color:var(--muted); }
.search__count{ font-family:var(--mono); font-size:12px; color:var(--muted); white-space:nowrap; }
.search__clear{ display:none; width:42px; height:42px; border-radius:50%; background:var(--paper); place-items:center; }
.search.is-filled .search__clear{ display:grid; }
.search.is-filled .search__kbd{ display:none; }
.switch{ position:relative; width:46px; height:26px; flex:none; }
.switch input{ position:absolute; inset:0; opacity:0; cursor:pointer; z-index:1; margin:0; }
.switch span{ position:absolute; inset:0; border-radius:99px; background:rgba(6, 10, 13, 0.15); transition:background-color var(--dur-base) var(--ease-out); }
.switch span::after{ content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:var(--white); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); transition:transform var(--dur-base) var(--ease-out); }
.switch input:checked + span{ background:var(--signal); }
.switch input:checked + span::after{ transform:translateX(20px); }
.switch input:disabled + span{ opacity:1; }
.switch input:focus-visible + span{ outline:2px solid var(--ink); outline-offset:3px; }
.browser{
  position:relative; overflow:hidden;
  border-radius:14px; background:#10171d;
  box-shadow:0 30px 60px rgba(6, 10, 13, 0.35);
}
.browser__bar{ height:26px; display:flex; align-items:center; justify-content:center; background:#161e25; }
.browser__url{ font-size:10px; line-height:1; padding:4px 12px; border-radius:99px; background:rgba(255, 255, 255, 0.08); color:rgba(255, 255, 255, 0.75); }
.browser img{ width:100%; height:auto; display:block; }
.phone{
  position:relative; overflow:hidden;
  border-radius:18px; border:4px solid #0b0f12; background:#0b0f12;
  box-shadow:0 24px 48px rgba(6, 10, 13, 0.4);
}
.phone img{ width:100%; height:100%; object-fit:cover; object-position:top; border-radius:13px; }
.mono-acc{ font-family:var(--mono); font-weight:500; letter-spacing:-0.06em; font-size:0.9em; }
.flow > * + *{ margin-top:var(--flow, 1em); }
.row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.grid{ display:grid; gap:24px; }
.no-scrollbar{ scrollbar-width:none; }
.no-scrollbar::-webkit-scrollbar{ display:none; }
.hide-mobile{ }
.show-mobile{ display:none !important; }
.nowrap{ white-space:nowrap; }
.relative{ position:relative; }

@media (max-width: 1024px){
  .sec-head{ grid-template-columns:1fr; row-gap:14px; margin-bottom:32px; }
  .sec-head__label{ padding-top:0; }
  .sec-head__main{ flex-direction:column; align-items:flex-start; gap:20px; }
  .sec-head > *, .sec-head__main > *{ max-width:100%; min-width:0; }
  .sec-head__side{ flex:none; width:100%; }
  .hide-mobile{ display:none !important; }
  .show-mobile{ display:revert !important; }
}
@media (max-width: 600px){
  .btn--l{ --h:56px; --icon:42px; --pl:22px; --fs:16px; }
  .label{ font-size:14px; }
}
html.js:not(.reduced) [data-reveal]{ opacity:0; transform:translateY(24px); }
html.js:not(.reduced) [data-reveal="fade"]{ transform:none; }
html.js:not(.reduced) [data-reveal="scale"]{ transform:scale(0.96); }
html.js:not(.reduced) [data-reveal="left"]{ transform:translateX(-24px); }
html.js:not(.reduced) [data-reveal="right"]{ transform:translateX(24px); }
html.js:not(.reduced) [data-reveal-group] > [data-reveal-item],
html.js:not(.reduced) [data-reveal-group] [data-reveal-item]{ opacity:0; transform:translateY(24px); }
html.js:not(.reduced) .split-line > span{ transform:translateY(130%); }
html.js.reduced [data-reveal], html.js.reduced [data-reveal-item]{ opacity:1; transform:none; }
html.js [data-reveal].is-in, html.js [data-reveal-group] [data-reveal-item].is-in{ opacity:1; transform:none; }
.split-line{ display:block; clip-path:inset(-0.12em 0 -0.28em); }
.split-line > span{ display:inline-block; vertical-align:top; }
html.js:not(.reduced) .is-split-done .split-line > span{ transform:none; }
html.js:not(.reduced):not(.dw-ready) [data-split]:not(.is-split):not([data-split-manual] [data-split]){ visibility:hidden; }
html.js:not(.reduced):not(.dw-ready) :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-ph], [data-vh]) > :not([class*="decor"]){ visibility:hidden; }
.is-scrub .scrub-t{ color:var(--scrub-from, #bbcdda); transition:color 0.5s var(--ease-out); }
.is-scrub .scrub-t.is-on{ color:inherit; }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}
:is(.site-footer__glow, .pf-card__glow, .rd-hero__glow, .rd-proc__glow, .rd-mig__glow, .bl-glow, .bl-nl__glow, .vh__glow, .vd__glow, .vp__glow, .ekh__glow, .ekpk__glow, .ekr__glow, .ph-glow, .mj-hero__glow, .mj-proc__glow, .mj-geo__glow, .prj-hero__glow, .prj-cd__glow, .prj-nums__glow, .abo-hero__glow, .abo-packs__glow, .abo-yr__glow, .pf-hero__glow, .hero__glow, .process__glow, .bento__glow, .subs__glow, .home-video__glow){ --gc:transparent; --blur:200px; background:none !important; filter:none !important; }
:is(.site-footer__glow, .pf-card__glow, .rd-hero__glow, .rd-proc__glow, .rd-mig__glow, .bl-glow, .bl-nl__glow, .vh__glow, .vd__glow, .vp__glow, .ekh__glow, .ekpk__glow, .ekr__glow, .ph-glow, .mj-hero__glow, .mj-proc__glow, .mj-geo__glow, .prj-hero__glow, .prj-cd__glow, .prj-nums__glow, .abo-hero__glow, .abo-packs__glow, .abo-yr__glow, .pf-hero__glow, .hero__glow, .process__glow, .bento__glow, .subs__glow, .home-video__glow)::before{
  content:""; position:absolute; inset:calc(var(--blur) * -2); border-radius:50%; pointer-events:none; opacity:var(--glow-k, 0.72);
  background:radial-gradient(closest-side, color-mix(in srgb, var(--gc) 97%, transparent) calc(100% - var(--blur) * 4), color-mix(in srgb, var(--gc) 84%, transparent) calc(100% - var(--blur) * 3), color-mix(in srgb, var(--gc) 69%, transparent) calc(100% - var(--blur) * 2.5), color-mix(in srgb, var(--gc) 50%, transparent) calc(100% - var(--blur) * 2), color-mix(in srgb, var(--gc) 31%, transparent) calc(100% - var(--blur) * 1.5), color-mix(in srgb, var(--gc) 16%, transparent) calc(100% - var(--blur)), color-mix(in srgb, var(--gc) 6%, transparent) calc(100% - var(--blur) * 0.5), transparent);
}