@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#0a1720;--ink2:#102630;--paper:#f7f8f5;--white:#fff;--lime:#c7ef55;--mint:#9fe0d2;--muted:#637178;--line:#d9e1de;--soft:#e9efec;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}.container{width:min(var(--max),92%);margin:auto}.site-header{position:absolute;left:0;right:0;top:0;z-index:50;color:#fff}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:1.2px;font-size:16px}.brand b{color:var(--lime)}.brand small{grid-column:2;font-size:8px;letter-spacing:3px;font-weight:600;color:#91aaa9;margin-top:-3px}.brand-mark{grid-row:1/3;display:flex;align-items:flex-end;gap:3px;height:29px}.brand-mark i{display:block;width:8px;background:var(--lime);border-radius:2px}.brand-mark i:nth-child(1){height:15px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:29px}.desktop-nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:600}.desktop-nav a{opacity:.82;transition:.2s}.desktop-nav a:hover{opacity:1}.desktop-nav .nav-cta{opacity:1;border:1px solid rgba(255,255,255,.35);padding:11px 17px;border-radius:999px}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 28%,#21464e 0,#102a33 36%,#08161e 76%);color:#fff;min-height:730px;padding:172px 0 105px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;position:relative;z-index:1}.kicker,.section-number,.strip-label,.tiny-label,.form-title{font-size:10px;letter-spacing:2.2px;font-weight:700}.kicker{color:#a9c3c1;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(199,239,85,.12)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(64px,7.7vw,104px);line-height:.91;letter-spacing:-5px;margin:25px 0 30px}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-lead{max-width:680px;color:#c7d5d4;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px;margin:34px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:999px;padding:15px 22px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}.button-accent{background:var(--lime);color:#0c1b1e}.button-dark{background:var(--ink);color:#fff}.button-outline{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}.text-button{color:#d8e4e2;font-size:13px;font-weight:700}.text-button span{color:var(--lime);margin-left:8px}.micro-note{font-size:11px;color:#7f9998}.security-visual{min-height:560px;position:relative;isolation:isolate}.visual-card{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(15px);box-shadow:0 30px 90px rgba(0,0,0,.2)}.card-main{width:370px;right:8px;top:18px;z-index:2;padding:28px;border-radius:25px}.tiny-label{color:var(--mint)}.shield-icon{width:76px;height:88px;margin:35px 0 24px;clip-path:polygon(50% 0,90% 14%,84% 65%,50% 100%,16% 65%,10% 14%);background:linear-gradient(135deg,var(--lime),#7ecda7);display:grid;place-items:center;color:#10211f;font-size:30px}.card-main h2{font-size:38px;line-height:.98;letter-spacing:-1.8px;margin:0 0 17px}.card-main p{color:#b8cdcb;font-size:13px}.floating{left:8px;bottom:18px;width:300px;z-index:3;border-radius:16px;padding:17px;display:flex;gap:13px;align-items:center}.floating b{display:block;font-size:13px}.floating small{display:block;color:#9bb0ae;font-size:10px;margin-top:2px}.dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(199,239,85,.08)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:280px;height:280px;right:-30px;top:0;background:radial-gradient(circle,rgba(159,224,210,.13),transparent 70%)}.orb-b{width:220px;height:220px;left:50px;bottom:0;background:radial-gradient(circle,rgba(199,239,85,.08),transparent 70%)}.grid-lines{position:absolute;inset:0;background:linear-gradient(120deg,transparent 47%,rgba(159,224,210,.1) 48%,transparent 49%);pointer-events:none}.intro-strip{background:var(--lime);color:#0b1b1e}.intro-inner{min-height:106px;display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:25px}.intro-inner p{margin:0;max-width:690px;font-size:14px;font-weight:600}.intro-inner a{font-size:12px;font-weight:800;border-bottom:1px solid rgba(10,23,32,.5);padding-bottom:3px}.strip-label{opacity:.65}.section{padding:118px 0}.section-light{background:var(--paper)}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:58px}.section-head.compact{margin-bottom:50px}.section-number{color:#81908e}.section-number.light{color:#91aaa9}.section-head h2,.solutions-copy h2,.contact-copy h2,.legal-note h2{font-size:clamp(48px,5.5vw,76px);line-height:.95;letter-spacing:-3px;margin:16px 0 0}.section-head>p{color:var(--muted);font-size:15px;max-width:460px;margin:0 0 5px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{position:relative;min-height:285px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:20px;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(18,37,44,.08)}.topic-card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.card-index{position:absolute;right:25px;top:27px;font-size:10px;color:#9aa8a7}.topic-card.featured .card-index{color:#718b8a}.topic-icon{font-size:30px;color:#74a69e;margin:6px 0 32px}.featured .topic-icon{color:var(--lime)}.topic-card h3{font-size:25px;letter-spacing:-.7px;margin:0 0 10px}.topic-card p{color:var(--muted);font-size:13px;margin:0;max-width:300px}.featured p{color:#a9bfbd}.tagline{position:absolute;left:28px;bottom:26px;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;color:#8a9a98}.featured .tagline{color:var(--lime)}.solutions{background:var(--ink2);color:#fff;padding:125px 0}.solutions-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:100px}.solutions-copy p{color:#a9bfbd;max-width:440px;font-size:15px;margin:30px 0}.solution-list{border-top:1px solid rgba(255,255,255,.15)}.solution-row{display:grid;grid-template-columns:45px 1fr 30px;gap:15px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.15);align-items:start}.solution-row>b{font-size:10px;color:var(--lime);padding-top:5px}.solution-row h3{margin:0 0 5px;font-size:22px}.solution-row p{margin:0;color:#9fb5b3;font-size:12px;max-width:470px}.solution-row>span{color:var(--lime);font-size:20px}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.process-step{padding:30px 24px 15px 0;border-right:1px solid var(--line);margin-right:24px;min-height:210px}.process-step:last-child{border-right:0}.process-step span{font-size:10px;color:#74938e;font-weight:800}.process-step h3{font-size:25px;margin:22px 0 8px}.process-step p{color:var(--muted);font-size:12px;max-width:210px}.statement{background:#dfece7;padding:100px 0}.statement-inner{display:grid;grid-template-columns:120px 1fr;gap:30px}.quote-mark{font-family:Georgia,serif;font-size:130px;line-height:.7;color:#9bbab2}.statement blockquote{font-family:'Space Grotesk';font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-2px;max-width:920px;margin:18px 0}.statement p{color:#5e7270}.faq{background:var(--paper)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{list-style:none;cursor:pointer;padding:24px 0;font-family:'Space Grotesk';font-size:20px;font-weight:600;display:flex;justify-content:space-between;gap:30px}summary::-webkit-details-marker{display:none}summary span{font-family:DM Sans;font-size:25px;font-weight:400;color:#7b918e;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:760px;color:var(--muted);font-size:14px;margin:0 0 26px}.contact-section{background:var(--ink);color:#fff;padding:118px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-copy h2{margin-top:16px}.contact-copy>p{color:#a8bfbd;font-size:14px;max-width:430px;margin:30px 0}.contact-meta{border-top:1px solid rgba(255,255,255,.14);margin-top:45px;padding-top:20px;display:flex;gap:40px}.contact-meta span{display:block;color:#718d8a;font-size:9px;letter-spacing:1.7px;font-weight:700}.contact-meta b{display:block;font-size:12px;margin-top:6px}.contact-form{background:#fff;color:var(--ink);border-radius:22px;padding:32px}.form-title{display:flex;justify-content:space-between;color:#748581;margin-bottom:26px}.form-title span{color:#9eaaa8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}.contact-form label small{font-weight:400;color:#899592}.contact-form input,.contact-form textarea{width:100%;display:block;border:0;border-bottom:1px solid #ccd7d3;padding:10px 0 11px;background:transparent;outline:none;font:inherit;color:var(--ink);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#758d88}.contact-form textarea{min-height:70px}.contact-form .check{display:flex;gap:9px;align-items:flex-start;font-weight:500}.contact-form .check input{width:16px;height:16px;margin:0;accent-color:#6f9b91}.form-note{font-size:10px;color:#778682;line-height:1.5;margin:15px 0 0}.legal-note{background:#edf2ef;padding:82px 0}.legal-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.legal-note h2{font-size:clamp(37px,4vw,57px);letter-spacing:-2px}.legal-note-grid>div:last-child{padding-top:22px}.legal-note p{color:#62716f;font-size:13px;max-width:560px}.legal-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px}.legal-modal.hidden{display:none}.legal-backdrop{position:absolute;inset:0;background:rgba(2,11,15,.8);backdrop-filter:blur(8px)}.legal-box{position:relative;z-index:1;width:min(620px,100%);background:#fff;color:var(--ink);border-radius:22px;padding:38px;box-shadow:0 30px 100px rgba(0,0,0,.4)}.modal-kicker{font-size:9px;letter-spacing:2px;font-weight:800;color:#7a8e8a}.legal-box h2{font-family:'Space Grotesk';font-size:18px;white-space:nowrap;margin:12px 0 22px;letter-spacing:-.3px}.legal-box p{font-size:13px;color:#63716f}.legal-box strong{color:var(--ink)}.legal-close{position:absolute;right:17px;top:11px;border:0;background:transparent;font-size:30px;color:#73827f;cursor:pointer}.legal-box .button{margin-top:8px}footer{background:#061219;color:#91a5a3;padding:42px 0}.footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:50px;align-items:end}.footer-brand .brand{color:#fff}.footer-brand p{font-size:10px;margin:15px 0 0}.footer-links{display:flex;gap:22px;font-size:11px}.footer-links a:hover{color:#fff}.copyright{font-size:9px;color:#657b79}.mobile-nav{background:#0a1720;padding:12px 4% 20px;flex-direction:column;gap:0}.mobile-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.menu-open .mobile-nav{display:flex}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);background:transparent;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:16px;height:1px;background:#fff}.hero{padding-top:145px}.hero-grid,.solutions-grid,.contact-grid{grid-template-columns:1fr;gap:60px}.security-visual{max-width:560px;width:100%;margin:auto;min-height:560px}.section-head,.legal-note-grid{grid-template-columns:1fr;gap:25px}.topic-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.intro-inner{grid-template-columns:1fr;gap:8px;padding:25px 0}.intro-inner a{justify-self:start}.footer-inner{grid-template-columns:1fr}.footer-links{order:3}.copyright{order:2}.contact-meta{flex-direction:column;gap:18px}}
@media(max-width:560px){.container{width:min(94%,var(--max))}.hero{min-height:auto;padding:132px 0 80px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.security-visual{min-height:590px}.card-main{width:calc(100% - 16px);right:8px;top:8px}.floating{left:8px;bottom:10px;width:calc(100% - 16px)}.section,.solutions,.contact-section{padding:82px 0}.section-head h2,.solutions-copy h2,.contact-copy h2{font-size:48px}.topic-grid,.process-grid,.form-grid{grid-template-columns:1fr}.topic-card{min-height:255px}.process-step{border-right:0;border-bottom:1px solid var(--line);margin:0;padding-right:0}.process-step:last-child{border-bottom:0}.statement{padding:75px 0}.statement-inner{grid-template-columns:50px 1fr;gap:15px}.quote-mark{font-size:75px}.statement blockquote{font-size:34px}.contact-form{padding:24px;border-radius:17px}.legal-box{padding:30px 23px}.legal-box h2{font-size:15px;white-space:nowrap}.legal-box p{font-size:12px}.footer-links{flex-wrap:wrap}}

/* Motion & interaction polish */
@media (prefers-reduced-motion:no-preference){
  .hero-copy,.security-visual{animation:fadeUp .8s cubic-bezier(.2,.75,.2,1) both}
  .security-visual{animation-delay:.12s}
  .topic-card,.solution-row,.process-step{transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .35s}
  .topic-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 55px rgba(18,37,44,.12)}
  .solution-row:hover{transform:translateX(8px)}
  .process-step:hover{transform:translateY(-5px)}
  .button{transition:transform .25s,box-shadow .25s}
  .button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.16)}
  .button-accent:hover{box-shadow:0 14px 34px rgba(199,239,85,.2)}
  .brand-mark i{animation:bars 1.8s ease-in-out infinite alternate}
  .brand-mark i:nth-child(2){animation-delay:.18s}.brand-mark i:nth-child(3){animation-delay:.34s}
  .pulse{animation:pulseGlow 1.8s ease-in-out infinite}
  .orb-a{animation:floatA 8s ease-in-out infinite}.orb-b{animation:floatB 10s ease-in-out infinite}
  .card-main{animation:floatCard 5s ease-in-out infinite}.floating{animation:floatCard 4.5s ease-in-out infinite reverse}
  .grid-lines{animation:gridMove 12s linear infinite}
  .topic-grid .topic-card{animation:reveal .7s both}.topic-grid .topic-card:nth-child(2){animation-delay:.05s}.topic-grid .topic-card:nth-child(3){animation-delay:.1s}.topic-grid .topic-card:nth-child(4){animation-delay:.15s}.topic-grid .topic-card:nth-child(5){animation-delay:.2s}.topic-grid .topic-card:nth-child(6){animation-delay:.25s}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pulseGlow{50%{box-shadow:0 0 0 9px rgba(199,239,85,.03)}}
