/* Layout: helle Seite mit dunklen Bändern im Wechsel, 1200er Raster, große ruhige Typografie, Produkt-Oberflächen statt Fotos */
:root{
  color-scheme:light;
  --bg:#FAFAFA; --paper:#FFFFFF; --ink:#0A0A0A; --ink-2:#3F3F46; --muted:#6B6B73; --line:#E7E7EA; --line-2:#D6D6DB;
  --dark:#0A0A0A; --dark-2:#151517; --dark-line:#28282C; --dark-ink:#F5F5F6; --dark-muted:#A1A1AA;
  --live:#16A34A; --link:#1A55D6; --star:#F5A623;
  --f:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.sec{padding-block:128px}
.h2{font-size:clamp(36px,4.4vw,58px)}
.lead{font-size:19px;line-height:1.65;color:var(--ink-2);max-width:34em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font:500 16px/1 var(--f);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn--dark{background:var(--ink);color:#fff}
.btn--line{background:var(--paper);border-color:var(--line-2);color:var(--ink)}
.btn--light{background:#fff;color:var(--ink)}
.btn svg{width:16px;height:16px}

/* Top-Leiste und Header */
.topbar{background:var(--ink);color:#E4E4E7;font-size:14px;text-align:center}
.topbar .wrap{padding-block:10px}
.topbar a{color:#fff;font-weight:500;text-underline-offset:3px}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:40px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:19px;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.brand i{width:24px;height:24px;border-radius:7px;background:var(--ink);display:grid;place-items:center}
.brand i::after{content:"";width:8px;height:8px;border-radius:2px;background:#fff;transform:translate(3px,-3px)}
.nav{display:flex;gap:32px;flex:1;font-size:15px}
.nav a{text-decoration:none;color:var(--ink-2)}
.nav a:hover{color:var(--ink)}
.hdr-r{display:flex;align-items:center;gap:20px;font-size:15px}
.hdr-r .tel{color:var(--ink-2);white-space:nowrap}
.hdr .btn{min-height:44px;padding:0 20px;font-size:15px}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
@media (max-width:960px){
  .nav,.hdr-r .tel{display:none}
  .hdr .wrap{gap:12px}
  .hdr-r{margin-left:auto}
  .burger{display:inline-flex;margin-left:0}
  .menu-open .nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px max(24px,env(safe-area-inset-right,0px)) 20px max(24px,env(safe-area-inset-left,0px));background:var(--paper);border-bottom:1px solid var(--line)}
  .menu-open .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:18px;color:var(--ink)}
}
@media (max-width:520px){.hdr .btn{display:none}}

/* Hero */
.hero{padding-block:96px 0;text-align:center;overflow:hidden}
.pill{max-width:100%;display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:14px;color:var(--ink-2)}
.pill b{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--bg);font-weight:500;color:var(--ink);font-size:13px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:ping 2s ease-out infinite}
@keyframes ping{to{box-shadow:0 0 0 9px rgba(22,163,74,0)}}
.hero h1{font-size:clamp(50px,8.2vw,116px);letter-spacing:-.055em;line-height:.98;margin:32px auto 0;max-width:11em}
.hero h1 span{display:inline-block;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1 span:nth-child(2){animation-delay:.08s}.hero h1 span:nth-child(3){animation-delay:.16s}.hero h1 span:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero .lead{margin:28px auto 0;text-align:center;max-width:40em}
.hero .btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}
.trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px;margin-top:28px;font-size:14px;color:var(--muted)}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust svg{width:16px;height:16px;color:var(--ink)}

/* Hero-Bühne mit Produkt-Oberflächen */
.stage{position:relative;max-width:1080px;margin:80px auto 0;padding-bottom:96px}
.stage::before{content:"";position:absolute;left:50%;top:40px;width:120%;height:85%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(10,10,10,.06),rgba(10,10,10,0) 65%);pointer-events:none}
.win{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 80px -20px rgba(0,0,0,.18);text-align:left;overflow:hidden;animation:rise 1s .25s cubic-bezier(.2,.7,.2,1) both}
.win-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--line)}
.win-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.win-bar span{margin-left:12px;font-size:13px;color:var(--muted)}
.win-bar em{margin-left:12px;font-style:normal;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.dash{display:grid;grid-template-columns:1.35fr 1fr;gap:0}
.dash > *{min-width:0}
.dash-main{padding:28px;border-right:1px solid var(--line)}
.dash-side{padding:28px;display:flex;flex-direction:column;gap:14px}
.k-label{font-size:13px;color:var(--muted)}
.k-big{font-size:46px;letter-spacing:-.04em;line-height:1.1;margin-top:4px}
.k-up{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--live);font-weight:500;margin-left:10px;vertical-align:middle}
.bars{display:flex;align-items:flex-end;gap:10px;height:150px;margin-top:22px;padding-top:10px;border-bottom:1px solid var(--line)}
.bars i{flex:1;border-radius:6px 6px 0 0;background:var(--line);transform-origin:bottom;animation:grow 1.1s cubic-bezier(.2,.7,.2,1) both}
.bars i:last-child{background:var(--ink)}
.bars i:nth-child(1){height:34%;animation-delay:.5s}.bars i:nth-child(2){height:41%;animation-delay:.56s}.bars i:nth-child(3){height:38%;animation-delay:.62s}.bars i:nth-child(4){height:52%;animation-delay:.68s}.bars i:nth-child(5){height:61%;animation-delay:.74s}.bars i:nth-child(6){height:70%;animation-delay:.8s}.bars i:nth-child(7){height:84%;animation-delay:.86s}.bars i:nth-child(8){height:100%;animation-delay:.92s}
@keyframes grow{from{transform:scaleY(.05)}to{transform:none}}
.months{display:flex;gap:10px;margin-top:8px;font-size:12px;color:var(--muted)}
.months span{flex:1;text-align:center}
.chan{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;font-size:14px}
.chan b{font-weight:500}
.chan .track{grid-column:1/-1;height:6px;border-radius:999px;background:var(--bg);overflow:hidden}
.chan .track i{display:block;height:100%;border-radius:999px;background:var(--ink);transform-origin:left;animation:fill 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes fill{from{transform:scaleX(0)}to{transform:none}}
.side-title{font-size:13px;color:var(--muted);margin-bottom:4px}
.example{font-size:12px;color:var(--muted);margin-top:auto;padding-top:8px}

.float{position:absolute;z-index:2;width:290px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;text-align:left;box-shadow:0 20px 50px -15px rgba(0,0,0,.22);font-size:14px;animation:pop .8s cubic-bezier(.2,.7,.2,1) both}
.float .row{display:flex;align-items:center;gap:10px}
.float .ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--bg);display:grid;place-items:center;color:var(--ink)}
.float .ic svg{width:18px;height:18px}
.float small{display:block;color:var(--muted);font-size:12px}
.float b{font-weight:500;line-height:1.35;display:block}
.float p{margin-top:10px;color:var(--ink-2);font-size:13px;line-height:1.5}
.float mark{background:#EAF2FF;color:var(--ink);padding:0 5px;border-radius:4px;font-weight:500}
.f1{left:-56px;top:-34px;animation-delay:1.1s}
.f2{right:-56px;top:-30px;animation-delay:1.35s}
.f3{left:-48px;bottom:60px;animation-delay:1.6s}
.f4{right:-56px;bottom:66px;animation-delay:1.85s}
.f1,.f4{animation-name:pop,bob;animation-duration:.8s,6s;animation-iteration-count:1,infinite;animation-timing-function:cubic-bezier(.2,.7,.2,1),ease-in-out}
.f4{animation-delay:1.85s,3s}.f1{animation-delay:1.1s,2.5s}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:none}50%{transform:translateY(-8px)}}
.serp-q{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-2)}
.serp-r{margin-top:10px;font-size:12px;color:var(--muted)}
.serp-r b{color:var(--link);font-size:14px;font-weight:500}
@media (max-width:1180px){.f1,.f3{left:-12px}.f2,.f4{right:-12px}}
@media (max-width:920px){
  .stage{display:flex;flex-direction:column;gap:12px;padding-bottom:72px}
  .float{position:static;width:auto;animation:none}
  .f3,.f4{display:none}
  .dash{grid-template-columns:1fr}
  .dash-main{border-right:0;border-bottom:1px solid var(--line)}
}

