/* Landing v5 — Für-Berater-Seite (/berater). Baut auf /v5.css auf.
   Mandanten-Mock, Nutzen-Spalten, Lizenz-Kacheln, Verantwortung, Pilot-Formular. */
/* Berater-spezifisch */
.nav ul a.on{color:var(--ink);font-weight:500}
.mock{background:var(--surface);box-shadow:0 40px 90px -40px rgba(40,30,12,.5),0 0 0 1px var(--rule-md);padding:28px 30px}
.mock .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.mock h3{font:500 30px/1.15 var(--fd);margin:6px 0 18px}.mock h3 .n{font:600 .8em var(--fb)}
.mt{width:100%;border-collapse:collapse;font-size:14.5px}
.mt th{font:500 11.5px var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 0;border-bottom:1px solid var(--ink)}
.mt td{padding:12px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
.mt .r{text-align:right;white-space:nowrap}.mt b{font-weight:600}
.mt td+td,.mt th+th{padding-left:28px}
.mt td.hide,.mt th.hide{padding-left:36px}
.mix{display:flex;height:8px;width:120px}.mix i{display:block;height:100%}
.age{font-size:13px;color:var(--muted)}.age.old{color:var(--neg)}
.mt tr.hv td{background:color-mix(in srgb,var(--accent-pale) 65%,transparent)}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.why div{padding:0 28px 0 0}.why div+div{padding-left:28px;border-left:1px solid var(--rule-md)}
.why .i{font:600 34px/1 var(--fd);color:var(--accent)}.why h3{font:500 25px var(--fd);margin:12px 0 8px}.why p{font-size:15.5px;color:var(--ink-mid)}
.tiersec{background:var(--canvas)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.tc{padding:30px 30px 34px;display:flex;flex-direction:column}.tc+.tc{border-left:1px solid var(--rule-md)}.tc.hl{background:var(--accent-pale)}
.tc h3{font:500 30px var(--fd)}.tc .cap{font-size:15px;color:var(--muted);margin-top:4px}
.tc .pr{font:500 32px/1.1 var(--fd);margin:22px 0 4px}.tc .pr small{display:block;font:400 14px var(--fb);color:var(--muted);margin-top:4px}
.tc ul{list-style:none;margin:22px 0 26px;padding:0;border-top:1px solid var(--rule-md);flex:1}
.tc li{padding:10px 0 10px 24px;border-bottom:1px solid var(--rule);font-size:15px;position:relative}
.tc li::before{content:"";position:absolute;left:2px;top:17px;width:10px;height:6px;border-left:1.6px solid var(--pos);border-bottom:1.6px solid var(--pos);transform:rotate(-45deg)}
.tc .btn{justify-content:center;width:100%}
.fine{margin-top:20px;font-size:14px;color:var(--muted)}
.resp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--ink)}
.resp>div{padding:26px 32px 30px 0}.resp>div+div{padding-left:32px;border-left:1px solid var(--rule-md)}
.resp h4{font:500 25px var(--fd);margin-bottom:14px}
.resp ul{list-style:none;margin:0;padding:0}.resp li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:15.5px;color:var(--ink-mid)}
@media (max-width:980px){.wrap{padding:0 22px}.nav ul{display:none}.hero .g,.shead,.resp{grid-template-columns:minmax(0,1fr)}.why,.tiers{grid-template-columns:minmax(0,1fr)}.why div,.why div+div{padding:20px 0;border-left:0;border-top:1px solid var(--rule)}.tc+.tc{border-left:0;border-top:1px solid var(--rule-md)}.resp>div+div{padding-left:0;border-left:0;border-top:1px solid var(--rule-md)}.mock{padding:20px}.mt .hide{display:none}}
/* Form + Badges + dunkler Abschluss */
.soon{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.4;margin-left:10px;font:600 11px/1.4 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-lt);padding:3px 8px;vertical-align:middle}
.hnote{margin-top:16px;font-size:14.5px;color:var(--muted);max-width:52ch}
.final.dark{background:var(--ink)!important;color:var(--surface)}
.final.dark .eyebrow{color:var(--accent-lt)}
.final.dark .h2{color:var(--surface)}.final.dark .h2 em{color:var(--accent-lt)}
.final.dark .sub{color:#cfc3a6}
.final.dark .btn{background:var(--surface);color:var(--ink);border-color:var(--surface)}
.final.dark + footer{border-top:0}
.pform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;max-width:720px;margin:34px auto 0;text-align:left}
.pform label{display:flex;flex-direction:column;gap:7px}.pform .w{grid-column:1/-1}
.pform label>span{font:500 12.5px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:#cfc3a6}
.pform input,.pform select,.pform textarea{font:400 16px var(--fb);color:var(--surface);background:transparent;border:0;border-bottom:1px solid rgba(253,251,246,.4);padding:10px 0;min-height:44px;border-radius:0;outline:none}
.pform select option{color:var(--ink)}
.pform input::placeholder,.pform textarea::placeholder{color:rgba(253,251,246,.4)}
.pform input:focus,.pform select:focus,.pform textarea:focus{border-bottom-color:var(--accent-lt)}
.pform input:focus-visible,.pform select:focus-visible,.pform textarea:focus-visible{outline:2px solid var(--accent-lt);outline-offset:3px}
.pform .chk2{flex-direction:row;align-items:flex-start;gap:12px}
.pform .chk2 input{min-height:0;width:18px;height:18px;margin-top:2px;accent-color:var(--accent-lt);flex:none}
.pform .chk2 span{font:400 14px/1.5 var(--fb);letter-spacing:0;text-transform:none;color:#cfc3a6}.pform .chk2 a{color:var(--accent-lt)}
.pform .btn{justify-content:center;min-height:52px}
.pform .ok{display:none;text-align:center;color:var(--accent-lt);font-weight:500}
.pform.sent label,.pform.sent .btn{display:none}.pform.sent .ok{display:block}
@media (max-width:700px){.pform{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.nav .acts .tl3{display:none}.nav .acts .btn{padding:10px 14px}
.pform .chk2 a{display:inline-flex;align-items:center;min-height:44px}
.mt td+td,.mt th+th{padding-left:14px}.mt td.hide,.mt th.hide{padding-left:14px}}

@media (max-width:700px){.tiers{grid-template-columns:minmax(0,1fr)!important}.tc+.tc{border-left:0!important;border-top:1px solid var(--rule-md)}}
@media (max-width:440px){.nav .acts .btn{display:none}}

/* Handover-Treue Berater: Abschluss-Überschrift + Footer-Abstand */
.final .h2{max-width:20ch;letter-spacing:-.025em!important;word-spacing:normal}
@media (min-width:701px){footer a{margin-left:22px}}
@media (max-width:700px){.soon{font-size:12px}}