@font-face{font-family:"Clash Display";src:url("/fonts/clash-display-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Clash Display";src:url("/fonts/clash-display-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Switzer";src:url("/fonts/switzer-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Switzer";src:url("/fonts/switzer-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Switzer";src:url("/fonts/switzer-600.woff2") format("woff2");font-weight:600;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#081211;--ink:#EFF5F3;--dim:#9FB4B0;--line:rgba(239,245,243,.12);--accent:#0FB5AE;--accent-soft:rgba(15,181,174,.10)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Switzer",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-decoration:none}

.nav{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:26px 24px}
.brand{font-family:"Clash Display";font-weight:700;font-size:1.4rem;letter-spacing:-.02em;color:var(--ink)}
.brand span{color:var(--accent)}
.nav a.cta{border:1px solid rgba(239,245,243,.25);border-radius:999px;padding:9px 16px;font-weight:600;font-size:.9rem;color:var(--ink);transition:border-color .2s,color .2s}
.nav a.cta:hover{border-color:var(--accent);color:var(--accent)}

.lp{max-width:1080px;margin:0 auto;padding:0 24px 100px;overflow-x:clip}
.eyebrow{color:var(--accent);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.lp-label{color:var(--dim);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}

/* HERO — left aligned, faint teal field top-right */
.lp-hero{position:relative;padding:40px 0 34px;max-width:760px}
.lp-hero::before{content:"";position:absolute;top:-90px;right:-260px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(15,181,174,.22),rgba(15,181,174,0) 62%);filter:blur(20px);z-index:-1;pointer-events:none}
.lp-hero h1{font-family:"Clash Display";font-weight:600;font-size:clamp(2.3rem,6.4vw,4rem);line-height:1.02;letter-spacing:-.035em;margin:16px 0 18px}
.lp-sub{font-size:clamp(1.05rem,2.4vw,1.32rem);color:#CBDAD6;max-width:33ch;line-height:1.5}
.lp-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.btn{display:inline-block;background:var(--accent);color:#06211F;font-weight:600;border-radius:999px;padding:14px 30px;font-size:1rem;transition:background .2s,transform .1s}
.btn:hover{background:#14CFC6}
.btn:active{transform:translateY(1px)}
.lp-ghost{font-weight:600;font-size:.98rem;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:2px}
.lp-ghost:hover{color:var(--accent);border-color:var(--accent)}

section{margin-top:76px}

/* SAY chips */
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.chips li{position:relative;border:1px solid var(--line);border-radius:14px;padding:14px 18px 14px 40px;
  font-size:1.05rem;color:#DCE7E4;background:rgba(255,255,255,.015);max-width:100%}
.chips li::before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 1px rgba(15,181,174,.7)}

/* STEPS — big numerals, divide-y, no cards */
.steps{list-style:none}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}
.steps li:first-child{border-top:0}
.steps .n{font-family:"Clash Display";font-weight:600;font-size:1.5rem;color:var(--accent);line-height:1.1;min-width:1.4ch}
.steps h3{font-family:"Clash Display";font-weight:600;font-size:1.24rem;letter-spacing:-.01em;margin-bottom:7px}
.steps p{color:var(--dim);font-size:1.04rem;max-width:60ch}

/* REASSURE — drawn check lead, no cards */
.reassure{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px 30px}
.reassure li{position:relative;padding-left:32px}
.reassure li::before{content:"";position:absolute;left:3px;top:3px;width:9px;height:16px;
  border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.reassure h3{font-weight:600;font-size:1.06rem;margin-bottom:6px;color:var(--ink)}
.reassure p{color:var(--dim);font-size:.98rem;line-height:1.5}

/* QA */
.qa-list .qa{padding:24px 0;border-top:1px solid var(--line)}
.qa-list .qa:first-child{border-top:0}
.qa-list h3{font-family:"Clash Display";font-weight:600;font-size:1.18rem;letter-spacing:-.01em;margin-bottom:9px}
.qa-list p{color:var(--dim);font-size:1.04rem;line-height:1.55;max-width:66ch}

/* END CTA */
.endcta{margin-top:80px;padding:34px 28px;border:1px solid rgba(15,181,174,.3);border-radius:22px;
  background:rgba(15,181,174,.06);text-align:center}
.endcta p{font-family:"Clash Display";font-weight:500;font-size:1.4rem;letter-spacing:-.01em;margin-bottom:18px}

/* index cards */
.lp-index{list-style:none;margin-top:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.lp-index li{border:1px solid var(--line);border-radius:18px;padding:26px;transition:border-color .2s,transform .2s}
.lp-index li:hover{border-color:rgba(15,181,174,.55);transform:translateY(-2px)}
.lp-index h2{font-family:"Clash Display";font-weight:600;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
.lp-index p{color:var(--dim);font-size:1rem;line-height:1.5}
.lp-index .arrow{color:var(--accent);font-weight:600;margin-top:14px;display:inline-block;font-size:.95rem}

footer{max-width:1080px;margin:0 auto;padding:26px 24px;border-top:1px solid rgba(239,245,243,.1);
  color:var(--dim);font-size:.9rem;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
footer a{color:var(--dim)}
footer a:hover{color:var(--accent)}
.foot-nav{display:flex;gap:20px;flex-wrap:wrap}

@media(max-width:560px){
  .steps li{gap:14px}
  .lp-hero::before{right:-160px;width:380px;height:380px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lp-index li:hover{transform:none}}