:root{--bg:#07080d;--bg2:#0e1119;--card:#131722;--line:#232a38;--text:#eef1f6;--dim:#98a2b3;--amber:#ffb347;--cyan:#39e0ff;--green:#34d399}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,"Segoe UI",Inter,system-ui,sans-serif}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
nav{position:sticky;top:0;z-index:10;background:rgba(7,8,13,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;gap:22px;height:60px}
nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text)}
nav .brand img{width:30px;height:30px}
nav .links{margin-left:auto;display:flex;gap:22px;font-size:15px}nav .links a{color:var(--dim)}nav .links a:hover{color:var(--text)}
.hero{position:relative;overflow:hidden;padding:90px 0 70px;text-align:center}
.hero:before{content:"";position:absolute;left:50%;top:-120px;width:760px;height:620px;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 0,rgba(255,190,90,.28),rgba(255,160,60,.08) 45%,transparent 70%);pointer-events:none}
.hero img{width:150px;height:150px;filter:drop-shadow(0 18px 40px rgba(57,224,255,.18))}
.hero .kicker{margin:18px 0 0;font-size:clamp(15px,1.8vw,18px);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}
.hero .kicker+h1{margin-top:8px}
.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:18px 0 12px;letter-spacing:-1.5px}
.hero h1 span{background:linear-gradient(90deg,var(--amber),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:clamp(17px,2.2vw,21px);color:var(--dim);max-width:720px;margin:0 auto 30px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:12px;font-weight:650;font-size:16px;border:1px solid var(--line);color:var(--text);background:var(--card)}
.btn:hover{text-decoration:none;border-color:#3a4458}
.btn.primary{background:linear-gradient(135deg,#ffb347,#ff8f3a);border:0;color:#1a1204}
.btn.primary:hover{filter:brightness(1.05)}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.small{font-size:13.5px;color:var(--dim)}
section{padding:70px 0;border-top:1px solid var(--line)}
section h2{font-size:clamp(26px,3.5vw,36px);margin:0 0 10px;letter-spacing:-.6px}
section p.sub{color:var(--dim);margin:0 0 34px;max-width:720px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.card h3{margin:10px 0 6px;font-size:18px}.card p{margin:0;color:var(--dim);font-size:15px}
.ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,179,71,.12);color:var(--amber)}
.ic.c{background:rgba(57,224,255,.12);color:var(--cyan)}
.ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dl{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.dl .card{display:flex;flex-direction:column;gap:6px}
.dl .card .btn{margin-top:12px;justify-content:center}
.meta{font-size:12.5px;color:var(--dim)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;word-break:break-all;color:#6b7589}
table.cmp{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
table.cmp th,table.cmp td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left}
table.cmp th{font-size:14px;color:var(--dim);font-weight:600}table.cmp td.c{text-align:center}
.yes{color:var(--green);font-weight:700}.no{color:#6b7589}
.steps{counter-reset:s;display:grid;gap:12px}.steps div{counter-increment:s;padding-left:40px;position:relative;color:var(--dim)}
.steps div:before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text)}
.steps b{color:var(--text)}
footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--dim);font-size:14px}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer .sp{flex:1}
.pill{display:inline-block;font-size:12px;padding:2px 9px;border-radius:99px;background:rgba(57,224,255,.12);color:var(--cyan);margin-left:6px;vertical-align:middle}
@media(max-width:640px){nav .links{display:none}.hero{padding-top:60px}}
.mt14{margin-top:14px}.mt22{margin-top:22px}.mt28{margin-top:28px}.center{text-align:center}
.req{margin:12px 0 0;padding-left:18px;color:var(--dim);font-size:15px}.req li{margin:4px 0}.req b{color:var(--text)}
.shot{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:#000}
figure{margin:0}figcaption{margin-top:8px;font-size:12.5px;color:var(--dim);text-align:center}
.hero .hero-shot{max-width:1100px;margin:46px auto 0}.hero img.shot{width:100%;height:auto;filter:none;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.feat{display:grid;grid-template-columns:5fr 7fr;gap:36px;align-items:center;margin:0 0 56px}.feat.rev>div{order:2}
.feat h3{font-size:22px;margin:0 0 10px}.feat p{color:var(--dim);margin:0 0 12px}
.phones{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start}.phones img{width:calc(50% - 7px);max-width:290px}.phones figcaption{flex-basis:100%}
@media(max-width:820px){.feat{grid-template-columns:1fr;gap:20px}.feat.rev>div{order:0}}
.dev-hinweis{background:#ffe08a;color:#3a2a00;padding:10px 0;font-size:15px;text-align:center}
.dev-preis{background:rgba(255,224,138,.12);border:1px solid #ffe08a;border-radius:10px;padding:10px 14px;margin:0 0 16px}
footer .foot2{margin-top:10px;font-size:12.5px;gap:6px 18px}
.dev-demo{margin:14px 0 0;color:#ffe08a;font-size:14px}
footer .haftung{margin-top:14px;color:var(--text)}
.dev-haftung{border-left:3px solid #ffe08a;padding:6px 12px;margin:12px 0;font-size:14px;line-height:1.55}