/*! Plus Jakarta Sans. Copyright 2020 The Plus Jakarta Sans Project Authors
    (https://github.com/tokotype/PlusJakartaSans). SIL Open Font License 1.1. */
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
}

:root{
  --navy:#0F172A;
  --navy-700:#1E293B;
  --slate:#334155;
  --slate-500:#64748B;
  --slate-400:#94A3B8;
  --cta:#0369A1;
  --cta-600:#075E8C;
  --cta-700:#0B4F73;
  --cta-soft:#E0F2FE;
  --bg:#F8FAFC;
  --bg-soft:#F1F5F9;
  --white:#FFFFFF;
  --text:#020617;
  --text-soft:#475569;
  --line:#E2E8F0;
  --line-strong:#CBD5E1;
  --green:#16A34A;
  --green-700:#15803D;
  --green-soft:#DCFCE7;

  --radius:16px;
  --radius-sm:10px;
  --radius-lg:24px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --shadow:0 8px 24px -8px rgba(15,23,42,.12), 0 2px 6px rgba(15,23,42,.05);
  --shadow-lg:0 24px 60px -20px rgba(15,23,42,.22);
  --container:1160px;
  --ease:cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{color:var(--navy);line-height:1.15;letter-spacing:-.02em;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
ul{margin:0;padding:0;list-style:none}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}
.section{padding-block:96px}
.section-head{max-width:680px;margin:0 auto 56px;text-align:center}
.section-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800}
.section-lead{margin-top:16px;font-size:1.125rem;color:var(--text-soft)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:700;font-size:.975rem;line-height:1;cursor:pointer;
  padding:13px 22px;border-radius:var(--radius-sm);border:1.5px solid transparent;
  transition:background-color .2s var(--ease),color .2s var(--ease),
    border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);
  white-space:nowrap;
}
.btn-lg{padding:16px 30px;font-size:1.05rem}
.btn-block{display:flex;width:100%}
.btn-primary{background:var(--cta);color:#fff;box-shadow:0 6px 18px -6px rgba(3,105,161,.55)}
.btn-primary:hover{background:var(--cta-600);box-shadow:0 10px 24px -8px rgba(3,105,161,.6)}
.btn-outline{background:#fff;color:var(--navy);border-color:var(--line-strong)}
.btn-outline:hover{border-color:var(--cta);color:var(--cta);background:var(--cta-soft)}
.btn-ghost{background:transparent;color:var(--slate);padding-inline:14px}
.btn-ghost:hover{color:var(--navy)}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:var(--bg-soft);transform:translateY(-1px)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-outline-light:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn:focus-visible{outline:3px solid var(--cta-soft);outline-offset:2px}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.82rem;font-weight:700;letter-spacing:.01em;
  color:var(--cta-700);background:var(--cta-soft);
  padding:7px 14px;border-radius:999px;margin-bottom:20px;
}
.eyebrow-light{color:#fff;background:rgba(255,255,255,.14)}
.accent{color:var(--cta)}
.muted{color:var(--slate-400);font-weight:500}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(248,250,252,.85);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);font-size:1.2rem}
.brand-mark{
  display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--navy);color:#fff;
}
.brand-logo{display:block;height:30px;width:auto}
.brand-logo-footer{height:42px}
.main-nav{display:flex;gap:22px;margin-left:18px}
@media (max-width:960px){.main-nav,.header-cta{display:none}.nav-toggle{display:flex}}
.main-nav a{font-weight:600;font-size:.95rem;color:var(--slate);transition:color .2s var(--ease)}
.main-nav a:hover{color:var(--navy)}
.header-cta{display:flex;align-items:center;gap:10px;margin-left:auto}

.nav-toggle{
  display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;
  cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center;
}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s var(--ease),opacity .2s var(--ease)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav{display:none;flex-direction:column;gap:4px;padding:12px 24px 24px;border-bottom:1px solid var(--line);background:var(--bg)}
.mobile-nav a:not(.btn){padding:12px 4px;font-weight:600;color:var(--slate);border-bottom:1px solid var(--line)}
.mobile-nav .btn{margin-top:14px}
.mobile-nav.open{display:flex}

