:root{
  --bg:#f8f8f6; --surface:#fff; --surface-2:#eef4f2; --ink:#1c2328; --muted:#68767c;
  --line:#dce3e1; --navy:#102d39; --navy-2:#183b49; --clear:#4f8c6d; --action:#b76055;
  --clarify:#b38a46; --unknown:#7d888d; --shadow:0 20px 48px rgba(16,45,57,.08); --max:1240px
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} button{font:inherit} svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(var(--max),calc(100% - 72px));margin:auto}.section{padding:92px 0}.compact-section{padding:78px 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px 14px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,227,225,.9)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand-main{font-weight:800;font-size:13px;letter-spacing:.09em}.brand-sub{font-size:11px;color:var(--muted);margin-top:6px}
.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#505d62}.main-nav>a:not(.button):hover{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid var(--navy);background:var(--navy);color:white;border-radius:2px;font-weight:700;font-size:13px;transition:.2s ease}
.button:hover{transform:translateY(-1px);background:var(--navy-2);box-shadow:0 9px 24px rgba(16,45,57,.14)}.button-sm{padding:10px 14px;font-size:12px}.button-light{background:#fff;color:var(--navy);border-color:#fff}.button-light:hover{background:#f4f6f6}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:22px;height:1.5px;background:var(--ink);margin:5px}
.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.17em;color:#6d858c;font-size:10px;font-weight:800}
h1,h2,h3{margin:0;letter-spacing:-.04em}h1{font-size:clamp(48px,5.5vw,78px);line-height:.98;max-width:780px}h2{font-size:clamp(34px,4vw,54px);line-height:1.03;max-width:900px}h3{font-size:18px;line-height:1.2;letter-spacing:-.025em}
.lead{font-size:19px;color:#56656c;max-width:690px;margin:30px 0 0}.lead-sm{font-size:18px;color:#56656c;max-width:660px}.section-heading{margin-bottom:42px}.section-heading>p:last-child{max-width:740px;color:var(--muted);font-size:16px;margin:18px 0 0}.section-heading.narrow{max-width:850px}
.hero{padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:1.28fr .82fr;gap:74px;align-items:center}.hero-copy{padding:18px 0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.audience-line{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:36px;color:#7a878c;font-size:12px}.audience-line span:not(:last-child)::after{content:"·";margin-left:18px;color:#a6b0b3}
.portfolio-card{background:var(--navy);color:#fff;padding:30px;box-shadow:var(--shadow)}.portfolio-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.14)}.portfolio-head>div{display:flex;flex-direction:column;gap:6px}.portfolio-head .micro-label{color:#a9c0c7}.status-dot{width:9px;height:9px;border-radius:50%;margin-top:6px}.dot-clear{background:#70b58c}
.portfolio-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.1)}.portfolio-row>div{display:flex;align-items:center;gap:13px}.system-icon{width:30px;height:30px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#b9cbd1;font-size:12px}.portfolio-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:18px;color:#8da6ae;font-size:8px;letter-spacing:.08em}
.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;letter-spacing:.08em;font-weight:800;white-space:nowrap}.status-clear{background:rgba(79,140,109,.13);color:var(--clear)}.status-action{background:rgba(183,96,85,.13);color:var(--action)}.status-clarify{background:rgba(179,138,70,.15);color:var(--clarify)}.status-unknown{background:rgba(125,136,141,.13);color:var(--unknown)}
.portfolio-card .status-clear{background:rgba(112,181,140,.14);color:#9bd0ae}.portfolio-card .status-action{background:rgba(216,112,96,.14);color:#e7a296}.portfolio-card .status-clarify{background:rgba(216,177,91,.14);color:#e7c784}.portfolio-card .status-unknown{background:rgba(190,201,205,.1);color:#b9c7cb}
.result-section{background:#fbfbfa}.result-register{border:1px solid var(--line);background:#fff;box-shadow:0 10px 28px rgba(16,45,57,.025)}.register-head,.register-row{display:grid;grid-template-columns:1.25fr .65fr 1fr 1.25fr 1.3fr;gap:18px;align-items:center}.register-head{padding:13px 19px;background:#f3f5f4;color:#78878c;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.register-row{padding:20px 19px;border-top:1px solid var(--line);font-size:13px}.register-row>span:not(.status){color:#5d6b71}.caption{font-size:11px;color:#899599;margin:12px 0 0}
.grid{display:grid;gap:16px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}
.feature-card,.system-card,.phase-card,.role-card,.status-card{border:1px solid var(--line);background:rgba(255,255,255,.88);padding:25px;transition:.2s ease}.feature-card:hover,.system-card:hover,.phase-card:hover,.role-card:hover{transform:translateY(-2px);border-color:#c8d4d2;box-shadow:0 10px 30px rgba(15,34,43,.05)}
.feature-card p,.system-card p{margin:10px 0 0;color:var(--muted);font-size:13px}.icon-wrap{width:40px;height:40px;display:grid;place-items:center;background:#eef4f2;color:#466f75;margin-bottom:22px}.feature-card h3,.system-card h3{font-size:16px}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase-card{min-height:324px;display:flex;flex-direction:column}.phase-no{font-size:11px;font-weight:800;color:#789096;margin-bottom:28px}.phase-card h3{font-size:24px}.phase-card .problem{color:#748187;font-size:13px;min-height:40px;margin:10px 0 22px}.phase-card ul,.role-card ul{list-style:none;padding:0;margin:0}.phase-card li,.role-card li{position:relative;padding:8px 0 8px 17px;border-top:1px solid #e8eceb;color:#56656b;font-size:13px}.phase-card li::before,.role-card li::before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;border:1px solid #78969a;border-radius:50%}
.offer-compare{display:grid;grid-template-columns:auto 1fr 2fr;gap:18px;align-items:center;background:#f2f6f5;border:1px solid #d9e4e2;padding:18px 20px;margin-top:16px;font-size:12px;color:#64747a}.offer-compare strong{color:var(--ink);font-size:13px}
.section-muted{background:#f0f3f1}.case-section{background:#eaf4f3}.case-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:46px;align-items:end}.signal-flow{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:6px}.signal-box{background:#fff;border:1px solid #d8e6e4;padding:22px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px}.signal-box.critical{border-color:rgba(183,96,85,.48);box-shadow:inset 0 3px 0 rgba(183,96,85,.66)}.flow-icon{font-size:12px;color:#6c858b}.flow-arrow{color:#8ca1a5}.case-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d3e2df}.case-facts>div{padding:18px 0}.case-facts>div+div{border-left:1px solid #d3e2df;padding-left:24px}.case-facts span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#849498;margin-bottom:6px}.case-facts strong{font-size:13px}.danger-text{color:var(--action)}
.process-wrap{position:relative}.process-progress{position:absolute;left:10%;right:10%;top:0;height:2px;background:#dfe5e4;overflow:hidden}.process-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#78999e 0%,#78999e 82%,#dfe5e4 82%)}.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:18px}.process-step{padding:24px 18px 28px;border-right:1px solid var(--line);position:relative}.process-step:before{content:"";position:absolute;top:-23px;left:18px;width:8px;height:8px;border-radius:50%;background:var(--bg);border:2px solid #78999e}.process-step:last-child{border-right:0}.process-step>span{display:block;font-size:11px;color:#789096;margin-bottom:22px}.process-step strong{display:block;font-size:14px;margin-bottom:8px}.process-step p{font-size:12px;color:var(--muted);margin:0}
.status-section{background:var(--navy);color:#fff}.section-heading.light h2{color:#fff}.section-heading.light .eyebrow{color:#a7bec5}.status-grid{gap:12px}.status-card{background:#fff;color:var(--ink);border:0;min-height:210px}.status-card h3{margin-top:28px}.status-card p{color:#637278;font-size:13px;margin-top:10px}.principle{margin-top:38px;text-align:center;font-size:18px;font-weight:700;letter-spacing:-.02em;color:#d7e3e6}
.roles-grid{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:16px}.role-card{min-height:308px}.role-card h3{font-size:21px;margin:28px 0 20px}.role-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.role-primary li{color:#c7d5d9;border-color:rgba(255,255,255,.12)}.role-primary li::before{border-color:#aac0c5}.role-kicker{font-size:10px;color:#789096;font-weight:800}.role-primary .role-kicker{color:#a2bac0}
.report-grid{display:grid;grid-template-columns:.9fr 1fr;gap:82px;align-items:center}.report-real{position:relative;min-height:540px}.report-page{position:absolute;width:320px;box-shadow:0 22px 52px rgba(16,45,57,.12);border:1px solid #e1e5e4;background:#fff}.report-one{left:0;top:30px;z-index:3}.report-two{left:54px;top:0;z-index:2;transform:rotate(2deg);opacity:.78}.report-three{left:92px;top:48px;z-index:1;transform:rotate(4deg);opacity:.5}.report-copy>p:not(.eyebrow){color:var(--muted);max-width:610px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;list-style:none;padding:0;margin:28px 0 32px}.check-list li{padding:10px 0;border-top:1px solid #dde3e2;font-size:13px}.check-list li::before{content:"✓";margin-right:10px;color:var(--clear)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:700;font-size:15px;position:relative;padding-right:30px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;color:#789096;font-size:21px;font-weight:400}details[open] summary:after{content:"–"}details p{margin:-4px 0 20px;color:var(--muted);font-size:13px;max-width:760px}
.cta-section{background:var(--navy);color:#fff;padding:72px 0}.cta-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.cta-inner h2{font-size:clamp(36px,4.3vw,58px)}.cta-inner p:not(.eyebrow){color:#b7c8cd;max-width:740px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.cta-mail{font-size:13px;color:#c5d4d8}.cta-section .eyebrow{color:#a7bec5}
.site-footer{padding:48px 0 26px;background:#fafaf8}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.footer-grid p{font-size:12px;color:#718086;margin:18px 0 0}.footer-grid>div:last-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.micro-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#819196;font-weight:800}.footer-grid a:not(.brand){font-size:13px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:38px;padding-top:20px;font-size:11px;color:#879397}.footer-bottom>div{display:flex;gap:18px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}
.legal-page{padding:84px 0 110px}.legal-inner{max-width:860px}.legal-page h1{font-size:56px;margin-bottom:48px}.legal-copy{max-width:720px}.legal-copy h2{font-size:19px;margin:38px 0 12px;letter-spacing:-.02em}.legal-copy p{color:#58676d}.legal-copy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){
 .section{padding:76px 0}.hero-grid,.report-grid,.cta-inner,.faq-grid{grid-template-columns:1fr}.hero-grid{gap:36px}.portfolio-card{max-width:720px}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.phase-grid{grid-template-columns:1fr}.phase-card{min-height:0}.process-progress{display:none}.process{grid-template-columns:1fr;padding-top:0}.process-step{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 150px 1fr;align-items:start}.process-step:before{display:none}.process-step:last-child{border-bottom:0}.process-step>span,.process-step p{margin:0}.roles-grid{grid-template-columns:1fr}.role-card{min-height:0}.report-grid{gap:34px}.report-real{min-height:470px}.cta-actions{align-items:flex-start}.signal-flow{grid-template-columns:1fr 26px 1fr;gap:8px}.signal-flow .flow-arrow:nth-of-type(2),.signal-flow .flow-arrow:nth-of-type(3){display:none}.offer-compare{grid-template-columns:1fr}
}
@media(max-width:760px){
 .container{width:min(100% - 28px,var(--max))}.section{padding:62px 0}.compact-section{padding:56px 0}.header-inner{min-height:64px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:64px;background:#fff;border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:13px 12px}.main-nav .button{margin-top:4px}
 h1{font-size:clamp(42px,13vw,58px)}h2{font-size:35px}.lead{font-size:16px}.hero{padding:54px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.audience-line{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.audience-line span::after{display:none}.portfolio-card{padding:20px}.portfolio-foot{display:none}
 .register-head{display:none}.register-row{grid-template-columns:1fr;gap:8px}.register-row>span:not(.status)::before{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#98a3a7;margin-bottom:2px}.register-row>span:nth-child(3)::before{content:"Nachweis"}.register-row>span:nth-child(4)::before{content:"Offener Punkt"}.register-row>span:nth-child(5)::before{content:"Nächster Schritt"}
 .grid.four,.grid.three{grid-template-columns:1fr}.feature-card,.system-card{display:grid;grid-template-columns:46px 1fr;column-gap:14px}.feature-card .icon-wrap,.system-card .icon-wrap{grid-row:1/3;margin:0}.feature-card p,.system-card p{margin-top:6px}
 .case-grid{grid-template-columns:1fr;gap:28px}.signal-flow{grid-column:auto;grid-template-columns:1fr}.flow-arrow{display:block!important;transform:rotate(90deg);text-align:center}.case-facts{grid-column:auto;grid-template-columns:1fr}.case-facts>div+div{border-left:0;border-top:1px solid #d3e2df;padding-left:0}
 .process-step{grid-template-columns:42px 1fr}.process-step p{grid-column:2;margin-top:6px}.check-list{grid-template-columns:1fr}.report-real{min-height:390px}.report-page{width:235px}.report-one{left:0;top:28px}.report-two{left:38px}.report-three{left:66px;top:45px}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{align-items:flex-start;gap:16px;flex-direction:column}.legal-page{padding:58px 0 80px}.legal-page h1{font-size:42px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.reveal{opacity:1;transform:none}}


/* V3: stronger paid migration-management upsell */
.migration-upsell{
  background:var(--navy);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.migration-upsell:after{
  content:"";
  position:absolute;
  width:460px;height:460px;border:1px solid rgba(255,255,255,.055);
  border-radius:50%;right:-190px;top:-190px;
  box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012);
  pointer-events:none;
}
.upsell-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:84px;align-items:center;position:relative;z-index:1}
.upsell-intro .eyebrow{color:#a8c0c6}
.upsell-badge{
  display:inline-flex;padding:6px 9px;border:1px solid rgba(255,255,255,.18);
  color:#d4e2e5;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:20px
}
.upsell-intro h2{color:#fff;max-width:660px}
.upsell-intro>p:not(.eyebrow):not(.upsell-note){color:#bfd0d4;max-width:650px;font-size:16px;margin:22px 0 30px}
.upsell-note{font-size:10px;color:#829ea6;max-width:570px;margin:16px 0 0}
.upsell-workflow{border-top:1px solid rgba(255,255,255,.15)}
.upsell-workflow article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.upsell-workflow article>span{font-size:10px;color:#90aab1;font-weight:800;padding-top:3px}
.upsell-workflow strong{display:block;font-size:16px;letter-spacing:-.02em;margin-bottom:5px}
.upsell-workflow p{color:#aebfc4;font-size:12px;margin:0;max-width:620px}

/* V3: pictograms more Framer-like */
.icon-wrap{
  border:1px solid #e3e9e7;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
.icon-wrap svg{width:21px;height:21px;stroke-width:1.55}

/* stronger recognition of paid upsell in nav flow */
@media(max-width:980px){
  .upsell-grid{grid-template-columns:1fr;gap:42px}
}
@media(max-width:760px){
  .migration-upsell{padding:62px 0}
  .upsell-workflow article{grid-template-columns:38px 1fr}
}


/* Working Netlify contact form */
.contact-form-section{background:var(--navy);color:#fff;padding:78px 0}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:76px;align-items:start}
.contact-copy h2{color:#fff;max-width:580px}
.contact-copy>p:not(.eyebrow){color:#b7c8cd;max-width:560px;font-size:15px;margin:20px 0 0}
.contact-points{display:flex;flex-direction:column;gap:9px;margin:30px 0 26px;color:#d3dfe2;font-size:12px}
.contact-points span:before{content:"✓";margin-right:9px;color:#9fb9bf}
.contact-copy .cta-mail{color:#b9cbd0;font-size:13px}

.contact-form{background:#fff;color:var(--ink);padding:30px;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 60px rgba(0,0,0,.12)}
.contact-form label{display:block}
.contact-form label>span:first-child{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6f7e83;margin-bottom:7px}
.form-row{display:grid;gap:14px}
.form-row.two{grid-template-columns:1fr 1fr}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form select,
.contact-form textarea{
  width:100%;border:1px solid #d9e1de;background:#fafbf9;color:var(--ink);
  font:inherit;font-size:13px;padding:12px 13px;border-radius:0;outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:#76979b;box-shadow:0 0 0 3px rgba(118,151,155,.10)
}
.contact-form label+label,
.contact-form .form-row+label,
.contact-form label+.form-row,
.contact-form .form-row+.form-row{margin-top:15px}
.contact-form textarea{resize:vertical;min-height:104px}
.privacy-check{display:grid!important;grid-template-columns:18px 1fr;gap:9px;align-items:start;margin-top:18px!important}
.privacy-check input{margin:3px 0 0}
.privacy-check span{font-size:10px!important;line-height:1.5!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;color:#6d7a7f!important;margin:0!important}
.privacy-check a{text-decoration:underline;text-underline-offset:2px}
.form-submit{margin-top:20px;background:var(--navy);color:#fff;border-color:var(--navy);width:100%}
.form-note{display:block;margin-top:10px;color:#8b969a;font-size:9px;text-align:center}
.hidden-field{position:absolute!important;left:-9999px!important}

.thankyou-page{min-height:70vh;display:grid;place-items:center;padding:80px 0}
.thankyou-card{max-width:700px;background:#fff;border:1px solid var(--line);padding:48px;box-shadow:var(--shadow)}
.thankyou-card h1{font-size:48px;margin-bottom:20px}
.thankyou-card p{color:var(--muted)}
.thankyou-card .button{margin-top:18px}

@media(max-width:980px){
  .contact-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:760px){
  .contact-form{padding:22px 18px}
  .form-row.two{grid-template-columns:1fr}
}


/* Guided lead form V2 */
.form-intro{
  border-bottom:1px solid #e3e8e6;
  padding-bottom:20px;
  margin-bottom:20px;
}
.form-eyebrow{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#62777d;
  margin-bottom:7px;
}
.form-intro p{
  margin:0;
  color:#718086;
  font-size:12px;
  line-height:1.6;
}
.form-group-block{margin-top:20px}
.form-group-title{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6f7e83;
}
.form-group-help{
  display:block;
  margin-top:4px;
  color:#8a969a;
  font-size:10px;
}
.check-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:12px;
}
.choice-chip{
  display:flex!important;
  align-items:center;
  gap:9px;
  border:1px solid #dbe2df;
  background:#fafbf9;
  padding:10px 11px;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.choice-chip:hover{
  border-color:#aebfbb;
  background:#f3f7f5;
}
.choice-chip input{
  accent-color:#102d39;
  margin:0;
}
.choice-chip span{
  margin:0!important;
  font-size:11px!important;
  line-height:1.3!important;
  color:#4f6066!important;
  letter-spacing:0!important;
  text-transform:none!important;
  font-weight:600!important;
}
.message-template-box{
  margin-top:20px;
  border:1px solid #d8e1de;
  background:#f4f7f5;
}
.template-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 15px;
  border-bottom:1px solid #dce4e1;
}
.template-button{
  flex:0 0 auto;
  border:1px solid #aebfbb;
  background:#fff;
  color:#33484f;
  padding:8px 10px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.template-button:hover{background:#eef4f1}
.template-example{
  padding:14px 15px 16px;
}
.template-example>span{
  display:block;
  color:#849398;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:6px;
}
.template-example p{
  margin:0;
  color:#5f7076;
  font-size:11px;
  line-height:1.65;
  font-style:italic;
}
.form-info-note{
  margin-top:14px;
  border-left:3px solid #94aaa9;
  background:#f7f9f8;
  padding:11px 13px;
  color:#718086;
  font-size:10px;
  line-height:1.55;
}
.form-info-note strong{
  display:block;
  color:#4f6066;
  margin-bottom:2px;
}
@media(max-width:760px){
  .check-grid{grid-template-columns:1fr}
  .template-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* FINAL: smooth anchor positioning under sticky header */
#schrofield-contact-form{scroll-margin-top:96px}

/* FINAL: German success page */
.success-body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:#f7f7f4;
}
.success-page{
  flex:1;
  display:grid;
  place-items:center;
  padding:76px 0 88px;
  background:
    radial-gradient(circle at 80% 22%, rgba(124,168,168,.10), transparent 28%),
    #f7f7f4;
}
.success-layout{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:42px;
  align-items:stretch;
}
.success-main{
  background:#fff;
  border:1px solid var(--line);
  padding:48px 50px;
  box-shadow:0 18px 50px rgba(15,34,43,.06);
}
.success-symbol{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:30px;
  color:#4b8c6b;
}
.success-symbol svg{
  width:58px;
  height:58px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.success-main h1{
  font-size:clamp(48px,5vw,68px);
  line-height:.98;
  margin-bottom:22px;
}
.success-lead{
  max-width:720px;
  margin:0;
  color:#5f6e74;
  font-size:17px;
  line-height:1.7;
}
.success-next{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.success-steps{
  margin-top:12px;
}
.success-steps article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  padding:15px 0;
  border-top:1px solid #e7ecea;
}
.success-steps article:first-child{
  border-top:0;
}
.success-step-no{
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:#789096;
  padding-top:2px;
}
.success-steps strong{
  display:block;
  font-size:14px;
  margin-bottom:4px;
}
.success-steps p{
  margin:0;
  color:#738187;
  font-size:12px;
  line-height:1.55;
}
.success-actions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:32px;
}
.success-side{
  background:var(--navy);
  color:#fff;
  padding:34px;
  min-height:100%;
  box-shadow:0 18px 50px rgba(15,34,43,.09);
}
.success-side-head{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.success-side .micro-label{
  color:#9db5bc;
}
.success-side-head strong{
  font-size:24px;
  letter-spacing:-.03em;
}
.success-side-rule{
  height:1px;
  background:rgba(255,255,255,.14);
  margin:28px 0;
}
.success-side-block{
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.success-side-block span{
  display:block;
  font-size:8px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#8fa8af;
  margin-bottom:7px;
}
.success-side-block strong{
  font-size:13px;
  letter-spacing:.02em;
}
.success-side-note{
  margin-top:34px;
  padding:18px;
  border:1px solid rgba(255,255,255,.11);
  color:#c7d6da;
  font-size:12px;
  line-height:1.55;
}
.success-footer{
  padding-top:0;
}
.success-back-top{
  font-size:12px;
}

@media(max-width:980px){
  .success-layout{grid-template-columns:1fr}
  .success-side{min-height:auto}
}
@media(max-width:760px){
  .success-page{padding:44px 0 60px}
  .success-main{padding:32px 22px}
  .success-main h1{font-size:46px}
  .success-actions{
    align-items:flex-start;
    flex-direction:column;
  }
}