:root{
  --ink:#23272d; --muted:rgba(35,39,45,.6); --muted-2:rgba(35,39,45,.72);
  --page:#f6f7f8; --body:#eceef0; --line:rgba(20,30,40,.08); --line-2:rgba(20,30,40,.1);
  --accent:oklch(0.55 0.09 162); --accent-2:oklch(0.6 0.11 162);
  --sans:'Schibsted Grotesk',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--body);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
input{font-family:inherit}
.page{max-width:1120px;margin:0 auto;background:var(--page)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.mono{font-family:var(--mono)}

/* nav */
.nav{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:18px 56px;background:rgba(246,247,248,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}
.brand__mark{width:24px;height:24px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font:700 14px/1 var(--sans)}
.brand__name{font:700 19px/1 var(--sans);letter-spacing:-.02em}
.nav__links{display:flex;align-items:center;gap:26px}
.nav__link{font:500 13px/1 var(--mono);color:var(--muted);text-decoration:none}
.nav__cta{font:600 13px/1 var(--sans);padding:10px 17px;background:var(--ink);color:#fff;border-radius:9px;border:0;cursor:pointer}

/* verify recovery banner */
.verify-banner{padding:14px 56px;font:600 13px/1.4 var(--sans);color:oklch(0.5 0.10 40);background:oklch(0.96 0.03 45);border-bottom:1px solid oklch(0.8 0.08 45)}
.verify-banner[hidden]{display:none}
.verify-banner--err{color:oklch(0.5 0.13 30);background:oklch(0.95 0.04 40);border-bottom-color:oklch(0.75 0.10 30)}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:70px 56px 60px}
.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 20px}
.hero h1{font:700 60px/1.02 var(--sans);letter-spacing:-.038em;margin:0 0 20px}
.hero p{font:400 19px/1.5 var(--sans);color:var(--muted-2);margin:0 0 30px;max-width:48ch}
.signup{display:flex;gap:10px;max-width:480px;margin:0}
.signup__input{flex:1;padding:15px 18px;border:1px solid rgba(20,30,40,.16);border-radius:11px;font-size:15px;color:var(--ink);background:#fff;outline:none}
.signup__btn{font:600 14px/1 var(--sans);padding:18px 24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:11px;white-space:nowrap;border:0;cursor:pointer}
.signup__btn:disabled{opacity:.6;cursor:default}
.signup__status{font:500 13px/1.4 var(--sans);margin:12px 0 0;min-height:1em}
.signup__status--ok{color:oklch(0.45 0.09 162)}
.signup__status--err{color:oklch(0.5 0.13 30)}
.hero__note{font:500 12px/1 var(--mono);color:rgba(35,39,45,.5);margin:16px 0 0}

/* hero deal card */
.card{background:#fff;border:1px solid var(--line-2);border-radius:16px;box-shadow:0 20px 50px rgba(20,30,40,.1);padding:22px}
.card__row{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.card__id{font:600 12px/1 var(--mono);color:rgba(35,39,45,.5)}
.badge-overdue{font:600 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:oklch(0.5 0.13 30);background:oklch(0.95 0.04 40);padding:5px 8px;border-radius:6px}
.card__brand{font:700 22px/1.1 var(--sans);letter-spacing:-.02em;margin:0 0 4px}
.card__meta{font:500 13px/1 var(--mono);color:var(--muted);margin:0 0 18px}
.card__amt{display:flex;align-items:baseline;gap:8px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.card__amt b{font:700 34px/1 var(--mono);letter-spacing:-.02em}
.card__amt span{font:500 12px/1 var(--mono);color:rgba(35,39,45,.5)}
.card__label{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(35,39,45,.45);margin:18px 0 12px}
.card__steps{display:flex;flex-direction:column;gap:8px}
.step{display:flex;align-items:center;gap:10px}
.step__dot{width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font:700 9px/16px var(--mono);text-align:center}
.step__dot--todo{background:none;border:1.5px dashed oklch(0.5 0.13 30)}
.step span{font:500 12.5px/1 var(--sans);color:rgba(35,39,45,.75)}
.step--todo span{font-weight:600;color:oklch(0.5 0.13 30)}

/* stats */
.stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.stat{flex:1;padding:28px 40px;border-right:1px solid rgba(20,30,40,.07)}
.stat:last-child{border-right:0}
.stat__n{font:600 34px/1 var(--mono);letter-spacing:-.02em}
.stat__t{font:400 13px/1.4 var(--sans);color:var(--muted);margin:8px 0 0}
.stat__src{opacity:.55}

/* problem */
.problem{padding:66px 56px 40px}
.problem h2{font:700 38px/1.1 var(--sans);letter-spacing:-.028em;margin:0 0 16px;max-width:22ch}
.problem p{font:400 17px/1.55 var(--sans);color:rgba(35,39,45,.7);margin:0 0 26px;max-width:60ch}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{font:500 13px/1 var(--mono);padding:9px 13px;background:#fff;border:1px solid rgba(20,30,40,.12);border-radius:8px;color:rgba(35,39,45,.7)}

/* pipeline + pillars */
.pipeline-wrap{padding:12px 56px 60px}
.pipeline{display:flex;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:16px;margin:0 0 16px}
.stage{flex:1;min-width:0}
.stage--pay{flex:1.15}
.stage__h{font:600 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:rgba(35,39,45,.5);margin:0 0 10px}
.stage__h--pay{color:oklch(0.55 0.10 40)}
.stage__h--paid{color:oklch(0.5 0.09 162)}
.deal{background:#f6f7f8;border:1px solid var(--line);border-radius:8px;padding:9px 10px;margin:0 0 7px}
.deal:last-child{margin-bottom:0}
.deal__b{font:600 11.5px/1.2 var(--sans)}
.deal__v{font:500 10px/1 var(--mono);color:var(--accent);margin-top:5px}
.deal--pay{background:oklch(0.96 0.03 45);border-color:oklch(0.8 0.08 45)}
.deal--pay .deal__v{color:var(--ink)}
.deal__over{font:600 9px/1 var(--mono);color:oklch(0.5 0.13 30);margin-top:6px}
.deal--paid{background:oklch(0.96 0.04 162);border-color:oklch(0.82 0.08 162)}
.deal--paid .deal__v{color:oklch(0.45 0.09 162)}
.pillars{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:12px;overflow:hidden}
.pillar{background:#fff;padding:22px}
.pillar h3{font:700 15px/1.2 var(--sans);margin:0 0 6px}
.pillar p{font:400 13px/1.45 var(--sans);color:rgba(35,39,45,.62);margin:0}

/* chaser (dark) */
.chaser{padding:66px 56px;background:#23272d;color:#eef0f2}
.chaser__grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.chaser .eyebrow{color:oklch(0.72 0.10 162)}
.chaser h2{font:700 34px/1.1 var(--sans);letter-spacing:-.028em;margin:0 0 18px;max-width:18ch}
.chaser__lead{font:400 16px/1.55 var(--sans);color:rgba(238,240,242,.72);margin:0 0 20px;max-width:46ch}
.chaser__note{font:500 14px/1.5 var(--sans);color:oklch(0.78 0.06 162);max-width:46ch;padding:16px 18px;background:rgba(255,255,255,.05);border-radius:12px}
.seq{display:flex;flex-direction:column;gap:10px}
.seq__row{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.05);border-radius:12px;padding:16px 18px}
.seq__day{font:600 11px/1 var(--mono);padding-top:2px;min-width:46px}
.seq__day--1{color:oklch(0.78 0.09 162)}
.seq__day--7{color:oklch(0.82 0.12 85)}
.seq__day--14{color:oklch(0.72 0.14 30)}
.seq__txt{font:400 14px/1.45 var(--sans);color:rgba(238,240,242,.85)}
.seq__txt b{color:#fff}

/* pricing */
.pricing{padding:66px 56px}
.pricing__grid{display:flex;gap:36px;align-items:flex-start}
.pricing__copy{flex:1}
.pricing__copy h2{font:700 34px/1.1 var(--sans);letter-spacing:-.028em;margin:0 0 16px}
.pricing__copy p{font:400 16px/1.55 var(--sans);color:rgba(35,39,45,.7);margin:0 0 22px;max-width:52ch}
.checks{display:flex;flex-direction:column;gap:11px}
.check{font:400 14px/1.3 var(--sans);color:rgba(35,39,45,.82)}
.plan{width:300px;flex:none;background:#23272d;color:#fff;border-radius:16px;padding:30px 28px}
.plan__price{display:flex;align-items:baseline;gap:6px}
.plan__price b{font:700 46px/1 var(--sans);letter-spacing:-.03em}
.plan__price span{font:500 15px/1 var(--sans);color:rgba(255,255,255,.55)}
.plan__sub{font:500 12px/1 var(--mono);color:oklch(0.75 0.09 162);margin:10px 0 22px}
.plan__btn{font:600 14px/1 var(--sans);text-align:center;padding:14px;background:var(--accent-2);color:#fff;border-radius:11px;margin:0 0 14px;border:0;width:100%;cursor:pointer}
.plan__fine{font:500 11px/1.4 var(--mono);color:rgba(255,255,255,.5);text-align:center}
/* founding in-card form (revealed) */
.founding-form{margin:0 0 14px}
.founding-form[hidden]{display:none}
.founding-form__lead{font:500 12.5px/1.5 var(--sans);color:oklch(0.82 0.06 162);margin:0 0 10px}
.founding-form .signup{max-width:none;flex-direction:column}
.founding-form .signup__input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.founding-form .signup__input::placeholder{color:rgba(255,255,255,.5)}
.founding-form .signup__btn{background:var(--accent-2)}
.founding-form .signup__status--ok{color:oklch(0.82 0.09 162)}

/* faq */
.faq{padding:12px 56px 60px}
.faq h2{font:700 24px/1.1 var(--sans);letter-spacing:-.02em;margin:0 0 26px}
.faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px}
.faq__q{font:700 15px/1.3 var(--sans);margin:0 0 7px}
.faq__a{font:400 13.5px/1.5 var(--sans);color:rgba(35,39,45,.65)}

/* footer cta */
.footer{padding:56px 56px;background:oklch(0.96 0.02 162);border-top:1px solid var(--line)}
.footer h2{font:700 30px/1.12 var(--sans);letter-spacing:-.028em;margin:0 0 10px}
.footer p{font:400 15px/1.5 var(--sans);color:rgba(35,39,45,.65);margin:0 0 24px;max-width:56ch}
.footer__brand{display:flex;align-items:center;gap:10px;margin:40px 0 0}
.footer__mark{width:20px;height:20px;border-radius:6px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font:700 11px/1 var(--sans)}
.footer__name{font:600 14px/1 var(--sans)}
.footer__meta{font:500 12px/1 var(--mono);color:rgba(35,39,45,.5);margin-left:8px}

/* responsive */
@media (max-width:900px){
  .nav{padding:16px 24px}
  .nav__links{gap:16px}
  .hero,.chaser,.problem,.pricing,.pipeline-wrap,.faq,.footer,.verify-banner{padding-left:24px;padding-right:24px}
  .hero{grid-template-columns:1fr;gap:32px;padding-top:48px}
  .hero h1{font-size:44px}
  .chaser__grid{grid-template-columns:1fr;gap:28px}
  .pricing__grid{flex-direction:column}
  .plan{width:100%}
  .pillars{grid-template-columns:1fr 1fr}
  .faq__grid{grid-template-columns:1fr}
  .pipeline{flex-wrap:wrap}
  .stage,.stage--pay{flex:1 1 45%}
}
@media (max-width:560px){
  .nav__links .nav__link{display:none}
  .stats{flex-direction:column}
  .stat{border-right:0;border-bottom:1px solid rgba(20,30,40,.07)}
  .hero h1{font-size:36px}
  .pillars{grid-template-columns:1fr}
  .signup{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}
html{scroll-behavior:smooth}