:root{
 --ink:#123a32;--green:#0b5b46;--green2:#238548;--lime:#d8dc25;--soft:#f2f7f3;
 --paper:#fff;--muted:#60706b;--line:#dce7e0;--dark:#073d32;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:30;background:#fffffff4;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav{height:80px;display:flex;align-items:center;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:11px}
.mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,var(--lime),var(--green2));position:relative;box-shadow:0 7px 20px #0b5b461a}
.mark:after{content:"A";position:absolute;inset:0;display:grid;place-items:center;font-weight:950;font-size:25px;color:#fff}
.word{font-size:25px;font-weight:900;letter-spacing:-.04em;color:var(--dark)}.word b{color:var(--green2)}.word small{font-size:10px;letter-spacing:.11em;display:block;font-weight:800;color:var(--muted);margin-top:-4px}
.links{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:14px;font-weight:800}.links a{text-decoration:none}.partner-link{color:var(--green2)!important}
.btn{display:inline-block;background:var(--lime);color:#17342b;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:900;border:0}
.btn.dark{background:var(--dark);color:#fff}.btn.ghost{background:transparent;border:1px solid #ffffff80;color:#fff}
.hero{min-height:650px;display:flex;align-items:center;color:#fff;background:
 linear-gradient(90deg,rgba(5,61,50,.97) 0%,rgba(7,75,58,.84) 53%,rgba(16,99,71,.56) 100%)}
.hero .copy{max-width:860px;padding:90px 0}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:950;color:var(--green2)}
.hero .eyebrow{color:#e6e84a}h1{font-size:clamp(45px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 22px;color:#fff}
h2{font-size:clamp(31px,4vw,50px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 18px;color:var(--dark)}
h3{font-size:22px;line-height:1.2;margin:0 0 10px;color:var(--dark)}.lead{font-size:20px;max-width:800px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
section{padding:88px 0}.soft{background:var(--soft)}.section-head{max-width:820px;margin-bottom:34px}
.eyebrow:not(.hero .eyebrow){display:inline-block;padding:5px 10px;border-radius:999px;background:#e8f3eb;color:var(--green)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;min-height:245px;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(9,74,58,.05)}
.card p{color:var(--muted)}.card .icon{font-size:28px;margin-bottom:14px}.card a{margin-top:auto;font-weight:900;text-decoration:none;color:var(--green)}
.band{background:var(--dark);color:#fff}.band h2,.band h3{color:#fff}.band p{color:#d7e5df}.band .eyebrow{background:#ffffff15;color:#e6e84a}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:3px solid var(--lime);padding:22px 18px;background:#ffffff0b;border-radius:0 0 18px 18px}.step b{font-size:12px;letter-spacing:.15em;color:#e6e84a}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}
.check{display:grid;gap:13px}.check div{padding:15px 17px;background:#f7faf8;border-radius:14px;border:1px solid var(--line)}.check b{color:var(--green)}
.callout{background:linear-gradient(120deg,#eef7ef,#f8f9df);border:1px solid #dce7c9;border-radius:26px;padding:38px}
.note{font-size:13px;color:var(--muted)}
.cta{background:linear-gradient(110deg,var(--green),#167451);color:#fff}.cta h2,.cta p{color:#fff}.cta .btn{margin-top:8px}
footer{background:#062f28;color:#c9d8d3;padding:48px 0;font-size:14px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.foot a{color:#fff}.foot h3{color:#fff;font-size:16px}
@media(max-width:900px){.links a:not(.btn){display:none}.grid,.grid4,.steps{grid-template-columns:1fr 1fr}.split,.foot{grid-template-columns:1fr}.hero{min-height:590px}}
@media(max-width:620px){nav{height:72px}.word{font-size:22px}.grid,.grid4,.steps{grid-template-columns:1fr}section{padding:64px 0}.hero .copy{padding:65px 0}.links{gap:8px}.links .btn{padding:9px 12px;font-size:12px}}

/* shared contact form */
.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line,#dce7e0);border-radius:12px;font:inherit;background:#fff;color:#123a32}.contact-form textarea{resize:vertical}.contact-form .consent{display:block;font-size:13px;font-weight:500;color:var(--muted,#60706b)}.contact-form .consent input{width:auto;margin-right:7px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* AppliKat v5 – visual refinement */
.hero{min-height:610px;background:linear-gradient(112deg,#073d32 0%,#0b5b46 58%,#277655 100%)}
.hero .copy{max-width:900px;padding:82px 0 88px}
.hero .lead{max-width:790px;color:#e2ece7;font-size:19px;line-height:1.65}
.hero-actions .btn.ghost{border-color:#ffffff66;background:#ffffff0a}
section{padding:78px 0}
.section-head{margin-bottom:30px}
.card{min-height:225px;padding:26px}
.card .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef5ef;color:var(--green);font-size:17px;font-weight:950}
.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.application{padding:24px 22px;border-top:3px solid var(--green2);background:#f7faf8;border-radius:0 0 18px 18px;min-height:180px}
.application span{font-size:11px;letter-spacing:.15em;font-weight:950;color:var(--green2)}
.application h3{font-size:19px;margin-top:10px}.application p{margin-bottom:0;color:var(--muted)}
#partner-finden>.wrap>.panel{max-width:900px;margin-left:auto;margin-right:auto}
#partner-finden .split{align-items:start}
#partner-finden .panel h3{margin-bottom:8px}
@media(max-width:900px){.application-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.application-grid{grid-template-columns:1fr}.hero{min-height:560px}.hero .copy{padding:62px 0 68px}.hero .lead{font-size:18px}section{padding:60px 0}}

/* =========================================================
   AppliKat Corporate Design 2026 — Premium Blue / Gold / Green
   ========================================================= */
:root{
  --ak-blue:#0A3764;
  --ak-blue-2:#0D477E;
  --ak-gold:#FFB300;
  --ak-gold-hover:#FFC233;
  --ak-green:#4CAF50;
  --ak-green-dark:#327C36;
  --ak-white:#FFFFFF;
  --ak-soft:#F8F9FA;
  --ak-text:#2C3E50;
  --ak-muted:#536579;
  --ak-line:#DDE5EC;
  --ak-radius:18px;
  --ak-shadow:0 16px 42px rgba(10,55,100,.09);
  --ink:var(--ak-text);--green:var(--ak-green);--green2:var(--ak-green);
  --lime:var(--ak-gold);--soft:var(--ak-soft);--paper:#fff;--muted:var(--ak-muted);
  --line:var(--ak-line);--dark:var(--ak-blue);
}
body{font-family:Inter,"Helvetica Neue",Roboto,Arial,sans-serif;color:var(--ak-text);background:#fff}
p{color:var(--ak-text)}
.wrap{max-width:1180px}

/* Header / brand */
header{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(10,55,100,.10);box-shadow:0 4px 22px rgba(10,55,100,.045);backdrop-filter:blur(14px)}
nav{height:94px}
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{display:block;width:230px;height:auto;max-height:76px;object-fit:contain;object-position:left center}
.links{color:var(--ak-blue);gap:22px}
.links a:not(.btn){position:relative}
.links a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ak-green);transition:right .18s ease}
.links a:not(.btn):hover{color:var(--ak-blue)}
.links a:not(.btn):hover:after{right:0}

/* Typography */
h1,h2,h3{font-family:Inter,"Helvetica Neue",Roboto,Arial,sans-serif;font-weight:800;color:var(--ak-blue)}
h1{letter-spacing:-.045em}h2{letter-spacing:-.035em}h3{letter-spacing:-.02em}
.eyebrow{color:var(--ak-green-dark);font-weight:900;letter-spacing:.14em}
.eyebrow:not(.hero .eyebrow){background:#EAF5EB;color:var(--ak-green-dark)}
.lead{color:var(--ak-text)}

/* Hero */
.hero{min-height:620px;color:#fff;background:linear-gradient(118deg,#082F56 0%,#0A3764 52%,#0D477E 100%)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(76,175,80,.13),transparent 30%),radial-gradient(circle at 70% 76%,rgba(255,179,0,.08),transparent 28%);pointer-events:none}
.hero:after{content:"";position:absolute;right:-120px;top:-170px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.11),transparent 68%);pointer-events:none}
.hero .copy{position:relative;z-index:1;max-width:900px;padding:90px 0 96px}
.hero h1,.hero h2,.hero h3{color:#fff}
.hero .eyebrow{color:#FFD46A}
.hero .lead,.hero p{color:#fff}

/* Buttons */
.btn{background:var(--ak-gold);color:var(--ak-blue);border:1px solid var(--ak-gold);font-weight:900;box-shadow:0 8px 20px rgba(255,179,0,.15);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{background:var(--ak-gold-hover);border-color:var(--ak-gold-hover);color:var(--ak-blue);transform:translateY(-2px);box-shadow:0 11px 28px rgba(255,179,0,.24)}
.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #FFD05A;outline-offset:3px}
.btn.ghost,.hero-actions .btn.ghost{background:transparent;color:#fff;border:1.5px solid #fff;box-shadow:none}
.btn.ghost:hover,.hero-actions .btn.ghost:hover{background:#fff;color:var(--ak-blue);border-color:#fff}
.btn.dark{background:var(--ak-blue);border-color:var(--ak-blue);color:#fff}

/* Sections / cards */
section{padding:82px 0}.soft{background:var(--ak-soft)}
.card{border:1px solid var(--ak-line);border-radius:var(--ak-radius);box-shadow:0 10px 30px rgba(10,55,100,.055);background:#fff}
.card:hover{border-color:#C7D5E2;box-shadow:var(--ak-shadow)}
.card p,.application p,.note{color:var(--ak-muted)}
.card .icon{background:#EEF5FA;color:var(--ak-blue)}
.card a{color:var(--ak-green-dark)}
.application{border-top:3px solid var(--ak-green);background:#fff;box-shadow:0 8px 24px rgba(10,55,100,.04)}
.application span{color:var(--ak-green-dark)}
.panel{border-color:var(--ak-line);box-shadow:0 10px 30px rgba(10,55,100,.045)}
.check div{background:#F8FAFC;border-color:var(--ak-line)}.check b{color:var(--ak-blue)}

/* Dark process band — WCAG-friendly white text */
.band{background:linear-gradient(120deg,#082F56,#0A3764 62%,#0D477E);color:#fff}
.band h2,.band h3,.band p{color:#fff}
.band .eyebrow{background:rgba(255,255,255,.10);color:#FFD46A}
.step{border-top-color:var(--ak-gold);background:rgba(255,255,255,.075)}
.step b{color:#FFD46A}.step p{color:#fff}

/* Conversion area */
#partner-finden{background:linear-gradient(180deg,#fff,#F8F9FA)}
#partner-finden>.wrap>.panel{border-top:4px solid var(--ak-gold);box-shadow:0 18px 48px rgba(10,55,100,.09)}
.contact-form input,.contact-form textarea{color:var(--ak-text);border-color:#C9D6E2;background:#fff}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ak-blue);box-shadow:0 0 0 3px rgba(10,55,100,.10);outline:0}
.contact-form .consent{color:var(--ak-muted)}

/* Footer */
footer{background:#072B4D;color:#fff;border-top:4px solid var(--ak-green)}
footer p,footer .note{color:#fff}footer h3,footer a{color:#fff}
.brand-logo-footer{background:#fff;border-radius:14px;padding:8px 12px;width:max-content;margin-bottom:18px}
.brand-logo-footer img{width:210px;max-height:70px}

@media(max-width:900px){
  nav{height:82px}.brand-logo img{width:205px;max-height:66px}
  .hero{min-height:570px}.hero .copy{padding:72px 0 78px}
}
@media(max-width:620px){
  nav{height:76px}.brand-logo img{width:172px;max-height:58px}.links .btn{padding:10px 13px}
  .hero{min-height:540px}.hero .copy{padding:60px 0 66px}
  h1{font-size:clamp(39px,12vw,56px)}section{padding:62px 0}
}

/* APPLIKAT Masterlogo — integrated into hero, 2026-10-05 */
.hero .copy{max-width:none}
.hero-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:54px;align-items:center}
.hero-text{min-width:0}
.hero-master-logo{display:flex;align-items:center;justify-content:center;width:330px;max-width:100%;padding:12px 16px;background:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.hero-master-logo img{display:block;width:100%;height:auto;max-height:145px;object-fit:contain;object-position:center}
.brand-logo-footer{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:8px 12px;width:234px;max-width:100%;margin-bottom:18px}
.brand-logo-footer img{display:block;width:210px;max-width:100%;max-height:70px;object-fit:contain;object-position:center center;margin:0 auto}
@media(max-width:900px){.hero-content{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.hero-master-logo{width:250px;padding:10px 12px}.hero-master-logo img{max-height:112px}}
@media(max-width:700px){.hero-content{grid-template-columns:1fr}.hero-master-logo{grid-row:1;width:245px;margin:0 0 4px;padding:9px 12px}.hero-master-logo img{max-height:108px}}