:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --blue-950:#071a3a;
  --blue-900:#0b2b5e;
  --blue-800:#0d3d82;
  --blue-700:#145bc4;
  --blue-600:#2572df;
  --blue-100:#dceaff;
  --blue-50:#f2f7ff;
  --ink:#0c1f3e;
  --muted:#5a6d89;
  --line:#cad9ef;
  --white:#ffffff;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--white); }
body { margin:0; color:var(--ink); background:var(--white); }
a { color:inherit; }

.site-header {
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:78px;
  padding:0 clamp(18px, 5vw, 72px);
  border-bottom:1px solid rgba(202,217,239,.9);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
}
.brand-link { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:850; letter-spacing:-.025em; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:white; background:linear-gradient(135deg,var(--blue-600),var(--blue-800)); box-shadow:0 8px 20px rgba(20,91,196,.22); }
.site-nav { display:flex; align-items:center; gap:8px; }
.site-nav a { padding:10px 12px; border-radius:9px; color:#294566; font-size:14px; font-weight:700; text-decoration:none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color:var(--blue-800); background:var(--blue-50); }
.site-nav .nav-cta { color:white; background:var(--blue-700); }
.site-nav .nav-cta:hover { color:white; background:var(--blue-800); }

.hero { overflow:hidden; position:relative; background:linear-gradient(155deg,#f7faff 0%,#edf5ff 54%,#ffffff 100%); }
.hero::after { position:absolute; right:-12rem; bottom:-16rem; width:34rem; height:34rem; border-radius:50%; background:radial-gradient(circle,rgba(37,114,223,.2),transparent 68%); content:""; }
.hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); align-items:center; gap:clamp(40px,7vw,100px); width:min(1180px,calc(100% - 36px)); min-height:660px; margin:auto; padding:70px 0 82px; }
.eyebrow { margin:0 0 18px; color:var(--blue-700); font-size:12px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; font-size:clamp(44px,6.8vw,78px); line-height:1.01; letter-spacing:-.055em; }
.lead { max-width:680px; margin:24px 0 0; color:#445a78; font-size:clamp(18px,2vw,22px); line-height:1.62; }
.actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border:1px solid var(--blue-700); border-radius:11px; color:white; background:var(--blue-700); font-weight:800; text-decoration:none; box-shadow:0 10px 24px rgba(20,91,196,.18); }
.button:hover { background:var(--blue-800); border-color:var(--blue-800); }
.button.secondary { color:var(--blue-800); background:white; box-shadow:none; }
.button.secondary:hover { background:var(--blue-50); }
.trust { margin:18px 0 0; color:var(--muted); font-size:13px; }

.product-window { overflow:hidden; border:1px solid #b9cae5; border-radius:22px; background:white; box-shadow:0 28px 70px rgba(14,55,112,.18); }
.window-bar { display:flex; gap:7px; padding:14px 16px; border-bottom:1px solid #d9e4f3; background:#f8fbff; }
.window-bar i { width:9px; height:9px; border-radius:50%; background:#adc4e6; }
.window-body { padding:24px; }
.window-label { color:var(--blue-700); font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.window-title { margin:9px 0 22px; font-size:22px; }
.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.metric { padding:14px 11px; border:1px solid #d9e4f3; border-radius:12px; background:var(--blue-50); }
.metric strong { display:block; color:var(--blue-800); font-size:24px; }
.metric span { color:var(--muted); font-size:11px; }
.fake-list { display:grid; gap:9px; margin-top:18px; }
.fake-row { display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:10px; padding:11px; border-bottom:1px solid #e2eaf6; color:#3e5573; font-size:13px; }
.fake-row i { width:9px; height:9px; border-radius:50%; background:#34a36f; }
.fake-row b { color:var(--blue-700); }

.section { width:min(1180px,calc(100% - 36px)); margin:auto; padding:92px 0; }
.section-heading { max-width:760px; margin-bottom:40px; }
.section-heading h2 { margin:0; font-size:clamp(32px,5vw,52px); letter-spacing:-.04em; }
.section-heading p { margin:15px 0 0; color:var(--muted); font-size:18px; line-height:1.65; }
.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.feature-card { padding:28px; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:0 15px 40px rgba(16,56,110,.06); }
.feature-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:white; background:var(--blue-700); font-weight:900; }
.feature-card h3 { margin:20px 0 10px; font-size:20px; }
.feature-card p { margin:0; color:var(--muted); line-height:1.65; }
.tint { max-width:none; background:var(--blue-950); color:white; }
.tint .section { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }
.tint .section-heading { margin:0; }
.tint .section-heading p { color:#b9c9de; }
.steps { display:grid; gap:15px; }
.step { display:grid; grid-template-columns:42px 1fr; gap:15px; padding:20px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:rgba(255,255,255,.06); }
.step strong { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; color:var(--blue-950); background:white; }
.step h3 { margin:0 0 5px; }
.step p { margin:0; color:#bdcbe0; line-height:1.55; }

.price-shell { display:grid; grid-template-columns:1fr .8fr; gap:30px; align-items:stretch; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.price-card { padding:clamp(28px,5vw,50px); border:2px solid var(--blue-700); border-radius:24px; background:white; box-shadow:0 24px 60px rgba(20,91,196,.12); }
.pricing-grid .price-card { display:flex; flex-direction:column; padding:30px; }
.pricing-grid .price-card .actions { margin-top:auto; padding-top:18px; }
.price-card.featured { position:relative; border-color:var(--blue-500); box-shadow:0 26px 68px rgba(20,91,196,.2); transform:translateY(-8px); }
.plan-badge { position:absolute; top:-15px; right:22px; margin:0; padding:7px 12px; border-radius:999px; color:white; background:var(--blue-700); font-size:12px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.price { margin:18px 0 8px; color:var(--blue-900); font-size:clamp(52px,8vw,78px); font-weight:900; letter-spacing:-.06em; }
.pricing-grid .price { font-size:clamp(38px,5vw,56px); }
.price span { color:var(--muted); font-size:16px; font-weight:700; letter-spacing:0; }
.check-list { display:grid; gap:13px; margin:28px 0; padding:0; list-style:none; }
.check-list li { display:flex; gap:10px; color:#2f4868; }
.check-list li::before { color:var(--blue-700); font-weight:900; content:"✓"; }
.info-card { padding:34px; border:1px solid var(--line); border-radius:24px; background:var(--blue-50); }
.info-card h2, .info-card h3 { margin-top:0; }
.info-card p { color:var(--muted); line-height:1.65; }
.pricing-note { margin-top:28px; }
.faq { display:grid; gap:12px; }
.faq details { padding:18px 20px; border:1px solid var(--line); border-radius:13px; background:white; }
.faq summary { cursor:pointer; color:var(--blue-900); font-weight:800; }
.faq p { margin:12px 0 0; color:var(--muted); line-height:1.6; }
.help-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.help-card { padding:26px; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:0 15px 40px rgba(16,56,110,.05); }
.help-card h2, .help-card h3 { margin:0 0 12px; }
.help-card p, .help-card li { color:var(--muted); line-height:1.65; }
.help-card ol, .help-card ul { margin:0; padding-left:22px; }
.support-card { margin-top:24px; padding:32px; border-radius:20px; color:white; background:linear-gradient(135deg,var(--blue-700),var(--blue-900)); }
.support-card h2 { margin:0 0 10px; }
.support-card p { max-width:760px; color:#d6e5fa; line-height:1.65; }
.support-card a { color:white; font-weight:800; }

.cta-band { margin-top:18px; padding:42px; border-radius:24px; color:white; background:linear-gradient(135deg,var(--blue-700),var(--blue-900)); }
.cta-band h2 { margin:0; font-size:clamp(28px,4vw,44px); }
.cta-band p { max-width:700px; color:#d6e5fa; line-height:1.6; }
.cta-band .button { color:var(--blue-900); background:white; border-color:white; box-shadow:none; }

.site-footer { display:flex; justify-content:space-between; gap:20px; padding:28px clamp(18px,5vw,72px); border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.footer-links { display:flex; gap:16px; flex-wrap:wrap; }
.footer-links a { color:#3a5577; text-underline-offset:3px; }

@media(max-width:850px) {
  .site-header { min-height:70px; }
  .site-nav a:not(.nav-cta) { display:none; }
  .hero-inner, .tint .section, .price-shell, .pricing-grid { grid-template-columns:1fr; }
  .price-card.featured { transform:none; }
  .hero-inner { min-height:0; padding:60px 0; }
  .cards { grid-template-columns:1fr; }
  .help-grid { grid-template-columns:1fr; }
  .product-window { max-width:620px; }
}
@media(max-width:560px) {
  .brand-link span:last-child { display:none; }
  .hero-inner, .section { width:min(100% - 24px,1180px); }
  .section { padding:68px 0; }
  .metric-grid { grid-template-columns:1fr; }
  .site-footer { flex-direction:column; }
  .cta-band { padding:28px 22px; }
}