/* ============================================================
   Cadence — shared design system
   Used by the sales page, funnel, thank-you, support and legal pages.
   ============================================================ */
:root{
  --ink:#12141a;
  --ink-2:#3d4350;
  --ink-3:#6b7280;
  --paper:#f6f7fb;
  --paper-2:#eceef6;
  --card:#ffffff;
  --line:#dfe3ee;
  --brand:#3a4ee8;         /* indigo */
  --brand-deep:#2536b8;
  --brand-soft:#eef0fe;
  --accent:#f0a017;        /* amber */
  --accent-soft:#fdf3e0;
  --ok:#12a06a;
  --ok-soft:#e6f6ef;
  --danger:#d1483a;
  --shadow-sm:0 2px 6px rgba(18,20,26,.06);
  --shadow:0 18px 44px -22px rgba(18,20,26,.32);
  --r:14px;
  --r-lg:22px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink); background:var(--paper); line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1,h2,h3,h4,.display{font-family:'Space Grotesk','Inter',sans-serif; font-weight:700; letter-spacing:-.02em; line-height:1.15;}
img,svg{display:block; max-width:100%;}
a{color:inherit;}
.wrap{max-width:1080px; margin:0 auto; padding:0 20px;}
.wrap-sm{max-width:760px; margin:0 auto; padding:0 20px;}
section{padding:72px 0;}
@media(max-width:720px){ section{padding:48px 0;} }
.muted{color:var(--ink-3);}
.hidden{display:none !important;}
.center{text-align:center;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:var(--brand); color:#fff; font-weight:650; font-size:16px;
  font-family:'Inter',sans-serif; padding:16px 30px; border-radius:100px;
  border:none; cursor:pointer; text-decoration:none;
  box-shadow:0 12px 26px -12px rgba(58,78,232,.7);
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.btn:hover{transform:translateY(-2px); background:var(--brand-deep);}
.btn-accent{background:linear-gradient(135deg,#f5b03c,#e08c06); box-shadow:0 12px 26px -12px rgba(224,140,6,.7);}
.btn-accent:hover{background:linear-gradient(135deg,#e9a52f,#c87c05);}
.btn-ghost{background:transparent; color:var(--brand); border:1.6px solid var(--brand); box-shadow:none;}
.btn-ghost:hover{background:var(--brand); color:#fff;}
.btn-block{width:100%;}
.btn-lg{padding:19px 38px; font-size:17px;}
.btn-sm{padding:11px 20px; font-size:14px;}
.linkish{background:none; border:none; color:var(--ink-3); font-size:14px; text-decoration:underline; cursor:pointer; font-family:inherit;}
.linkish:hover{color:var(--ink);}

/* ---------- bits ---------- */
.tag{
  display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; color:var(--brand-deep);
  background:var(--brand-soft); border:1px solid #d6dafc; padding:7px 14px; border-radius:100px;
}
.tag-accent{color:#9a6205; background:var(--accent-soft); border-color:#f6dcae;}
.tag-ok{color:#0b7a51; background:var(--ok-soft); border-color:#c3e8d8;}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px; box-shadow:var(--shadow-sm);}
.card-flat{box-shadow:none;}
.head{max-width:660px; margin:0 auto 46px; text-align:center;}
.head h2{font-size:clamp(27px,4vw,40px); margin:16px 0 14px;}
.head p{font-size:17px; color:var(--ink-2);}
.rule{height:3px;width:54px;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:3px;margin:14px 0 20px;}
.rule-c{margin-left:auto;margin-right:auto;}

/* ---------- header ---------- */
header.site{position:sticky; top:0; z-index:50; background:rgba(246,247,251,.9); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
.nav{display:flex; align-items:center; justify-content:space-between; padding:15px 20px; max-width:1080px; margin:0 auto;}
.logo{display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--ink); font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:20px; letter-spacing:-.02em;}
.logo-mark{
  width:36px; height:36px; border-radius:10px; flex-shrink:0;
  background:linear-gradient(135deg,var(--brand),#6b7cf5);
  display:flex; align-items:center; justify-content:center;
}
.logo-mark span{display:block; width:15px; height:15px; border-radius:3px; border:2.4px solid #fff; border-right-color:transparent; transform:rotate(-45deg);}
.nav-links{display:none; gap:30px; font-size:15px; font-weight:550;}
.nav-links a{text-decoration:none; color:var(--ink-2);}
.nav-links a:hover{color:var(--ink);}
@media(min-width:900px){ .nav-links{display:flex;} }

/* ---------- footer ---------- */
footer.site{border-top:1px solid var(--line); background:var(--paper-2); padding:44px 0 36px; margin-top:20px;}
.foot-links{display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:center; font-size:14px; color:var(--ink-2);}
.foot-links a{text-decoration:none;}
.foot-links a:hover{color:var(--ink);}
.legal-note{font-size:12.5px; color:var(--ink-3); line-height:1.7; text-align:center; max-width:820px; margin:20px auto 0;}

/* ---------- disclaimer ---------- */
.disclaimer{background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r); padding:22px 24px; max-width:900px; margin:0 auto;}
.disclaimer h4{font-family:'Inter',sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); margin-bottom:10px;}
.disclaimer p{font-size:12.5px; color:var(--ink-3); line-height:1.7; margin-bottom:9px;}
.disclaimer p:last-child{margin-bottom:0;}

/* ---------- guarantee / secure rows ---------- */
.assure{display:flex; align-items:center; justify-content:center; gap:10px; font-size:13.5px; color:var(--ink-2); margin-top:20px; text-align:center;}
.assure svg{width:19px; height:19px; color:var(--ok); flex-shrink:0;}
.secure{display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; color:var(--ink-3); margin-top:10px;}
.secure svg{width:14px; height:14px;}

@media print{ header.site, footer.site, .no-print{display:none !important;} body{background:#fff;} .card{box-shadow:none;} }