/* Logos */
.logos{border-block:1px solid var(--line);background:var(--paper);padding-block:36px;overflow:hidden}
.logos p{text-align:center;font-size:14px;color:var(--muted);margin-bottom:22px}
.marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track-m{display:flex;align-items:center;gap:72px;width:max-content;animation:slide 40s linear infinite}
.track-m img{height:76px;width:auto;filter:invert(1);opacity:.62;flex:none}
@keyframes slide{to{transform:translateX(-50%)}}

/* Problem */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:56px 96px;align-items:start}
.split > *{min-width:0}
.pains{display:flex;flex-direction:column}
.pain{display:grid;grid-template-columns:48px 1fr;gap:6px 20px;padding:28px 0;border-top:1px solid var(--line)}
.pain:last-child{border-bottom:1px solid var(--line)}
.pain .ico{grid-row:span 2;width:48px;height:48px;padding:12px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.pain b{font-weight:500;font-size:20px;letter-spacing:-.02em}
.pain span{color:var(--muted)}

/* Animierte Icons */
.ico{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ico [pathLength]{stroke-dasharray:100;stroke-dashoffset:0}
.ico.draw [pathLength]{animation:draw 1.2s cubic-bezier(.65,0,.35,1) both}
.ico.draw [pathLength]:nth-child(2){animation-delay:.15s}.ico.draw [pathLength]:nth-child(3){animation-delay:.3s}.ico.draw [pathLength]:nth-child(4){animation-delay:.45s}
@keyframes draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

/* System mit Tabs */
.sys{background:var(--paper);border-block:1px solid var(--line)}
.sys-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px 96px;align-items:end;margin-bottom:56px}
.sys-head > *{min-width:0}
.tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;background:var(--bg);border:1px solid var(--line);margin-bottom:40px}
.tabs button{min-height:44px;padding:0 20px;border-radius:999px;border:0;background:transparent;font:500 15px/1 var(--f);color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s}
.tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:48px 80px;align-items:center}
.panel > *{min-width:0}
.panel[hidden]{display:none}
.panel.in .p-txt,.panel.in .p-ui{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.panel.in .p-ui{animation-delay:.08s}
.p-txt h3{font-size:clamp(30px,3vw,40px)}
.p-txt > p{margin-top:18px;color:var(--ink-2);font-size:18px}
.svc-list{margin-top:28px;border-top:1px solid var(--line)}
.svc-list a{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
.svc-list a .ico{width:22px;height:22px}
.svc-list a small{margin-left:auto;font-weight:400;color:var(--muted);font-size:14px;text-align:right}
.svc-list a:hover{color:var(--ink-2)}
.p-ui{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:24px}
.ui-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}
.ui-card + .ui-card{margin-top:10px}
.ui-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}
.lead-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.lead-row:first-of-type{border-top:0}
.av{width:36px;height:36px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:500;font-size:13px;color:var(--ink)}
.lead-row b{font-weight:500;display:block}
.lead-row small{color:var(--muted)}
.tag{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--bg);color:var(--ink-2);white-space:nowrap}
.tag--new{background:#DCFCE7;color:#14532D}
.ai-answer{font-size:14px;line-height:1.6;color:var(--ink-2)}
.ai-answer mark{background:#EAF2FF;color:var(--ink);font-weight:500;padding:1px 5px;border-radius:4px}

/* Leistungen (dunkel) */
.dark{background:var(--dark);color:var(--dark-ink)}
.dark .lead{color:var(--dark-muted)}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--dark-line);border:1px solid var(--dark-line);border-radius:20px;overflow:hidden;margin-top:64px}
.svc{background:var(--dark);padding:36px 32px;display:flex;flex-direction:column;gap:14px;text-decoration:none;min-height:240px;transition:background .3s}
.svc:hover{background:var(--dark-2)}
.svc .ico{width:40px;height:40px;color:#fff}
.svc h3{font-size:22px;letter-spacing:-.02em;font-weight:500;margin-top:18px}
.svc p{color:var(--dark-muted);font-size:16px;line-height:1.55}
.svc .more{margin-top:auto;font-size:14px;color:var(--dark-ink);display:inline-flex;align-items:center;gap:8px;opacity:.7;transition:opacity .2s}
.svc:hover .more{opacity:1}
.svc .more svg{width:14px;height:14px;transition:transform .25s}
.svc:hover .more svg{transform:translateX(3px)}
@media (max-width:900px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr}.svc{min-height:0}}

