/* ============================================================
   hardrrx.com  —  design system
   Prefix: hrr-    Type: Plus Jakarta Sans + Public Sans (sans only)
   Body 19px minimum. Every section styled differently.
   ============================================================ */

:root{
  --hrr-ink:#101728;
  --hrr-ink-2:#26304a;
  --hrr-body:#48536e;
  --hrr-mute:#6b7691;
  --hrr-page:#f6f7fb;
  --hrr-page-2:#eef0f8;
  --hrr-white:#ffffff;
  --hrr-line:#dfe3ee;
  --hrr-line-2:#c6cddf;
  --hrr-indigo:#4436c8;
  --hrr-indigo-2:#5c4ee0;
  --hrr-indigo-dk:#332a9c;
  --hrr-indigo-pale:#eeecfd;
  --hrr-crimson:#e0264f;
  --hrr-crimson-2:#c11d42;
  --hrr-crimson-pale:#fdeef1;
  --hrr-teal:#0f9d8f;
  --hrr-teal-pale:#e6f6f4;
  --hrr-amber:#e8a020;
  --hrr-r:12px;
  --hrr-r-l:20px;
  --hrr-r-p:100px;
  --hrr-sh:0 2px 4px rgba(16,23,40,.04),0 10px 26px rgba(16,23,40,.07);
  --hrr-sh-l:0 8px 18px rgba(16,23,40,.07),0 26px 56px rgba(16,23,40,.11);
  --hrr-max:1180px;
  --hrr-head:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif;
  --hrr-text:"Public Sans","Segoe UI",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--hrr-page);color:var(--hrr-body);
  font-family:var(--hrr-text);font-size:19px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--hrr-indigo);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--hrr-crimson);outline-offset:3px;border-radius:4px}

h1,h2,h3,h4{font-family:var(--hrr-head);font-weight:800;line-height:1.16;
  color:var(--hrr-ink);margin:0 0 16px;letter-spacing:-.02em}
h1{font-size:32px}
h2{font-size:30px}
h3{font-size:21px}
p{margin:0 0 18px}
ul,ol{margin:0 0 18px;padding-left:24px}
li{margin-bottom:10px}
strong,b{color:var(--hrr-ink-2);font-weight:700}
small{font-size:15px}

.hrr-w{max-width:var(--hrr-max);margin:0 auto;padding:0 24px}
.hrr-skip{position:absolute;left:-9999px}
.hrr-skip:focus{left:14px;top:14px;z-index:999;background:#fff;padding:12px 20px;
  border-radius:var(--hrr-r);box-shadow:var(--hrr-sh)}
.hrr-c{text-align:center}

svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em;flex:0 0 auto}

/* --------------------------------------------------------------- pills ---- */
.hrr-tag{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--hrr-head);
  font-size:13.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--hrr-indigo);background:var(--hrr-indigo-pale);
  border-radius:var(--hrr-r-p);padding:7px 16px;margin:0 0 18px;
}
.hrr-tag--crimson{color:var(--hrr-crimson);background:var(--hrr-crimson-pale)}
.hrr-tag--light{color:#fff;background:rgba(255,255,255,.16)}

/* ------------------------------------------------------------- buttons ---- */
.hrr-b{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--hrr-head);font-weight:700;font-size:17px;
  padding:15px 30px;border-radius:var(--hrr-r-p);border:2px solid transparent;
  cursor:pointer;text-decoration:none;text-align:center;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.hrr-b:hover{text-decoration:none;transform:translateY(-2px)}
.hrr-b--go{background:var(--hrr-crimson);color:#fff;border-color:var(--hrr-crimson);
  box-shadow:0 6px 16px rgba(224,38,79,.3)}
.hrr-b--go:hover{background:var(--hrr-crimson-2);border-color:var(--hrr-crimson-2);
  box-shadow:0 10px 24px rgba(224,38,79,.36)}
.hrr-b--ind{background:var(--hrr-indigo);color:#fff;border-color:var(--hrr-indigo)}
.hrr-b--ind:hover{background:var(--hrr-indigo-dk);border-color:var(--hrr-indigo-dk)}
.hrr-b--line{background:#fff;color:var(--hrr-ink);border-color:var(--hrr-line-2)}
.hrr-b--line:hover{border-color:var(--hrr-indigo);color:var(--hrr-indigo)}
.hrr-b--ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}
.hrr-b--ghost:hover{background:rgba(255,255,255,.2)}
.hrr-b--big{font-size:19px;padding:18px 40px}
.hrr-b--sm{font-size:15.5px;padding:11px 22px}
.hrr-b--full{width:100%}

/* ----------------------------------------------------------------- top ---- */
.hrr-top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);
  backdrop-filter:saturate(170%) blur(10px);border-bottom:1px solid var(--hrr-line)}
