/* ========================================================================== Theme: BOLD EDITORIAL — oversized type, hard edges, ink + signal-orange Activate with ========================================================================== */ [data-theme="editorial"] { --font-body: "Space Grotesk", "Inter", system-ui, sans-serif; --font-display: "Space Grotesk", "Inter", system-ui, sans-serif; --weight-display: 700; --tracking-display: -.045em; --bg: #F4F1EA; --surface-0: #ECE8DF; --surface: #FBFAF7; --surface-2: #E8E3D8; --surface-accent: #111111; --input-bg: #FFFFFF; --text: #2B2B2B; --heading: #111111; --muted: #5E5A52; --link: #C2410C; --accent: #EA580C; --accent-2: #111111; --gradient: linear-gradient(90deg, #EA580C, #111111); --success: #15803D; --danger: #B91C1C; --star: #EA580C; --border: #111111; --border-strong: #111111; --icon-bg: #111111; --radius: 0px; --radius-sm: 0px; --radius-lg: 0px; --radius-btn: 0px; --btn-bg: #111111; --btn-text: #F4F1EA; --btn-shadow: 4px 4px 0 #EA580C; --btn-shadow-hover: 6px 6px 0 #EA580C; --card-shadow: none; --card-shadow-hover: 8px 8px 0 #111111; --header-bg: rgb(244 241 234 / .9); --hero-bg: #F4F1EA; --hero-overlay: none; --cta-bg: #111111; --footer-bg: #111111; --footer-text: #B8B2A6; --footer-heading: #F4F1EA; color-scheme: light; } [data-theme="editorial"] h1 { font-size: clamp(2.8rem, 7.5vw, 6rem); line-height: .95; text-transform: uppercase; } [data-theme="editorial"] h2 { font-size: clamp(2rem, 4.6vw, 3.6rem); text-transform: uppercase; } [data-theme="editorial"] .eyebrow { color: var(--heading); } [data-theme="editorial"] .eyebrow::before { background: var(--accent); width: 2.2rem; } [data-theme="editorial"] .grad-text { background: none; color: var(--accent); } [data-theme="editorial"] .card, [data-theme="editorial"] .stat, [data-theme="editorial"] .step, [data-theme="editorial"] .form-card, [data-theme="editorial"] .faq details { border-width: 1.5px; } [data-theme="editorial"] .card:hover { transform: translate(-3px, -3px); } [data-theme="editorial"] .card .icon { color: var(--accent); } [data-theme="editorial"] .card.featured { background: #111; } [data-theme="editorial"] .site-header { border-bottom-width: 1.5px; } [data-theme="editorial"] .btn-ghost { border-width: 1.5px; } [data-theme="editorial"] .btn:hover { transform: translate(-2px, -2px); } [data-theme="editorial"] .btn-primary:hover { box-shadow: 6px 6px 0 var(--accent); } [data-theme="editorial"] .hero { border-bottom: 1.5px solid #111; } [data-theme="editorial"] .hero .container { grid-template-columns: 1.4fr .6fr; } [data-theme="editorial"] .hero-art { filter: none; color: #111; } [data-theme="editorial"] .logo-bar { background: #111; color: #F4F1EA; } [data-theme="editorial"] .logo-bar p, [data-theme="editorial"] .logo-bar svg { color: #F4F1EA; } [data-theme="editorial"] .pill { background: #111; color: #F4F1EA; border-color: #111; } [data-theme="editorial"] .pill .dot { background: var(--accent); box-shadow: none; } [data-theme="editorial"] .stat .num span { color: var(--accent); } [data-theme="editorial"] .tag { background: #111; color: #F4F1EA; border-radius: 0; } [data-theme="editorial"] .cta-band { border: 1.5px solid #111; box-shadow: 10px 10px 0 var(--accent); } [data-theme="editorial"] .cta-band .btn-primary { background: var(--accent); color: #fff; } [data-theme="editorial"] .theme-switch, [data-theme="editorial"] .theme-switch button { border-radius: 0; } [data-theme="editorial"] .theme-switch button[aria-pressed="true"] { background: #111; } [data-theme="editorial"] .wizard-progress div, [data-theme="editorial"] .cookie-banner { border-radius: 0; } [data-theme="editorial"] .site-footer, [data-theme="editorial"] .site-footer a { color: #B8B2A6; } [data-theme="editorial"] .site-footer .socials a, [data-theme="editorial"] .footer-bottom { border-color: rgb(255 255 255 / .18); } [data-theme="editorial"] .check-list li::before { background-color: #111; background-image: url("data:image/svg+xml;utf8,"); border-radius: 0; } [data-theme="editorial"] .member img, [data-theme="editorial"] .member svg, [data-theme="editorial"] .quote footer img, [data-theme="editorial"] .quote footer svg { border-radius: 0; } [data-theme="editorial"] .marquee-track span { color: #111; text-transform: uppercase; letter-spacing: .06em; }