@font-face{font-family:'Greycliff CF';src:url('fonts/reg.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Greycliff CF';src:url('fonts/bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Greycliff CF';src:url('fonts/xbold.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--neon:#E1FF05;--bg:#050505;--bg2:#0B0B09;--green:#243B28;--cream:#E1DCC7;--card:rgba(225,220,199,.13);--card2:rgba(225,220,199,.20);--line:rgba(225,220,199,.16);--white:#fff;--muted:rgba(255,255,255,.72)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Greycliff CF',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
section{padding:92px 0}
.eyebrow{display:inline-block;color:var(--neon);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}
h1{font-size:clamp(2.2rem,4.8vw,3.7rem);font-weight:800;line-height:1.12}
h2{font-size:clamp(1.65rem,3.2vw,2.5rem);font-weight:800;line-height:1.18;margin-bottom:16px}
h3{font-size:1.12rem;font-weight:700}
.neon{color:var(--neon)}
.sub{color:var(--muted);font-size:1.07rem;max-width:660px}
.center{text-align:center}.center .sub{margin:0 auto}
.btn{display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.84rem;padding:16px 30px;border-radius:4px;text-decoration:none;transition:all .2s;cursor:pointer}
.btn-primary{background:var(--neon);color:#000 !important;border:1.5px solid var(--neon)}
.btn-primary:hover{box-shadow:0 0 32px rgba(225,255,5,.45);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--neon);border:1.5px solid var(--neon)}
.btn-ghost:hover{background:rgba(225,255,5,.08)}
header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.nav .logo img{height:26px;display:block}
.nav-links{display:flex;gap:24px;align-items:center;list-style:none}
.nav-links a{color:var(--white);text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--neon)}
.nav .btn{padding:11px 18px;font-size:.74rem}
@media(max-width:1020px){.nav-links li:not(.keep){display:none}}
.page-hero{position:relative;padding:110px 0 84px;overflow:hidden;background-size:cover;background-position:center}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,5,5,.94) 25%,rgba(5,5,5,.72) 60%,rgba(5,5,5,.55));}
.page-hero>.wrap{position:relative}
.page-hero .sub{margin:20px 0 32px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.ticks{color:var(--muted);font-size:.9rem}
.ticks b{color:var(--neon)}
.hero-stats{position:relative;display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.stat-chip{background:rgba(11,11,9,.75);border:1px solid var(--line);border-radius:10px;padding:14px 20px;backdrop-filter:blur(6px)}
.stat-chip .big{font-size:1.5rem;font-weight:800;color:var(--neon);line-height:1.1}
.stat-chip .lbl{font-size:.78rem;color:var(--muted)}
.ph{position:relative;outline:1.5px dashed rgba(225,255,5,.5);outline-offset:4px;border-radius:6px}
.ph::after{content:"PLATZHALTER";position:absolute;top:-11px;right:8px;background:var(--neon);color:#000;font-size:.58rem;font-weight:800;letter-spacing:.1em;padding:2px 8px;border-radius:3px;z-index:2}
.credbar{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.cred-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center;align-items:center}
@media(max-width:800px){.cred-inner{grid-template-columns:repeat(2,1fr)}}
.cred .big{font-size:1.35rem;font-weight:800;color:var(--neon)}
.cred .lbl{font-size:.8rem;color:var(--muted)}
.tp-badge{display:inline-flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}
.tp-stars{color:#00B67A;font-size:1.25rem;letter-spacing:2px}
.tp-badge .lbl{color:var(--muted);font-size:.8rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
@media(max-width:900px){.grid3,.grid2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:30px}
.card h3{margin-bottom:8px}
.card p{color:var(--muted);font-size:.95rem}
.card .tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--neon);margin-bottom:14px}
.way{display:flex;flex-direction:column;gap:12px}
.way .btn{margin-top:14px;align-self:flex-start}
.center .way .btn{align-self:center}
.way.featured{background:linear-gradient(160deg,rgba(225,255,5,.10),var(--card));border:1.5px solid var(--neon);box-shadow:0 0 44px rgba(225,255,5,.10)}
.way ul,.list-neon{list-style:none;color:var(--muted);font-size:.94rem}
.way li,.list-neon li{padding-left:20px;position:relative;margin-bottom:8px}
.way li::before,.list-neon li::before{content:"→";color:var(--neon);position:absolute;left:0;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step{border-top:2px solid var(--line);padding-top:20px}
.step .num{color:var(--neon);font-weight:800;font-size:.88rem;letter-spacing:.12em;margin-bottom:10px}
.step p{color:var(--muted);font-size:.92rem}
.promise{margin-top:44px;text-align:center;font-size:1.15rem;font-weight:700}
.break-img{height:320px;background-size:cover;background-position:center;position:relative}
.break-img::before{content:"";position:absolute;inset:0;background:rgba(5,5,5,.35)}
.case{background:var(--cream);color:#111}
.case .eyebrow{color:#243B28}
.case .sub{color:rgba(0,0,0,.65)}
.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0 30px}
@media(max-width:700px){.case-stats{grid-template-columns:1fr}}
.case-stat{background:#fff;border-radius:12px;padding:30px;text-align:center}
.case-stat .big{font-size:2.4rem;font-weight:800;color:#243B28;line-height:1.05}
.case-stat .lbl{font-size:.88rem;color:rgba(0,0,0,.6);margin-top:6px}
.case-quote{background:rgba(36,59,40,.08);border-left:4px solid #243B28;border-radius:0 10px 10px 0;padding:22px 26px;color:rgba(0,0,0,.75)}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,360px));gap:22px;justify-content:center;margin-top:44px}
@media(max-width:980px){.team-grid{grid-template-columns:repeat(2,minmax(0,360px))}}
@media(max-width:660px){.team-grid{grid-template-columns:1fr}}
.team-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left}
.team-photo{height:300px;background:linear-gradient(160deg,rgba(225,220,199,.18),rgba(36,59,40,.5));display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:top}
.team-card .tc-body{padding:24px 26px}
.team-card .role{color:var(--neon);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:2px 0 10px}
.team-card p{color:var(--muted);font-size:.92rem}
.team-card a{color:var(--white);font-size:.85rem}
.quotes-cols{columns:3 300px;column-gap:20px;margin-top:44px}
.quotes-cols .quote-card{break-inside:avoid;margin-bottom:20px}
.quote-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:30px}
.quote-card .qmark{color:var(--neon);font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:12px}
.quote-card p{color:var(--white);font-size:.97rem;margin-bottom:16px}
.quote-card .who{color:var(--muted);font-size:.85rem}
.quote-card .who b{color:var(--white)}
.band{background:var(--green);padding:68px 0}
.band-inner{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
.band p{color:rgba(255,255,255,.82);max-width:640px}
.faq{max-width:780px;margin:44px auto 0;text-align:left}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 4px;font-weight:700;font-size:1.02rem}
.faq summary::after{content:"+";color:var(--neon);font-size:1.5rem;font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 4px 22px;color:var(--muted);font-size:.95rem;max-width:660px}
.final{background:radial-gradient(700px 420px at 50% 0%,rgba(225,255,5,.09),transparent 65%),var(--bg2);text-align:center}
.final .mini-steps{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:30px 0 36px}
.final .ms{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:10px 20px;font-size:.86rem;color:var(--muted)}
.final .ms b{color:var(--neon)}
.video-wrap{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.usecase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:64px}
.usecase:first-of-type{margin-top:44px}
@media(max-width:900px){.usecase{grid-template-columns:1fr}}
.usecase.flip>div:first-child{order:2}
@media(max-width:900px){.usecase.flip>div:first-child{order:0}}
.article-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;display:block}
.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.article-card .ac-body{padding:20px 22px}
.article-card h3{color:var(--white);font-size:1rem;margin-bottom:6px}
.article-card .meta{color:var(--muted);font-size:.8rem}
.article-card:hover{border-color:var(--neon)}
.wa-float{position:fixed;bottom:18px;right:18px;z-index:98;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.45);transition:transform .15s}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.calendly-box{margin-top:44px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
footer{border-top:1px solid var(--line);padding:60px 0 32px;background:#030303}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot-grid h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}
.foot-grid ul{list-style:none}
.foot-grid li{margin-bottom:9px}
.foot-grid a{color:var(--white);text-decoration:none;font-size:.92rem}
.foot-grid a:hover{color:var(--neon)}
.foot-claim{color:var(--muted);font-size:.92rem;margin-top:16px;max-width:320px}
.foot-logo img{height:96px}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:.82rem}
.legal a{color:var(--muted)}
.proto-badge{position:fixed;bottom:18px;left:18px;z-index:99;background:#000;border:1px solid var(--neon);color:var(--neon);font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:6px 11px;border-radius:99px;opacity:.92}
.demo-card{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:44px}
@media(max-width:900px){.demo-card{grid-template-columns:1fr}}
.demo-card img{width:100%;border-radius:12px;border:1px solid var(--line);display:block;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
@media(max-width:760px){.price-grid{grid-template-columns:1fr}}
.price-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:36px 30px;text-align:center}
.price-card .variant{color:var(--neon);font-size:.74rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.price-card .price{font-size:2.7rem;font-weight:800;margin:12px 0 0}
.price-card .ust{color:var(--muted);font-size:.8rem}
.price-card .ort{font-weight:700;margin-top:16px}
.price-card p{color:var(--muted);font-size:.9rem;margin-top:8px}
.price-card .btn{margin-top:20px}
.scope-bar{margin-top:20px;background:var(--green);border-radius:10px;padding:18px 24px;text-align:center;color:rgba(255,255,255,.88);font-size:.88rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}
.list-minus{list-style:none;display:grid;gap:12px}
.list-minus li{padding-left:26px;position:relative;color:rgba(255,255,255,.85)}
.list-minus li:before{content:"–";position:absolute;left:0;color:var(--neon);font-weight:800}
.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
@media(max-width:860px){.partner-grid{grid-template-columns:1fr}}
a.p-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:32px;color:inherit;text-decoration:none;transition:transform .25s,border-color .25s}
a.p-card:hover{transform:translateY(-4px);border-color:rgba(225,255,5,.45);text-decoration:none}
.p-chip{width:64px;height:64px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px;margin-bottom:18px}
.p-chip img{max-width:100%;max-height:100%;display:block}
.p-chip.mono{background:var(--green);color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:.05em}
.p-role{color:var(--neon);font-size:.85rem;font-weight:700;margin:6px 0 12px}
.p-card .desc{color:var(--muted);font-size:.92rem}
.p-host{display:inline-block;margin-top:18px;font-weight:700;font-size:.85rem;color:var(--white)}
.p-host .arr{color:var(--neon)}
.persona-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.persona-chips a{border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-size:.85rem;font-weight:700;color:var(--muted);transition:all .2s;text-decoration:none}
.persona-chips a:hover{border-color:var(--neon);color:var(--neon);text-decoration:none}
.branchen-band{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.branchen-band span{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:8px 18px;font-weight:700;font-size:.88rem;color:var(--white)}
.trust-band{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;padding:20px 0 0}
.trust-band img{height:40px;width:auto;background:#fff;padding:7px 12px;border-radius:8px;opacity:.92}
.trust-band .tb-ph{border:1px dashed rgba(225,255,5,.5);color:var(--neon);font-size:.72rem;font-weight:700;border-radius:8px;padding:8px 12px}
.video-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
@media(max-width:900px){.video-teaser{grid-template-columns:1fr}}
a.vt-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s,border-color .25s}
a.vt-card:hover{transform:translateY(-4px);border-color:rgba(225,255,5,.45);text-decoration:none}
.vt-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vt-card h3{font-size:1rem;padding:16px 18px 18px}

/* Rechtstexte (simply-legal.tech, unstyled eingebunden) */
.legal-doc{color:var(--cream);font-size:.95rem;line-height:1.7}
.legal-doc h1,.legal-doc h2,.legal-doc h3,.legal-doc h4{color:var(--white);margin:26px 0 10px;line-height:1.3}
.legal-doc h1{font-size:1.5rem}
.legal-doc h2{font-size:1.25rem}
.legal-doc h3{font-size:1.05rem}
.legal-doc p{margin:0 0 12px;color:var(--cream);font-size:.95rem}
.legal-doc a{color:var(--neon);word-break:break-word}
.legal-doc ul,.legal-doc ol{margin:0 0 14px 20px}
.legal-doc li{margin-bottom:6px;color:var(--cream)}
.legal-doc strong,.legal-doc b{color:var(--white)}
.legal-doc hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.legal-doc table{width:100%;border-collapse:collapse;margin:14px 0}
.legal-doc th,.legal-doc td{border:1px solid var(--line);padding:8px;text-align:left;font-size:.9rem;color:var(--cream)}

/* Case Studies (Erfolgsgeschichten – ai-done-for-you & branchen) */
.erfolg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px;text-align:left}
@media(max-width:860px){.erfolg-grid{grid-template-columns:1fr}}
.erfolg{border:1px solid var(--line);border-radius:14px;padding:26px 26px 22px;background:var(--card)}
.erfolg .kopf{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.erfolg .kopf img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.erfolg .kopf b{display:block;font-size:1.05rem;line-height:1.3}
.erfolg .kopf span{display:block;font-size:.82rem;opacity:.65;margin-top:2px}
.erfolg .vn{font-size:.93rem;line-height:1.65;opacity:.85}
.erfolg .vn b{display:block;margin-top:10px;opacity:1;color:var(--neon)}
.erfolg .vn b:first-child{margin-top:0}
.erfolg .rband{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.erfolg .rlabel{font-size:.7rem;font-weight:700;letter-spacing:.18em;opacity:.55}
.erfolg .rband b{font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#0E0E0C;background:var(--neon);border-radius:999px;padding:4px 12px}
.case-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
@media(max-width:980px){.case-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.case-mini-grid{grid-template-columns:1fr}}
.case-mini{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 20px;text-align:center}
.case-mini img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top;margin-bottom:14px}
.case-mini .zahl{font-size:1.7rem;font-weight:800;color:var(--neon);line-height:1.1}
.case-mini .wer{font-weight:700;margin-top:8px}
.case-mini .was{font-size:.84rem;color:var(--muted);margin-top:4px}
.team-photo picture{display:block;width:100%;height:100%}