/*
Theme Name: BS Geo Portal
Theme URI: https://byteq.nl
Author: ByteQ
Author URI: https://byteq.nl
Description: Gen-Z 2026 dark theme for BS Geo — license portal, pricing, and marketing.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: bs-geo-theme
Tags: dark, modern, woocommerce, custom-menu
WooCommerce: true
*/

/* ══════════════════════════════════════
   TOKENS
   ══════════════════════════════════════ */
:root {
    --accent: #6C5CE7;
    --accent-dim: rgba(108,92,231,.15);
    --accent-glow: rgba(108,92,231,.35);
    --pink: #FF2D7B;
    --pink-dim: rgba(255,45,123,.12);
    --pink-glow: rgba(255,45,123,.35);
    --green: #00D68F;
    --green-dim: rgba(0,214,143,.12);
    --yellow: #FFD93D;
    --yellow-dim: rgba(255,217,61,.12);
    --dark: #06060F;
    --dark-2: #0C0C1A;
    --dark-3: #141428;
    --dark-4: #1E1E3A;
    --dark-5: #2A2A4A;
    --surface: #12122A;
    --ink: #E8E8F8;
    --ink-2: #A0A0C0;
    --ink-3: #606080;
    --border: rgba(255,255,255,.06);
    --border-hover: rgba(108,92,231,.25);
    --font-h: 'Clash Display', 'Inter', system-ui, sans-serif;
    --font-b: 'Satoshi', 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --ease: cubic-bezier(.22,1,.36,1);
    --bounce: cubic-bezier(.34,1.56,.64,1);
    --radius: 16px;
    --radius-sm: 10px;
    --radius-pill: 60px;
}

/* ══════════════════════════════════════
   RESET & BASE
   ══════════════════════════════════════ */
*,*::before,*::after { margin:0;padding:0;box-sizing:border-box }
html { scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--dark) }
body { font-family:var(--font-b);background:var(--dark);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6 }
a { color:inherit;text-decoration:none }
button { cursor:pointer;border:none;font-family:inherit;background:none;color:inherit }
img { max-width:100%;height:auto }
::selection { background:var(--accent);color:#fff }

/* ══════════════════════════════════════
   SUBTLE BG GRID
   ══════════════════════════════════════ */
.grid-bg {
    position:fixed;inset:0;z-index:0;pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
    background-size:80px 80px;
}

/* ══════════════════════════════════════
   LAYOUT
   ══════════════════════════════════════ */
.wrap { max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px) }
.wrap-narrow { max-width:900px;margin:0 auto;padding:0 clamp(20px,4vw,48px) }
section { position:relative;z-index:1 }

/* ══════════════════════════════════════
   NAV
   ══════════════════════════════════════ */
