:root{
  --bg:#020617;
  --bg-soft:#020617;
  --surface:rgba(15,23,42,0.9);
  --surface-soft:rgba(15,23,42,0.8);
  --surface-strong:rgba(15,23,42,0.96);
  --border:rgba(148,163,184,0.28);
  --border-soft:rgba(148,163,184,0.14);
  --text:#e5e7eb;
  --muted:#9ca3af;
  --muted:#9ca3af;
  --accent:#1ea4ff;
  --accent-soft:#56c2ff;
  --accent-strong:#0056d6;
  --danger:#ef4444;
  --radius-lg:18px;
  --radius-lg:18px;
  --shadow-soft:0 24px 80px rgba(15,23,42,0.75);
  --shell:1460px;
  --shadow-soft:0 24px 80px rgba(15,23,42,0.75);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--accent-soft) rgba(15,23,42,0.96)}

body,
html{
  cursor:url("/assets/logo.png") 6 2, default;
}

a,
button,
.btn,
[role="button"],
[data-action],
input[type="submit"],
input[type="button"]{
  cursor:url("/assets/logo.png") 6 2, pointer;
}

a:active,
button:active,
.btn:active,
[role="button"]:active,
[data-action]:active,
input[type="submit"]:active,
input[type="button"]:active{
  cursor:url("/assets/logo.png") 6 2, pointer;
}

input,
textarea,
select{
  cursor:url("/assets/logo.png") 6 2, default;
}

.cursorRipple{
  position:fixed;
  left:0;
  top:0;
  width:72px;
  height:72px;
  margin:0;
  border-radius:999px;
  pointer-events:none;
  border:1px solid rgba(86,194,255,0.7);
  background:radial-gradient(circle,rgba(30,164,255,0.32) 0,transparent 60%);
  transform:translate(-50%,-50%) scale(0.4);
  opacity:0.9;
  box-shadow:0 0 0 0 rgba(86,194,255,0.35);
  animation:rippleCursor 0.6s ease-out;
  z-index:60;
}

@keyframes rippleCursor{
  0%{
    transform:translate(-50%,-50%) scale(0.4);
    opacity:0.9;
    box-shadow:0 0 0 0 rgba(86,194,255,0.35);
  }
  70%{
    transform:translate(-50%,-50%) scale(1);
    opacity:0.4;
    box-shadow:0 0 0 18px rgba(86,194,255,0.12);
  }
  100%{
    transform:translate(-50%,-50%) scale(1.1);
    opacity:0;
    box-shadow:0 0 0 26px rgba(86,194,255,0);
  }
}

@media (prefers-reduced-motion: reduce){
  .cursorRipple{
    animation:none;
    opacity:0;
  }
}

body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 640px at 10% 0%, rgba(59,130,246,0.25), transparent 10%),
    radial-gradient(1200px 640px at 90% 0%, rgba(56,189,248,0.22), transparent 10%),
    linear-gradient(180deg,#020617 0%,#020617 24%,#020617 10%);
  min-height:100vh;
}
.bgVideoShell{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

.bgVideoShell::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(15,23,42,0.85), transparent 1%),
    radial-gradient(1400px 720px at 10% 0, rgba(88,28,135,0.55), transparent 1%),
    radial-gradient(1400px 720px at 90% 100%, rgba(59,130,246,0.45), transparent 1%),
    linear-gradient(180deg, rgb(15, 23, 42) 0%, rgba(15, 23, 42, 0.329) 100%);
  mix-blend-mode:normal;
}

.bgVideo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(1.1) contrast(1.05);
  opacity:0.9;
  will-change:background-image;
}

.bgVideoCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}

