@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1726;--navy2:#112238;--ink:#17283b;--muted:#607084;--blue:#266bff;--cyan:#59d9c7;--bg:#f5f8fc;--border:#e3e9f0;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(2.6rem,5.2vw,4.85rem);line-height:1.11;letter-spacing:-.055em;font-weight:800;margin-bottom:26px}h1 em{font-style:normal;color:var(--cyan)}h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.18;letter-spacing:-.045em;margin-bottom:18px}h3{letter-spacing:-.025em}.wrap{max-width:1200px;margin:auto;padding-left:30px;padding-right:30px}.skip{position:absolute;left:-9999px;top:0;background:white;padding:12px;z-index:100}.skip:focus{left:0}.site-header{position:sticky;top:0;z-index:20;background:#0b1726f5;border-bottom:1px solid #ffffff18;backdrop-filter:blur(15px)}.nav{height:80px;display:flex;align-items:center;gap:40px}.brand{font-weight:800;letter-spacing:-.06em;color:white;font-size:23px;display:inline-flex;align-items:center;gap:10px}.brand-icon{background:#213e5b;border:1px solid #426180;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:22px}.brand-dot{color:var(--cyan)}.desktop-nav{display:flex;gap:34px;margin-left:auto}.desktop-nav a{color:#cad5e2;font-size:14px}.desktop-nav a:hover,.footer-links a:hover{color:var(--cyan)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:9px;padding:16px 22px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#0a2630}.btn-primary:hover{background:#7ce7d8}.btn-outline{border-color:#607388;color:white;background:transparent}.btn-outline:hover{background:#ffffff10}.btn-small{padding:12px 16px;font-size:13px}.menu-button,.mobile-nav{display:none}.hero{background:linear-gradient(112deg,#09152E 0%,#293B92 35%,#6447BA 70%,#A15BE3 100%);color:white;padding:110px 0 115px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:55px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#286bba;display:block;margin-bottom:22px}.eyebrow{color:#a3e5db;display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #59d9c71e}.lead{font-size:18px;line-height:1.75;color:#bfccda;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.trust{font-size:12px;color:#a7b8ca;line-height:2.1}.check{color:var(--cyan);font-weight:800}.separator{padding:0 9px;color:#526a82}.hero-visual{background:#14263b;border:1px solid #35506b;border-radius:19px;padding:26px;box-shadow:0 35px 85px #0005;transform:none}.visual-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#a8c3d7}.live{display:flex;align-items:center;gap:10px}.visual-dots{color:#56738e;letter-spacing:5px}.visual-title{font-family:Manrope;font-size:19px;font-weight:800;margin:28px 0 22px}.process-card{background:#1b324a;border:1px solid #36506b;border-radius:12px;padding:16px;display:flex;align-items:center;gap:13px}.process-card.active{border-color:#49c7b4;background:#173b46}.process-card small{font-size:9px;letter-spacing:.09em;color:#9bb5c9;font-weight:700}.process-card strong{font-size:13px;display:block;margin:5px 0}.process-card p{font-size:11px;color:#a3b8ca;margin:0}.process-icon{width:39px;height:39px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:20px}.blue{background:#244c8a;color:#a8cfff}.green{background:#226455;color:#8cf3d5}.purple{background:#48427a;color:#d5c9ff}.tag{margin-left:auto;font-size:10px;background:#28445f;color:#c5d7e8;padding:5px 8px;border-radius:5px;white-space:nowrap}.green-tag{background:#286456;color:#a9f4d7}.connector{text-align:center;color:#a4c2d0;font-size:11px;padding:12px}.connector span{color:var(--cyan);margin-right:8px;font-size:17px}.visual-footnote{font-size:10px;color:#8ba2b6;margin:20px 0 0}.section{padding:110px 0}.light-section{background:var(--bg)}.section-intro{max-width:740px;margin-bottom:44px}.section-intro p{font-size:17px;line-height:1.7;color:var(--muted)}.three-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.problem-card{background:white;border:1px solid var(--border);border-radius:14px;padding:32px}.problem-card h3,.solution-card h3{font-size:19px;margin-bottom:13px}.problem-card p,.solution-card p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:0}.mini-icon{display:grid;place-items:center;width:46px;height:46px;background:#eaf1ff;color:var(--blue);border-radius:11px;font-size:23px;margin-bottom:24px}.solution-card{border:1px solid var(--border);border-radius:15px;padding:31px;display:flex;flex-direction:column;min-height:280px}.solution-num{color:#3376d9;font-size:11px;letter-spacing:.12em;font-weight:800;margin-bottom:30px}.solution-example{margin-top:auto;padding-top:26px;font-size:12px;color:#2a698f;font-weight:700}.note-strip{display:flex;gap:15px;background:#f1f6fb;border-radius:10px;padding:18px 22px;margin-top:26px;align-items:center}.note-strip p{margin:0;font-size:13px;color:#526779;line-height:1.6}.note-icon{border:1px solid #92b1c8;color:#2d6f9a;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;font-weight:700}.dark-section{background:var(--navy);color:white}.kicker.bright{color:var(--cyan)}.dark-section h2 span{color:#9aafc3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:58px}.step{border-top:1px solid #456079;padding-top:25px}.step-num{color:var(--cyan);font-size:14px;font-weight:800}.step h3{font-size:19px;margin:22px 0 13px}.step p{color:#a8bbcc;font-size:14px;line-height:1.8;max-width:320px}.steps-cta{display:flex;align-items:center;gap:22px;margin-top:42px}.steps-cta span{font-size:12px;color:#9bb1c4}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.about-grid p{color:var(--muted);line-height:1.8;font-size:15px}.text-link{display:inline-block;margin-top:15px;color:#1466bd;font-weight:800;font-size:14px}.about-panel{background:#f2f7fc;border:1px solid #e1eaf2;border-radius:18px;padding:42px}.quote-mark{color:#39b9a9;font-family:Georgia;font-size:76px;line-height:.7}.about-panel blockquote{font-family:Manrope;font-size:22px;line-height:1.6;font-weight:700;margin:15px 0 35px;letter-spacing:-.03em}.about-signature{display:flex;align-items:center;gap:13px}.avatar{width:45px;height:45px;background:#173c5d;color:#fff;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:13px}.about-signature strong,.about-signature small{display:block}.about-signature strong{font-size:13px}.about-signature small{font-size:12px;color:var(--muted);margin-top:4px}.contact-section{background:#10263b;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.contact-copy h2{font-size:clamp(2rem,3.5vw,3.4rem)}.contact-copy>p{color:#b3c6d8;font-size:16px;line-height:1.8}.contact-points{margin:36px 0}.contact-points div{margin:15px 0;font-size:14px}.contact-points span{color:var(--cyan);margin-right:13px}.contact-small{font-size:13px!important}.form-card{background:white;color:var(--ink);padding:35px;border-radius:18px;box-shadow:0 20px 55px #0003}.form-card h3{font-size:23px;margin-bottom:6px}.form-card>p{font-size:13px;color:var(--muted);margin-bottom:28px}.form-card label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.form-card label>span:not(.consent span){color:#d33}.form-card input:not([type=checkbox]),.form-card textarea{display:block;width:100%;border:1px solid #d7e1ea;border-radius:8px;background:#fbfcfe;padding:13px 14px;margin-top:8px;font-size:13px;outline:none;transition:border .2s}.form-card input:focus,.form-card textarea:focus{border-color:#2d86c6;box-shadow:0 0 0 3px #2d86c615}.form-card textarea{resize:vertical;min-height:115px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex!important;gap:10px;align-items:flex-start;line-height:1.6;font-weight:400!important;color:#607084}.consent input{margin-top:3px;accent-color:#159e8b}.consent a{text-decoration:underline}.form-submit{width:100%;border:0}.form-note{display:block;margin-top:14px;color:#8794a2;font-size:10px;line-height:1.6}.honeypot{position:absolute;left:-9999px}.footer{background:#091521;color:#b2c3d2;padding:55px 0 25px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner p{font-size:12px;margin-top:14px}.footer-links{display:flex;gap:26px;align-items:center;font-size:13px}.copyright{border-top:1px solid #ffffff17;margin-top:35px;padding-top:22px;font-size:11px;color:#71879b}.simple-page{background:#f5f8fc;min-height:65vh;padding:90px 0}.simple-page .wrap{max-width:860px}.simple-page h1{font-size:42px}.simple-page p,.simple-page li{line-height:1.8;color:#536579}.simple-page a:not(.btn){color:#1769ba;text-decoration:underline}@media(max-width:1000px){.hero-grid,.about-grid,.contact-grid{gap:35px}.hero-visual{padding:17px}.desktop-nav{gap:18px}.hero{padding:75px 0}}@media(max-width:760px){.wrap{padding-left:21px;padding-right:21px}.nav{height:70px}.desktop-nav,.nav-cta{display:none}.menu-button{display:flex;margin-left:auto;border:0;background:none;flex-direction:column;gap:5px;padding:8px}.menu-button span{display:block;width:24px;height:2px;background:white}.mobile-nav{background:#13253a;padding:15px 22px 25px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:17px}.mobile-nav a{color:white;font-size:14px}.hero{padding:67px 0 75px}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{max-width:500px;margin-top:20px;transform:none}.hero-actions{flex-direction:column;align-items:stretch}.three-grid,.solution-grid,.steps{grid-template-columns:1fr}.section{padding:75px 0}.section-intro{margin-bottom:32px}.solution-card{min-height:230px}.about-panel{padding:30px}.steps-cta{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr;gap:0}.form-card{padding:24px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}.trust .separator{padding:0 4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Aurora Tech: Prozessdarstellung stabil, gerade und auf Mobilgeraeten lesbar. */
.hero-visual{min-width:0;max-width:100%;transform:none;animation:workflow-enter .75s ease-out both}
.process-card{min-width:0;animation:workflow-enter .65s ease-out both}
.process-card:nth-of-type(2){animation-delay:.10s}
.process-card:nth-of-type(4){animation-delay:.22s}
.process-card:nth-of-type(6){animation-delay:.34s}
.process-card>div:nth-child(2){min-width:0;flex:1}
.process-card strong,.process-card p,.process-card small{overflow-wrap:anywhere}
.tag{flex-shrink:0}
@keyframes workflow-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:440px){.hero-visual{padding:14px}.process-card{padding:12px;gap:9px}.process-icon{width:32px;height:32px;font-size:17px}.tag{font-size:9px;padding:4px 5px}.visual-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-visual,.process-card{animation:none!important}}

/* Preview: elegant glass card detailing */
.hero-visual{border-color:rgba(194,163,255,.38);box-shadow:0 24px 70px rgba(8,10,45,.40),0 0 45px rgba(139,92,246,.13)}.process-card.active{border-color:#9F8BFA;background:#242E57}.process-icon.green{background:#553C93;color:#E9DBFF}.green-tag{background:#473E81;color:#E8DEFF}.eyebrow{color:#E9D9FF}.hero h1 em{color:#C5A0FF}.pulse{background:#BD8AFF;box-shadow:0 0 0 4px #BD8AFF24}

/* Vorschau: alte blaue Akzente statt violetter Prozess-Akzente */
.hero .eyebrow{color:#a3e5db}
.hero .eyebrow .pulse,.hero .live .pulse{background:#59d9c7;box-shadow:0 0 0 4px #59d9c71e}
.hero .visual-top .live{color:#a8c3d7}
.hero .process-card.active{background:#173b46;border-color:#49c7b4}
.hero .process-card.active .process-icon.green{background:#226455;color:#8cf3d5}
.hero .process-card.active .green-tag{background:#286456;color:#a9f4d7}