.hero{padding-block:36px 96px;position:relative;overflow:hidden}
.hero-top{margin-bottom:44px}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(900px 500px at 78% -8%, rgba(3,105,161,.10), transparent 60%),
    radial-gradient(700px 460px at 8% 110%, rgba(15,23,42,.05), transparent 60%);
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(1.9rem,4.3vw,3.3rem);font-weight:800;letter-spacing:-.03em}
.type-line{display:block;white-space:nowrap}
.hero h1 .accent{display:block;font-size:.6em;line-height:1.3;letter-spacing:-.01em;margin-top:12px;max-width:520px}
.br-mobile{display:none}
.type-caret{display:inline-block;width:4px;height:.78em;margin-left:7px;border-radius:2px;background:var(--cta);vertical-align:-.04em;animation:caretBlink 1.1s steps(1) infinite}
@keyframes caretBlink{0%,55%{opacity:1}56%,100%{opacity:0}}
.hero-sub{margin-top:24px;font-size:1.2rem;color:var(--text-soft);max-width:540px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-note{margin-top:18px;font-size:.92rem;color:var(--slate-500);display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.hero-note-trust{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--cta-700);white-space:nowrap}
.hero-note-trust svg{flex:none;color:var(--cta)}

.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px}
.notepad{position:relative;width:392px;max-width:100%}
.notepad-rings{position:absolute;top:-9px;left:0;right:0;display:flex;justify-content:space-around;padding-inline:26px;z-index:4}
.notepad-rings span{width:14px;height:18px;border:3px solid var(--slate-400);border-bottom:none;border-radius:8px 8px 0 0;background:transparent}
.sheet{position:absolute;left:0;right:0;border-radius:14px;background:#fff;border:1px solid var(--line)}
.sheet-back{top:20px;height:430px;transform:rotate(-3deg);box-shadow:var(--shadow);opacity:.6}
.sheet-mid{top:13px;height:430px;transform:rotate(2deg);box-shadow:var(--shadow);opacity:.85}
.sheet-front{position:relative;top:0;padding:30px 30px 34px;box-shadow:var(--shadow-lg);transform:rotate(-1deg)}
.sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.sheet-doc-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--cta-soft);color:var(--cta)}
.sheet-title{font-weight:800;color:var(--navy);font-size:1.2rem}
.sheet-badge{margin-left:auto;font-size:.7rem;font-weight:700;color:var(--green-700);background:var(--green-soft);padding:4px 9px;border-radius:999px}
.sheet .line{display:block;height:12px;border-radius:6px;background:var(--bg-soft);margin-bottom:16px;transform-origin:left center;animation:typeline 9s ease-in-out infinite}
.sheet .line.short{opacity:.7}
.w-90{width:90%}.w-85{width:85%}.w-80{width:80%}.w-75{width:75%}.w-70{width:70%}.w-50{width:50%}.w-40{width:40%}
@keyframes typeline{0%{transform:scaleX(0)}9%{transform:scaleX(1)}90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.sheet-front .line:nth-of-type(1){animation-delay:0s}
.sheet-front .line:nth-of-type(2){animation-delay:.62s}
.sheet-front .line:nth-of-type(3){animation-delay:1.24s}
.sheet-front .line:nth-of-type(4){animation-delay:1.86s}
.sheet-front .line:nth-of-type(5){animation-delay:2.48s}
.sheet-front .line:nth-of-type(6){animation-delay:3.1s}
.sheet-front .line:nth-of-type(7){animation-delay:3.72s}

.mic-pill{
  position:absolute;bottom:18px;left:-14px;z-index:6;
  display:flex;align-items:center;gap:10px;
  background:var(--navy);color:#fff;padding:12px 18px;border-radius:999px;
  box-shadow:var(--shadow-lg);
}
.mic-dot{width:10px;height:10px;border-radius:50%;background:#F43F5E;box-shadow:0 0 0 0 rgba(244,63,94,.6);animation:pulse 1.8s infinite}
.mic-wave{display:flex;align-items:center;gap:3px;height:18px}
.mic-wave i{width:3px;height:100%;background:rgba(255,255,255,.85);border-radius:2px;transform-origin:center;animation:wave 1s ease-in-out infinite}
.mic-wave i:nth-child(2){animation-delay:.15s}
.mic-wave i:nth-child(3){animation-delay:.3s}
.mic-wave i:nth-child(4){animation-delay:.45s}
.mic-wave i:nth-child(5){animation-delay:.6s}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(244,63,94,.6)}70%{box-shadow:0 0 0 9px rgba(244,63,94,0)}100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}}
@keyframes wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}

