:root{--ink:#1e1635;--mut:#6f688c;--bg:#f6f3ff;--v:#7c3aed;--p:#ec4899;--g:linear-gradient(135deg,#7c3aed,#ec4899);--gold:#f5b81c}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--v)}
.w{max-width:1080px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;z-index:20;background:rgba(36,16,82,.92);backdrop-filter:blur(10px)}
nav .w{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{color:#fff;font-weight:800;font-size:20px;text-decoration:none;display:flex;gap:10px;align-items:center}
.logo i{width:56px;height:30px;background:url(img/logo.svg) center/contain no-repeat;display:block}
nav ul{list-style:none;padding:0;display:flex;gap:22px;align-items:center}
nav li a{color:#e8defc;text-decoration:none;font-size:15px}
nav li a:hover{color:#fff}
.btn{display:inline-block;background:var(--g);color:#fff!important;padding:13px 26px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px #7c3aed55}
.btn.sm{padding:8px 18px;font-size:15px;white-space:nowrap}
.btn.ghost{background:transparent;border:2px solid #ffffff66;box-shadow:none}
.hero{color:#fff;background:radial-gradient(circle at 90% 100%,#ec4899cc,transparent 55%),linear-gradient(150deg,#3b1d8f 0%,#6a2ee0 55%,#8a3fd8 100%);position:relative;overflow:hidden;padding:70px 0 0}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#fff8 1px,transparent 1.5px);background-size:90px 90px,53px 53px;background-position:0 0,30px 40px;opacity:.35}
.hero .w{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end}
.hero h1{font-size:clamp(34px,5.5vw,56px);line-height:1.1;margin-bottom:18px}
.hero h1 span{background:linear-gradient(90deg,#ffe27a,#ff9ad0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:19px;color:#e8defc;margin-bottom:26px;max-width:520px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:50px}
.phones{display:flex;gap:14px;justify-content:center;align-items:flex-end}
.ph{border-radius:30px 30px 0 0;border:6px solid #120a2b;border-bottom:0;overflow:hidden;background:#fff;box-shadow:0 20px 50px #0008}
.ph img{width:100%}
.phones .ph:first-child{width:46%;margin-bottom:-30px}
.phones .ph:last-child{width:50%}
section{padding:80px 0}
section.alt{background:var(--bg)}
h2{font-size:clamp(28px,4vw,40px);line-height:1.15;margin-bottom:12px;text-align:center}
.lead{text-align:center;color:var(--mut);max-width:620px;margin:0 auto 46px}
.steps,.feat,.par{display:grid;gap:22px}
.steps{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 6px 24px #3a1d8010;border:1px solid #ece6fb}
.card h3{font-size:20px;margin:10px 0 6px}
.card p{color:var(--mut);font-size:16px}
.n{width:42px;height:42px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;display:grid;place-items:center}
.row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:70px}
.row:last-child{margin-bottom:0}
.row.rev .t{order:2}
.row .ph{border-radius:34px;border:8px solid #120a2b;max-width:300px;margin:0 auto}
.row h3{font-size:28px;margin-bottom:10px}
.row p{color:var(--mut);margin-bottom:12px}
.row ul{padding-left:20px;color:var(--mut)}
.row li{margin:4px 0}
.coin{display:inline-block;width:.9em;height:.9em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27a,#f5b81c 60%,#c78a00);vertical-align:-.1em}
.feat{grid-template-columns:repeat(3,1fr)}
.par{grid-template-columns:repeat(2,1fr)}
.tag{display:inline-block;font-size:13px;font-weight:700;color:var(--v);background:#efe7ff;padding:3px 12px;border-radius:99px}
.cta-b{background:linear-gradient(160deg,#241052,#5a24c4);color:#fff;text-align:center}
.cta-b p{color:#e8defc;max-width:560px;margin:0 auto 26px}
details{background:#fff;border:1px solid #ece6fb;border-radius:16px;padding:16px 22px;margin-bottom:12px}
summary{font-weight:700;cursor:pointer}
details p{color:var(--mut);margin-top:10px}
.faq{max-width:760px;margin:0 auto}
footer{background:#160b34;color:#b9aedd;padding:40px 0;font-size:15px}
footer .w{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:#e8defc;margin:0 16px 6px 0;display:inline-block}
.doc{max-width:760px;margin:0 auto;padding:50px 20px 80px}
.doc h1{font-size:34px;margin-bottom:6px}
.doc h2{text-align:left;font-size:22px;margin:30px 0 8px}
.doc p,.doc li{color:#40385c;margin-bottom:8px}
.doc ul{padding-left:22px}
.draft{background:#fff4cc;border:1px solid #f0d36b;border-radius:12px;padding:12px 16px;font-size:15px;margin:16px 0}
.ph-fill{background:#fff4cc;padding:0 4px;border-radius:4px}
.form{max-width:560px;margin:0 auto;display:grid;gap:12px}
.form input,.form textarea,.form select{font:inherit;padding:13px 16px;border:1px solid #d9cff5;border-radius:12px;width:100%}
.form label{font-weight:600;font-size:15px}
@media(max-width:820px){nav .btn.sm{padding:7px 14px;font-size:14px}.logo{font-size:18px}.hero .w,.row{grid-template-columns:1fr}.row.rev .t{order:0}.steps,.feat,.par{grid-template-columns:1fr}nav ul li:not(:last-child){display:none}section{padding:56px 0}.phones{max-width:380px;margin:0 auto}.hero .cta{padding-bottom:30px}}

.hero .big{position:absolute;right:-60px;top:-40px;width:560px;opacity:.95;animation:fl 9s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(14px) rotate(2deg)}}
.hero .w>*{position:relative}
.phones{z-index:1}
.n{background:radial-gradient(circle at 35% 30%,#fff3a8,#f7c52a 60%,#d99a12);color:#8a5a00;box-shadow:0 0 0 3px #b8760a33}
.ring{position:relative}
.ring:before{content:"";position:absolute;left:50%;top:50%;width:150%;height:34%;border:10px solid #7c3aed22;border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none}
section.alt{background:linear-gradient(180deg,#f6f3ff,#efe7ff)}
section h2{position:relative}
section h2:after{content:"";display:block;width:70px;height:30px;margin:10px auto 0;background:url(img/planet.svg) center/contain no-repeat}
.cta-b{background:radial-gradient(circle at 15% 100%,#ec4899aa,transparent 50%),linear-gradient(150deg,#3b1d8f,#6a2ee0);position:relative;overflow:hidden}
.cta-b .big{position:absolute;left:50%;top:50%;width:760px;max-width:none;transform:translate(-50%,-50%);opacity:.14}
.cta-b .w{position:relative}
.cta-b h2:after{display:none}
.card h3:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a8,#f7c52a 60%,#d99a12);vertical-align:-.05em}
.steps .card h3:before{display:none}
.btn{background:linear-gradient(135deg,#f7c52a,#f08a1a);color:#4a2c00!important;box-shadow:0 8px 24px #f7c52a55}
.btn.ghost{background:transparent;color:#fff!important;border:2px solid #ffffff88;box-shadow:none}
nav .btn.sm{background:linear-gradient(135deg,#f7c52a,#f08a1a)}
@media(max-width:820px){.hero .big{width:340px;right:-90px;top:-10px;opacity:.5}}
.hero{padding:60px 0 0}
.hero .w{align-items:center}
.hero .big{right:-40px;top:50%;margin-top:-250px;width:640px;animation:none}
.hero .cta{padding-bottom:0}
.phones{align-items:flex-end;align-self:end}
.hero .w>div:first-child{padding-bottom:60px}
@media(max-width:820px){.hero .big{width:420px;right:-120px;top:70px;margin-top:0;opacity:.45}.hero .w>div:first-child{padding-bottom:20px}}
.hero .big{right:20px;top:50px;margin-top:0;width:560px;z-index:0}
.phones{padding-top:300px}
.hero .w>div:first-child{padding-bottom:80px}
@media(max-width:820px){.phones{padding-top:0}.hero .big{opacity:.28}}
.hero .w>div:first-child{align-self:start;padding:110px 0 0}
@media(max-width:820px){.hero .w>div:first-child{padding:20px 0}}

section h2:after{background:url(img/planet-light.svg) center/contain no-repeat}
.cta-b h2:after{display:none}

.hero .big{width:760px;right:-60px;top:-10px}
.cta-b .big{width:900px}
.logo i{width:70px;height:38px}
section h2:after{width:90px;height:40px}
@media(max-width:820px){.hero .big{width:500px;right:-150px;top:30px}}

.logo i{width:64px;height:34px}
.hero .big{width:720px;right:-40px;top:-30px}

/* Über uns */
.about2{background:radial-gradient(circle at 12% 100%,#ec4899aa,transparent 50%),linear-gradient(150deg,#241052,#5a24c4);color:#fff;position:relative;overflow:hidden}
.about2 .big{position:absolute;right:-180px;top:-60px;width:760px;max-width:none;opacity:.14}
.about2 .w{position:relative}
.about2 h2{color:#fff;text-align:left;font-size:clamp(32px,5.2vw,56px);line-height:1.08;margin:6px 0 18px}
.about2 h2 span{background:linear-gradient(90deg,#ffe27a,#ff9ad0);-webkit-background-clip:text;background-clip:text;color:transparent}
.about2 h2:after{display:none}
.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffe27a;background:#ffffff1a;padding:5px 14px;border-radius:99px}
.a-lead{font-size:clamp(18px,2.2vw,22px);color:#e8defc;max-width:640px;margin:0 0 40px}
.a-grid{display:grid;grid-template-columns:1fr 54px 1.15fr;gap:14px;align-items:stretch}
.a-col{border-radius:24px;padding:26px 26px 22px;backdrop-filter:blur(6px)}
.a-col h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.a-col ul,.a-col ol{list-style:none;padding:0;display:grid;gap:16px}
.a-col b{display:block;font-size:18px;line-height:1.25}
.a-col span{display:block;font-size:15px;opacity:.82;margin-top:2px}
.prob{background:#ffffff12;border:1px solid #ffffff26}
.prob h3{color:#ff9ad0}
.prob li{padding-left:18px;position:relative}
.prob li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:#ff9ad0}
.sol{background:#fff;color:var(--ink);box-shadow:0 20px 50px #0006}
.sol h3{color:var(--v)}
.sol li{display:flex;gap:14px;align-items:flex-start}
.sol li i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#8a5a00;background:radial-gradient(circle at 35% 30%,#fff3a8,#f7c52a 60%,#d99a12);box-shadow:0 0 0 3px #b8760a33}
.sol span{color:var(--mut);opacity:1}
.a-arrow{align-self:center;justify-self:center;font-size:34px;font-weight:800;color:#ffe27a}
.a-end{font-size:clamp(18px,2.3vw,24px);font-weight:600;max-width:760px;margin:40px 0 10px;line-height:1.35}
.a-end b{color:#ffe27a}
.a-sig{color:#c9bdee;font-size:15px;margin:0}
@media(max-width:820px){.a-grid{grid-template-columns:1fr}.a-arrow{transform:rotate(90deg);font-size:28px}.about2 .big{width:480px;right:-160px}}

.doc h3{font-size:17px;margin:16px 0 4px;color:#241052}