:root{--ink:#241d2d;--muted:#716779;--purple:#7c3aed;--pink:#e83d9e;--cyan:#18b5cf;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(150deg,#fff5fa,#eff8ff 48%,#fffbed);line-height:1.55}
a{color:inherit}.publicHeader{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1160px)/2));background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid #eadfea}.publicBrand{font-size:27px;font-weight:950;text-decoration:none}.publicBrand span{background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan));-webkit-background-clip:text;color:transparent}.publicNav{display:flex;align-items:center;gap:18px}.publicNav a{text-decoration:none;font-weight:750}.publicNav .navCta{background:var(--purple);color:#fff;padding:10px 16px;border-radius:999px}
.heroPublic,.publicSection,.legalPage{max-width:1160px;margin:auto;padding:72px 24px}.heroPublic{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;min-height:690px}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#efe7ff;color:#5b21b6;font-weight:850}.heroPublic h1{font-size:clamp(43px,7vw,78px);line-height:1.02;margin:22px 0}.gradientText{background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan));-webkit-background-clip:text;color:transparent}.heroPublic p{font-size:21px;color:var(--muted);max-width:650px}.publicActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primaryPublic,.secondaryPublic{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:15px 22px;border-radius:16px;font-weight:900}.primaryPublic{background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan));color:#fff}.secondaryPublic{background:#fff;box-shadow:0 10px 30px #51326916}.heroPhone{position:relative;max-width:340px;margin:auto;background:#19151f;padding:12px;border-radius:46px;box-shadow:0 35px 75px #4c275736}.heroPhone img{width:100%;display:block;border-radius:36px}.heroPhone:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:105px;height:24px;border-radius:15px;background:#19151f}
.trustLine{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#615766;font-weight:750}.publicSection h2{font-size:clamp(34px,5vw,54px);line-height:1.1;margin:0 0 16px}.lead{font-size:20px;color:var(--muted);max-width:770px}.steps,.features,.faqGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.step,.feature,.faqItem,.installBox{background:#ffffffdf;border-radius:25px;padding:25px;box-shadow:0 15px 42px #51326910}.step span,.feature span{font-size:42px}.step h3,.feature h3{font-size:23px;margin:12px 0 6px}.step p,.feature p,.faqItem p{color:var(--muted)}
.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.showcase figure{margin:0;background:#fff;border-radius:30px;padding:10px;box-shadow:0 20px 50px #51326918}.showcase img{width:100%;border-radius:22px;display:block}.showcase figcaption{padding:16px 12px 10px;font-weight:850}
.installBox{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:linear-gradient(130deg,#fff0d3,#f5eaff,#e8fbff)}.installIcon{font-size:58px}.installBox ol{margin:10px 0;padding-left:22px}.installNote{color:#8a5e24;font-weight:750}
.publicFooter{padding:34px 24px;background:#251d2e;color:#fff}.footerInner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footerLinks{display:flex;gap:18px;flex-wrap:wrap}.footerLinks a{color:#fff}.legalPage{max-width:860px}.legalPage h1{font-size:48px}.legalPage h2{margin-top:34px}.legalPage .placeholder{padding:17px;border-radius:15px;background:#fff0d8;color:#7b4b11;font-weight:750}.legalPage .legalBox{background:#fff;padding:24px;border-radius:22px;margin:20px 0}.backLink{font-weight:850;color:var(--purple)}
.authLinks{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:18px;font-size:13px}.authLinks a{color:#6b5d74}
@media(max-width:850px){.publicNav a:not(.navCta){display:none}.heroPublic{grid-template-columns:1fr;padding-top:42px;text-align:center}.heroPublic p{margin-left:auto;margin-right:auto}.publicActions,.trustLine{justify-content:center}.steps,.features,.faqGrid,.showcase{grid-template-columns:1fr}.heroPhone{max-width:300px}.installBox{grid-template-columns:1fr;text-align:center}.publicSection{padding-top:54px;padding-bottom:54px}.legalPage h1{font-size:38px}}

/* v9.1A */
.heroPhoto{position:relative;overflow:hidden;border-radius:0;max-width:none;padding-left:max(24px,calc((100vw - 1160px)/2));padding-right:max(24px,calc((100vw - 1160px)/2));background:url('/assets/marketing/hero-schachbrett.jpg') center/cover no-repeat}
.heroPhoto:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,13,26,.88) 0%,rgba(20,13,26,.68) 48%,rgba(20,13,26,.18) 100%)}
.heroContent,.heroPhoto .heroPhone{position:relative;z-index:2}.heroContent{color:#fff}.heroContent p{color:#f3edf5}.heroContent .trustLine{color:#fff}.heroContent .secondaryPublic{color:#241d2d}
.realPhone{max-width:330px}.realPhone img{aspect-ratio:706/1536;object-fit:cover;object-position:top}
.realShowcase{grid-template-columns:repeat(4,1fr)}.realShowcase figure{overflow:hidden}.realShowcase img{aspect-ratio:706/1536;object-fit:cover;object-position:top}
.comparisonBox{background:#fff;border-radius:30px;padding:32px;box-shadow:0 16px 45px #51326912}.comparisonGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparisonGrid>div{padding:22px;border-radius:20px;background:#f5f1f6}.comparisonHighlight{background:linear-gradient(135deg,#fce7f3,#ede9fe,#e6faff)!important;box-shadow:inset 0 0 0 2px #7c3aed22}.comparisonGrid p{margin:8px 0}.betaBox{margin-top:30px;background:linear-gradient(135deg,#fff0d8,#f4eaff,#e9fbff);padding:22px;border-radius:22px}.betaBox b{font-size:22px}.legalNotice{padding:17px;border-radius:15px;background:#eef8ff;color:#34536b;font-weight:700}
.legalPage a{color:#6d28d9}
@media(max-width:1000px){.realShowcase{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.heroPhoto{min-height:auto;padding-top:56px;padding-bottom:56px}.heroPhoto:before{background:linear-gradient(180deg,rgba(20,13,26,.86),rgba(20,13,26,.72))}.heroContent{text-align:center}.comparisonGrid{grid-template-columns:1fr}}
@media(max-width:560px){.realShowcase{grid-template-columns:1fr}.realShowcase figure{max-width:390px;margin-left:auto;margin-right:auto}}