img{max-width:100%;height:auto;display:block;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;pointer-events:none}
a{text-decoration:none;color:inherit}
button{font:inherit}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:rgba(15,23,42,0.96)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#6366f1);border-radius:999px;border:1px solid rgba(15,23,42,0.96)}
.page{min-height:100vh;display:flex;flex-direction:column}
.shell{width:min(var(--shell),96vw);margin:0 auto}
body.landing{overflow-x:hidden}
body.landing .page{min-height:100vh}
body.landing main{flex:1;display:block}
body.landing .heroSection{width:100%}
@media (min-width:961px){
  body.landing main{
    display:flex;
    flex-direction:column;
  }
  body.landing .heroSection{
    flex:1;
    display:flex;
    align-items:center;
  }
}
.brandInline{display:flex;align-items:center;gap:10px;margin-bottom:10px}
body.landing .brandInline{display:none}
.siteHeader{
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(to bottom,rgba(15,23,42,0.96),rgba(15,23,42,0.9),rgba(15,23,42,0.82));
  backdrop-filter:blur(18px);
}
.headerInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
}
.brandLink{display:flex;align-items:center;gap:12px;color:var(--text)}
.brandMark{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0,#38bdf8,transparent 55%),radial-gradient(circle at 70% 110%,#6366f1,transparent 65%),rgba(15,23,42,0.96);box-shadow:0 0 0 1px rgba(148,163,184,0.5),0 14px 40px rgba(37,99,235,0.8)}
.brandDot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#6366f1)}
.brandText{display:flex;flex-direction:column;gap:2px}
.brandName{font-weight:800;letter-spacing:-0.04em;font-size:20px}
.brandSub{font-size:12px;color:var(--muted)}
.navToggle{
  display:none;
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid var(--border-soft);
  background:rgba(15,23,42,0.9);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  padding:0;
}
.navToggle span{display:block;width:18px;height:2px;border-radius:999px;background:#e5e7eb}
.mainNav{display:flex;gap:10px;align-items:center}
.navBtn{
  border-radius:999px;
  border:1px solid var(--border);
  padding:10px 16px;
  background:transparent;
  color:var(--text);
  font-size:14px;
  font-weight:600;
}
.navBtn.primary{
  border-color:rgba(94,234,212,0.5);
  background:linear-gradient(90deg,#38bdf8,#6366f1);
  color:#0b1120;
  box-shadow:0 16px 45px rgba(37,99,235,0.7);
}
.navBtn.ghost{background:rgba(15,23,42,0.8);border-color:var(--border-soft)}
.btn{
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.35);
  background:linear-gradient(90deg,#38bdf8,#6366f1);
  color:#020617;
  padding:11px 18px;
  font-size:15px;
  font-weight:650;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 20px 60px rgba(37,99,235,0.7);
  transition:transform 120ms ease,box-shadow 120ms ease,filter 120ms ease,background 160ms ease,border-color 160ms ease;
}
.btn.full{width:100%}
.btn.ghost{
  background:rgba(15,23,42,0.96);
  color:var(--text);
  border-color:var(--border-soft);
  box-shadow:none;
}
.btn.primary{background:linear-gradient(90deg,#38bdf8,#6366f1);border-color:rgba(94,234,212,0.5)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 24px 72px rgba(37,99,235,0.8)}
.btn.ghost:hover{box-shadow:0 18px 50px rgba(15,23,42,0.9)}
.btn:active{transform:translateY(0);box-shadow:0 18px 50px rgba(15,23,42,0.7)}
.btn:disabled{opacity:0.6;cursor:url("/assets/cursor_all_others.png") 6 2, default;box-shadow:none}
.heroSection{padding:32px 0 20px}
.heroGrid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:26px;
  align-items:stretch;
}
.heroGridSingle{min-height:auto;align-items:flex-start}
.heroCopy{display:flex;flex-direction:column;gap:18px}
.heroRight{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
}

.heroTag{
  display:inline-block;
  position:relative;
  font-size:13px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:0;
  margin:0;
  border:none;
  background:none;
  color:rgba(148,163,184,0.9);
}

.heroTag::after{
  content:"";
  display:inline-block;
  width:1px;
  height:1.1em;
  margin-left:4px;
  background:var(--accent-soft);
  opacity:.9;
  vertical-align:-0.1em;
}


.heroTitle{
  font-family:"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Inter,Arial,sans-serif;
  font-size:clamp(44px,4vw,64px);
  line-height:1.04;
  letter-spacing:-0.06em;
  margin:0;
  color:#f9fafb;
}
.heroLead{
  margin:0;
  color:rgba(226,232,240,0.9);
  font-size:16px;
  line-height:1.7;
  max-width:44rem;
}
.heroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.heroMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.heroChip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 14px;
  font-size:13px;
  border-radius:999px;
  border:1px solid var(--border-soft);
  background:rgba(15,23,42,0.9);
  color:var(--muted);
  box-shadow:0 0 0 1px rgba(15,23,42,0.9);
}
.heroChipIcon{
  width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  background:radial-gradient(circle at 30% 20%,var(--accent),transparent 55%),rgba(15,23,42,0.9);
  box-shadow:0 0 0 1px rgba(56,189,248,0.7);
}
.heroChipIcon::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#e0f2fe;
}
.heroChipIcon--direct::before{content:"↗";font-size:11px;width:auto;height:auto;background:none;}
.heroChipIcon--no-agency::before{content:"◎";font-size:11px;width:auto;height:auto;background:none;}
.heroChipIcon--costs::before{content:"≋";font-size:11px;width:auto;height:auto;background:none;}
.heroCard{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:radial-gradient(circle at 0 0,rgba(56,189,248,0.25),transparent 50%),radial-gradient(circle at 100% 0,rgba(129,140,248,0.35),transparent 52%),linear-gradient(145deg,rgba(15,23,42,0.96),rgba(15,23,42,0.98));
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:var(--shadow-soft);
}
.heroGlow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(420px 320px at 10% 0,rgba(56,189,248,0.32),transparent 60%),
    radial-gradient(520px 420px at 100% 0,rgba(129,140,248,0.32),transparent 60%);
  opacity:0.85;
  pointer-events:none;
}
.heroCardInner{position:relative;padding:20px 20px 18px;display:flex;flex-direction:column;gap:14px}
.heroBadgeRow{display:flex;flex-wrap:wrap;gap:8px}
.heroBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  font-size:11px;
  letter-spacing:0.03em;
  text-transform:uppercase;
  border-radius:999px;
  background:radial-gradient(circle at 0 0,rgba(56,189,248,0.16),transparent 55%),rgba(15,23,42,0.96);
  border:1px solid rgba(148,163,184,0.5);
  color:var(--muted);
}
.heroBadgeIcon{
  width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  background:rgba(15,23,42,0.96);
  box-shadow:0 0 0 1px rgba(56,189,248,0.7);
}
.heroBadgeIcon--analysis::before{content:"∑";}
.heroBadgeIcon--server::before{content:"★";}
.heroCardTitle{margin:0;font-weight:650;font-size:16px}
.heroCardText{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}