.hrr-top-in{display:flex;align-items:center;justify-content:space-between;gap:22px;height:78px}
.hrr-logo img{width:128px;height:auto}
.hrr-nav{display:flex;align-items:center;gap:28px}
.hrr-nav a{font-family:var(--hrr-head);font-size:16px;font-weight:600;color:var(--hrr-ink-2)}
.hrr-nav a:hover{color:var(--hrr-indigo);text-decoration:none}
.hrr-nav a.at{color:var(--hrr-indigo)}
.hrr-burg{display:none;background:#fff;border:1px solid var(--hrr-line-2);
  border-radius:var(--hrr-r);padding:10px 12px;cursor:pointer}
.hrr-burg span{display:block;width:20px;height:2px;background:var(--hrr-ink);margin:4px 0;transition:.22s}
.hrr-burg[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hrr-burg[aria-expanded="true"] span:nth-child(2){opacity:0}
.hrr-burg[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------------------------------------------------------------- hero ---- */
.hrr-hero{background:linear-gradient(168deg,#f2f1fe 0%,var(--hrr-page) 58%);
  padding:66px 0 74px;position:relative;overflow:hidden}
.hrr-hero::after{
  content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;
  border-radius:50%;background:radial-gradient(circle,rgba(92,78,224,.13),transparent 68%);
  pointer-events:none;
}
.hrr-hero-g{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center;
  position:relative;z-index:1}
.hrr-hero h1{font-size:clamp(30px,4.6vw,32px);margin-bottom:20px}
.hrr-hero h1 span{color:var(--hrr-indigo);display:block}
.hrr-hero-p{font-size:20px;color:var(--hrr-body);margin-bottom:26px;max-width:32em}
.hrr-hero-list{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:13px}
.hrr-hero-list li{display:flex;gap:13px;align-items:flex-start;font-size:18px;
  color:var(--hrr-ink-2);margin:0}
.hrr-hero-list svg{width:26px;height:26px;padding:5px;border-radius:50%;
  background:var(--hrr-indigo-pale);stroke:var(--hrr-indigo);stroke-width:2.4;margin-top:2px}
.hrr-hero-act{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:18px}
.hrr-hero-fine{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--hrr-mute)}
.hrr-hero-fine svg{width:15px;height:15px}
.hrr-hero-v{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}
.hrr-hero-photo{
  width:100%;border-radius:26px;box-shadow:var(--hrr-sh-l);
  aspect-ratio:4/3;object-fit:cover;
}
.hrr-hero-pack{position:absolute;left:-4%;bottom:-6%;width:200px;z-index:2;
  filter:drop-shadow(0 20px 30px rgba(16,23,40,.34))}
.hrr-hero-chip{
  position:absolute;right:-10px;top:12%;z-index:3;background:#fff;border-radius:var(--hrr-r-l);
  box-shadow:var(--hrr-sh-l);padding:16px 20px;display:grid;gap:11px;max-width:212px;
}
.hrr-hero-chip div{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;
  line-height:1.42;color:var(--hrr-ink-2);font-weight:600}
.hrr-hero-chip svg{width:18px;height:18px;stroke:var(--hrr-teal);stroke-width:2.4;margin-top:1px}

/* --------------------------------------------------------------- trust ---- */
.hrr-trust{background:var(--hrr-ink);padding:20px 0}
.hrr-trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hrr-trust-in div{display:flex;align-items:center;gap:12px;color:#c3cadd;font-size:15.5px}
.hrr-trust-in svg{width:22px;height:22px;stroke:#8f7dff}
.hrr-trust-in b{display:block;color:#fff;font-family:var(--hrr-head);font-size:15.5px}

/* ------------------------------------------------------------ sections ---- */
.hrr-s{padding:68px 0}
.hrr-s--page{background:var(--hrr-page)}
.hrr-s--white{background:var(--hrr-white)}
.hrr-s--tint{background:var(--hrr-page-2)}
.hrr-s--ink{background:var(--hrr-ink);color:#c3cadd}
.hrr-s--ink h2,.hrr-s--ink h3{color:#fff}
.hrr-s-head{max-width:680px;margin:0 auto 46px;text-align:center}
.hrr-s-head .hrr-tag{margin-bottom:14px}
.hrr-s-head p{font-size:19.5px;color:var(--hrr-mute);margin:0}
.hrr-s--ink .hrr-s-head p{color:#98a3bd}

/* ------------------------------------------------- how it works (steps) --- */
.hrr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative}
.hrr-step{background:#fff;border-radius:var(--hrr-r-l);padding:34px 30px 30px;
  box-shadow:var(--hrr-sh);position:relative;border-top:5px solid var(--hrr-indigo)}
.hrr-step:nth-child(2){border-top-color:var(--hrr-teal)}
.hrr-step:nth-child(3){border-top-color:var(--hrr-crimson)}
.hrr-step-n{
  position:absolute;top:-20px;left:30px;width:44px;height:44px;border-radius:50%;
  background:var(--hrr-indigo);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--hrr-head);font-weight:800;font-size:19px;border:4px solid var(--hrr-page);
}
.hrr-step:nth-child(2) .hrr-step-n{background:var(--hrr-teal)}
.hrr-step:nth-child(3) .hrr-step-n{background:var(--hrr-crimson)}
.hrr-step h3{margin:14px 0 9px}
.hrr-step p{margin:0;font-size:17.5px}

/* ------------------------------------------------------------- explain ---- */
.hrr-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hrr-split--flip .hrr-split-fig{order:2}
.hrr-split-fig img{border-radius:var(--hrr-r-l);box-shadow:var(--hrr-sh-l)}
.hrr-split-fig{position:relative}
.hrr-facts{list-style:none;padding:0;margin:0 0 26px}
.hrr-facts li{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.hrr-facts svg{width:24px;height:24px;stroke:var(--hrr-teal);stroke-width:2.5;margin-top:3px}
.hrr-facts b{display:block;color:var(--hrr-ink);font-family:var(--hrr-head);font-size:18px}
.hrr-facts span{font-size:17.5px}

/* ------------------------------------------------ benefits (icon strip) --- */
.hrr-bens{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--hrr-line);border-radius:var(--hrr-r-l);overflow:hidden;
  box-shadow:var(--hrr-sh)}
.hrr-ben{background:#fff;padding:32px 30px}
.hrr-ben-ic{width:52px;height:52px;border-radius:16px;background:var(--hrr-indigo-pale);
  display:flex;align-items:center;justify-content:center;margin-bottom:17px}
.hrr-ben-ic svg{width:25px;height:25px;stroke:var(--hrr-indigo);stroke-width:2}
.hrr-ben:nth-child(2) .hrr-ben-ic,.hrr-ben:nth-child(5) .hrr-ben-ic{background:var(--hrr-teal-pale)}
.hrr-ben:nth-child(2) .hrr-ben-ic svg,.hrr-ben:nth-child(5) .hrr-ben-ic svg{stroke:var(--hrr-teal)}
.hrr-ben:nth-child(3) .hrr-ben-ic,.hrr-ben:nth-child(6) .hrr-ben-ic{background:var(--hrr-crimson-pale)}
.hrr-ben:nth-child(3) .hrr-ben-ic svg,.hrr-ben:nth-child(6) .hrr-ben-ic svg{stroke:var(--hrr-crimson)}
.hrr-ben h3{font-size:19px;margin-bottom:8px}
.hrr-ben p{margin:0;font-size:17px}

/* ================================================== PRICING (distinct) ==== */
.hrr-price{background:var(--hrr-ink);border-radius:28px;overflow:hidden;
  box-shadow:0 30px 70px rgba(16,23,40,.28);max-width:1000px;margin:0 auto}
.hrr-price-top{padding:40px 44px 0;text-align:center}
.hrr-price-top h2{color:#fff;margin-bottom:10px}
.hrr-price-top p{color:#98a3bd;font-size:18px;margin:0 auto;max-width:520px}
.hrr-switch{
  display:inline-flex;background:rgba(255,255,255,.08);border-radius:var(--hrr-r-p);
  padding:6px;margin:26px auto 0;gap:6px;
}
.hrr-switch button{
  border:0;background:transparent;color:#c3cadd;cursor:pointer;border-radius:var(--hrr-r-p);
  padding:12px 26px;font-family:var(--hrr-head);font-weight:700;font-size:16px;
  display:flex;flex-direction:column;align-items:center;gap:2px;transition:.16s;
}
.hrr-switch button small{font-size:12.5px;font-weight:500;opacity:.75}
.hrr-switch button:hover{color:#fff}
.hrr-switch button[aria-selected="true"]{background:var(--hrr-crimson);color:#fff}
.hrr-switch button[aria-selected="true"] small{opacity:.92}
.hrr-plan{background:#fff;margin:34px 0 0;padding:38px 44px 40px;
  display:grid;grid-template-columns:210px 1fr 250px;gap:38px;align-items:center}
.hrr-plan[hidden]{display:none}
.hrr-plan-pic img{width:100%;max-width:200px;margin:0 auto}
.hrr-plan h3{font-size:25px;margin-bottom:6px}
.hrr-plan-sub{color:var(--hrr-mute);font-size:17px;margin-bottom:18px}
.hrr-plan-inc{list-style:none;padding:0;margin:0}
.hrr-plan-inc li{display:flex;gap:11px;align-items:flex-start;font-size:16.5px;margin-bottom:10px}
.hrr-plan-inc svg{width:19px;height:19px;stroke:var(--hrr-teal);stroke-width:2.6;margin-top:4px}
.hrr-plan-buy{text-align:center;background:var(--hrr-page);border-radius:var(--hrr-r-l);padding:26px 22px}
.hrr-plan-save{display:inline-block;background:var(--hrr-teal);color:#fff;font-family:var(--hrr-head);
  font-size:13.5px;font-weight:700;border-radius:var(--hrr-r-p);padding:5px 15px;margin-bottom:12px}
.hrr-plan-cost{font-family:var(--hrr-head);font-size:48px;font-weight:800;line-height:1;
  color:var(--hrr-ink);letter-spacing:-.03em}
.hrr-plan-when{font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--hrr-mute);margin:9px 0 3px}
.hrr-plan-then{font-size:16px;color:var(--hrr-body);margin-bottom:5px}
.hrr-plan-day{font-family:var(--hrr-head);font-weight:700;font-size:16.5px;
  color:var(--hrr-indigo);margin-bottom:18px}
.hrr-plan-note{font-size:14px;color:var(--hrr-mute);margin:13px 0 0}
.hrr-price-foot{background:var(--hrr-ink);padding:0 44px 34px;text-align:center}
.hrr-price-foot p{color:#8b96b0;font-size:15.5px;margin:22px auto 0;max-width:700px}

/* ------------------------------------------------------------- reviews ---- */
.hrr-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hrr-rev{background:#fff;border-radius:var(--hrr-r-l);padding:30px;box-shadow:var(--hrr-sh);
  display:flex;flex-direction:column}
.hrr-stars{display:flex;gap:3px;margin-bottom:15px}
.hrr-stars svg{width:17px;height:17px;fill:var(--hrr-amber);stroke:none}
.hrr-rev p{font-size:17.5px;color:var(--hrr-ink-2);flex:1}
.hrr-rev-who{display:flex;align-items:center;gap:13px;border-top:1px solid var(--hrr-line);
  padding-top:16px;margin-top:6px;font-size:15.5px;color:var(--hrr-mute)}
.hrr-rev-av{width:42px;height:42px;border-radius:50%;background:var(--hrr-indigo-pale);
  display:flex;align-items:center;justify-content:center;color:var(--hrr-indigo)}
.hrr-rev-av svg{width:21px;height:21px}
.hrr-rev-note{text-align:center;font-size:16px;color:var(--hrr-mute);max-width:720px;margin:30px auto 0}

/* ----------------------------------------------------------------- faq ---- */
.hrr-faq{max-width:860px;margin:0 auto;display:grid;gap:14px}
.hrr-q{background:#fff;border-radius:var(--hrr-r);box-shadow:var(--hrr-sh);overflow:hidden}
.hrr-q-b{width:100%;background:none;border:0;cursor:pointer;text-align:left;
  padding:22px 58px 22px 26px;position:relative;font-family:var(--hrr-head);
  font-size:18.5px;font-weight:700;color:var(--hrr-ink);line-height:1.42}
.hrr-q-b::after,.hrr-q-b::before{content:"";position:absolute;right:26px;top:50%;
  background:var(--hrr-indigo);transition:transform .22s ease,opacity .22s ease}
.hrr-q-b::before{width:15px;height:2.4px;margin-top:-1.2px}
.hrr-q-b::after{width:2.4px;height:15px;margin-top:-7.5px;margin-right:6.3px}
.hrr-q.on .hrr-q-b::after{transform:rotate(90deg);opacity:0}
.hrr-q-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.hrr-q.on .hrr-q-body{max-height:700px}
.hrr-q-body p{padding:0 26px 22px;margin:0;font-size:17.5px}

/* ------------------------------------------------------ final CTA band ---- */
.hrr-end{padding:0 0 70px;background:var(--hrr-page)}
.hrr-end-in{
  background:linear-gradient(122deg,var(--hrr-indigo-dk) 0%,var(--hrr-indigo) 52%,#6d3ad6 100%);
  border-radius:28px;padding:52px 56px;position:relative;overflow:hidden;
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
  box-shadow:0 26px 60px rgba(68,54,200,.32);
}
.hrr-end-in::before{content:"";position:absolute;left:-90px;bottom:-130px;width:340px;height:340px;
  border-radius:50%;background:rgba(255,255,255,.09)}
.hrr-end-in::after{content:"";position:absolute;right:16%;top:-110px;width:230px;height:230px;
  border-radius:50%;background:rgba(255,255,255,.07)}
.hrr-end-t{position:relative;z-index:1}
.hrr-end h2{color:#fff;font-size:31px;margin-bottom:10px}
.hrr-end p{color:rgba(255,255,255,.86);font-size:19px;margin:0 0 20px;max-width:36em}
.hrr-end-fine{display:flex;flex-wrap:wrap;gap:22px;font-size:15.5px;color:rgba(255,255,255,.78)}
.hrr-end-fine span{display:inline-flex;align-items:center;gap:8px}
.hrr-end-fine svg{width:16px;height:16px}
.hrr-end-a{position:relative;z-index:1;text-align:center}
.hrr-end-a img{width:130px;margin:0 auto 20px;filter:drop-shadow(0 16px 26px rgba(0,0,0,.36))}

/* ---------------------------------------------------------- page header --- */
.hrr-ph{background:linear-gradient(168deg,#f2f1fe,var(--hrr-page));
  border-bottom:1px solid var(--hrr-line);padding:52px 0 50px;text-align:center}
.hrr-ph h1{max-width:880px;margin:0 auto 14px}
.hrr-ph > .hrr-w > p{max-width:700px;margin:0 auto;font-size:19.5px;color:var(--hrr-mute)}
.hrr-crumb{font-size:15px;color:var(--hrr-mute);margin-bottom:16px}
.hrr-crumb i{margin:0 9px;font-style:normal;color:var(--hrr-line-2)}
.hrr-by{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:15px;
  color:var(--hrr-mute);margin-top:18px}
.hrr-by span{display:inline-flex;align-items:center;gap:7px}
.hrr-by svg{width:15px;height:15px;stroke:var(--hrr-teal)}

/* --------------------------------------------------------------- prose ---- */
.hrr-prose{max-width:820px;margin:0 auto}
.hrr-prose h2{margin-top:44px;font-size:27px}
.hrr-prose h2:first-child{margin-top:0}
.hrr-prose h3{margin-top:30px}
.hrr-prose p,.hrr-prose li{font-size:19px}
.hrr-more{background:#fff;border-radius:var(--hrr-r-l);padding:26px 30px;
  box-shadow:var(--hrr-sh);margin-top:40px}
.hrr-more h2,.hrr-more h3{margin:0 0 14px;font-size:14px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--hrr-indigo)}
.hrr-more ul{margin:0;padding-left:22px}
.hrr-more li{font-size:18px}

/* --------------------------------------------------------------- cards ---- */
.hrr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hrr-cards--2{grid-template-columns:repeat(2,1fr)}
.hrr-card{background:#fff;border-radius:var(--hrr-r-l);padding:30px;box-shadow:var(--hrr-sh);
  display:flex;flex-direction:column}
.hrr-card h2,.hrr-card h3{margin-top:0;font-size:21px}
.hrr-card p{font-size:17.5px;flex:1}
.hrr-card p:last-child{margin-bottom:0}
.hrr-card svg{width:27px;height:27px;stroke:var(--hrr-indigo);margin-bottom:15px}
.hrr-card .hrr-b{align-self:flex-start;margin-top:6px}

/* ------------------------------------------------------------- notices ---- */
.hrr-note{background:var(--hrr-teal-pale);border-left:5px solid var(--hrr-teal);
  border-radius:0 var(--hrr-r) var(--hrr-r) 0;padding:24px 28px;margin:30px 0}
.hrr-note h3{margin-bottom:9px;font-size:19px;color:#0b7c71}
.hrr-note p:last-child{margin-bottom:0}
.hrr-note--warn{background:var(--hrr-crimson-pale);border-left-color:var(--hrr-crimson)}
.hrr-note--warn h3{color:var(--hrr-crimson-2)}

.hrr-cta{background:var(--hrr-ink);color:#c3cadd;border-radius:var(--hrr-r-l);
  padding:30px 34px;display:flex;align-items:center;justify-content:space-between;
  gap:26px;flex-wrap:wrap;margin:36px 0}
.hrr-cta h3{color:#fff;margin-bottom:5px}
.hrr-cta p{margin:0;font-size:17px;color:#98a3bd}

/* --------------------------------------------------------------- table ---- */
.hrr-tbl-w{overflow-x:auto;margin:30px 0;-webkit-overflow-scrolling:touch;
  border-radius:var(--hrr-r);box-shadow:var(--hrr-sh)}
.hrr-tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:17.5px;background:#fff}
.hrr-tbl th,.hrr-tbl td{padding:15px 18px;border-bottom:1px solid var(--hrr-line);text-align:left}
.hrr-tbl thead th{background:var(--hrr-indigo);color:#fff;font-family:var(--hrr-head);
  font-size:15.5px;letter-spacing:.03em}
.hrr-tbl tbody th{background:var(--hrr-page);font-family:var(--hrr-head);font-size:17px}
.hrr-tbl tbody tr:last-child th,.hrr-tbl tbody tr:last-child td{border-bottom:0}

/* --------------------------------------------------------------- forms ---- */
.hrr-form{display:grid;gap:18px;max-width:620px}
.hrr-form label{font-family:var(--hrr-head);font-size:16px;font-weight:700;
  display:block;margin-bottom:7px;color:var(--hrr-ink)}
.hrr-form input,.hrr-form select,.hrr-form textarea{
  width:100%;padding:14px 17px;border:1px solid var(--hrr-line-2);border-radius:var(--hrr-r);
  font-family:inherit;font-size:17px;background:#fff;color:var(--hrr-ink)}
.hrr-form textarea{min-height:160px;resize:vertical}

/* --------------------------------------------------------------- legal ---- */
.hrr-legal{max-width:860px;margin:0 auto}
.hrr-legal h2{font-size:22px;margin-top:36px}
.hrr-legal p,.hrr-legal li{font-size:17.5px}
.hrr-legal-end{border-top:1px solid var(--hrr-line);margin-top:36px;padding-top:24px;
  font-size:16.5px;color:var(--hrr-mute)}

/* -------------------------------------------------------------- footer ---- */
.hrr-foot{background:var(--hrr-ink);color:#98a3bd;padding:58px 0 30px}
.hrr-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:42px;
  padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.11)}
.hrr-foot h2{font-family:var(--hrr-head);font-size:14px;letter-spacing:.11em;
  text-transform:uppercase;color:#8f7dff;margin-bottom:17px}
.hrr-foot ul{list-style:none;padding:0;margin:0}
.hrr-foot li{margin-bottom:11px}
.hrr-foot a{color:#98a3bd;font-size:16.5px}
.hrr-foot a:hover{color:#fff}
.hrr-foot-brand img{width:130px;margin-bottom:16px;background:#fff;padding:9px 13px;border-radius:var(--hrr-r)}
.hrr-foot-brand p{color:#8f7dff;font-family:var(--hrr-head);font-weight:700;font-size:17px;margin-bottom:13px}
.hrr-foot-brand small{color:#7c869f;line-height:1.6;display:block;font-size:15px}
.hrr-sub{display:flex;gap:9px;margin-top:8px}
.hrr-sub input{flex:1;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.19);
  border-radius:var(--hrr-r);background:rgba(255,255,255,.06);color:#fff;font-size:16px;font-family:inherit}
.hrr-sub input::placeholder{color:#6b7691}
.hrr-sub button{background:var(--hrr-crimson);color:#fff;border:0;border-radius:var(--hrr-r);
  padding:12px 19px;font-family:var(--hrr-head);font-weight:700;font-size:16px;cursor:pointer}
.hrr-pay{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.hrr-pay span{border:1px solid rgba(255,255,255,.19);border-radius:6px;padding:6px 11px;
  font-size:12.5px;color:#7c869f}
.hrr-foot .hrr-legal{max-width:none;margin-top:32px}
.hrr-foot .hrr-legal p{font-size:13.5px;color:#7c869f;line-height:1.66;margin-bottom:12px}
.hrr-foot .hrr-legal b{color:#98a3bd}
.hrr-foot .hrr-legal a{text-decoration:underline}
.hrr-foot .hrr-legal-end{border-top:1px solid rgba(255,255,255,.11);display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13.5px;color:#6b7691}

/* ---------------------------------------------------------- sticky bar ---- */
.hrr-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--hrr-ink);
  border-top:1px solid rgba(255,255,255,.13);transform:translateY(105%);transition:transform .28s ease}
.hrr-bar.up{transform:translateY(0)}
.hrr-bar-in{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 24px}
.hrr-bar p{margin:0;color:#98a3bd;font-size:16.5px}
.hrr-bar p b{color:#fff;font-family:var(--hrr-head)}

/* -------------------------------------------------------------- reveal ---- */
.hrr-js .hrr-up{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.hrr-js .hrr-up.on{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hrr-js .hrr-up{opacity:1;transform:none;transition:none}
  .hrr-b:hover{transform:none}
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* =========================================================== responsive === */
@media (max-width:1040px){
  .hrr-hero-g{grid-template-columns:1fr;gap:56px}
  .hrr-hero-chip{right:8px;top:auto;bottom:12%}
  .hrr-plan{grid-template-columns:170px 1fr;gap:30px;padding:32px}
  .hrr-plan-buy{grid-column:1/-1}
  .hrr-foot-grid{grid-template-columns:1fr 1fr;gap:34px}
  .hrr-end-in{grid-template-columns:1fr;text-align:center;padding:44px 34px}
  .hrr-end p{margin-left:auto;margin-right:auto}
  .hrr-end-fine{justify-content:center}
}

@media (max-width:900px){
  .hrr-nav{position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;
    gap:0;background:#fff;border-bottom:1px solid var(--hrr-line);padding:8px 24px 20px;
    display:none;box-shadow:var(--hrr-sh)}
  .hrr-nav.open{display:flex}
  .hrr-nav a{padding:14px 0;border-bottom:1px solid var(--hrr-line)}
  .hrr-nav .hrr-b{margin-top:14px}
  .hrr-burg{display:block}
  .hrr-steps,.hrr-bens,.hrr-revs,.hrr-cards{grid-template-columns:1fr 1fr}
  .hrr-trust-in{grid-template-columns:1fr 1fr;gap:18px}
  .hrr-split,.hrr-split--flip{grid-template-columns:1fr;gap:38px}
  .hrr-split--flip .hrr-split-fig{order:0}
}

@media (max-width:680px){
  body{font-size:18px}
  h1{font-size:29px}
  h2{font-size:26px}
  .hrr-s{padding:50px 0}
  .hrr-hero{padding:44px 0 56px}
  .hrr-steps,.hrr-bens,.hrr-revs,.hrr-cards,.hrr-cards--2{grid-template-columns:1fr}
  .hrr-foot-grid{grid-template-columns:1fr;gap:30px}
  .hrr-price{border-radius:20px}
  .hrr-price-top,.hrr-price-foot{padding-left:24px;padding-right:24px}
  .hrr-plan{grid-template-columns:1fr;padding:26px;gap:24px}
  .hrr-plan-pic img{max-width:160px}
  .hrr-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hrr-switch button{padding:12px 10px}
  .hrr-end-in{padding:36px 24px;border-radius:20px}
  .hrr-cta{flex-direction:column;align-items:stretch}
  .hrr-cta .hrr-b{width:100%}
  .hrr-bar p{display:none}
  .hrr-bar-in{justify-content:center;padding:11px 18px}
  .hrr-bar .hrr-b{width:100%}
  .hrr-hero-pack{width:130px;left:0;bottom:-16px}
  .hrr-hero-chip{max-width:180px;padding:13px 15px}
  .hrr-hero-act .hrr-b{flex:1 1 100%}
}