.nav {
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:18px 0;transition:all .5s var(--ease);
}
.nav.scrolled {
    padding:12px 0;
    background:rgba(6,6,15,.85);
    backdrop-filter:blur(24px);
    border-bottom:1px solid var(--border);
}
.nav-inner { display:flex;align-items:center;justify-content:space-between }
.nav-logo {
    font-family:var(--font-h);font-weight:700;font-size:1.15rem;
    display:flex;align-items:center;gap:10px;
}
.nav-logo-mark {
    width:36px;height:36px;background:var(--accent);border-radius:10px;
    display:grid;place-items:center;font-size:.95rem;font-weight:800;
    transition:transform .3s var(--bounce);color:#fff;
}
.nav-logo:hover .nav-logo-mark { transform:rotate(-8deg) scale(1.08) }
.nav-logo small { font-size:.65rem;color:var(--ink-3);font-weight:400;margin-left:4px }
.nav-links { display:flex;align-items:center;gap:28px;list-style:none }
.nav-link {
    font-size:.88rem;font-weight:500;color:var(--ink-2);
    transition:color .25s;position:relative;
}
.nav-link:hover { color:#fff }
.nav-link::after {
    content:'';position:absolute;bottom:-3px;left:0;
    width:0;height:1.5px;background:var(--accent);
    transition:width .35s var(--ease);
}
.nav-link:hover::after { width:100% }
.nav-cta {
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 24px;border-radius:var(--radius-pill);
    font-size:.85rem;font-weight:600;
    background:var(--accent);color:#fff;
    transition:all .4s var(--bounce);
    box-shadow:0 2px 12px var(--accent-glow);
}
.nav-cta:hover { transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow) }
.nav-menu-btn { display:none;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px }
.nav-menu-btn span { display:block;height:1.5px;background:#fff;border-radius:2px;transition:all .3s }

/* ══════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════ */
.btn {
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 36px;border-radius:var(--radius-pill);
    font-family:var(--font-h);font-weight:600;font-size:.95rem;
    transition:all .4s var(--ease);position:relative;overflow:hidden;
}
.btn--primary {
    background:var(--accent);color:#fff;
    box-shadow:0 4px 24px var(--accent-glow);
}
.btn--primary:hover { box-shadow:0 8px 40px var(--accent-glow);transform:translateY(-2px) }
.btn--ghost {
    border:1.5px solid var(--border);color:var(--ink);
}
.btn--ghost:hover { border-color:var(--accent);color:var(--accent) }
.btn--pink {
    background:var(--pink);color:#fff;
    box-shadow:0 4px 24px var(--pink-glow);
}
.btn--pink:hover { box-shadow:0 8px 40px var(--pink-glow);transform:translateY(-2px) }
.btn .arrow {
    display:inline-flex;width:24px;height:24px;border-radius:50%;
    background:rgba(255,255,255,.15);align-items:center;justify-content:center;
    font-size:.8rem;transition:transform .4s var(--bounce);
}
.btn:hover .arrow { transform:translateX(3px) rotate(-45deg) }

/* ══════════════════════════════════════
   SECTION HEADERS
   ══════════════════════════════════════ */
.sh { margin-bottom:56px }
.sh-num {
    font-family:var(--font-mono);font-weight:700;font-size:.72rem;
    letter-spacing:.12em;text-transform:uppercase;
    color:var(--accent);margin-bottom:12px;
    display:flex;align-items:center;gap:10px;
}
.sh-num::after { content:'';flex:1;max-width:40px;height:1px;background:var(--accent);opacity:.3 }
.sh h2 {
    font-family:var(--font-h);font-weight:700;
    font-size:clamp(2rem,4.5vw,3.4rem);
    line-height:1.08;letter-spacing:-.03em;
}
.sh p { margin-top:14px;font-size:1.05rem;color:var(--ink-2);line-height:1.65;max-width:480px }

/* ══════════════════════════════════════
   HERO
   ══════════════════════════════════════ */
.hero {
    min-height:100vh;display:flex;align-items:center;
    padding:120px 0 80px;position:relative;
}
.hero-glow {
    position:absolute;width:600px;height:600px;border-radius:50%;
    filter:blur(140px);opacity:.12;pointer-events:none;
}
.hero-glow--1 { background:var(--accent);top:-100px;left:20% }
.hero-glow--2 { background:var(--pink);bottom:-200px;right:10% }
.hero-eyebrow {
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--font-mono);font-size:.78rem;font-weight:500;
    letter-spacing:.08em;text-transform:uppercase;
    color:var(--ink-3);margin-bottom:24px;
    background:var(--dark-3);padding:8px 18px;border-radius:var(--radius-pill);
    border:1px solid var(--border);
}
.hero-eyebrow .dot { width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite }
@keyframes pulse { 0%,100%{opacity:1}50%{opacity:.4} }

