:root{
  --night:#0B1220;
  --night-2:#101A2C;
  --paper:#F4F2ED;
  --white:#FFFFFF;
  --line:#E2DFD6;
  --ink:#101623;
  --muted:#5C6672;
  --on-night:#E9EEF5;
  --on-night-muted:#93A1B3;
  --cash:#16A25F;
  --cash-deep:#0E7D49;
  --cash-glow:#3BE08F;
  --foil:#D9A441;
  --holo-a:#35D0EE; --holo-b:#9A6BFF; --holo-c:#FF7AC6;
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;
  --wrap:1120px;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.04;margin:0;}
a{color:inherit;}
img{max-width:100%;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
section{padding:104px 0;position:relative;}
:focus-visible{outline:3px solid var(--cash-deep);outline-offset:3px;border-radius:8px;}
.on-night :focus-visible,.nav :focus-visible,footer :focus-visible,.doc-hero :focus-visible,.start-card :focus-visible{outline-color:var(--cash-glow);}

.slab{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid var(--line);color:var(--muted);
  padding:7px 12px;border-radius:7px;background:var(--white);
}
.slab::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--cash);transform:rotate(45deg);}
.on-night .slab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:var(--on-night-muted);}
.on-night .slab::before{background:var(--cash-glow);}

.btn{
  display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;text-decoration:none;
  font-family:var(--body);font-weight:600;font-size:16px;padding:16px 28px;border-radius:999px;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.btn:active{transform:scale(.98);}
.btn-cash{background:var(--cash-deep);color:#fff;box-shadow:0 10px 28px -10px rgba(14,125,73,.6);}
.btn-cash:hover{background:#0A6A3D;transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(14,125,73,.7);}
.btn-ghost{background:transparent;border:1.5px solid currentColor;color:inherit;opacity:.9;}
.btn-ghost:hover{opacity:1;transform:translateY(-2px);}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}
.wa-ico{width:20px;height:20px;flex:none;}

.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cash),var(--cash-glow));z-index:90;}

.rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.08s;} .rv.d2{transition-delay:.16s;} .rv.d3{transition-delay:.24s;}