@keyframes bars{to{transform:scaleY(.82)}}
@keyframes floatA{50%{transform:translate3d(-20px,18px,0) scale(1.05)}}
@keyframes floatB{50%{transform:translate3d(16px,-14px,0)}}
@keyframes floatCard{50%{transform:translateY(-8px)}}
@keyframes gridMove{to{transform:translateX(80px)}}
.info-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:22px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}
.info-modal.is-open{visibility:visible;opacity:1}
.info-backdrop{position:absolute;inset:0;background:rgba(2,11,15,.78);backdrop-filter:blur(10px)}
.info-box{position:relative;z-index:1;width:min(700px,100%);max-height:min(82vh,760px);background:#fff;color:var(--ink);border-radius:24px;padding:36px;box-shadow:0 35px 110px rgba(0,0,0,.45);transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.2,.75,.2,1)}
.info-modal.is-open .info-box{transform:none}
.info-box h2{font-family:'Space Grotesk';font-size:46px;letter-spacing:-2px;margin:12px 0 22px}
.info-box h3{font-size:17px;margin:25px 0 8px}.info-box p{font-size:13px;color:#63716f}.info-scroll{max-height:55vh;overflow:auto;padding-right:8px}.info-warning{background:#eef3f0;border-left:3px solid var(--lime);padding:12px 14px}.info-close{position:absolute;right:16px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:#edf2ef;font-size:28px;color:#667773;cursor:pointer;transition:.2s}.info-close:hover{transform:rotate(90deg);background:var(--lime);color:var(--ink)}
@media(max-width:560px){.info-box{padding:28px 22px;border-radius:18px}.info-box h2{font-size:38px}.info-scroll{max-height:58vh}}


/* Durchsetzungsbereich */
.enforcement{position:relative;overflow:hidden;background:#0b242b;color:#f4fbfa;padding:110px 0}
.enforcement:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(158,239,66,.08),transparent 42%,rgba(126,220,255,.07));pointer-events:none}
.enforcement-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.enforcement-copy h2{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:18px 0 26px}
.enforcement-copy h2 em{font-style:normal;color:#a6ee55}
.enforcement-copy p{max-width:610px;color:rgba(244,251,250,.72);font-size:18px;line-height:1.75}
.enforcement-badge{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 14px;border:1px solid rgba(166,238,85,.25);border-radius:999px;color:#cfeee5;font-size:11px;letter-spacing:.16em}
.enforcement-badge .pulse{width:8px;height:8px;border-radius:50%;background:#a6ee55;box-shadow:0 0 0 0 rgba(166,238,85,.55);animation:pulseGlow 2s infinite}
.enforcement-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);backdrop-filter:blur(18px);border-radius:28px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.enforcement-step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 24px;border-radius:20px;transition:transform .3s ease,background .3s ease}
.enforcement-step:hover{transform:translateX(6px);background:rgba(255,255,255,.055)}
.enforcement-step b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(166,238,85,.12);color:#a6ee55;font-size:13px}
.enforcement-step h3{margin:1px 0 8px;font-size:19px}
.enforcement-step p{margin:0;color:rgba(244,251,250,.67);line-height:1.65;font-size:15px}
@media (max-width:850px){
  .enforcement{padding:78px 0}
  .enforcement-grid{grid-template-columns:1fr;gap:38px}
  .enforcement-copy h2{font-size:clamp(40px,12vw,62px)}
}

.enforcement-badge{white-space:nowrap}
@media (max-width:600px){
  .enforcement-badge{white-space:normal;line-height:1.45}
}