.hero h1 {
    font-family:var(--font-h);font-weight:700;
    font-size:clamp(3rem,7.5vw,6.5rem);
    line-height:.95;letter-spacing:-.04em;
}
.hero h1 em {
    font-style:normal;
    background:linear-gradient(135deg,var(--accent),var(--pink));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;
}
.hero-desc {
    max-width:480px;margin:28px 0 40px;
    font-size:1.1rem;line-height:1.7;color:var(--ink-2);
}
.hero-actions { display:flex;gap:14px;flex-wrap:wrap }
.hero-scroll {
    position:absolute;bottom:40px;left:50%;transform:translateX(-50%);
    display:flex;flex-direction:column;align-items:center;gap:8px;
    font-size:.72rem;font-weight:500;letter-spacing:.1em;
    text-transform:uppercase;color:var(--ink-3);
}
.hero-scroll .line {
    width:1px;height:40px;
    background:linear-gradient(to bottom,var(--accent),transparent);
    animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse { 0%,100%{opacity:.3}50%{opacity:1} }

/* Hero terminal */
.hero-terminal {
    position:absolute;right:clamp(20px,5vw,80px);top:50%;
    transform:translateY(-50%);width:380px;z-index:2;
}
.terminal {
    background:var(--dark-2);border:1px solid var(--border);
    border-radius:var(--radius);overflow:hidden;
    box-shadow:0 24px 80px rgba(0,0,0,.4);
    transition:transform .6s var(--ease);
}
.terminal:hover { transform:translateY(-4px) rotate(.5deg) }
.terminal-bar {
    display:flex;align-items:center;gap:7px;
    padding:14px 18px;background:rgba(255,255,255,.02);
    border-bottom:1px solid var(--border);
}
.terminal-dot { width:10px;height:10px;border-radius:50% }
.terminal-dot--r { background:#ff5f57 }
.terminal-dot--y { background:#ffbd2e }
.terminal-dot--g { background:#28ca41 }
.terminal-title { margin-left:auto;font-size:.7rem;color:var(--ink-3);font-family:var(--font-mono) }
.terminal-body {
    padding:20px;
    font-family:var(--font-mono);font-size:.78rem;line-height:1.9;
}
.terminal-body .kw { color:var(--accent) }
.terminal-body .str { color:var(--yellow) }
.terminal-body .cm { color:var(--ink-3);font-style:italic }
.terminal-body .fn { color:#82aaff }
.terminal-body .op { color:var(--ink-2) }

/* ══════════════════════════════════════
   MARQUEE
   ══════════════════════════════════════ */
.marquee {
    padding:16px 0;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    overflow:hidden;
}
.marquee-inner { display:flex;width:max-content;animation:scroll 25s linear infinite }
.marquee:hover .marquee-inner { animation-play-state:paused }
.marquee-word {
    flex-shrink:0;padding:0 clamp(20px,3vw,48px);
    font-family:var(--font-h);font-weight:600;
    font-size:clamp(.78rem,1.1vw,.95rem);
    letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);
    display:flex;align-items:center;gap:clamp(16px,2vw,32px);
}
.marquee-word::after { content:'\25C6';font-size:.5em;color:var(--accent);opacity:.6 }
@keyframes scroll { 0%{transform:translateX(0)}100%{transform:translateX(-50%)} }

/* ══════════════════════════════════════
   STATS
   ══════════════════════════════════════ */
.stats {
    padding:80px 0;
    border-bottom:1px solid var(--border);
}
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center }
.stat .big {
    font-family:var(--font-h);font-weight:700;
    font-size:clamp(2.5rem,5vw,4rem);
    letter-spacing:-.03em;line-height:1;
}
.stat .big span { color:var(--accent) }
.stat .label { font-size:.85rem;color:var(--ink-3);margin-top:6px;font-weight:500 }

/* ══════════════════════════════════════
   FEATURES
   ══════════════════════════════════════ */
.features { padding:140px 0 }
.features-grid {
    display:grid;grid-template-columns:repeat(12,1fr);gap:16px;
}
.feature-card {
    background:var(--dark-2);border:1px solid var(--border);
    border-radius:var(--radius);padding:clamp(28px,3vw,40px);
    position:relative;overflow:hidden;transition:all .5s var(--ease);
}
.feature-card:hover { border-color:var(--border-hover);transform:translateY(-4px) }
.feature-card::before {
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,var(--accent),var(--pink));
    transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);
}
.feature-card:hover::before { transform:scaleX(1) }
.feature-card .icon {
    width:48px;height:48px;border-radius:12px;
    background:var(--accent-dim);
    display:grid;place-items:center;font-size:1.4rem;
    margin-bottom:16px;
}
.feature-card h3 {
    font-family:var(--font-h);font-weight:600;font-size:1.15rem;
    margin-bottom:8px;
}
.feature-card p { font-size:.9rem;color:var(--ink-2);line-height:1.65 }

.f-1 { grid-column:1/7 }
.f-2 { grid-column:7/13 }
.f-3 { grid-column:1/5 }
.f-4 { grid-column:5/9 }
.f-5 { grid-column:9/13 }
.f-6 { grid-column:1/7 }
.f-7 { grid-column:7/13 }

/* ══════════════════════════════════════
   PRICING
   ══════════════════════════════════════ */
.pricing { padding:140px 0 }
.price-grid {
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:16px;margin-top:56px;
}
.price-card {
    background:var(--dark-2);border:1px solid var(--border);
    border-radius:var(--radius);padding:40px 32px;
    position:relative;transition:all .5s var(--ease);
}
.price-card:hover { border-color:var(--border-hover);transform:translateY(-6px) }
.price-card--pop {
    border-color:var(--accent);
    background:linear-gradient(180deg,rgba(108,92,231,.06),var(--dark-2));
}
.price-card--pop::after {
    content:'Populair';position:absolute;top:-12px;right:24px;
    padding:5px 16px;border-radius:var(--radius-pill);
    background:var(--accent);color:#fff;
    font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.price-card .tier { font-family:var(--font-h);font-weight:600;font-size:1.1rem;margin-bottom:4px }
.price-card .tier-desc { font-size:.85rem;color:var(--ink-3);margin-bottom:20px }
.price-card .amount {
    font-family:var(--font-h);font-weight:700;
    font-size:2.8rem;letter-spacing:-.02em;color:#fff;
}
.price-card .amount small { font-size:.4em;font-weight:500;color:var(--ink-3);vertical-align:baseline }
.price-card .divider { width:100%;height:1px;background:var(--border);margin:20px 0 }
.price-card ul { list-style:none;margin-bottom:28px }
.price-card li {
    padding:7px 0;font-size:.88rem;color:var(--ink-2);
    display:flex;align-items:center;gap:10px;
}
.price-card li::before { content:'\2192';color:var(--accent);font-weight:700;font-size:.75rem }
.price-card .btn { width:100%;justify-content:center;padding:14px 24px;font-size:.9rem }

/* ══════════════════════════════════════
   FAQ
   ══════════════════════════════════════ */
.faq { padding:140px 0 }
.faq-list { max-width:680px;margin:0 auto }
.faq-item { border-bottom:1px solid var(--border) }
.faq-q {
    width:100%;padding:22px 0;
    font-family:var(--font-h);font-weight:500;font-size:1rem;
    text-align:left;display:flex;justify-content:space-between;
    align-items:center;gap:16px;color:var(--ink);transition:color .3s;
}
.faq-q:hover { color:var(--accent) }
.faq-toggle {
    width:28px;height:28px;border-radius:50%;
    border:1px solid rgba(255,255,255,.1);
    display:grid;place-items:center;font-size:.8rem;
    color:var(--accent);transition:all .4s var(--bounce);flex-shrink:0;
}
.faq-item.open .faq-toggle { transform:rotate(45deg);background:var(--accent);color:#fff;border-color:var(--accent) }
.faq-a { max-height:0;overflow:hidden;transition:max-height .5s var(--ease) }
.faq-item.open .faq-a { max-height:300px }
.faq-a p { padding-bottom:22px;font-size:.92rem;color:var(--ink-2);line-height:1.7 }

/* ══════════════════════════════════════
   CTA
   ══════════════════════════════════════ */
.cta-section { padding:160px 0;text-align:center;position:relative;overflow:hidden }
.cta-glow {
    position:absolute;width:600px;height:600px;border-radius:50%;
    filter:blur(120px);opacity:.12;pointer-events:none;
}
.cta-glow--1 { background:var(--accent);top:-200px;left:50%;transform:translateX(-50%) }
.cta-glow--2 { background:var(--pink);bottom:-300px;right:-100px;opacity:.06 }
.cta-section h2 {
    font-family:var(--font-h);font-weight:700;
    font-size:clamp(2.5rem,6vw,5rem);line-height:1;
    letter-spacing:-.04em;position:relative;
}
.cta-section p { margin:20px auto 40px;font-size:1.05rem;color:var(--ink-2);max-width:440px;line-height:1.65;position:relative }
.cta-actions { display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative }

/* ══════════════════════════════════════
   FOOTER
   ══════════════════════════════════════ */
.footer { border-top:1px solid var(--border);padding:60px 0 28px }
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px }
.footer-brand { font-family:var(--font-h);font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:8px;margin-bottom:10px }
.footer-desc { font-size:.88rem;color:var(--ink-3);line-height:1.6;max-width:260px }
.footer h5 { font-family:var(--font-h);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px }
.footer a { display:block;padding:4px 0;font-size:.88rem;color:var(--ink-3);transition:color .25s }
.footer a:hover { color:var(--accent) }
.footer-bottom {
    display:flex;justify-content:space-between;align-items:center;
    padding-top:20px;border-top:1px solid var(--border);
    font-size:.78rem;color:var(--ink-3);
}

/* ══════════════════════════════════════
   MY ACCOUNT — LICENSE PORTAL
   ══════════════════════════════════════ */
.account-section { padding:140px 0 80px }
.account-header {
    margin-bottom:40px;
}
.account-header h1 {
    font-family:var(--font-h);font-weight:700;
    font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;
}
.account-header p { color:var(--ink-2);margin-top:8px;font-size:1rem }

.license-card {
    background:var(--dark-2);border:1px solid var(--border);
    border-radius:var(--radius);padding:28px;margin-bottom:16px;
    transition:all .4s var(--ease);
}
.license-card:hover { border-color:var(--border-hover) }
.license-card-header {
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:12px;margin-bottom:20px;
}
.license-key {
    font-family:var(--font-mono);font-weight:700;font-size:1.1rem;
    color:var(--accent);letter-spacing:.02em;
}
.license-badges { display:flex;gap:8px;flex-wrap:wrap }
.badge {
    display:inline-flex;align-items:center;gap:5px;
    padding:4px 12px;border-radius:var(--radius-pill);
    font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;
}
.badge--active { background:var(--green-dim);color:var(--green);border:1px solid rgba(0,214,143,.2) }
.badge--expired { background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(255,217,61,.2) }
.badge--revoked { background:var(--pink-dim);color:var(--pink);border:1px solid rgba(255,45,123,.2) }
.badge--suspended { background:rgba(245,110,40,.12);color:#f56e28;border:1px solid rgba(245,110,40,.2) }
.badge--tier { background:var(--accent-dim);color:var(--accent);border:1px solid rgba(108,92,231,.2) }

.license-meta {
    display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:16px;margin-bottom:20px;
}
.license-meta-item {
    background:var(--dark-3);border-radius:var(--radius-sm);padding:14px;
}
.license-meta-item .label { font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:4px }
.license-meta-item .value { font-size:.95rem;font-weight:600;color:var(--ink) }

.sites-list { margin-top:16px }
.sites-list h4 {
    font-family:var(--font-h);font-weight:600;font-size:.95rem;
    margin-bottom:12px;display:flex;align-items:center;gap:8px;
}
.sites-list h4 .count {
    background:var(--dark-4);padding:2px 10px;border-radius:var(--radius-pill);
    font-size:.72rem;font-weight:700;color:var(--ink-2);
}
.site-item {
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px;background:var(--dark-3);border-radius:var(--radius-sm);
    margin-bottom:6px;font-size:.88rem;
}
.site-item code { font-family:var(--font-mono);font-size:.82rem;color:var(--ink-2) }
.site-item .date { font-size:.78rem;color:var(--ink-3) }

.subscription-info {
    margin-top:20px;padding-top:20px;border-top:1px solid var(--border);
}
.subscription-info h4 {
    font-family:var(--font-h);font-weight:600;font-size:.95rem;margin-bottom:12px;
}

/* Empty state */
.empty-state {
    text-align:center;padding:80px 20px;
}
.empty-state .icon { font-size:3rem;margin-bottom:16px;opacity:.4 }
.empty-state h3 { font-family:var(--font-h);font-weight:600;font-size:1.3rem;margin-bottom:8px }
.empty-state p { color:var(--ink-2);margin-bottom:24px }

/* ══════════════════════════════════════
   WOOCOMMERCE OVERRIDES
   ══════════════════════════════════════ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
    background:var(--accent) !important;color:#fff !important;
    border:none !important;border-radius:var(--radius-pill) !important;
    font-family:var(--font-h) !important;font-weight:600 !important;
    padding:12px 28px !important;transition:all .3s var(--ease) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background:var(--pink) !important;transform:translateY(-2px) !important;
}

/* ══════════════════════════════════════
   SCROLL REVEAL
   ══════════════════════════════════════ */
.sr { opacity:0;transform:translateY(36px);transition:opacity .7s var(--ease),transform .7s var(--ease) }
.sr.in { opacity:1;transform:none }
.sr-d1 { transition-delay:.08s }
.sr-d2 { transition-delay:.16s }
.sr-d3 { transition-delay:.24s }
.sr-d4 { transition-delay:.32s }
.sr-d5 { transition-delay:.4s }

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media(max-width:1080px) {
    .hero-terminal { display:none }
    .f-1,.f-2,.f-3,.f-4,.f-5,.f-6,.f-7 { grid-column:span 6 }
    .price-grid { grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto }
    .stats-grid { grid-template-columns:repeat(2,1fr);gap:32px }
}
@media(max-width:768px) {
    .nav-links { display:none }
    .nav-menu-btn { display:flex }
    .f-1,.f-2,.f-3,.f-4,.f-5,.f-6,.f-7 { grid-column:span 12 }
    .footer-grid { grid-template-columns:1fr 1fr }
    .footer-bottom { flex-direction:column;gap:12px;text-align:center }
    .stats-grid { grid-template-columns:1fr 1fr }
    .hero-scroll { display:none }
    .license-card-header { flex-direction:column;align-items:flex-start }
    .hero h1 { font-size:clamp(2.4rem,8vw,4rem) }
}