.nav{position:sticky;top:0;z-index:80;background:var(--night);border-bottom:1px solid rgba(255,255,255,.08);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
.logo{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.03em;display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;}
.logo img{display:block;height:20px;width:auto;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{text-decoration:none;font-weight:500;font-size:15px;color:var(--on-night-muted);}
.nav-links a:hover{color:#fff;}
.nav-links a.here{color:#fff;}
.nav-links .btn{padding:11px 20px;font-size:15px;}
.nav-links .btn-cash{color:#fff;}
@media(max-width:780px){.nav-links a:not(.btn){display:none;}}
.nav-links .btn{white-space:nowrap;}
@media(max-width:380px){
  .logo img{height:15px;}
  .nav-links .btn{padding:10px 14px;}
}

footer{background:var(--night-2);color:var(--on-night-muted);padding:58px 0 40px;font-size:15px;}
.foot-top{display:flex;justify-content:space-between;gap:34px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08);}
.foot-links{display:flex;gap:48px;flex-wrap:wrap;}
.foot-col h3{color:#fff;font-family:var(--mono);font-size:11px;line-height:1.55;letter-spacing:.18em;text-transform:uppercase;margin:0 0 4px;}
.foot-col a{display:block;text-decoration:none;padding:11px 0;color:var(--on-night-muted);}
.foot-col a:hover{color:#fff;}
.foot-bottom{padding-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}

.wa-fab{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:70;display:none;
  justify-content:center;pointer-events:none;
  opacity:0;transform:translateY(150%) scale(.96);
  transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .4s ease-out;
  will-change:transform,opacity;
}
.wa-fab.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.wa-fab a{width:100%;justify-content:center;box-shadow:0 18px 40px -12px rgba(14,125,73,.75);}

.doc-hero{background:var(--night);color:var(--on-night);padding:64px 0 52px;overflow:hidden;}
.doc-hero::before{content:"";position:absolute;inset:0;background-image:var(--noise);pointer-events:none;}
.doc-hero .wrap{position:relative;z-index:2;}
.doc-hero h1{font-size:clamp(31px,5vw,48px);color:#fff;margin:20px 0 0;max-width:20ch;}
.doc-hero .lead{font-size:17px;color:var(--on-night-muted);margin:16px 0 0;max-width:62ch;}
.doc{padding:56px 0 84px;}
.doc .wrap{max-width:768px;}
.doc-let{
  display:flex;gap:12px;align-items:flex-start;
  background:rgba(217,164,65,.14);border:1px solid rgba(217,164,65,.5);color:#5E430F;
  border-radius:14px;padding:14px 18px;margin:0 0 38px;font-size:15px;line-height:1.5;
}
.doc-let svg{width:19px;height:19px;flex:none;margin-top:2px;}
.doc-body h2{font-size:23px;margin:40px 0 12px;}
.doc-body > h2:first-child{margin-top:0;}
.doc-body h3{font-size:17px;margin:24px 0 6px;}
.doc-body p{margin:0 0 14px;}
.doc-body ul{margin:0 0 16px;padding-left:21px;}
.doc-body li{margin-bottom:8px;}
.doc-body a{color:var(--cash-deep);text-underline-offset:3px;}
.doc-meta{
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);
  margin-top:40px;padding-top:20px;border-top:1px solid var(--line);
}
.doc-cta{
  background:var(--white);border:1px solid var(--line);border-radius:20px;
  padding:28px 26px;margin-top:44px;text-align:center;
}
.doc-cta h2{font-size:22px;margin:0 0 8px;}
.doc-cta p{color:var(--muted);margin:0 0 18px;}

@media(max-width:860px){
  section{padding:76px 0;}
  .doc{padding:44px 0 68px;}
  .doc-hero{padding:48px 0 42px;}
}
@media(max-width:400px){
  .btn{padding-left:22px;padding-right:22px;}
}
@media(max-width:640px){
  .wa-fab{display:flex;}
  footer{padding-bottom:114px;}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  .rv{opacity:1;transform:none;}
  .wa-fab{transition:opacity .45s ease !important;transform:none !important;}
  .wa-fab.show{transform:none !important;}
}

.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;}

.volg-stappen{list-style:none;margin:0;padding:0;}
.volg-stappen li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:0 0 26px;}
.volg-stappen li:last-child{padding-bottom:0;}

.volg-stappen li::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line);}
.volg-stappen li:last-child::before{display:none;}
.volg-stappen li.klaar::before{background:var(--cash);}
.volg-stappen li.vervallen::before{background:repeating-linear-gradient(to bottom,#CFCABF 0 4px,transparent 4px 9px);}
.volg-stappen li:has(+ li.vervallen)::before{background:repeating-linear-gradient(to bottom,#CFCABF 0 4px,transparent 4px 9px);}

.volg-stappen .bol{
  position:relative;z-index:1;width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--white);border:2px solid var(--line);color:var(--muted);
  font-family:var(--mono);font-weight:700;font-size:15px;line-height:1;
}
.volg-stappen li.klaar .bol{background:var(--cash);border-color:var(--cash);color:#fff;font-family:var(--body);font-size:20px;}
.volg-stappen li.nu .bol{border-color:var(--cash);color:var(--cash-deep);box-shadow:0 0 0 4px rgba(22,162,95,.16);animation:volg-puls 2s ease-out infinite;}
.volg-stappen li.let-op .bol{border-color:var(--foil);background:#FBF1DC;color:#6B4E12;font-family:var(--body);font-size:20px;font-weight:800;}
.volg-stappen li.vervallen .bol{border-style:dashed;border-color:#CFCABF;background:transparent;}
@keyframes volg-puls{
  0%{box-shadow:0 0 0 0 rgba(22,162,95,.40);}
  70%{box-shadow:0 0 0 12px rgba(22,162,95,0);}
  100%{box-shadow:0 0 0 0 rgba(22,162,95,0);}
}

.volg-stappen .stap-tekst{min-width:0;padding-top:10px;}
.volg-stappen .stap-tekst b{display:block;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);}
.volg-stappen .stap-tekst p{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--muted);}
.volg-stappen .stap-tekst time{display:block;margin-top:6px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);}
.volg-stappen li.later .stap-tekst b,
.volg-stappen li.vervallen .stap-tekst b{font-weight:600;color:var(--muted);}

.volg-stappen .stap-tekst .bericht{
  position:relative;margin:10px 0 0;padding:10px 14px 10px 32px;
  background:rgba(22,162,95,.07);border:1px solid rgba(22,162,95,.28);border-radius:10px;
  color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;
}
.volg-stappen .bericht::before{content:"";position:absolute;left:13px;top:18px;width:7px;height:7px;border-radius:2px;background:var(--cash);transform:rotate(45deg);}
.volg-stappen li.let-op .bericht{background:rgba(217,164,65,.12);border-color:rgba(217,164,65,.5);}
.volg-stappen li.let-op .bericht::before{background:var(--foil);}

.volg-stappen.mini li{grid-template-columns:28px minmax(0,1fr);column-gap:12px;padding-bottom:14px;}
.volg-stappen.mini li:last-child{padding-bottom:0;}
.volg-stappen.mini li::before{left:13px;top:28px;}
.volg-stappen.mini .bol{width:28px;height:28px;font-size:12px;}
.volg-stappen.mini li.klaar .bol,
.volg-stappen.mini li.let-op .bol{font-size:14px;}
.volg-stappen.mini li.nu .bol{animation:none;box-shadow:0 0 0 3px rgba(22,162,95,.16);}
.volg-stappen.mini .stap-tekst{padding-top:3px;}
.volg-stappen.mini .stap-tekst b{font-size:15px;line-height:1.45;}
.volg-stappen.mini .stap-tekst time{margin-top:2px;}
.volg-stappen.mini .stap-tekst .bericht{margin-top:6px;padding:8px 12px 8px 28px;}
.volg-stappen.mini .bericht::before{left:11px;top:16px;}