label{color:var(--text)}
input,textarea,select{
  background:rgba(15,23,42,0.96);
  border-color:rgba(148,163,184,0.45);
  color:var(--text);
}
input::placeholder,textarea::placeholder{color:rgba(148,163,184,0.9)}
.heroCardActions{margin-top:12px}
.heroForm{margin-top:12px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:max-height 200ms ease,opacity 200ms ease,transform 200ms ease}
.heroCard.is-open .heroForm{max-height:360px;opacity:1;transform:translateY(0);overflow-y:auto;padding-top:8px}
.heroList{margin:4px 0 6px;padding-left:18px;font-size:13px;color:var(--muted);display:grid;gap:4px}
.heroList li{padding-left:2px}
.trustSection{padding:8px 0 24px}
.trustGrid{display:grid;grid-template-columns:1.1fr 1.3fr;gap:26px;align-items:flex-start}
.trustTitle{margin:0 0 6px;font-size:24px;letter-spacing:-0.04em}
.trustLead{margin:0;font-size:14px;color:var(--muted);line-height:1.8}
.trustList{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.trustList li{
  padding:12px 14px;
  border-radius:var(--radius-md);
  background:rgba(15,23,42,0.95);
  border:1px solid var(--border);
}
.trustLabel{display:block;font-size:13px;font-weight:650;margin-bottom:4px}
.trustText{font-size:13px;color:var(--muted);line-height:1.7}
.contactSection{padding:10px 0 40px}
.contactGrid{display:grid;grid-template-columns:1.05fr 1.1fr;gap:26px;align-items:flex-start}
.contactIntro{display:flex;flex-direction:column;gap:16px}
.contactTitle{margin:0;font-size:26px;letter-spacing:-0.04em}
.contactLead{margin:0;font-size:14px;color:var(--muted);line-height:1.8}
.contactHighlights{display:grid;gap:10px;margin-top:4px}
.highlight{display:flex;gap:10px;align-items:flex-start}
.highlightKey{
  width:22px;height:22px;border-radius:999px;
  border:1px solid rgba(94,234,212,0.68);
  background:rgba(15,23,42,0.96);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#a5f3fc;
}
.highlightText{font-size:13px;color:var(--muted);line-height:1.7}
.contactFormCard{
  border-radius:var(--radius-lg);
  background:radial-gradient(circle at 0 0,rgba(56,189,248,0.24),transparent 60%),radial-gradient(circle at 100% 0,rgba(129,140,248,0.24),transparent 60%),linear-gradient(145deg,rgba(15,23,42,0.98),rgba(15,23,42,1));
  border:1px solid rgba(148,163,184,0.45);
  box-shadow:var(--shadow-soft);
  padding:18px 18px 16px;
}
label{display:block;font-size:13px;font-weight:650;margin-bottom:6px;color:var(--text)}
input,textarea,select{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(148,163,184,0.4);
  background:rgba(15,23,42,0.98);
  color:var(--text);
  padding:11px 12px;
  font:inherit;
}
input::placeholder,textarea::placeholder{color:rgba(148,163,184,0.7)}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:rgba(56,189,248,0.9);
  box-shadow:0 0 0 2px rgba(56,189,248,0.55);
}
.fieldRow{margin-bottom:10px}
.fieldSplit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fieldError input,.fieldError textarea{border-color:var(--danger);box-shadow:0 0 0 1px rgba(248,113,113,0.6)}
.wizardHeader{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.wizardStepsMeta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wizardStepLabel{font-size:12px;color:var(--muted)}
.wizardStepText{font-size:13px;color:#e5e7eb}
.wizardProgress{height:4px;border-radius:999px;background:rgba(15,23,42,0.9);overflow:hidden;border:1px solid rgba(15,23,42,1)}
.wizardProgressBar{height:100%;width:50%;border-radius:999px;background:linear-gradient(90deg,#22c1c3,#4f46e5)}
.wizardBody{min-height:210px}
.wizardStep{display:none}
.wizardStep.is-active{display:block}
.wizardFooter{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:4px}
.wizardHint{font-size:12px;color:var(--muted);max-width:260px}
.wizardButtons{display:flex;gap:8px}
.wizardButtons .btn{min-width:120px}
.wizardButtons .btn.ghost{border-color:rgba(148,163,184,0.4)}
.formStatus{margin-top:8px;font-size:13px;min-height:19px}
.formStatus.ok{color:#a5f3fc}
.formStatus.err{color:#fecaca}
.siteFooter{
  margin-top:auto;
  border-top:1px solid rgba(148,163,184,0.4);
  background:radial-gradient(900px 520px at 0 120%,rgba(56,189,248,0.36),transparent 60%),linear-gradient(180deg,#020617 0%,#020617 100%);
}
.footerInner{display:flex;gap:40px;justify-content:space-between;align-items:flex-start;padding:18px 0 20px}
.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(15,23,42,0.9);background:rgba(15,23,42,0.96);backdrop-filter:blur(14px);padding:10px 0}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.container{width:min(var(--shell),96vw);margin:0 auto}
.brand img{display:block;height:auto}
.nav a{margin-left:14px;font-size:14px;color:var(--muted)}
.nav a:hover{color:var(--text)}
.section{padding:26px 0 40px}
.card{border-radius:var(--radius-lg);background:rgba(15,23,42,0.96);border:1px solid rgba(148,163,184,0.35);box-shadow:var(--shadow-soft);padding:16px 16px 18px;margin-bottom:4px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0 0 8px;font-size:14px;color:var(--muted);line-height:1.8}
.footer{border-top:1px solid rgba(15,23,42,1);background:rgba(15,23,42,1);padding:14px 0 16px;margin-top:20px}
.footerInner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.footerRight a{margin-left:14px;font-size:13px;color:var(--muted)}
.footerRight a:hover{color:var(--text)}
.kicker{font-size:13px;text-transform:uppercase;letter-spacing:0.16em;color:var(--muted);margin-bottom:4px}
.muted{color:var(--muted);font-size:13px}
.footerBrand{max-width:320px}
.footerLogoRow{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.footerLogoImg{
  width:32px;
  height:32px;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(148,163,184,0.5),0 10px 30px rgba(37,99,235,0.8);
  display:block;
}
.footerLogo{width:32px;height:32px;border-radius:999px;box-shadow:0 0 0 1px rgba(148,163,184,0.5),0 10px 30px rgba(37,99,235,0.8)}
.footerLogoMark{width:32px;height:32px;border-radius:999px;box-shadow:0 0 0 1px rgba(148,163,184,0.45),0 10px 26px rgba(15,23,42,0.18);display:flex;align-items:center;justify-content:center;background:#ffffff}
.footerName{font-weight:800;letter-spacing:-0.04em}
.footerSub{font-size:12px;color:var(--muted)}
.footerCopy{margin:0 0 8px;font-size:13px;color:var(--muted);line-height:1.7}
.footerMeta{margin:0;font-size:12px;color:var(--muted)}
.footerNav{flex:1;display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-end}
.footerCol{min-width:140px}
.footerColTitle{font-size:13px;font-weight:650;margin-bottom:6px}
.footerColList{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.footerColList a{font-size:13px;color:var(--muted)}
.footerColList a:hover{color:#e5e7eb}
@media (min-width:961px){
  .heroGridSingle{
    align-items:center;
  }
  .heroCardForm{
    margin-top:0;
  }
}

@media (max-width:960px){
  body.landing{overflow:auto}
  body.landing main{align-items:flex-start}
  .heroGrid{grid-template-columns:1fr;gap:22px}
  .heroCard{order:-1}
  .trustGrid{grid-template-columns:1fr}
  .contactGrid{grid-template-columns:1fr}
  .footerInner{flex-direction:column;gap:18px}
  .footerNav{justify-content:flex-start}
}
@media (max-width:780px){
  .mainNav{display:none}
  .navToggle{display:inline-flex}
  .siteHeader.is-open .mainNav{
    position:absolute;
    inset-inline:0;
    top:58px;
    background:rgba(15,23,42,0.98);
    border-bottom:1px solid rgba(15,23,42,1);
    padding:10px 3vw 12px;
    display:flex;
    justify-content:flex-end;
  }
  .siteHeader.is-open .mainNav .navBtn{flex:1}
}
@media (max-width:640px){
  .heroTitle{font-size:30px}
  .heroCardInner{padding:18px}
  .contactFormCard{padding:16px}
  .fieldSplit{grid-template-columns:1fr}
  .wizardFooter{flex-direction:column;align-items:flex-start}
  .wizardHint{max-width:none}
  .wizardButtons{width:100%;justify-content:flex-end}
}
.legalPage{padding:32px 0 48px;color:var(--text);}
.legalHeader{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}
.legalTitleRow{display:flex;align-items:center;justify-content:space-between;gap:18px}
.legalBrandLink{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.legalBrandText{display:flex;flex-direction:column;gap:2px;text-align:right}
.legalBrandName{font-weight:800;letter-spacing:-0.04em;font-size:16px}
.legalBrandSub{font-size:12px;color:var(--muted)}
.legalBrandLogo{width:32px;height:32px;border-radius:999px;box-shadow:0 0 0 1px rgba(148,163,184,0.5),0 10px 30px rgba(37,99,235,0.8)}
@media (max-width:720px){
  .legalTitleRow{flex-direction:column;align-items:flex-start;gap:6px}
  .legalBrandText{text-align:left}
}

.legalTitle{font-size:26px;margin:0 0 2px}
.legalMeta{font-size:13px;color:var(--muted);margin:0}
.legalContent::before{display:none;}
.legalContent{
  max-width:900px;
  margin:0 auto;
  padding:26px 26px 30px;
  border-radius:18px;
  background:
    radial-gradient(620px 360px at 0 0, rgba(56,189,248,0.18), transparent 60%),
    radial-gradient(620px 360px at 100% 0, rgba(129,140,248,0.18), transparent 60%),
    linear-gradient(145deg, rgba(15,23,42,0.98), rgba(15,23,42,1));
  border:1px solid rgba(148,163,184,0.45);
  box-shadow:var(--shadow-soft);
}

.legalContent h2{margin-top:18px;margin-bottom:6px;font-size:17px}
.legalContent p{margin:0 0 10px;font-size:14px;color:var(--muted);line-height:1.8}
.legalContent ul{margin:0 0 10px 18px;padding:0;font-size:14px;color:var(--muted);line-height:1.8}
.legalContent li{margin-bottom:4px}
@media (max-width:720px){
  .legalPage{padding:32px 0 48px;color:var(--text);}
  .legalContent{border-radius:18px;padding:18px 14px 20px}
}
body{
  color:var(--text);
  background:
    radial-gradient(1200px 640px at 10% 0%, rgba(59,130,246,0.25), transparent 60%),
    radial-gradient(1200px 640px at 90% 0%, rgba(56,189,248,0.22), transparent 60%),
    linear-gradient(180deg,#020617 0%,#020617 24%,#020617 100%);
}
.siteHeader{
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
}
.headerInner{
  padding:18px 0 12px;
}
.brandMark{
  background:radial-gradient(circle at 30% 0,#2563eb,transparent 55%),radial-gradient(circle at 70% 110%,#38bdf8,transparent 65%),#ffffff;
  box-shadow:0 0 0 1px rgba(148,163,184,0.45),0 16px 40px rgba(15,23,42,0.18);
}
.brandSub{color:#64748b}

.brandMark{
  animation:pulseBrand 2600ms ease-in-out infinite;
  will-change:transform,box-shadow;
}

@keyframes pulseBrand{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(56,189,248,0.25);
  }
  50%{
    transform:scale(1.04);
    box-shadow:0 0 0 10px rgba(56,189,248,0);
  }
}

@keyframes heroCaretBlink{
  0%,49%{opacity:0.9;}
  50%,100%{opacity:0;}
}

.heroInfos{
  position:relative;
  margin-top:12px;
  padding:10px 12px;
  border-radius:18px;
  background:rgba(15,23,42,0.96);
  border:1px solid rgba(148,163,184,0.4);
  box-shadow:0 22px 60px rgba(15,23,42,0.9);
  overflow:hidden;
  max-height:260px;
  opacity:1;
  transform:translateY(0);
  transition:max-height 260ms cubic-bezier(0.22,0.61,0.36,1),opacity 200ms ease-out,transform 220ms ease-out,margin 200ms ease-out;
}

.heroInfos.is-collapsed{
  max-height:0;
  opacity:0;
  transform:translateY(-4px);
  margin-top:4px;
  pointer-events:none;
}

.heroInfos.is-visible{
  max-height:260px;
  opacity:1;
  transform:translateY(0);
}

.heroInfosTitle{
  margin:0 0 6px;
  font-size:15px;
}

.heroInfosList{
  margin:0;
  padding-left:18px;
  font-size:13px;
  color:var(--muted);
  display:grid;
  gap:4px;
}

.heroCardForm{
  max-width:420px;
  margin:24px auto 0;
}

.heroCardForm .heroCardInner{
  padding:18px 18px 16px;
}

.heroCardForm .heroForm{
  margin-top:6px;
}

.heroCardForm .wizardBody{
  min-height:0;
}

.heroFormDone{
  display:none;
  margin-top:10px;
  padding:10px 12px 12px;
  border-radius:14px;
  background:var(--surface);
  border:1px solid var(--border);
}

.formThanksMain{
  margin:0 0 4px;
  font-size:15px;
  font-weight:600;
}

.formThanksSub{
  margin:0;
  font-size:13px;
  color:var(--muted);
}

.heroCardForm.is-complete .heroForm{
  display:none;
  max-height:0;
  opacity:0;
  overflow:hidden;
}

.heroCardForm.is-complete .heroCardActions{
  display:none;
}

.heroCardForm.is-complete .heroFormDone{
  display:block;
}

.siteFooter{
  border-top:1px solid rgba(15,23,42,0.9);
  background:
    radial-gradient(620px 360px at 0 0,rgba(56,189,248,0.19),transparent 60%),
    radial-gradient(620px 360px at 100% 100%,rgba(99,102,241,0.22),transparent 60%),
    linear-gradient(90deg,#020617 0%,#020617 40%,#020617 100%);
}

@media (max-width:768px){
  .heroCardForm{
    max-width:100%;
  }
  }

body.legalBody{
  color:var(--text);
}

body.legalBody .legalContent{
  position:relative;
  margin:0;
  padding:8px 4px 40px;
  border-radius:0;
  border:none;
  box-shadow:none;
  background:transparent;
}

body.legalBody .legalHeader{
  margin-bottom:24px;
}

body.legalBody .legalTitle{
  font-size:28px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.legalBody .legalMeta{
  font-size:14px;
  color:rgba(226,232,240,0.85);
}

body.legalBody .legalContent h2,
body.legalBody .legalContent h3{
  font-size:17px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:22px;
  margin-bottom:8px;
  color:#e5e7eb;
}

body.legalBody .legalContent p,
body.legalBody .legalContent ul{
  font-size:14px;
  color:var(--muted);
  line-height:1.9;
}

body.legalBody .legalContent li{
  margin-bottom:4px;
}

@media (max-width:720px){
  body.legalBody .legalPage{
    padding:24px 0 32px;
  }
}
.fieldRowBot{
  margin-top:10px;
}

.botCheckLabel{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
}

.fieldRowBot input[type="checkbox"]{
  width:16px;
  height:16px;
  border-radius:6px;
}

.botCheckHint{
  margin:4px 0 0;
  font-size:11px;
  color:var(--muted);
}
body{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

input,
textarea{
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
}

img{
  -webkit-user-drag:none;
  user-select:none;
}

.ctxMenu{
  position:fixed;
  z-index:9999;
  min-width:180px;
  border-radius:14px;
  padding:6px;
  background:rgba(15,23,42,0.98);
  border:1px solid rgba(148,163,184,0.45);
  box-shadow:0 28px 90px rgba(15,23,42,0.9);
  display:flex;
  flex-direction:column;
  gap:4px;
  opacity:0;
  pointer-events:none;
}

.ctxMenu button{
  border:none;
  background:transparent;
  padding:6px 10px;
  border-radius:10px;
  color:#e5e7eb;
  font-size:13px;
  text-align:left;
  cursor:url("/assets/cursor_hover.png") 6 2, pointer;
}

.ctxMenu button:hover{
  background:rgba(37,99,235,0.24);
}

.ctxMenu button:active{
  background:rgba(37,99,235,0.42);
}

.brandLogo{
  width:64px;
  height:auto;
  display:block;
}
textarea{resize:none}