.trust-chip{
  position:absolute;z-index:7;display:inline-flex;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--line);border-radius:13px;
  padding:8px 13px 8px 9px;box-shadow:var(--shadow-lg);
  font-size:.8rem;font-weight:700;color:var(--navy);line-height:1.14;
}
.trust-chip-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:0 0 auto}
.trust-chip-ic svg{width:18px;height:18px}
.tc-shield{background:var(--green-soft);color:var(--green-700)}
.tc-globe{background:var(--green-soft);color:var(--green-700)}
.tc-archive{background:#E2E8F0;color:#334155}
.tc-audio{background:var(--cta-soft);color:var(--cta)}
.tc-check{background:var(--cta-soft);color:var(--cta)}
.tc-top{top:30px;right:26px;animation:floaty 3.2s ease-in-out infinite}
.tc-lang{top:106px;left:-14px;animation:floaty 3.45s ease-in-out infinite .12s}
.tc-mid{top:106px;right:6px;animation:floaty 3.5s ease-in-out infinite .25s}
.tc-rec{top:182px;right:26px;animation:floaty 3.65s ease-in-out infinite .38s}
.tc-bot{bottom:12px;right:6px;animation:floaty 3.8s ease-in-out infinite .5s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (max-width:640px){
  .tc-top,.tc-rec{right:16px}
  .tc-mid,.tc-bot{right:12px}
  .tc-lang{left:6px}
  /* tc-lang und tc-mid teilen sich eine Hoehe. Schrift skaliert mit,
     damit sie sich auf schmalen Geraeten nicht beruehren. */
  .trust-chip{font-size:clamp(.56rem,2.1vw,.72rem);padding:6px 9px 6px 6px;gap:8px}
  .trust-chip-ic{width:26px;height:26px}
  .trust-chip-ic svg{width:16px;height:16px}
}

.problem{background:var(--white);border-block:1px solid var(--line)}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.problem-card{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 24px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.problem-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.problem-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--cta-soft);color:var(--cta);margin-bottom:18px}
.problem-icon svg{width:24px;height:24px}
.problem-card h3{font-size:1.12rem;font-weight:700;margin-bottom:10px}
.problem-card p{font-size:.96rem;color:var(--text-soft)}

.steps-grid{display:flex;align-items:stretch;justify-content:center;gap:8px}
.step-card{
  flex:1;max-width:330px;position:relative;text-align:center;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:40px 28px 34px;box-shadow:var(--shadow-sm);
}
.step-num{
  position:absolute;top:-18px;left:50%;transform:translateX(-50%);
  display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--navy);color:#fff;font-weight:800;font-size:1rem;box-shadow:var(--shadow)
}
.step-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--cta-soft);color:var(--cta);margin:8px auto 18px}
.step-icon svg{width:30px;height:30px}
.step-card h3{font-size:1.25rem;font-weight:700;margin-bottom:10px}
.step-card p{color:var(--text-soft)}
.step-arrow{display:flex;align-items:center;color:var(--line-strong);flex:0 0 auto}
.step-arrow svg{width:30px;height:30px}

.templates{background:var(--white);border-block:1px solid var(--line)}
.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tpl-card{
  display:flex;flex-direction:column;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.tpl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--cta)}
.tpl-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.tpl-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--navy);color:#fff;flex:0 0 auto}
.tpl-icon svg{width:20px;height:20px}
.tpl-name{font-weight:700;color:var(--navy);font-size:1.02rem}
.tpl-flow{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.tpl-step{border-radius:10px;padding:10px 12px;font-size:.86rem;line-height:1.45}
.tpl-before{background:#fff;border:1px solid var(--line);color:var(--text-soft);font-style:italic}
.tpl-before::before{content:"Gesprochen";display:block;font-style:normal;font-weight:700;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-400);margin-bottom:4px}
.tpl-arrow{display:flex;justify-content:center;color:var(--cta);margin:-2px 0}
.tpl-arrow svg{width:18px;height:18px}
.tpl-after{background:var(--cta-soft);border:1px solid #BAE6FD;color:var(--cta-700);font-weight:600}
.tpl-after::before{content:"Fertiges Blatt";display:block;font-weight:700;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cta);margin-bottom:4px}
.tpl-custom{border:1.5px dashed var(--cta);background:#fff}
.tpl-custom:hover{border-color:var(--cta);box-shadow:var(--shadow)}
.tpl-custom .tpl-icon{background:var(--cta-soft);color:var(--cta)}
.tpl-custom-text{margin-top:4px;color:var(--text-soft);font-size:.95rem}
.templates-more{margin-top:36px;text-align:center}
.templates-more p{max-width:760px;margin:0 auto;color:var(--text-soft);font-size:1.02rem}

.meetings{background:var(--bg)}
.meet-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:stretch;margin-bottom:24px}
.meet-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;display:flex;flex-direction:column}
.meet-card h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}
.meet-list{margin-top:18px;display:flex;flex-direction:column;gap:28px}
.meet-list li{display:flex;gap:16px;align-items:flex-start;color:var(--text-soft);font-size:.98rem}
.meet-list svg{width:26px;height:26px;color:var(--cta);flex:0 0 auto;margin-top:1px}
.meet-list strong{color:var(--navy);font-weight:700}