/* Partner */
.person{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:22px}
.person-top{display:flex;align-items:center;gap:18px}
.mono{width:72px;height:72px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:22px;letter-spacing:-.02em;flex:none}
.person b{font-weight:500;font-size:20px;display:block}
.person small{color:var(--muted);font-size:15px}
.person ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.person li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.person li span:first-child{color:var(--muted)}
.person li span:last-child{text-align:right;user-select:all}
.promises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 40px;margin-top:48px}
.promises > div{display:flex;flex-direction:column;gap:8px}
.promises .ico{width:30px;height:30px;margin-bottom:6px}
.promises b{font-weight:500;font-size:19px;letter-spacing:-.015em}
.promises span{color:var(--muted);font-size:16px}
@media (max-width:600px){.promises{grid-template-columns:1fr}}

/* Ablauf */
.steps{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.steps li::before{content:counter(s);width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:14px;font-weight:500;margin-bottom:18px}
.steps b{font-weight:500;font-size:20px;letter-spacing:-.02em}
.steps span{color:var(--muted);font-size:16px}
.steps em{font-style:normal;font-size:13px;color:var(--ink-2);margin-top:auto;padding-top:14px}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* Bewertungen */
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.reviews[hidden]{display:none}
.review{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px}
@media (max-width:900px){.reviews{grid-template-columns:1fr}}
.gcard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);margin-top:56px}
.gcard .g{display:flex;align-items:center;gap:16px}
.gcard svg.glogo{width:36px;height:36px}
.stars{display:inline-flex;gap:2px;color:var(--star)}
.stars svg{width:16px;height:16px}
.gcard b{font-weight:500;font-size:18px;display:block}
.gcard small{color:var(--muted);font-size:14px}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:20px;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);position:relative;transition:transform .3s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 56px 28px 0;color:var(--ink-2);max-width:42em}

