/* Geroldinger FinanzSteuerung Pilot | scoped component stylesheet | v1.0.2
   No changes to global navigation, other website pages or GDS tokens. */
.gds-faas {
  --ink:var(--gds-navy,#18324A);
  --ink2:var(--gds-slate,#66737F);
  --green:var(--gds-petrol,#2F6F73);
  --mint:#e9f1f1;
  --line:var(--gds-line,#D8DEE3);
  --cream:var(--gds-mist,#F3F5F6);
  --white:#fff;
  --gold:#b17a22;
  --red:#a44747;
  --shadow:0 14px 60px rgba(24,50,74,.08);
  background:var(--white); color:var(--ink);
  font-family:var(--gds-font,Inter,Arial,sans-serif);
  font-size:16px;line-height:1.65;
  overflow:clip;
}
.gds-faas *, .gds-faas *::before, .gds-faas *::after {box-sizing:border-box}
.gds-faas a:focus-visible, .gds-faas summary:focus-visible {outline:3px solid #B17A22;outline-offset:3px}
.gds-faas .btn{background:var(--green);color:white}
.gds-faas .btn.outline{color:var(--green);background:transparent}
.gds-faas .btn:hover{background:#23575b}
.gds-faas .btn.outline:hover{background:#e9f1f1}
.gds-faas .hero h1,.gds-faas h2,.gds-faas h3{font-family:var(--gds-font,Inter,Arial,sans-serif)}
.gds-faas .hero h1{overflow-wrap:anywhere}
@media (prefers-reduced-motion: reduce){.gds-faas *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.gds-faas a{color:inherit}
.gds-faas a:focus-visible, .gds-faas button:focus-visible, .gds-faas summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.gds-faas .shell{max-width:1160px;margin:auto;padding:0 26px}
.gds-faas .eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#35786c;margin:0 0 15px}
.gds-faas .btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;gap:8px;border:1px solid transparent;padding:14px 21px;background:var(--green);color:white;font-weight:750;border-radius:7px;box-shadow:0 4px 14px rgba(7,74,65,.08);cursor:pointer;font-size:15px}
.gds-faas .btn:hover{background:#104b43}
.gds-faas .btn.outline{background:transparent;border-color:#aabeb7;color:var(--green);box-shadow:none}
.gds-faas .btn.outline:hover{background:#f0f5f2}
.gds-faas .small{font-size:13px}
.gds-faas .muted{color:var(--ink2)}
.gds-faas .hero{background:linear-gradient(145deg,#f2f5f1 2%,#fbfaf5 83%);border-bottom:1px solid var(--line);overflow:hidden}
.gds-faas .hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:55px;align-items:center;padding-top:90px;padding-bottom:88px}
.gds-faas .hero h1{font-size:clamp(40px,5.2vw,66px);line-height:1.08;letter-spacing:-.052em;margin:0 0 23px;font-weight:780}
.gds-faas .hero h1 em{font-style:normal;color:var(--green)}
.gds-faas .hero p.lead{font-size:20px;line-height:1.62;color:#3d585a;max-width:625px;margin:0 0 28px}
.gds-faas .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.gds-faas .micro{margin-top:18px;font-size:13px;color:#59726e}
.gds-faas .hero-aside{background:#fff;border:1px solid #dae6df;border-radius:16px;box-shadow:var(--shadow);padding:28px;position:relative}
.gds-faas .hero-aside:before{position:absolute;content:"";background:#d1a05f;width:60px;height:5px;border-radius:9px;top:0;left:30px}
.gds-faas .hero-aside h2{font-size:23px;line-height:1.3;margin:12px 0 21px;letter-spacing:-.025em}
.gds-faas .point{display:flex;gap:12px;margin:15px 0;align-items:flex-start}
.gds-faas .tick{background:var(--mint);border-radius:50%;display:grid;place-items:center;width:26px;height:26px;min-width:26px;color:var(--green);font-size:16px;font-weight:bold}
.gds-faas .point strong{display:block;line-height:1.3}
.gds-faas .point span{font-size:13px;color:#667c78}
.gds-faas .divider{border-top:1px solid var(--line);margin:22px 0}
.gds-faas .trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.gds-faas .trust-inner{padding-top:19px;padding-bottom:19px;display:flex;gap:35px;align-items:center;justify-content:space-between}
.gds-faas .trust-inner strong{font-size:14px}
.gds-faas .trust-inner span{display:block;color:var(--ink2);font-size:12px}
.gds-faas .sec{padding:86px 0}
.gds-faas .section-head{max-width:780px;margin:0 0 38px}
.gds-faas .section-head h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.045em;line-height:1.17;margin:0 0 16px}
.gds-faas .section-head p{font-size:18px;color:var(--ink2);margin:0}
.gds-faas .faas-problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.gds-faas .faas-problem-card{border:1px solid var(--line);background:#fff;padding:27px;border-radius:13px}
.gds-faas .num{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.1em}
.gds-faas .faas-problem-card h3{font-size:22px;line-height:1.25;margin:12px 0 10px;letter-spacing:-.03em}
.gds-faas .faas-problem-card p{margin:0;color:var(--ink2);font-size:15px}
.gds-faas .soft{background:var(--cream)}
.gds-faas .what-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.gds-faas .check-list{list-style:none;padding:0;margin:0}
.gds-faas .check-list li{padding:13px 0 13px 34px;position:relative;border-bottom:1px solid #dfe5e0}
.gds-faas .check-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.gds-faas .check-list li strong{display:block;line-height:1.4}
.gds-faas .check-list li span{display:block;font-size:14px;color:#607875}
.gds-faas .side-note{background:#e8f0e9;border-left:4px solid var(--green);padding:18px 20px;border-radius:0 8px 8px 0;color:#2e524a;margin-top:25px;font-size:14px}
.gds-faas .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gds-faas .faas-flow-step{border:1px solid var(--line);border-top:3px solid #85ada0;border-radius:7px;background:#fff;padding:22px 18px;min-width:0}
.gds-faas .faas-flow-step b{display:block;font-size:18px;margin:8px 0}
.gds-faas .faas-flow-step p{font-size:14px;color:var(--ink2);margin:0}
.gds-faas .pricing{background:#173b3a;color:#fff}
.gds-faas .pricing-grid{display:grid;grid-template-columns:1fr .95fr;gap:60px;align-items:center}
.gds-faas .pricing .eyebrow{color:#a5dcc8}
.gds-faas .pricing h2{font-size:clamp(30px,3.6vw,45px);line-height:1.17;letter-spacing:-.045em;margin:0 0 16px}
.gds-faas .pricing p{color:#dce9e2}
.gds-faas .price-box{border-radius:15px;background:#fff;color:var(--ink);padding:33px;box-shadow:0 20px 65px rgba(0,0,0,.19)}
.gds-faas .flag{display:inline-block;background:#e4efe8;color:var(--green);padding:5px 11px;border-radius:50px;font-size:12px;font-weight:750}
.gds-faas .price{display:flex;gap:9px;align-items:baseline;margin:16px 0 0}
.gds-faas .price strong{font-size:52px;line-height:1.2;letter-spacing:-.05em}
.gds-faas .price span{color:#66817d;font-size:14px}
.gds-faas .setup{font-size:15px;margin:2px 0 20px;color:var(--ink2)}
.gds-faas .price-box .btn{width:100%;margin-top:17px}
.gds-faas .fine{font-size:12px;color:#68817b;line-height:1.6}
.gds-faas .price-box ul{padding-left:20px;color:var(--ink2);font-size:14px}
.gds-faas .price-box li{margin:7px 0}
.gds-faas .who{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.gds-faas .panel{padding:28px;border:1px solid var(--line);border-radius:12px}
.gds-faas .panel h3{margin:0 0 16px;font-size:23px}
.gds-faas .panel ul{padding-left:20px;color:var(--ink2)}
.gds-faas .panel li{margin:8px 0}
.gds-faas .not{background:#f7f8f5}
.gds-faas .trustblock{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px;align-items:start}
/* Plain GDS-aligned proof list: no portrait tile, initial or decorative gradient. */
.gds-faas .faas-trust-facts{border-left:3px solid var(--green);padding:4px 0 4px 25px;min-width:0}
.gds-faas .faas-trust-facts .eyebrow{margin:0 0 8px;color:var(--green)}
.gds-faas .faas-trust-facts ul{list-style:none;margin:0;padding:0}
.gds-faas .faas-trust-facts li{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}
.gds-faas .faas-trust-facts li:last-child{border-bottom:0}
.gds-faas .faas-trust-facts strong{display:block;color:var(--ink);font-size:16px;line-height:1.4;font-weight:750}
.gds-faas .faas-trust-facts span{display:block;color:var(--ink2);font-size:14px;line-height:1.6;margin-top:5px}
.gds-faas .trustblock h2{font-size:37px;letter-spacing:-.04em;line-height:1.2;margin:0 0 15px}
.gds-faas .trustblock p{color:var(--ink2)}
.gds-faas .quote{border-left:4px solid var(--gold);padding-left:19px;margin-top:24px;font-style:italic;font-size:21px;line-height:1.4}
.gds-faas .faqs{max-width:860px}
.gds-faas .faqs details{border-bottom:1px solid var(--line);padding:19px 5px}
.gds-faas .faqs details:first-child{border-top:1px solid var(--line)}
.gds-faas .faqs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:720;font-size:17px;gap:20px}
.gds-faas .faqs summary::-webkit-details-marker{display:none}
.gds-faas .faqs summary:after{content:"+";font-size:24px;color:var(--green)}
.gds-faas .faqs details[open] summary:after{content:"−"}
.gds-faas .faqs details p{margin:12px 0 0;max-width:740px;color:var(--ink2)}
.gds-faas .contact{background:#edf2ed}
.gds-faas .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start}
.gds-faas .contact h2{font-size:40px;line-height:1.16;letter-spacing:-.045em;margin:0 0 17px}
.gds-faas .contact p{color:var(--ink2)}
.gds-faas .form-card{border:1px solid #d3dfd6;border-radius:14px;background:#fff;padding:32px;box-shadow:var(--shadow)}
.gds-faas .form-card h3{margin:0 0 6px;font-size:23px}
.gds-faas .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gds-faas .field.full{grid-column:1/-1}
.gds-faas label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
.gds-faas input, .gds-faas select, .gds-faas textarea{border:1px solid #bfcfc5;width:100%;background:#fff;color:var(--ink);font:inherit;border-radius:6px;padding:12px 11px;min-height:47px}
.gds-faas textarea{resize:vertical;min-height:100px}
.gds-faas .form-note{font-size:12px;color:#698078;margin:15px 0}
.gds-faas .preview-alert{background:#fff7e9;border:1px solid #efd5ad;border-radius:8px;padding:12px 14px;color:#745527;font-size:13px;margin:15px 0}
.gds-faas .secondary-link{color:var(--green);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.gds-faas .sp{height:16px}
.gds-faas .mini-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.gds-faas .mini-table tr{border-top:1px solid #dce8e1}
.gds-faas .mini-table td{padding:11px 4px}
.gds-faas .mini-table td:last-child{text-align:right;font-weight:700}
.gds-faas .screen-reader{position:absolute;left:-9999px}
.gds-faas .small-box{background:#f3f7f2;padding:18px;border-radius:8px;font-size:14px}
@media (max-width:960px){.gds-faas .hero-grid, .gds-faas .what-grid, .gds-faas .pricing-grid, .gds-faas .trustblock, .gds-faas .contact-grid{grid-template-columns:1fr;gap:35px}
.gds-faas .hero-grid{padding-top:60px;padding-bottom:60px}
.gds-faas .trust-inner{gap:16px;flex-wrap:wrap;justify-content:flex-start}
.gds-faas .faas-problem-cards{grid-template-columns:1fr 1fr}
.gds-faas .flow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){.gds-faas .shell{padding:0 19px}
.gds-faas .hero h1{font-size:41px}
.gds-faas .hero p.lead{font-size:18px}
.gds-faas .hero-actions .btn{width:100%}
.gds-faas .sec{padding:58px 0}
.gds-faas .faas-problem-cards, .gds-faas .who, .gds-faas .flow, .gds-faas .fields{grid-template-columns:1fr}
.gds-faas .field.full{grid-column:auto}
.gds-faas .price strong{font-size:45px}
.gds-faas .form-card{padding:22px}
.gds-faas .contact h2{font-size:32px}
.gds-faas .trustblock h2{font-size:30px}}
/* GDS overrides kept after all inherited demo rules. */

/* 2026-10-23: Contrast corrections against the CURRENT global GDS CSS.
   The global body.gds-page typography sets light headings for dark service pages,
   which otherwise overrides this landing page's light hero and pilot price card. */
body.gds-page main.gds-faas .hero h1 { color:var(--gds-navy,#18324A)!important; }
body.gds-page main.gds-faas .hero .eyebrow { color:#2F6F73!important; }
body.gds-page main.gds-faas .hero-aside { color:var(--gds-navy,#18324A)!important; }
body.gds-page main.gds-faas .hero-aside .point strong { color:var(--gds-navy,#18324A)!important; }
body.gds-page main.gds-faas .pricing h2 { color:#fff!important; }
body.gds-page main.gds-faas .pricing .price-box p,
body.gds-page main.gds-faas .pricing .price-box .setup,
body.gds-page main.gds-faas .pricing .price-box .fine { color:var(--gds-slate,#66737F)!important; }