.meet-compress{background:var(--navy);border-color:var(--navy)}
.meet-compress h3{color:#fff}
.meet-compress-lead{color:#CBD5E1;font-size:.98rem}

.meet-slider{margin-top:24px;padding:20px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.meet-slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.meet-slider-head label{font-weight:600;color:#fff;font-size:.96rem}
.meet-slider-val{
  font-weight:800;color:#fff;font-size:1.15rem;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.12);padding:2px 12px;border-radius:8px;min-width:48px;text-align:center
}
.meet-slider input[type="range"]{background:rgba(255,255,255,.18)}
.meet-slider input[type="range"]::-webkit-slider-thumb{border-color:var(--navy)}
.meet-slider input[type="range"]::-moz-range-thumb{border-color:var(--navy)}
.meet-slider input[type="range"]:focus-visible{outline-color:rgba(255,255,255,.5)}
.meet-slider-hint{display:block;margin-top:11px;font-size:.82rem;color:var(--slate-400)}

.meet-flow{margin:24px 0 4px;display:flex;flex-direction:column;gap:12px}
.meet-conv{padding:14px 16px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.meet-conv-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-400);margin-bottom:10px}
.meet-conv-row{display:flex;align-items:center;gap:12px}
.meet-conv-from,.meet-conv-to{font-size:1.15rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.meet-conv-to-ok{color:#34D399}
.meet-conv-arrow{display:flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:center;color:#34D399}
.meet-conv-arrow svg{width:22px;height:22px;flex:0 0 auto}
.meet-conv-factor{
  font-size:.72rem;font-weight:800;letter-spacing:.03em;color:#34D399;
  background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.3);
  padding:3px 9px;border-radius:999px;font-variant-numeric:tabular-nums
}
.meet-format-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.meet-conv-single{display:block;font-size:1.15rem;font-weight:800;color:#34D399;font-variant-numeric:tabular-nums}
.meet-time{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px 7px;text-align:center;
  margin:28px 0 0;padding:20px 22px;border-radius:var(--radius);
  background:var(--green-soft);border:1px solid var(--green)}
.meet-time-label{font-size:1.02rem;font-weight:600;color:var(--navy-700)}
.meet-time-val{font-size:1.4rem;font-weight:800;color:var(--green-700);font-variant-numeric:tabular-nums}
.meet-checks{list-style:none;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px}
.meet-checks li{display:flex;gap:10px;align-items:center;font-size:.96rem;font-weight:600;color:var(--navy)}
.meet-checks svg{width:22px;height:22px;color:var(--green);flex:0 0 auto}

.meet-out-head{max-width:680px;margin:56px auto 28px;text-align:center}
.meet-out-head h3{font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:800}
.meet-out-head p{margin-top:12px;color:var(--text-soft);font-size:1.02rem}

.meet-out{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.meet-out-card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.meet-out-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.meet-out-num{
  position:absolute;top:20px;right:22px;
  font-size:1.6rem;font-weight:800;color:var(--line-strong);line-height:1;
}
.meet-out-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--cta-soft);color:var(--cta);margin-bottom:16px}
.meet-out-icon svg{width:22px;height:22px}
.meet-out-card h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;padding-right:28px}
.meet-out-card p{font-size:.94rem;color:var(--text-soft)}
.meet-out-card .meet-out-check{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;
  background:var(--green-soft);border:1px solid #A7F3C4;border-radius:8px;
  padding:7px 11px;font-size:.84rem;font-weight:700;color:var(--green-700)
}
.meet-out-card .meet-out-check svg{width:15px;height:15px;color:var(--green);flex:0 0 auto}

.meet-note{
  display:flex;gap:12px;align-items:center;justify-content:center;
  max-width:840px;margin:32px auto 0;
  font-size:.9rem;color:var(--text-soft);line-height:1.6;text-align:center;
}
.meet-note svg{width:20px;height:20px;color:var(--green);flex:0 0 auto}

/* Testangebot-Box. Wird zweimal genutzt: oben in der Hero und im Preise-Block. */
.trialbox{
  display:flex;align-items:center;gap:20px;
  background:var(--cta-soft);border:1px solid #BAE6FD;border-radius:var(--radius);
  padding:16px 20px;
}
.trialbox-inline{margin-top:36px;scroll-margin-top:90px}
@keyframes trialPulse{
  0%{box-shadow:0 0 0 0 rgba(3,105,161,.45);border-color:var(--cta)}
  70%{box-shadow:0 0 0 16px rgba(3,105,161,0);border-color:var(--cta)}
  100%{box-shadow:0 0 0 0 rgba(3,105,161,0);border-color:#BAE6FD}
}
.trialbox.is-pulsing{animation:trialPulse 1.4s ease-out infinite}
@media (prefers-reduced-motion:reduce){
  .trialbox.is-pulsing{animation:none;box-shadow:0 0 0 3px var(--cta);border-color:var(--cta)}
}
/* Hero-Variante: die ganze Box ist ein Sprung zum Testangebot im Preise-Block. */
.trialbox-hero{text-decoration:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.trialbox-hero:hover{border-color:var(--cta);box-shadow:var(--shadow);transform:translateY(-2px)}
.trialbox-hero:hover .trialbox-arrow{transform:translateX(3px)}
.trialbox-arrow{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background:var(--cta);color:#fff;transition:transform .2s var(--ease)
}
.trialbox-arrow svg{width:17px;height:17px}
.trialbox-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;color:var(--cta);flex:0 0 auto}
.trialbox-ic svg{width:22px;height:22px}
.trialbox-copy{flex:1;min-width:0}
.trialbox-title{display:block;font-weight:800;color:var(--navy);font-size:1.02rem;line-height:1.3}
.trialbox-sub{display:block;margin-top:3px;color:var(--cta-700);font-size:.92rem;line-height:1.45}
.trialbox-action{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px}
.trialbox-hint{font-size:.74rem;font-weight:600;color:var(--cta-700);opacity:.75;white-space:nowrap}
@media (max-width:640px){
  .trialbox{flex-wrap:wrap;gap:14px;padding:16px}
  .trialbox-copy{flex:1 1 100%;order:2}
  .trialbox-action{flex:1 1 100%;order:3}
  .trialbox-cta{width:100%}
  .trialbox-hint{white-space:normal;text-align:center}
  /* Hero-Box bleibt mobil eine kompakte Zeile, damit sie oben wenig Platz kostet.
     Die volle Beschreibung steht im Preise-Block, wohin die Box springt. */
  .trialbox-hero{flex-wrap:nowrap;gap:11px;padding:10px 12px;border-radius:var(--radius-sm)}
  .trialbox-hero .trialbox-ic{width:30px;height:30px;border-radius:8px}
  .trialbox-hero .trialbox-ic svg{width:17px;height:17px}
  .trialbox-hero .trialbox-copy{flex:1 1 auto;order:0}
  .trialbox-hero .trialbox-title{font-size:.88rem;line-height:1.25}
  .trialbox-hero .trialbox-sub{display:none}
  .trialbox-hero .trialbox-arrow{width:26px;height:26px}
  .trialbox-hero .trialbox-arrow svg{width:14px;height:14px}
}

.privacy{background:var(--navy);color:#fff}
.privacy h2{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800}
.privacy-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.privacy-lead{margin-top:20px;font-size:1.15rem;color:#CBD5E1;max-width:560px}
.privacy-list{margin-top:30px;display:flex;flex-direction:column;gap:18px}
.privacy-list li{display:flex;gap:14px;align-items:flex-start;color:#E2E8F0}
.privacy-list svg{width:22px;height:22px;color:#34D399;flex:0 0 auto;margin-top:2px}
.privacy-list strong{color:#fff}

.privacy-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:34px}
.privacy-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:12px}
.privacy-card p{color:#CBD5E1;font-size:.98rem}
.privacy-card .cert-note{margin-top:22px;font-size:.8rem;color:var(--slate-400);line-height:1.5}
.cert-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.cert-badge{
  font-weight:700;font-size:.82rem;color:#fff;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  padding:9px 14px;border-radius:10px;
}
.privacy-flag{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#E2E8F0;font-weight:600;font-size:.95rem}
.flag{display:flex;flex-direction:column;width:26px;height:18px;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.2);flex:0 0 auto}
.flag i{flex:1}
.flag i:nth-child(1){background:#1a1a1a}
.flag i:nth-child(2){background:#D00}
.flag i:nth-child(3){background:#FFCE00}
.pbd-mark{display:flex;align-items:center;justify-content:center;width:26px;flex:0 0 auto;color:#34D399}
.pbd-mark svg{width:20px;height:20px}

.roi{background:var(--bg-soft)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.roi-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}

.roi-inputs{padding:30px}
.roi-field{margin-bottom:24px}
.roi-field:last-of-type{margin-bottom:0}
.roi-hint{display:block;margin-top:9px;font-size:.8rem;color:var(--slate-500)}
.roi-field-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.roi-field-head label{font-weight:600;color:var(--navy);font-size:.96rem}
.roi-val{
  font-weight:800;color:var(--cta);font-size:1.15rem;font-variant-numeric:tabular-nums;
  background:var(--cta-soft);padding:2px 12px;border-radius:8px;min-width:48px;text-align:center
}
input[type="range"]{
  -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;
  background:var(--line-strong);outline:none;cursor:pointer;
}
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--cta);border:3px solid #fff;box-shadow:0 2px 6px rgba(3,105,161,.4);cursor:pointer;
  transition:transform .15s var(--ease)
}
input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.12)}
input[type="range"]::-moz-range-thumb{
  width:22px;height:22px;border-radius:50%;background:var(--cta);border:3px solid #fff;
  box-shadow:0 2px 6px rgba(3,105,161,.4);cursor:pointer
}
input[type="range"]:focus-visible{outline:3px solid var(--cta-soft);outline-offset:4px}
.roi-assump{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem;color:var(--slate-500);line-height:1.55}

.roi-results{display:flex;flex-direction:column;gap:18px;position:relative}
.roi-results>*:not(.roi-enterprise){transition:opacity .25s ease,filter .25s ease}
.roi-results.is-enterprise>*:not(.roi-enterprise){filter:grayscale(1);opacity:.28;pointer-events:none;user-select:none}
.roi-enterprise{display:none}
.roi-results.is-enterprise .roi-enterprise{
  display:flex;position:absolute;inset:0;align-items:center;justify-content:center;padding:12px;z-index:2
}
.roi-enterprise-card{
  position:sticky;top:96px;max-width:440px;text-align:center;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:30px 28px;box-shadow:0 18px 44px rgba(15,23,42,.18)
}
.roi-enterprise-badge{
  display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.02em;
  color:#0B4F73;background:#BAE6FD;padding:4px 12px;border-radius:999px;margin-bottom:12px
}
.roi-enterprise-card h3{font-size:1.25rem;font-weight:800;color:var(--navy);margin-bottom:10px;line-height:1.3}
.roi-enterprise-card p{font-size:.94rem;color:var(--text-soft);line-height:1.6;margin-bottom:18px}
.roi-enterprise-cta{width:100%}
.roi-package{
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--cta) 0%,var(--cta-700) 100%);
  color:#fff;border-radius:var(--radius);padding:24px 28px;box-shadow:0 12px 30px -12px rgba(3,105,161,.6)
}
.roi-package-name{font-size:1.5rem;font-weight:800;color:#fff;display:block}
.roi-package-sub{font-size:.95rem;color:#BAE6FD}
.roi-package-right{text-align:right;display:flex;flex-direction:column;gap:3px}
.roi-package-permaprice{font-size:.95rem;color:#E0F2FE}
.roi-package-permaprice strong{font-size:1.35rem;color:#fff}
.roi-package-total{font-size:.9rem;color:#BAE6FD}
.roi-package-total strong{color:#fff}
.roi-package-discount{margin-top:4px;font-size:.78rem;font-weight:700;color:#0B4F73;background:#BAE6FD;padding:3px 10px;border-radius:999px;align-self:flex-end}

.receipt{padding:24px 26px}
.receipt-title{font-size:1.08rem;font-weight:700;margin-bottom:16px}
.receipt-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:.96rem;color:var(--text-soft);font-variant-numeric:tabular-nums}
.receipt-row span:last-child{font-weight:600;color:var(--navy)}
.receipt-minus span:last-child{color:var(--slate-500)}
.receipt-sum{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  margin-top:10px;padding-top:14px;border-top:2px dashed var(--line-strong)
}
.receipt-sum>span:first-child{font-weight:700;color:var(--navy)}
.receipt-big{font-size:1.7rem;font-weight:800;color:var(--green-700);font-variant-numeric:tabular-nums}
.receipt-note{margin-top:12px;font-size:.86rem;color:var(--slate-500);line-height:1.5}
.receipt-year .receipt-big{color:var(--green-700)}

.onboarding-box{
  display:flex;gap:16px;align-items:flex-start;
  background:var(--green-soft);border:1px solid #BBF7D0;border-radius:var(--radius);padding:22px 24px
}
.onboarding-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--green);color:#fff;flex:0 0 auto}
.onboarding-icon svg{width:24px;height:24px}
.onboarding-box strong{display:block;color:var(--green-700);margin-bottom:4px;font-size:1.02rem}
.onboarding-box span{color:#166534;font-size:.93rem}
.roi-foot{margin-top:24px;text-align:center;font-size:.82rem;color:var(--slate-500)}
.roi-cta-box{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}
.roi-cta-main{white-space:normal;height:auto;line-height:1.35;text-align:center;font-size:1.02rem;padding-block:15px}
.roi-cta-main strong{font-weight:800}
.roi-cta-sub{font-weight:600;color:var(--cta);font-size:.95rem}
.roi-cta-sub:hover{color:var(--cta-700)}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.price-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:34px 30px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)
}
.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.price-card-featured{border:2px solid var(--cta);box-shadow:var(--shadow-lg);transform:scale(1.015)}
.price-card-featured:hover{transform:scale(1.015) translateY(-4px)}
.price-flag{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--cta);color:#fff;font-weight:700;font-size:.78rem;
  padding:6px 16px;border-radius:999px;white-space:nowrap;box-shadow:var(--shadow)
}
.price-head{margin-bottom:18px}
.price-head h3{font-size:1.3rem;font-weight:800}
.price-block{display:inline-block;margin-top:6px;font-size:.85rem;font-weight:600;color:var(--cta);background:var(--cta-soft);padding:3px 11px;border-radius:999px}
.price-amount{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.price-amount strong{font-size:2rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}
.price-amount span{color:var(--slate-500);font-size:.92rem}
.price-for{color:var(--text-soft);font-size:.96rem;min-height:46px;margin-bottom:22px}
.price-feats{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.price-feats li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;color:var(--slate)}
.price-feats svg{width:20px;height:20px;flex:0 0 auto;margin-top:1px}
.ic-yes{color:var(--green)}
.price-feats .ic-off{color:var(--slate-400)}
.price-feats .ic-off svg{color:var(--slate-400)}
.price-card .btn{margin-top:auto}

.discount-strip{
  margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 28px
}
.discount-strip-title{font-weight:700;color:var(--navy)}
.discount-tiers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.discount-tiers li{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--cta-soft);border-radius:10px;padding:8px 16px;min-width:74px}
.discount-tiers span{font-size:.8rem;color:var(--cta-700)}
.discount-tiers strong{font-size:1.1rem;color:var(--cta);font-weight:800}
.pricing-note{margin-top:22px;text-align:center;font-size:.85rem;color:var(--slate-500)}


.about{background:var(--bg-soft);scroll-margin-top:78px}
.about-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:48px;align-items:start}
.about-copy h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;margin:14px 0 18px}
.about-copy p{color:var(--text-soft);font-size:1.06rem;line-height:1.75;margin-bottom:16px}
.about-values{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.about-values li{font-size:.85rem;font-weight:600;color:var(--cta-700);background:var(--cta-soft);padding:7px 14px;border-radius:999px}
.about-cta-label{margin-top:24px;margin-bottom:12px;color:var(--text-soft);font-weight:600;font-size:1.02rem}
.about-cta{display:flex;flex-wrap:wrap;gap:12px;scroll-margin-top:90px}
.about-cta .btn{flex:1 1 200px}
.about-cta .btn svg{width:18px;height:18px}
@keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(3,105,161,.55)}70%{box-shadow:0 0 0 14px rgba(3,105,161,0)}100%{box-shadow:0 0 0 0 rgba(3,105,161,0)}}
.about-cta .btn.pulsing{animation:ctaPulse 1.1s ease-out 3}
.about-quote{background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:34px 32px;box-shadow:var(--shadow-lg)}
.about-quote blockquote{margin:0;font-size:1.12rem;line-height:1.7;color:#E2E8F0;font-weight:500}
.about-quote blockquote::before{content:"\201C";display:block;font-size:3.4rem;line-height:.5;color:#7DD3FC;margin-bottom:10px;font-weight:800}
.about-quote figcaption{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:2px}
.about-author{font-weight:700;color:#fff}
.about-role{font-size:.9rem;color:#94A3B8}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:32px}}

.final-cta{background:linear-gradient(135deg,var(--navy) 0%,var(--cta-700) 130%);color:#fff;padding-block:88px;scroll-margin-top:70px}
.final-cta-inner{text-align:center;max-width:680px}
.final-cta h2{color:#fff;font-size:clamp(2rem,4.4vw,3rem);font-weight:800}
.final-cta p{margin-top:16px;font-size:1.2rem;color:#CBD5E1}
.final-cta .btn{margin-top:30px}
.final-cta-note{margin-top:20px;font-size:.92rem;color:#94A3B8}
.final-cta-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.final-cta-contact .btn{flex:1 1 200px}
.final-cta-contact .btn svg{width:18px;height:18px}

.share{background:var(--white);border-top:1px solid var(--line)}
.share-inner{text-align:center;max-width:760px;margin:0 auto}
.share-inner h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800}
.share-inner>p{margin-top:14px;font-size:1.05rem;color:var(--text-soft)}
.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.share-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:172px;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.95rem;color:var(--navy);
  background:#fff;border:1.5px solid var(--line-strong);border-radius:999px;
  padding:11px 18px 11px 14px;
  transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);
}
.share-btn svg{width:20px;height:20px;flex:0 0 auto;transition:color .2s var(--ease)}
.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:#fff}
.share-btn:focus-visible{outline:3px solid var(--cta-soft);outline-offset:2px}

.s-whatsapp svg{color:#25D366}
.s-whatsapp:hover{background:#25D366;border-color:#25D366}
.s-signal svg{color:#3A76F0}
.s-signal:hover{background:#3A76F0;border-color:#3A76F0}
.s-telegram svg{color:#26A5E4}
.s-telegram:hover{background:#26A5E4;border-color:#26A5E4}
.s-linkedin svg{color:#0A66C2}
.s-linkedin:hover{background:#0A66C2;border-color:#0A66C2}
.s-mail svg{color:var(--cta)}
.s-mail:hover{background:var(--cta);border-color:var(--cta)}
.s-copy svg{color:var(--slate)}
.s-copy:hover{background:var(--navy);border-color:var(--navy)}
.share-btn:hover svg{color:#fff}
.share-btn.copied{background:var(--green);border-color:var(--green);color:#fff}
.share-btn.copied svg{color:#fff}

.site-footer{background:var(--navy);color:#CBD5E1;padding-block:56px 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.footer-brand .brand{color:#fff;margin-bottom:14px}
.footer-brand .brand-mark{background:rgba(255,255,255,.12)}
.footer-brand p{font-size:.94rem;color:#94A3B8;max-width:340px}
.footer-contact{margin-top:14px;font-size:.92rem;line-height:1.7}
.footer-contact a{color:#CBD5E1;display:block}
.footer-contact a:hover{color:#fff}
.footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:16px}
.footer-col a{display:block;padding:6px 0;font-size:.92rem;color:#94A3B8;transition:color .2s var(--ease)}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#64748B}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}

@media (max-width:1024px){
  .hero-grid{gap:40px}
  .problem-grid{grid-template-columns:repeat(2,1fr)}
  .templates-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:900px){
  .main-nav,.header-cta{display:none}
  .nav-toggle{display:flex}
  .roi-grid{grid-template-columns:1fr}
  .privacy-grid{grid-template-columns:1fr;gap:36px}
  .pricing-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .price-card-featured{transform:none}
  .price-card-featured:hover{transform:translateY(-4px)}
  .steps-grid{flex-direction:column;align-items:center}
  .step-card{max-width:440px;width:100%}
  .step-arrow{transform:rotate(90deg)}
  .meet-grid{grid-template-columns:1fr}
  .meet-out{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .meet-checks{grid-template-columns:1fr;gap:12px;max-width:460px;margin-inline:auto}
}
@media (max-width:640px){
  .section{padding-block:64px}
  .hero{padding-block:24px 64px}
  .hero-top{margin-bottom:32px}
  .hero-grid{grid-template-columns:1fr}
  .br-mobile{display:inline}
  .hero-visual{min-height:340px;margin-top:12px}
  .problem-grid,.templates-grid{grid-template-columns:1fr}
  .meet-card{padding:26px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column}
  .roi-package-right{text-align:left}
  .roi-package-discount{align-self:flex-start}
  .section-head{margin-bottom:40px}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
  .type-caret{display:none}
}

.fab-wrap{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.fab{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.98rem;color:#fff;background:var(--cta);border:none;border-radius:999px;padding:14px 20px;box-shadow:0 14px 30px -8px rgba(3,105,161,.6);transition:transform .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease)}
.fab:hover{background:var(--cta-600);transform:translateY(-2px)}
.fab:focus-visible{outline:3px solid var(--cta-soft);outline-offset:2px}
.fab svg{width:20px;height:20px}
.fab-card{position:relative;width:300px;max-width:80vw;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:24px 22px 22px;animation:fabIn .25s var(--ease)}
.fab-card[hidden]{display:none}
.fab-card h3{font-size:1.18rem;font-weight:800;color:var(--navy);margin-bottom:8px;padding-right:24px}
.fab-card p{font-size:.94rem;color:var(--text-soft);line-height:1.6;margin-bottom:18px}
.fab-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border:none;background:var(--bg-soft);border-radius:50%;color:var(--slate);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}
.fab-close:hover{background:var(--line);color:var(--navy)}
.fab-checks{list-style:none;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
.fab-checks li{display:flex;gap:9px;align-items:flex-start;font-size:.92rem;font-weight:600;color:var(--navy);line-height:1.4}
.fab-checks svg{width:19px;height:19px;color:var(--green);flex:0 0 auto;margin-top:1px}
.fab-card .fab-q{color:var(--navy);font-weight:700;margin-bottom:14px}
.fab-card .btn+.btn{margin-top:10px}
@keyframes fabIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:640px){.fab-wrap{right:14px;bottom:14px}.fab{padding:14px}.fab-label{display:none}}

@media (max-width:480px){
  .container{padding-inline:16px}
  .meet-card{padding:20px}
  .meet-conv{padding:12px 14px}
  .meet-conv-row{gap:8px}
  .meet-conv-from,.meet-conv-to{font-size:1rem}
  .meet-conv-single{font-size:1.02rem}
  .meet-format-pair{gap:10px}
  .about-quote{padding:26px 22px}
}

.legal{padding-block:56px 80px;background:var(--bg)}
.legal .container{max-width:840px}
.legal-back{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--cta);margin-bottom:26px}
.legal-back:hover{color:var(--cta-700)}
.legal-back svg{width:18px;height:18px}
.legal h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.legal .lead{color:var(--text-soft);font-size:1.12rem;margin-bottom:36px}
.legal h2{font-size:1.32rem;font-weight:700;margin:36px 0 12px}
.legal h3{font-size:1.05rem;font-weight:700;margin:24px 0 8px}
.legal p,.legal li{color:var(--text-soft);line-height:1.75}
.legal p{margin-bottom:14px}
.legal ul{list-style:disc;padding-left:22px;margin:0 0 14px}
.legal li{margin-bottom:7px}
.legal strong{color:var(--navy)}
.legal a{color:var(--cta);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--cta-700)}
.legal .todo{background:#FEF3C7;border:1px solid #FDE68A;border-radius:12px;padding:14px 18px;color:#92400E;font-size:.92rem;margin:20px 0}
.legal .todo strong{color:#92400E}
.legal-table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:.95rem}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
.legal-table th{background:var(--bg-soft);color:var(--navy);font-weight:700}
.legal-table td{color:var(--text-soft)}
.legal .updated{margin-top:42px;padding-top:18px;border-top:1px solid var(--line);font-size:.85rem;color:var(--slate-500)}
.faq-item{border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:14px;background:#fff}
.faq-item h3{margin:0 0 8px;color:var(--navy)}
.faq-item p:last-child{margin-bottom:0}
.legal #matomo-opt-out{margin-top:12px;font-size:.95rem}