/* Abschluss */
.cta .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:56px 96px;align-items:start}
.cta .wrap > *{min-width:0}
.cta h2{font-size:clamp(40px,5vw,68px)}
.cta .contact{display:flex;flex-direction:column;gap:6px;margin-top:36px;font-size:18px}
.cta .contact span{user-select:all}
.cta .contact small{color:var(--dark-muted);font-size:14px}
.form{background:var(--paper);color:var(--ink);border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:18px}
.form fieldset{border:0;margin:0;padding:0}
.form legend{font-size:15px;color:var(--muted);margin-bottom:12px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{position:relative}
.opts input{position:absolute;opacity:0;inset:0;margin:0}
.opts span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:999px;font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.opts input:checked + span{background:var(--ink);color:#fff;border-color:var(--ink)}
.opts input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}
.field input{min-height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);color:var(--ink);font:400 16px var(--f)}
.field input:focus{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}
.form .btn{width:100%;margin-top:4px}
.form .note{font-size:13px;color:var(--muted)}
.form .ok{display:none;padding:14px 16px;border-radius:12px;background:#DCFCE7;color:#14532D;font-size:15px}
.form.sent .ok{display:block}

/* Footer */
.ftr{background:var(--dark);color:var(--dark-muted);border-top:1px solid var(--dark-line);font-size:15px}
.ftr .wrap{padding-block:72px 36px}
.ftr-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.ftr-grid > *{min-width:0}
.ftr h3{font-size:14px;font-weight:500;letter-spacing:0;color:var(--dark-ink);margin-bottom:14px}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--dark-ink)}
.ftr .brand{color:var(--dark-ink);margin-bottom:16px}
.ftr .brand i{background:#fff}
.ftr .brand i::after{background:var(--ink)}
.ftr-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding-top:24px;border-top:1px solid var(--dark-line);font-size:13px}
.ftr-base nav{display:flex;gap:24px}
@media (max-width:900px){.ftr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width:640px){.sec{padding-block:88px}.hero{padding-top:64px}.stage{margin-top:56px}.form{padding:24px}.faq details p{padding-right:0}.gcard{padding:24px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}