/* sales-leute.de - Alex-Hormozi-Variante: Design-System (Voll-Hormozi, Hochkontrast)
   Aktiv nur mit body.hormozi-on. Ergänzt app.css. */

/* ---------- Ticker (Hormozi-Signatur-Band) ---------- */
.hz-ticker{overflow:hidden;background:#f5c400;color:#0b0b0d;border-bottom:2px solid #0b0b0d;white-space:nowrap;padding:9px 0;font-weight:900;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.2}
.hz-ticker span{display:inline-block;padding-left:100%;animation:hzMarquee 30s linear infinite}
@keyframes hzMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.hz-ticker span{animation:none;padding-left:0}}

/* ---------- Typografie & Grundflächen ---------- */
body.hormozi-on{--bg:#0b0b0d;--card:#141417;--ink:#f4f4f5;--muted:#b9b9bf;--line:#2a2a30;--plum:#f5c400;--green:#f5c400;--plum-soft:#1c1c20;--green-soft:#f5c400;--ok:#f5c400;--shadow:none;background:#0b0b0d;color:#f4f4f5}
body.hormozi-on h1,body.hormozi-on h2,body.hormozi-on h3,body.hormozi-on h4{font-family:var(--font-sans);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
body.hormozi-on .hero h1{font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.04;letter-spacing:-.03em;text-transform:uppercase}
body.hormozi-on .hz-mark{background:#f5c400;color:#0b0b0d;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.hormozi-on .overline{display:inline-block;background:#f5c400;color:#0b0b0d;padding:7px 14px;font-weight:900;letter-spacing:.14em;border-radius:0;margin-bottom:24px;text-transform:uppercase}
body.hormozi-on .hero-sub{color:#c9c9cf;font-weight:600;font-size:1.18rem;max-width:720px}
body.hormozi-on .hero-hint{color:#8a8a92;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}
body.hormozi-on .lead{color:#c9c9cf}

/* ---------- Sektions-Überschriften mit gelbem Balken ---------- */
body.hormozi-on .sec-t,body.hormozi-on .page-head h1{position:relative;padding-left:20px}
body.hormozi-on .sec-t::before,body.hormozi-on .page-head h1::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:7px;background:#f5c400}
body.hormozi-on .page-head h1{color:#fff;text-transform:uppercase}

/* ---------- Header ---------- */
body.hormozi-on .site-header{background:rgba(11,11,13,.97);border-bottom:2px solid #f5c400}
body.hormozi-on .brand-mark{background:#f5c400;color:#0b0b0d;border-radius:0;font-weight:900}
body.hormozi-on .brand-name{color:#fff}
body.hormozi-on .brand-dot{color:#f5c400}
body.hormozi-on .site-nav a{color:#e9e9ec;border-radius:0}
body.hormozi-on .site-nav a:hover{background:#1c1c20;color:#f5c400}
body.hormozi-on .site-nav a[aria-current="page"]{background:#f5c400;color:#0b0b0d;border-radius:0}
body.hormozi-on .lang-btn,body.hormozi-on .view-select{background:#141417;border-color:#2a2a30;color:#f4f4f5;border-radius:0}
body.hormozi-on .lang-btn:hover,body.hormozi-on .view-select:hover{border-color:#f5c400;color:#f5c400}

/* ---------- Karten: hart, eckig, gelber Hover ---------- */
body.hormozi-on .card{border:2px solid #2a2a30;border-radius:0;box-shadow:none;transition:border-color .15s,transform .15s}
body.hormozi-on .card:hover{border-color:#f5c400;transform:translate(-2px,-2px)}
body.hormozi-on .card h3{color:#fff}
body.hormozi-on .card p{color:#b9b9bf}
body.hormozi-on .faq-item{border-left:5px solid #f5c400}
body.hormozi-on .faq-item h3{color:#f5c400;font-size:1rem}
body.hormozi-on .faq-item p{color:#c9c9cf}

/* ---------- Stats ---------- */
body.hormozi-on .stat{background:#141417;border:2px solid #2a2a30;border-radius:0}
body.hormozi-on .stat-v{color:#f5c400;font-family:var(--font-sans);font-weight:900;font-size:2.7rem;letter-spacing:-.02em}
body.hormozi-on .stat-l{color:#c9c9cf;font-weight:600}
body.hormozi-on .stats-src{color:#8a8a92;font-weight:600}

/* ---------- Prozess ---------- */
body.hormozi-on .mini-steps li{background:#141417;border:2px solid #2a2a30;border-radius:0}
body.hormozi-on .step-num{background:#f5c400;color:#0b0b0d;border-radius:0;font-weight:900}
body.hormozi-on .prozess-item{border-radius:0}

/* ---------- Buttons: Neo-Brutalismus (Offset-Schatten) ---------- */
body.hormozi-on .btn{border-radius:0;text-transform:uppercase;font-weight:900;letter-spacing:.04em}
body.hormozi-on .btn-primary{background:#f5c400;border:2px solid #f5c400;color:#0b0b0d;box-shadow:4px 4px 0 #fff}
body.hormozi-on .btn-primary:hover{background:#fff;border-color:#fff;color:#0b0b0d;box-shadow:4px 4px 0 #f5c400;transform:translate(-1px,-1px)}
body.hormozi-on .btn-green{background:#fff;border:2px solid #fff;color:#0b0b0d;box-shadow:4px 4px 0 #f5c400}
body.hormozi-on .btn-green:hover{background:#f5c400;border-color:#f5c400;color:#0b0b0d}
body.hormozi-on .btn-ghost{border:2px solid #f5c400;color:#f5c400}
body.hormozi-on .btn-ghost:hover{background:#f5c400;color:#0b0b0d}
body.hormozi-on .btn-light{background:#f5c400;border:2px solid #f5c400;color:#0b0b0d}
body.hormozi-on .btn-light:hover{background:#fff;border-color:#fff;color:#0b0b0d}

/* ---------- Split / Quotes / Founder ---------- */
body.hormozi-on .split-ctas{grid-template-columns:1fr}
body.hormozi-on .split-green{display:none!important}
body.hormozi-on .split-plum{background:#141417;border:2px solid #f5c400;border-radius:0}
body.hormozi-on .split-plum h3{color:#f5c400}
body.hormozi-on .split-plum p{color:#c9c9cf}
body.hormozi-on .split-plum .btn-light{background:#f5c400;border-color:#f5c400;color:#0b0b0d}
body.hormozi-on .quote blockquote{color:#fff;font-family:var(--font-sans);font-weight:600}
body.hormozi-on .quote figcaption strong{color:#f5c400}
body.hormozi-on .founder-card p{color:#c9c9cf}
body.hormozi-on .promise{background:#141417;border:2px solid #f5c400;border-radius:0}
body.hormozi-on .promise h2{color:#f5c400}
body.hormozi-on .promise p{color:#e9e9ec}

/* ---------- Kandidaten-Teil entfällt in dieser Ansicht ---------- */
body.hormozi-on #kandidaten{display:none!important}
body.hormozi-on a[href$="#kandidaten"]{display:none!important}

/* ---------- Foto & LinkedIn ---------- */
body.hormozi-on .photo-img{filter:grayscale(1) contrast(1.2)}
body.hormozi-on .photo-ph{border-radius:0;border:2px solid #2a2a30}
body.hormozi-on .btn-linkedin{background:#141417;color:#fff;border:2px solid #fff;border-radius:0}
body.hormozi-on .btn-linkedin:hover{background:#f5c400;color:#0b0b0d;border-color:#f5c400}

/* ---------- CTA-Band: gelber Block mit schwarzem Text ---------- */
body.hormozi-on .cta-band{background:#f5c400;border-top:3px solid #0b0b0d;border-bottom:3px solid #0b0b0d;margin-top:0}
body.hormozi-on .cta-inner h2{color:#0b0b0d;font-size:clamp(1.6rem,4vw,2.4rem)}
body.hormozi-on .cta-inner p{color:rgba(11,11,13,.78);font-weight:600}
body.hormozi-on .cta-band .btn-light{background:#0b0b0d;border:2px solid #0b0b0d;color:#f5c400;box-shadow:4px 4px 0 #fff}
body.hormozi-on .cta-band .btn-light:hover{background:#fff;border-color:#fff;color:#0b0b0d}
body.hormozi-on .cta-band .btn-outline-light{border:2px solid #0b0b0d;color:#0b0b0d;background:transparent}
body.hormozi-on .cta-band .btn-outline-light:hover{background:#0b0b0d;color:#f5c400}

/* ---------- Footer ---------- */
body.hormozi-on .site-footer{background:#050506;border-top:3px solid #f5c400}
body.hormozi-on .site-footer h3{color:#f5c400}
body.hormozi-on .site-footer a{color:rgba(255,255,255,.8)}

/* ---------- Formulare ---------- */
body.hormozi-on .form-card{border:2px solid #2a2a30;border-radius:0}
body.hormozi-on .field input,body.hormozi-on .field select,body.hormozi-on .field textarea{background:#0b0b0d;border:2px solid #2a2a30;color:#f4f4f5;border-radius:0}
body.hormozi-on .field input:focus,body.hormozi-on .field select:focus,body.hormozi-on .field textarea:focus{border-color:#f5c400;box-shadow:0 0 0 3px rgba(245,196,0,.28);outline:none}
body.hormozi-on .field label{color:#e9e9ec;font-weight:700}
body.hormozi-on .consent{color:#b9b9bf}

/* ---------- Sonstiges ---------- */
body.hormozi-on .back-link{color:#f5c400}
body.hormozi-on .prose strong{color:#f5c400}
body.hormozi-on .prose p{color:#e9e9ec}
body.hormozi-on .cookie-banner{background:#141417;border:2px solid #2a2a30;border-radius:0}
body.hormozi-on .cookie-inner p{color:#e9e9ec}
body.hormozi-on .toast{border-radius:0;border-left:6px solid #f5c400}
body.hormozi-on .view-select option{background:#141417;color:#f4f4f5}
body.hormozi-on .geo-banner{background:rgba(245,196,0,.12);border-bottom:2px solid rgba(245,196,0,.55)}
@media (max-width:520px){body.hormozi-on .view-select{max-width:120px}}