:root {
    --bg: #07090d;
    --surface: #10141c;
    --surface-2: #151b25;
    --surface-3: #1b2230;
    --text: #f5f7fb;
    --muted: #9ca8bb;
    --line: rgba(255, 255, 255, .09);
    --brand: #7c5cff;
    --brand-2: #35d3ff;
    --lime: #b8ff63;
    --danger: #ff667d;
    --success: #5ee6a8;
    --warning: #ffc857;
    --shadow: 0 24px 70px rgba(0, 0, 0, .3);
    --radius: 24px;
    --container: 1240px;
}

/* Light theme variables */
[data-theme="light"] {
    --bg: #edf1f2;
    --surface: #f7f7f3;
    --surface-2: #ffffff;
    --surface-3: #e8edef;
    --text: #101923;
    --muted: #5d6874;
    --line: rgba(16, 25, 35, .11);
    --brand: #5636e8;
    --brand-2: #087fa4;
    --lime: #347a28;
    --danger: #c81e3f;
    --success: #0f9d58;
    --warning: #d97706;
    --shadow: 0 20px 55px rgba(35, 48, 58, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: "Manrope", system-ui, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .2;
    background-image: radial-gradient(rgba(255,255,255,.18) .7px, transparent .7px);
    background-size: 20px 20px;
    mask-image: linear-gradient(to bottom, #000, transparent 55%);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { margin: 0 0 .65em; line-height: 1.12; letter-spacing: -.035em; }
h1, h2 { font-family: "Space Grotesk", "Manrope", sans-serif; }
p { margin: 0 0 1.2em; }
.ambient { position: fixed; width: 500px; height: 500px; border-radius: 50%; filter: blur(130px); opacity: .11; pointer-events: none; }
.ambient-one { background: var(--brand); top: -250px; left: 10%; }
.ambient-two { background: var(--brand-2); right: -250px; top: 30%; }
.container, .list { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.list { padding: 64px 0; }
.muted { color: var(--muted); }
.eyebrow { display: inline-flex; gap: 8px; align-items: center; color: var(--lime); text-transform: uppercase; letter-spacing: .13em; font-weight: 800; font-size: 12px; margin-bottom: 18px; }
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }
.gradient-text { background: linear-gradient(100deg, #fff 5%, #b8a9ff 50%, #75e6ff); -webkit-background-clip: text; color: transparent; }

.site-header {
    width: min(1360px, calc(100% - 28px));
    height: 74px;
    margin: 14px auto 0;
    padding: 0 18px 0 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 34px;
    position: sticky;
    top: 12px;
    z-index: 50;
    background: rgba(13, 16, 23, .82);
    backdrop-filter: blur(20px);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,.22);
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: "Space Grotesk"; font-size: 24px; font-weight: 700; letter-spacing: -.05em; }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #0a0c10; background: linear-gradient(135deg, var(--lime), #63dfff); font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), 0 8px 28px rgba(115,225,194,.18); }
.brand-logo { width: 44px; height: 44px; object-fit: cover; border-radius: 13px; box-shadow: 0 0 24px rgba(53,211,255,.24); }
.main-nav { display: flex; justify-content: center; align-items: center; gap: 7px; }
.main-nav a { padding: 10px 13px; color: #b8c1d0; font-size: 14px; font-weight: 700; border-radius: 12px; transition: .2s ease; white-space: nowrap; }
.main-nav a:hover, .main-nav a.active { color: #fff; background: rgba(255,255,255,.06); }
.nav-more { position: relative; }
.nav-more summary {
    list-style: none;
    padding: 10px 13px;
    color: #b8c1d0;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}
.nav-more summary::-webkit-details-marker { display: none; }
.nav-more summary span { display: inline-block; margin-left: 4px; color: var(--lime); transition: transform .2s ease; }
.nav-more[open] summary { color: #fff; background: rgba(255,255,255,.06); }
.nav-more[open] summary span { transform: rotate(45deg); }
.nav-more-menu {
    width: 520px;
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    color: var(--text);
    background: rgba(12,16,23,.98);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 28px 75px rgba(0,0,0,.42);
    backdrop-filter: blur(22px);
}
.nav-more-menu a { display: block; padding: 13px 14px; border: 1px solid transparent; }
.nav-more-menu a:hover,
.nav-more-menu a.active { border-color: var(--line); background: rgba(255,255,255,.055); }
.nav-more-menu b,
.nav-more-menu small { display: block; }
.nav-more-menu b { color: var(--text); }
.nav-more-menu small { margin-top: 2px; color: var(--muted); font-size: 10px; font-weight: 600; }
.nav-spark { color: var(--lime); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.language-picker { display: flex; align-items: center; gap: 5px; color: var(--muted); border: 1px solid var(--line); border-radius: 12px; padding: 3px 5px 3px 9px; }
.language-picker select { width: 74px; margin: 0; padding: 7px 2px; border: 0; background: transparent; }
.theme-toggle { width: 42px; min-height: 42px; flex: 0 0 42px; padding: 0; color: var(--text); background: rgba(255,255,255,.045); border: 1px solid var(--line); border-radius: 13px; box-shadow: none; }
.theme-toggle:hover { color: var(--brand-2); background: rgba(255,255,255,.08); border-color: currentColor; box-shadow: none; }
.theme-toggle-icon { font-size: 22px; line-height: 1; transform: rotate(-20deg); transition: transform .25s ease; }
[data-theme="light"] .theme-toggle-icon { transform: rotate(160deg); }
.header-login { font-size: 14px; font-weight: 700; }
.avatar-button { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--brand), var(--brand-2)); font-weight: 800; }
.nav-toggle { display: none; background: transparent; border: 0; padding: 8px; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: #fff; margin: 5px; }

.button, button:not(.nav-toggle):not(.theme-toggle):not(.pulse-action) {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #080b10;
    background: linear-gradient(135deg, var(--lime), #76e7df);
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    box-shadow: 0 10px 30px rgba(135, 247, 177, .12);
}
.button:hover, button:not(.nav-toggle):not(.theme-toggle):not(.pulse-action):hover { transform: translateY(-2px); box-shadow: 0 14px 35px rgba(135, 247, 177, .2); }
.button-small { min-height: 40px; padding: 0 15px; border-radius: 12px; font-size: 13px; }
.button-secondary { color: #fff; background: rgba(255,255,255,.04); border-color: var(--line); box-shadow: none; }
.button-ghost { color: #cdd5e1; background: transparent; border-color: var(--line); box-shadow: none; }
.button-danger { color: #fff; background: rgba(255,102,125,.14); border-color: rgba(255,102,125,.25); box-shadow: none; }
.text-link { color: #dce2eb; }
.text-link:hover { color: var(--lime); }

.hero {
    width: min(var(--container), calc(100% - 40px));
    min-height: 650px;
    margin: 0 auto;
    padding: 94px 0 72px;
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    gap: 74px;
    align-items: center;
}
.hero-copy h1 { max-width: 780px; font-size: clamp(48px, 6vw, 82px); }
.hero-copy > p { max-width: 680px; color: #aeb8c7; font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 28px 0; }
.trust-row { display: flex; flex-wrap: wrap; gap: 18px; color: var(--muted); font-size: 13px; font-weight: 700; }
.trust-row span::before { content: "✓"; color: var(--success); margin-right: 7px; }
.hero-visual { position: relative; min-height: 500px; }
.orbit { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; transform: rotate(-12deg); }
.orbit::before, .orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; inset: 55px; }
.orbit::after { inset: 118px; }
.command-card { position: absolute; inset: 70px 30px; padding: 30px; background: linear-gradient(150deg, rgba(28,34,47,.96), rgba(12,16,23,.93)); border: 1px solid rgba(255,255,255,.12); border-radius: 30px; box-shadow: var(--shadow); transform: rotate(2deg); z-index: 2; }
.command-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.live-dot { display: inline-flex; align-items: center; gap: 8px; color: var(--success); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.live-dot::before { content: ""; width: 8px; height: 8px; background: currentColor; border-radius: 50%; box-shadow: 0 0 13px currentColor; }
.ai-search-box { padding: 17px; background: rgba(0,0,0,.26); border: 1px solid var(--line); border-radius: 18px; margin-bottom: 20px; }
.ai-search-box textarea { min-height: 92px; border: 0; margin: 0; padding: 0; resize: none; background: transparent; }
.ai-search-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.ai-search-actions button { min-height: 38px; padding: 0 13px; border-radius: 11px; }
.solution-preview { display: grid; gap: 12px; }
.solution-line { display: flex; gap: 13px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.solution-line b { display: block; font-size: 13px; }
.solution-line small { color: var(--muted); }
.solution-icon { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; display: grid; place-items: center; color: var(--lime); background: rgba(184,255,99,.08); border: 1px solid rgba(184,255,99,.15); }
.floating-stat { position: absolute; z-index: 3; padding: 14px 18px; border: 1px solid var(--line); background: rgba(16,20,28,.9); backdrop-filter: blur(15px); border-radius: 16px; box-shadow: var(--shadow); }
.floating-stat strong { display: block; font-family: "Space Grotesk"; font-size: 22px; }
.floating-stat small { color: var(--muted); }
.stat-one { left: -20px; bottom: 85px; }
.stat-two { right: -16px; top: 42px; }

.logo-cloud { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.015); }
.logo-cloud-inner { width: min(var(--container), calc(100% - 40px)); margin: auto; padding: 21px 0; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #778296; }
.logo-cloud-inner > span { font-size: 11px; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; }
.platform-word { color: #aab3c2; font-family: "Space Grotesk"; font-size: 17px; font-weight: 700; }

.section { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; padding: 92px 0; }
.section-tight { padding: 52px 0; }
.section-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 34px; }
.section-heading h2 { max-width: 720px; font-size: clamp(34px, 4vw, 52px); }
.section-heading p { max-width: 500px; color: var(--muted); margin: 0; }
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card {
    position: relative;
    padding: 25px;
    background: linear-gradient(155deg, rgba(23,29,40,.94), rgba(13,17,24,.94));
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: 0 14px 45px rgba(0,0,0,.12);
}
.card-hover { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.card-hover:hover { transform: translateY(-6px); border-color: rgba(184,255,99,.22); box-shadow: 0 25px 60px rgba(0,0,0,.25); }
.card h3 a:hover { color: var(--lime); }
.platform-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 23px; border-radius: 14px; background: linear-gradient(145deg, rgba(124,92,255,.2), rgba(53,211,255,.1)); border: 1px solid rgba(156,140,255,.2); font-family: "Space Grotesk"; font-size: 13px; color: #d8d0ff; }
.badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: #bdc7d6; background: rgba(255,255,255,.025); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.badge-success { color: var(--success); border-color: rgba(94,230,168,.22); background: rgba(94,230,168,.08); }
.card-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 12px; margin-bottom: 16px; }
.price { display: block; font-family: "Space Grotesk"; font-size: 28px; letter-spacing: -.04em; }
.price small { color: var(--muted); font-family: "Manrope"; font-size: 12px; font-weight: 600; letter-spacing: 0; }
.service-footer, .article-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--line); }
.seller { display: flex; align-items: center; gap: 9px; }
.seller-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-3); color: var(--lime); font-weight: 800; font-size: 12px; }
.seller small { display: block; color: var(--muted); }
.arrow-link { color: #e8ecf3; font-size: 13px; font-weight: 800; }
.arrow-link:hover { color: var(--lime); }

.feature-band { width: min(var(--container), calc(100% - 40px)); margin: 25px auto 90px; padding: 50px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: center; border-radius: 32px; border: 1px solid rgba(152,128,255,.22); background: radial-gradient(circle at 10% 50%, rgba(124,92,255,.18), transparent 35%), linear-gradient(145deg, #141824, #0d1118); overflow: hidden; }
.feature-band h2 { font-size: clamp(36px, 4vw, 54px); }
.feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.feature-item { padding: 20px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.feature-item strong { display: block; margin-bottom: 5px; }
.feature-item span { color: var(--muted); font-size: 13px; }

.page-hero { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; padding: 82px 0 42px; }
.page-hero h1 { max-width: 900px; font-size: clamp(42px, 6vw, 70px); }
.page-hero p { max-width: 720px; font-size: 17px; color: var(--muted); }
.filter-bar { display: grid; grid-template-columns: 2fr repeat(2, 1fr) auto; gap: 10px; padding: 12px; margin: 28px 0 35px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; }
.filter-bar-wide { grid-template-columns: 2fr repeat(3, 1fr) auto; }
input, textarea, select {
    width: 100%;
    margin: 0;
    padding: 13px 14px;
    color: var(--text);
    background: #0b0f16;
    border: 1px solid var(--line);
    border-radius: 13px;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
input:focus, textarea:focus, select:focus { border-color: rgba(124,92,255,.65); box-shadow: 0 0 0 3px rgba(124,92,255,.1); }
textarea { min-height: 130px; resize: vertical; }
select { appearance: auto; }
label { display: block; color: #dfe5ee; font-size: 13px; font-weight: 700; }
label > input, label > textarea, label > select { margin-top: 7px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-stack { display: grid; gap: 15px; }
.form-help { color: var(--muted); font-size: 12px; }
.form-error { padding: 12px 14px; color: #ffdce2; background: rgba(255,102,125,.1); border: 1px solid rgba(255,102,125,.2); border-radius: 12px; }

.auth-shell { width: min(1050px, calc(100% - 40px)); min-height: 690px; margin: 50px auto 90px; display: grid; grid-template-columns: .9fr 1.1fr; border: 1px solid var(--line); border-radius: 30px; overflow: hidden; box-shadow: var(--shadow); }
.auth-art { padding: 48px; display: flex; flex-direction: column; justify-content: space-between; background: radial-gradient(circle at 20% 20%, rgba(124,92,255,.35), transparent 42%), radial-gradient(circle at 80% 80%, rgba(53,211,255,.18), transparent 40%), #111621; }
.auth-art h2 { font-size: 44px; }
.auth-panel { display: grid; align-content: center; padding: 62px; background: #0d1118; }
.auth-panel h1 { font-size: 38px; }
.auth-links { display: flex; justify-content: space-between; margin: 12px 0 20px; color: var(--muted); font-size: 13px; }
.auth-panel button { width: 100%; }

.post-layout { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; padding: 64px 0 90px; display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 34px; align-items: start; }
.post-card { padding: clamp(26px, 5vw, 62px); }
.post-card h1 { font-size: clamp(40px, 5vw, 65px); }
.post-lead { color: #c2cad6; font-size: 19px; }
.post-content { color: #d3d9e2; font-size: 17px; line-height: 1.9; }
.post-content p { margin-bottom: 1.6em; }
.post-content h2 { margin-top: 1.7em; font-size: 32px; }
.post-content ul { padding-left: 22px; }
.video-frame { position: relative; width: 100%; padding-top: 56.25%; margin: 28px 0; overflow: hidden; border-radius: 20px; background: #000; }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.post-cover { width: 100%; max-height: 560px; object-fit: cover; margin: 28px 0; border-radius: 20px; }
.post-byline { display: flex; flex-wrap: wrap; gap: 14px; color: var(--muted); font-size: 13px; margin: 20px 0 32px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.post-visual-stage { position: relative; overflow: hidden; margin: 28px 0; border-radius: 24px; background: #05080d; }
.post-visual-stage .post-cover,
.post-visual-stage .video-frame { margin: 0; border-radius: 0; }
.post-visual-caption {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 13px;
    color: #e9eff7;
    background: rgba(5,9,14,.68);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 13px;
    backdrop-filter: blur(16px);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.video-desk {
    margin: 28px 0;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 24px;
    align-items: center;
    color: #f6f9fc;
    background: linear-gradient(135deg, #111b28, #081018);
    border: 1px solid rgba(53,211,255,.2);
    border-radius: 22px;
}
.video-desk h2 { margin-bottom: 8px; font-size: 28px; }
.video-desk p { margin: 0; color: #9eacbd; font-size: 13px; }
.video-desk-actions { display: grid; gap: 8px; }
.video-desk-actions a { padding: 11px 13px; color: #dceaf4; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; font-size: 12px; font-weight: 800; }
.video-desk-actions a:hover { color: #071018; background: var(--lime); border-color: transparent; }
.editorial-content { margin: 44px 0; color: #d8dfe9; font-size: 17px; line-height: 1.9; }
.editorial-content h2 { margin: 2.1em 0 .65em; color: #fff; font-size: clamp(29px, 3vw, 41px); }
.editorial-content h3 { margin: 1.7em 0 .6em; color: #f2f5f9; font-size: 24px; }
.editorial-content p { margin: 0 0 1.55em; }
.editorial-content ol,
.editorial-content ul { margin: 24px 0 32px; padding: 0; display: grid; gap: 10px; list-style: none; counter-reset: editorial-list; }
.editorial-content li { position: relative; padding: 16px 18px 16px 52px; background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 16px; }
.editorial-content ol li { counter-increment: editorial-list; }
.editorial-content ol li::before {
    content: counter(editorial-list);
    width: 28px;
    height: 28px;
    position: absolute;
    left: 13px;
    top: 14px;
    display: grid;
    place-items: center;
    color: #071018;
    background: var(--lime);
    border-radius: 9px;
    font-size: 11px;
    font-weight: 900;
}
.editorial-content ul li::before { content: "•"; position: absolute; left: 21px; color: var(--brand-2); font-size: 24px; }
.post-media-gallery { margin: 38px 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.post-media-gallery figure { margin: 0; overflow: hidden; background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 18px; }
.post-media-gallery img { width: 100%; min-height: 240px; display: block; object-fit: cover; }
.post-media-gallery .video-frame { margin: 0; border-radius: 0; }
.post-media-gallery figcaption { padding: 11px 13px; color: var(--muted); font-size: 11px; }
.content-cta { margin: 32px 0; padding: 24px; border: 1px solid rgba(184,255,99,.18); border-radius: 20px; background: linear-gradient(135deg, rgba(184,255,99,.08), rgba(53,211,255,.05)); }
.content-cta h3 { margin-bottom: 8px; }
.share-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.sidebar { position: sticky; top: 105px; display: grid; gap: 18px; }
.sidebar-card { padding: 22px; }
.sidebar-card h3 { font-size: 18px; }
.comments { margin-top: 22px; }
.comment { padding: 16px 0; border-bottom: 1px solid var(--line); }
.comment:last-child { border: 0; }
.comment-head { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }

.dashboard-layout { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; padding: 58px 0 90px; display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 24px; }
.dashboard-nav { position: sticky; top: 105px; align-self: start; padding: 14px; }
.dashboard-nav a { display: flex; padding: 12px 13px; border-radius: 11px; color: var(--muted); font-size: 14px; font-weight: 700; }
.dashboard-nav a:hover, .dashboard-nav a.active { color: #fff; background: rgba(255,255,255,.05); }
.dashboard-main { min-width: 0; }
.dashboard-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 25px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 22px; }
.stat-card { padding: 20px; }
.stat-card strong { display: block; font-family: "Space Grotesk"; font-size: 30px; }
.stat-card span { color: var(--muted); font-size: 12px; }
.private-stat { border-color: rgba(53,211,255,.18); background: linear-gradient(155deg, rgba(28,35,49,.96), rgba(10,19,27,.94)); }
.progress { height: 8px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.06); }
.progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand), var(--lime)); }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; }
table { width: 100%; border-collapse: collapse; background: rgba(16,20,28,.7); }
th, td { padding: 15px 16px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; font-size: 13px; }
th { color: var(--muted); text-transform: uppercase; letter-spacing: .06em; font-size: 10px; }
tr:last-child td { border-bottom: 0; }
.table-title { white-space: normal; min-width: 230px; font-weight: 700; }
.inline-actions { display: flex; gap: 7px; }
.inline-actions .button { min-height: 34px; padding: 0 10px; border-radius: 9px; font-size: 11px; }

.empty-state { padding: 45px 25px; text-align: center; border: 1px dashed rgba(255,255,255,.15); border-radius: 20px; color: var(--muted); }
.empty-state h3 { color: var(--text); }
.pagination { display: flex; justify-content: center; gap: 7px; margin-top: 30px; }
.pagination a, .pagination span { min-width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; }
.pagination .active { color: #080b10; background: var(--lime); }
.flash-stack { position: fixed; z-index: 100; top: 100px; right: 24px; display: grid; gap: 10px; width: min(390px, calc(100% - 40px)); }
.flash { padding: 14px 18px; color: #fff; background: #1a202b; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); transition: .3s; }
.flash-success { border-color: rgba(94,230,168,.35); }
.flash-error { border-color: rgba(255,102,125,.35); }
.flash-hide { opacity: 0; transform: translateX(25px); }

.pulse-shell {
    height: calc(100dvh - 106px);
    max-width: 1240px;
    margin: 14px auto 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #05080d;
    box-shadow: 0 30px 90px rgba(0,0,0,.38);
}
.pulse-shell::-webkit-scrollbar { display: none; }
.pulse-intro { position: sticky; z-index: 15; top: 14px; width: min(760px, calc(100% - 38px)); min-height: 48px; margin: 14px auto -62px; display: flex; justify-content: center; gap: 17px; align-items: center; padding: 9px 16px; color: #aeb8c7; background: rgba(7,11,17,.78); backdrop-filter: blur(18px) saturate(130%); border: 1px solid rgba(255,255,255,.11); border-radius: 999px; box-shadow: 0 18px 45px rgba(0,0,0,.24); font-size: 11px; }
.pulse-intro a { color: var(--lime); font-weight: 800; }
.pulse-card { position: relative; min-height: calc(100dvh - 106px); overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always; isolation: isolate; color: #f7f9fc; }
.pulse-media { position: absolute; inset: 0; z-index: -2; background: #080b10; }
.pulse-media iframe, .pulse-media img { width: 100%; height: 100%; border: 0; object-fit: cover; }
.pulse-media img { pointer-events: none; object-position: center; transform: scale(1.015); transition: transform 8s ease; }
.pulse-media iframe { pointer-events: auto; background: #05080d; }
.pulse-card.is-active .pulse-media img { transform: scale(1.06); }
.pulse-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(3,6,10,.94) 0%, rgba(3,6,10,.82) 32%, rgba(3,6,10,.25) 65%, rgba(3,6,10,.12) 100%), linear-gradient(to top, rgba(2,4,7,.98) 0%, rgba(2,4,7,.62) 40%, rgba(2,4,7,.08) 75%, rgba(2,4,7,.38)); }
.pulse-gradient { width: 100%; height: 100%; display: grid; place-items: center; background: radial-gradient(circle at 30% 25%, rgba(124,92,255,.65), transparent 33%), radial-gradient(circle at 75% 70%, rgba(53,211,255,.35), transparent 35%), #0d1118; }
.pulse-gradient-1 { background: radial-gradient(circle at 75% 25%, rgba(255,84,145,.55), transparent 34%), radial-gradient(circle at 20% 75%, rgba(124,92,255,.4), transparent 35%), #0d1118; }
.pulse-gradient-2 { background: radial-gradient(circle at 25% 30%, rgba(184,255,99,.35), transparent 30%), radial-gradient(circle at 75% 70%, rgba(53,211,255,.42), transparent 35%), #0d1118; }
.pulse-gradient-3 { background: radial-gradient(circle at 70% 20%, rgba(255,200,87,.45), transparent 30%), radial-gradient(circle at 25% 75%, rgba(255,102,125,.32), transparent 38%), #0d1118; }
.pulse-gradient-4 { background: radial-gradient(circle at 30% 20%, rgba(53,211,255,.42), transparent 30%), radial-gradient(circle at 75% 75%, rgba(124,92,255,.55), transparent 36%), #0d1118; }
.pulse-gradient span { width: 180px; height: 180px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 45px; background: rgba(255,255,255,.06); backdrop-filter: blur(20px); font-family: "Space Grotesk"; font-size: 54px; color: #fff; box-shadow: var(--shadow); transform: scale(.94); transition: transform .7s ease; }
.pulse-card.is-active .pulse-gradient span { transform: scale(1) rotate(-3deg); }
.pulse-content { position: absolute; z-index: 3; left: clamp(28px, 5vw, 72px); right: 150px; bottom: clamp(36px, 6vh, 72px); max-width: 780px; }
.pulse-content h2 { max-width: 18ch; margin: 14px 0 12px; color: #fff; font-size: clamp(34px, 4vw, 56px); line-height: 1.02; overflow-wrap: anywhere; text-wrap: balance; text-shadow: 0 5px 28px rgba(0,0,0,.7); }
.pulse-content p { max-width: 64ch; margin-bottom: 0; color: #d4dce7; font-size: 15px; text-shadow: 0 2px 14px rgba(0,0,0,.8); }
.pulse-author { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.pulse-tags { display: flex; flex-wrap: wrap; gap: 9px; color: #d1dae7; font-size: 12px; font-weight: 700; }
.pulse-content .market-identity { display: flex; flex-wrap: wrap; gap: 8px; }
.pulse-content .badge { color: #dfe7f2; background: rgba(7,11,17,.55); border-color: rgba(255,255,255,.13); backdrop-filter: blur(10px); }
.pulse-content .hero-actions { margin: 22px 0 0; }
.pulse-content .button-secondary { color: #fff; background: rgba(7,11,17,.5); border-color: rgba(255,255,255,.16); backdrop-filter: blur(12px); }
.pulse-actions { position: absolute; z-index: 4; right: 30px; bottom: clamp(42px, 7vh, 82px); display: grid; gap: 13px; }
.pulse-actions form { margin: 0; }
.pulse-action { width: 58px; min-height: 58px; padding: 0; display: grid; place-items: center; color: #fff; background: rgba(8,11,16,.66); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 12px 30px rgba(0,0,0,.22); font-size: 22px; }
.pulse-action small { display: block; color: #d5dbe5; font-size: 8px; line-height: 1; }
.pulse-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.1); }
.pulse-progress span { display: block; width: 0; height: 100%; background: var(--lime); }
.pulse-card.is-active .pulse-progress span { animation: pulseProgress 12s linear forwards; }
@keyframes pulseProgress { to { width: 100%; } }

.ticker-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.ticker-card { padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.ticker-card span { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.ticker-card strong { display: block; margin: 5px 0; font-family: "Space Grotesk"; font-size: 22px; }
.change-up { color: var(--success); }
.change-down { color: var(--danger); }
.country-market { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.country-market:last-child { border: 0; }
.country-market strong, .country-market small { display: block; }
.country-market small { color: var(--muted); }
.chart-shell { min-height: 360px; padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: rgba(0,0,0,.18); }
.chart-shell canvas { width: 100%; height: 330px; }
.data-bars { display: grid; gap: 12px; }
.data-bar { display: grid; grid-template-columns: 130px 1fr 70px; align-items: center; gap: 12px; font-size: 12px; }
.data-bar > span small { display: block; color: var(--muted); font-size: 9px; }
.data-bar-track { height: 10px; overflow: hidden; background: rgba(255,255,255,.06); border-radius: 999px; }
.data-bar-track span { display: block; height: 100%; background: linear-gradient(90deg, var(--brand), var(--brand-2)); border-radius: inherit; }

.compatibility { display: inline-flex; align-items: center; width: fit-content; margin: 0 0 14px; padding: 5px 9px; border-radius: 999px; color: #bfc9d8; background: rgba(255,255,255,.04); border: 1px solid var(--line); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.compatibility-high { color: var(--lime); border-color: rgba(184,255,99,.25); background: rgba(184,255,99,.08); }
.compatibility-broad { color: var(--brand-2); border-color: rgba(53,211,255,.25); background: rgba(53,211,255,.08); }
.compatibility-transfer { color: #d7cfff; border-color: rgba(124,92,255,.26); background: rgba(124,92,255,.09); }
.market-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 12px 0 18px; }
.market-identity .compatibility { margin: 0; }

.industry-home-band { width: min(var(--container), calc(100% - 40px)); margin: 55px auto 20px; padding: 38px 42px; display: flex; justify-content: space-between; align-items: center; gap: 45px; border: 1px solid rgba(184,255,99,.18); border-radius: 28px; background: radial-gradient(circle at 10% 20%, rgba(184,255,99,.12), transparent 35%), radial-gradient(circle at 90% 80%, rgba(53,211,255,.12), transparent 32%), #10151d; }
.industry-home-band h2 { max-width: 760px; font-size: clamp(30px, 4vw, 48px); }
.industry-home-band p { color: var(--muted); margin: 0; }
.industry-home-band .hero-actions { flex: 0 0 auto; }

.industry-hero { width: min(var(--container), calc(100% - 40px)); min-height: 650px; margin: auto; padding: 90px 0 65px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 65px; }
.industry-hero h1 { max-width: 850px; font-size: clamp(50px, 6.3vw, 82px); }
.industry-hero > div:first-child > p { max-width: 720px; color: var(--muted); font-size: 18px; }
.industry-command { padding: 34px; background: radial-gradient(circle at 80% 15%, rgba(184,255,99,.15), transparent 35%), linear-gradient(145deg, #151d24, #0c1117); }
.industry-kpi { display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.industry-kpi:last-child { border-bottom: 0; }
.industry-kpi strong { color: var(--lime); font-family: "Space Grotesk"; font-size: 28px; }
.industry-kpi span { font-weight: 800; }
.method-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.method-card { min-height: 245px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(155deg, rgba(24,31,42,.93), rgba(11,15,21,.95)); transition: .22s ease; }
.method-card:hover { transform: translateY(-5px); border-color: rgba(184,255,99,.22); }
.method-card > span { display: block; color: rgba(184,255,99,.65); font-family: "Space Grotesk"; font-size: 28px; }
.method-card small { display: block; margin: 18px 0 8px; color: var(--brand-2); text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.method-card h3 { font-size: 19px; }
.method-card p { color: var(--muted); font-size: 13px; margin: 0; }
.calculator-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.calculator-grid { grid-template-columns: 1fr 1fr; }
.allocation-inputs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 15px; }
.scenario-results { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.scenario-results > div { padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: rgba(0,0,0,.18); }
.scenario-results span, .scenario-results small { display: block; color: var(--muted); font-size: 11px; }
.scenario-results strong { display: block; margin-top: 5px; font-family: "Space Grotesk"; font-size: 19px; }
.scenario-results .scenario-wide { grid-column: 1 / -1; }
.scenario-positive { border-color: rgba(94,230,168,.25) !important; background: rgba(94,230,168,.06) !important; }
.scenario-warning { border-color: rgba(255,200,87,.25) !important; background: rgba(255,200,87,.06) !important; }
.decision-table td { white-space: normal; min-width: 180px; vertical-align: top; }
.country-lens .country-code { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 20px; border-radius: 15px; color: #080b10; background: linear-gradient(135deg, var(--lime), var(--brand-2)); font-family: "Space Grotesk"; font-weight: 900; }
.country-lens b { display: block; margin-bottom: 12px; color: #dce4ee; }

/* Interactive globe styles (appended) */
.hero-left{max-width:640px}
.hero-right{display:flex;flex-direction:column;align-items:center;gap:8px}
.interactive-globe{width:320px;height:320px;border-radius:50%;overflow:hidden;position:relative;border:6px solid rgba(255,255,255,0.06);box-shadow:0 12px 40px rgba(12,14,20,0.25);background:linear-gradient(180deg,#081022 0%,#021018 100%);}
.globe-canvas{position:absolute;inset:0;background-image:url('/assets/img/world-equirectangular.jpg');background-size:240% auto;background-position:50% 50%;filter:contrast(.9) saturate(.95);transform:translateZ(0);}
.globe-hotspots{position:absolute;inset:0;pointer-events:auto}
.globe-hotspot{position:absolute;transform:translate(-50%,-50%);background:linear-gradient(145deg,var(--brand),#235cba);color:white;border-radius:16px;border:2px solid rgba(255,255,255,0.14);width:48px;height:48px;padding:4px;display:grid;place-items:center;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,0.34)}
.globe-hotspot span,.globe-hotspot small{display:block;line-height:1}
.globe-hotspot span{font-size:11px}
.globe-hotspot small{font-size:8px;color:#d8efff}
.globe-hotspot:hover{transform:translate(-50%,-50%) scale(1.08)}
.globe-hint{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.interactive-globe.globe-dragging .globe-canvas{transition:none}

@media (max-width:900px){.interactive-globe{width:260px;height:260px}.hero-left{max-width:100%}}

.home-ai-command {
    width: min(1360px, calc(100% - 28px));
    margin: -32px auto 22px;
    padding: clamp(28px,4vw,52px);
    display: grid;
    grid-template-columns: .8fr 1.35fr .45fr;
    gap: 30px;
    align-items: center;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 20%, rgba(124,92,255,.22), transparent 30%),
        radial-gradient(circle at 92% 80%, rgba(53,211,255,.16), transparent 32%),
        linear-gradient(145deg,#101722,#080d14);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 30px;
    box-shadow: 0 30px 90px rgba(0,0,0,.25);
}
.home-ai-command::after {
    content: "";
    width: 260px;
    height: 260px;
    position: absolute;
    right: -90px;
    top: -110px;
    z-index: -1;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(255,255,255,.018),0 0 0 78px rgba(255,255,255,.012);
}
.home-ai-copy h2 { margin-bottom: 12px; color: #fff; font-size: clamp(29px,3vw,44px); }
.home-ai-copy p { margin: 0; color: #9eabbc; font-size: 13px; }
.home-ai-form { padding: 9px; background: rgba(0,0,0,.24); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; }
.home-ai-form > label { padding: 8px 10px 0; color: #aeb9c8; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.home-ai-form textarea { min-height: 115px; margin: 0; padding: 11px; resize: none; color: #f4f8fc; background: transparent; border: 0; box-shadow: none; font-size: 15px; }
.home-ai-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.home-ai-chips { min-width: 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.home-ai-chips a { flex: 0 0 auto; padding: 7px 9px; color: #9eabbc; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); border-radius: 999px; font-size: 9px; font-weight: 800; }
.home-ai-stats { display: grid; gap: 10px; }
.home-ai-stats div { padding: 13px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; }
.home-ai-stats b,.home-ai-stats span { display: block; }
.home-ai-stats b { color: #fff; font-family: "Space Grotesk"; font-size: 21px; }
.home-ai-stats span { color: #8794a5; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }

.macro-grid { grid-template-columns: 1.15fr .85fr; margin-top: 22px; }
.holding-roadmap { grid-template-columns: .85fr 1.15fr; }
.roadmap-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.roadmap-list div { display: flex; align-items: center; gap: 12px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.roadmap-list span { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 10px; color: var(--lime); background: rgba(184,255,99,.08); font-weight: 900; }
.sector-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.sector-cloud a { display: inline-flex; align-items: center; gap: 9px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 999px; color: #c8d1dd; background: rgba(255,255,255,.025); font-size: 13px; font-weight: 800; transition: .2s; }
.sector-cloud a:hover { color: #fff; border-color: rgba(184,255,99,.25); transform: translateY(-2px); }
.sector-cloud span { color: var(--lime); }
.sector-admin-form { flex-wrap: wrap; }
.source-panel { padding-top: 10px; }
.industry-gradient { position: relative; background: radial-gradient(circle at 20% 15%, rgba(184,255,99,.34), transparent 28%), radial-gradient(circle at 80% 75%, rgba(53,211,255,.3), transparent 32%), linear-gradient(145deg, #101a1a, #070b10); }
.industry-gradient-1 { background: radial-gradient(circle at 75% 20%, rgba(255,200,87,.38), transparent 31%), radial-gradient(circle at 20% 80%, rgba(124,92,255,.38), transparent 34%), #0d1118; }
.industry-gradient-2 { background: radial-gradient(circle at 25% 25%, rgba(53,211,255,.42), transparent 30%), radial-gradient(circle at 78% 70%, rgba(184,255,99,.25), transparent 35%), #081018; }
.industry-gradient-3 { background: radial-gradient(circle at 70% 20%, rgba(255,102,125,.34), transparent 30%), radial-gradient(circle at 25% 75%, rgba(255,200,87,.3), transparent 38%), #100d12; }
.industry-gradient-4 { background: radial-gradient(circle at 30% 20%, rgba(124,92,255,.5), transparent 30%), radial-gradient(circle at 75% 75%, rgba(53,211,255,.32), transparent 36%), #0d1018; }
.industry-gradient i { position: absolute; right: 7%; top: 17%; color: rgba(255,255,255,.18); font-family: "Space Grotesk"; font-size: clamp(50px, 10vw, 130px); font-style: normal; font-weight: 900; }
.industry-empty { min-height: calc(100vh - 90px); display: grid; place-content: center; }

.business-hero, .ads-hero {
    width: min(var(--container), calc(100% - 40px));
    min-height: 620px;
    margin: auto;
    padding: 86px 0 65px;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: 64px;
}
.business-hero h1, .ads-hero h1 { max-width: 820px; font-size: clamp(48px, 6vw, 78px); }
.business-hero > div:first-child > p, .ads-hero > div:first-child > p { max-width: 720px; color: var(--muted); font-size: 18px; }
.business-hero-panel, .ads-console { padding: 34px; background: radial-gradient(circle at 80% 10%, rgba(53,211,255,.17), transparent 35%), linear-gradient(145deg, #151b27, #0c1118); }
.business-signal { display: flex; justify-content: space-between; align-items: end; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.business-signal strong { color: var(--lime); font-family: "Space Grotesk"; font-size: 42px; }
.business-signal span { color: var(--muted); }
.business-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.business-card { padding: 0; overflow: hidden; }
.business-cover { height: 125px; background: radial-gradient(circle at 25% 15%, rgba(53,211,255,.28), transparent 34%), radial-gradient(circle at 80% 75%, rgba(124,92,255,.4), transparent 40%), #111722; }
.business-cover img { width: 100%; height: 100%; object-fit: cover; }
.business-card-body { padding: 0 24px 25px; }
.business-logo { width: 70px; height: 70px; margin: -35px 0 18px; display: grid; place-items: center; overflow: hidden; border: 4px solid #121722; border-radius: 20px; color: #080b10; background: linear-gradient(135deg, var(--lime), var(--brand-2)); font-family: "Space Grotesk"; font-size: 25px; font-weight: 900; }
.business-logo img { width: 100%; height: 100%; object-fit: cover; }
.business-facts { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0; }
.business-facts span { padding: 5px 8px; color: #adb8c8; background: rgba(255,255,255,.035); border: 1px solid var(--line); border-radius: 999px; font-size: 10px; font-weight: 700; }
.business-feature { border-color: rgba(53,211,255,.18); }
.business-editor { max-width: 980px; margin: auto; padding: 34px; }
.business-profile-hero { width: min(var(--container), calc(100% - 40px)); margin: 40px auto 0; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #10151d; }
.business-profile-cover { height: 280px; background: radial-gradient(circle at 15% 25%, rgba(184,255,99,.2), transparent 31%), radial-gradient(circle at 80% 70%, rgba(124,92,255,.38), transparent 37%), #0d131b; }
.business-profile-cover img { width: 100%; height: 100%; object-fit: cover; }
.business-profile-head { padding: 0 38px 34px; display: grid; grid-template-columns: auto 1fr auto; gap: 25px; align-items: end; }
.business-logo-large { width: 110px; height: 110px; margin: -55px 0 0; border-width: 6px; border-radius: 28px; font-size: 38px; }
.business-profile-head h1 { margin-bottom: 7px; font-size: clamp(38px, 5vw, 62px); }
.business-profile-head p { color: var(--muted); margin: 0; }
.business-profile-layout { padding-top: 32px; }
.business-detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 30px; }
.business-detail-grid div { padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.business-detail-grid span, .business-detail-grid b { display: block; }
.business-detail-grid span { color: var(--muted); font-size: 11px; }

.ads-console-head, .ads-console-metric { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.ads-console-head { padding-bottom: 22px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.ads-console-metric { padding: 20px 0; border-bottom: 1px solid var(--line); }
.ads-console-metric span { color: var(--muted); }
.ads-console-metric strong { color: var(--lime); font-family: "Space Grotesk"; font-size: 23px; }
.ads-console p { margin: 22px 0 0; color: var(--muted); font-size: 12px; }
.ad-placement-card { min-height: 210px; }
.ads-dashboard { border-top: 1px solid var(--line); }
.ads-builder-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 35px; align-items: start; }
.ads-policy-card { margin-top: 28px; border-color: rgba(255,200,87,.2); }
.ads-transparency { background: radial-gradient(circle at 10% 50%, rgba(53,211,255,.15), transparent 36%), linear-gradient(145deg, #111a23, #0d1118); }

.story-rail-wrap { width: min(var(--container), calc(100% - 40px)); margin: 15px auto 55px; }
.story-rail-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 20px; }
.story-rail-head > div { min-width:0; }
.story-rail-head h2 { font-size: clamp(30px, 4vw, 48px); }
.story-rail { display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 6px 2px 16px; scroll-padding-inline: 2px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.story-rail::-webkit-scrollbar { display: none; }
.story-card { flex: 0 0 124px; display: flex; flex-direction: column; align-items: center; gap: 7px; min-width: 0; text-align: center; scroll-snap-align: start; transition: transform .25s ease; -webkit-tap-highlight-color: transparent; }
.story-card:hover,.story-card:focus-visible { transform: translateY(-4px); }
.story-card:focus-visible { outline: 2px solid var(--brand-2); outline-offset: 5px; border-radius: 18px; }
.story-ring { width: 108px; height: 108px; position: relative; display: grid; place-items: center; border-radius: 50%; filter: drop-shadow(0 10px 24px rgba(0,0,0,.28)); }
.story-ring::before { content:""; position:absolute; inset:0; border-radius:inherit; background:conic-gradient(from 0deg,#ff5a75,#ffb13b,#b8ff63,#35d3ff,#7c5cff,#ff5a75); animation:storyRingSpin 5.8s linear infinite; animation-delay:var(--story-delay,0s); }
.story-ring::after { content:""; position:absolute; inset:-5px; border:1px solid rgba(53,211,255,.18); border-radius:inherit; box-shadow:0 0 24px rgba(124,92,255,.16); }
.story-image { position:absolute; inset:5px; z-index:1; overflow:hidden; border:3px solid var(--bg); border-radius:50%; background:var(--surface-2); }
.story-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.story-card:hover .story-image img,.story-card:focus-visible .story-image img { transform:scale(1.08); }
.story-new { position:absolute; left:50%; bottom:3px; transform:translateX(-50%); min-width:37px; padding:2px 7px; border:2px solid var(--bg); border-radius:999px; color:#080b12; background:var(--lime); font-size:8px; font-weight:900; line-height:1.3; letter-spacing:.08em; text-transform:uppercase; }
.story-card small { width:100%; overflow:hidden; color:var(--brand-2); font-size:9px; font-weight:900; letter-spacing:.09em; line-height:1.25; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.story-card strong { width:100%; min-height:36px; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:var(--text); font-size:12px; line-height:1.4; letter-spacing:-.015em; }
@keyframes storyRingSpin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .story-ring::before { animation:none; }
    .story-card,.story-image img { transition:none; }
}

.urgent-lab { width: min(var(--container), calc(100% - 40px)); margin: 55px auto; padding: 45px; display: grid; grid-template-columns: 1fr .9fr; gap: 45px; align-items: center; border: 1px solid rgba(255,102,125,.24); border-radius: 30px; background: radial-gradient(circle at 8% 20%, rgba(255,102,125,.12), transparent 30%), radial-gradient(circle at 90% 75%, rgba(53,211,255,.12), transparent 32%), #10141c; }
.urgent-label { display:inline-flex; padding:7px 10px; margin-bottom:18px; color:#fff; background:var(--danger); border-radius:7px; font-size:11px; font-weight:900; letter-spacing:.1em; }
.urgent-copy h2 { font-size:clamp(36px,5vw,62px); }
.urgent-copy > p { color:var(--muted); max-width:700px; }
.urgent-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.urgent-metrics div { padding:14px; border:1px solid var(--line); border-radius:14px; background:rgba(0,0,0,.18); }
.urgent-metrics b,.urgent-metrics span { display:block; }
.urgent-metrics b { color:var(--lime); font-family:"Space Grotesk"; }
.urgent-metrics span { color:var(--muted); font-size:10px; }
.scroll-simulator { min-height:390px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:26px; background:linear-gradient(145deg,#171d28,#090c12); }
.sim-person { position:absolute; left:12%; bottom:0; width:155px; height:300px; }
.sim-head { position:absolute; left:48px; top:0; width:70px; height:78px; border-radius:42% 48% 46% 44%; background:linear-gradient(145deg,#6f7e91,#242d3a); }
.sim-body { position:absolute; left:15px; bottom:-25px; width:135px; height:240px; border-radius:70px 70px 10px 10px; background:linear-gradient(145deg,#293649,#111722); }
.sim-arm { position:absolute; width:105px; height:28px; left:92px; top:145px; border-radius:20px; background:#36455a; transform:rotate(-23deg); transform-origin:left; animation:simThumb 1.8s ease-in-out infinite alternate; }
.sim-phone { position:absolute; right:12%; top:45px; width:165px; height:300px; padding:14px 9px; overflow:hidden; border:5px solid #4d5d72; border-radius:28px; background:#05070a; box-shadow:0 0 45px rgba(53,211,255,.18); }
.sim-notch { position:absolute; z-index:2; width:65px; height:14px; left:50%; top:6px; transform:translateX(-50%); border-radius:0 0 10px 10px; background:#11151d; }
.sim-stream { display:grid; gap:8px; animation:simScroll 6s linear infinite; }
.sim-stream i { height:110px; padding:75px 12px 0; border-radius:15px; background:radial-gradient(circle at 70% 20%,rgba(124,92,255,.55),transparent 33%),#141a24; color:#fff; font-style:normal; font-weight:900; }
.sim-stream i:nth-child(even) { background:radial-gradient(circle at 25% 20%,rgba(53,211,255,.45),transparent 32%),#121923; }
.sim-clock { position:absolute; right:18px; top:16px; text-align:right; }
.sim-clock span,.sim-clock b { display:block; }
.sim-clock span { color:var(--danger); font-size:9px; letter-spacing:.16em; }
.sim-clock b { font-family:"Space Grotesk"; animation:clockPulse .65s steps(2) infinite; }
@keyframes simScroll { to { transform:translateY(-590px); } }
@keyframes simThumb { to { transform:rotate(-14deg) translateY(-10px); } }
@keyframes clockPulse { 50% { color:var(--danger); transform:scale(1.05); } }
.surf-noise { position:absolute; left:7%; top:18%; color:rgba(255,255,255,.12); font-family:"Space Grotesk"; font-size:clamp(45px,10vw,120px); font-style:normal; font-weight:900; letter-spacing:-.08em; }

.cookie-panel { position:fixed; z-index:100; left:20px; right:20px; bottom:18px; max-width:1180px; margin:auto; padding:18px 20px; display:grid; grid-template-columns:1fr auto auto; gap:18px; align-items:center; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(12,16,23,.96); backdrop-filter:blur(20px); box-shadow:var(--shadow); }
.cookie-panel p { margin:3px 0 0; color:var(--muted); font-size:12px; }
.cookie-panel > a { color:var(--brand-2); font-size:12px; text-decoration:underline; }
.cookie-actions { display:flex; flex-wrap:wrap; gap:8px; }

.love-gate { min-height:calc(100vh - 100px); padding:45px 20px; display:grid; place-items:center; }
.love-gate .card { max-width:650px; padding:45px; text-align:center; background:radial-gradient(circle at 50% 0,rgba(255,102,125,.18),transparent 35%),linear-gradient(155deg,#1d1822,#0d1118); }
.love-gate-logo { width:92px; height:92px; object-fit:cover; border-radius:28px; margin-bottom:25px; }
.love-gate form { display:inline-block; margin:12px 7px; }
.love-hero { width:min(var(--container),calc(100% - 40px)); margin:auto; padding:75px 0 35px; display:flex; justify-content:space-between; align-items:end; gap:45px; }
.love-hero h1 { max-width:850px; font-size:clamp(48px,6vw,78px); }
.love-hero p { max-width:760px; color:var(--muted); }
.love-toolbar { width:min(var(--container),calc(100% - 40px)); margin:15px auto 24px; }
.love-grid { width:min(1500px,calc(100% - 28px)); margin:0 auto 80px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.love-card { min-height:430px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#111722; }
.love-card img,.love-placeholder { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .5s ease; }
.love-card:hover img { transform:scale(1.035); }
.love-placeholder { display:grid; place-items:center; background:radial-gradient(circle at 50% 35%,rgba(255,102,125,.25),transparent 28%),linear-gradient(145deg,#262033,#111722); }
.love-placeholder span { width:95px; height:95px; display:grid; place-items:center; border-radius:32px; background:rgba(255,255,255,.08); font-family:"Space Grotesk"; font-size:46px; }
.love-card-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(4,5,8,.95),transparent 58%); }
.love-card-copy { position:absolute; left:18px; right:18px; bottom:17px; display:flex; justify-content:space-between; align-items:end; gap:12px; }
.love-card-copy strong,.love-card-copy span { display:block; }
.love-card-copy strong { font-size:19px; }
.love-card-copy span { color:#c1cad7; font-size:11px; }
.love-card-copy > b { padding:6px 8px; border-radius:8px; color:#fff; background:rgba(255,102,125,.68); font-size:9px; text-transform:uppercase; }
.love-editor-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:20px; align-items:start; }
.love-photo-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.love-photo-strip div { position:relative; }
.love-photo-strip img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:12px; }
.love-photo-strip small { position:absolute; left:5px; bottom:5px; padding:3px 6px; border-radius:6px; background:rgba(0,0,0,.75); font-size:9px; }
.photo-delete { width:30px; min-height:30px; padding:0; position:absolute; right:5px; top:5px; border-radius:50%; color:#fff; background:rgba(0,0,0,.72); box-shadow:none; }
.love-modal-page { width:min(1380px,calc(100% - 32px)); min-height:calc(100vh - 125px); margin:25px auto 70px; padding:14px; position:relative; display:grid; grid-template-columns:1.08fr .92fr; gap:14px; border:1px solid var(--line); border-radius:30px; background:#0d1118; box-shadow:var(--shadow); }
.love-modal-close { width:44px; height:44px; position:absolute; z-index:5; right:24px; top:24px; display:grid; place-items:center; border-radius:50%; background:rgba(0,0,0,.65); font-size:26px; }
.love-gallery { min-height:680px; display:grid; grid-template-columns:1fr 1fr; gap:5px; overflow:hidden; border-radius:20px; }
.love-gallery img,.love-gallery .love-placeholder { width:100%; height:100%; min-height:335px; position:relative; object-fit:cover; }
.love-gallery img:first-child { grid-row:span 2; }
.love-profile-copy { padding:45px 35px; overflow-y:auto; }
.love-facts { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:25px 0; }
.love-facts div { padding:15px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.love-facts span,.love-facts b { display:block; }
.love-facts span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.love-admin-photos { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.love-admin-photos img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:15px; margin-bottom:15px; }
.check-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.check-grid label { min-height:54px; padding:13px; display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }
.check-grid input { width:auto; margin:0; }
.lead-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:22px; }
.next-results { margin:25px auto; text-align:center; }
.prayer-panel { margin-top:25px; }
.prayer-date { margin-bottom:12px; }
.prayer-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-bottom:15px; }
.prayer-grid .card { min-height:150px; display:flex; flex-direction:column; justify-content:center; }
.prayer-grid span,.prayer-grid small { color:var(--muted); font-size:11px; }
.prayer-grid strong { margin:8px 0; color:var(--lime); font-family:"Space Grotesk"; font-size:27px; }
.legal-hero { min-height:auto; padding-bottom:20px; }
.legal-copy { max-width:980px; padding-top:25px; }
.legal-copy h2 { margin-top:1.25em; }

.surf-brand { display:inline-flex; align-items:center; gap:7px; color:#fff; font-weight:900; }
.surf-brand img { width:27px; height:27px; border-radius:9px; }
.document-ai-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:20px; align-items:start; margin-bottom:25px; }
.analysis-history-item { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); }
.analysis-history-item:last-child { border-bottom:0; }
.analysis-history-item span,.analysis-history-item small { display:block; }
.analysis-history-item small { margin-top:3px; color:var(--muted); }
.document-result { margin-top:25px; }
.result-columns { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.action-grid,.slide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 32px; }
.slide-card { min-height:230px; padding:20px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(25,32,45,.92),rgba(11,15,22,.96)); }
.slide-card > span { width:32px; height:32px; display:grid; place-items:center; color:#080b10; background:var(--lime); border-radius:10px; font-weight:900; }
.slide-card h3 { margin-top:18px; }
.slide-card p { margin:7px 0; color:#d8dee8; font-size:13px; }
.slide-card small { display:block; margin-top:18px; color:var(--muted); }
.language-check-grid { max-height:250px; overflow:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; padding:4px; }
.language-check-grid label { padding:9px; display:flex; gap:7px; align-items:center; border:1px solid var(--line); border-radius:9px; font-size:12px; }
.language-check-grid input { width:auto; margin:0; }

.love-score { margin-top:5px; color:var(--lime)!important; font-weight:800; }
.love-dialog { width:min(1320px,calc(100% - 32px)); max-width:none; max-height:calc(100vh - 32px); padding:0; overflow:auto; color:var(--text); border:1px solid var(--line); border-radius:28px; background:#0d1118; box-shadow:var(--shadow); }
.love-dialog::backdrop { background:rgba(2,4,8,.82); backdrop-filter:blur(10px); }
.love-dialog-layout { display:grid; grid-template-columns:1.05fr .95fr; min-height:720px; }
.love-dialog-close { width:44px; min-height:44px; padding:0; position:fixed; z-index:4; top:28px; right:max(28px,calc((100vw - 1320px)/2 + 18px)); border-radius:50%; color:#fff; background:rgba(0,0,0,.75); font-size:25px; }
.message-list { max-width:850px; display:grid; gap:10px; }
.message-row { padding:16px; display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; }
.message-row span,.message-row small { display:block; }
.message-row small { color:var(--muted); }
.message-row em { min-width:28px; height:28px; display:grid; place-items:center; border-radius:50%; color:#071014; background:var(--lime); font-style:normal; font-weight:900; }
.love-chat-shell { max-width:980px; }
.chat-stream { min-height:480px; max-height:62vh; overflow:auto; padding:24px; display:flex; flex-direction:column; gap:10px; border:1px solid var(--line); border-radius:22px; background:rgba(8,11,16,.75); }
.chat-bubble { max-width:72%; padding:12px 15px; border:1px solid var(--line); border-radius:17px 17px 17px 4px; background:#161d28; }
.chat-bubble.mine { align-self:flex-end; border-radius:17px 17px 4px 17px; background:linear-gradient(135deg,rgba(124,92,255,.42),rgba(53,211,255,.2)); }
.chat-bubble p { margin:0 0 5px; }
.chat-bubble small { color:var(--muted); font-size:9px; }
.chat-compose { margin-top:12px; display:grid; grid-template-columns:1fr auto; gap:10px; }
.chat-compose textarea { min-height:70px; }
.danger-zone { margin-top:28px; padding-top:20px; display:flex; gap:10px; border-top:1px solid var(--line); }

.phone-grid,.routine-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.phone-card h3 { margin-top:28px; }
.evidence-row { display:grid; grid-template-columns:1fr auto; gap:6px 12px; padding:14px 0; border-bottom:1px solid var(--line); }
.evidence-row span,.evidence-row small { display:block; }
.evidence-row small { color:var(--muted); }
.evidence-row p { grid-column:1/-1; margin:4px 0; color:#cbd3df; font-size:13px; }
.evidence-row a { grid-column:1/-1; color:var(--brand-2); font-size:11px; }
.impact { padding:5px 8px; border-radius:8px; align-self:start; font-size:10px; font-style:normal; font-weight:900; text-transform:uppercase; }
.impact-improves { color:var(--success); background:rgba(94,230,168,.1); }
.impact-slows { color:var(--danger); background:rgba(255,102,125,.1); }
.impact-mixed,.impact-unknown { color:#ffcf72; background:rgba(255,207,114,.1); }
.price-observation { padding:11px 0; display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; border-bottom:1px solid var(--line); }
.price-observation span { color:var(--muted); font-size:11px; }
.price-observation a { color:var(--brand-2); font-size:10px; }
.timeline { margin:20px 0; border-left:2px solid rgba(53,211,255,.35); }
.timeline div { padding:8px 0 8px 18px; display:grid; grid-template-columns:70px 1fr; gap:10px; }
.timeline b { color:var(--brand-2); }
.timeline span { color:#d4dbe5; }
.ads-connection-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; }
.connection-status { padding:13px 0; display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); }
.connection-status b { color:var(--lime); }

.topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.topic-grid-compact { margin-bottom:65px; }
.topic-card { min-height:290px; padding:25px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; }
.topic-card::after { content:""; width:180px; height:180px; position:absolute; right:-85px; top:-85px; border-radius:50%; background:radial-gradient(circle,rgba(53,211,255,.18),transparent 68%); pointer-events:none; }
.topic-card h2,.topic-card h3 { margin-top:16px; }
.topic-card p { color:var(--muted); }
.topic-card .arrow-link { margin-top:auto; }
.topic-number { color:rgba(255,255,255,.12); font-family:"Space Grotesk"; font-size:45px; font-weight:900; line-height:1; }
.topic-hero { width:min(1050px,calc(100% - 40px)); margin:0 auto; padding:75px 0 45px; }
.topic-hero h1 { max-width:970px; font-size:clamp(48px,6vw,82px); }
.topic-hero > p { max-width:820px; color:var(--muted); font-size:18px; }
.breadcrumb { margin-bottom:32px; display:flex; flex-wrap:wrap; gap:9px; color:var(--muted); font-size:12px; }
.breadcrumb a:hover { color:var(--lime); }
.topic-layout { width:min(var(--container),calc(100% - 40px)); margin:0 auto 90px; display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:start; }
.topic-intro { margin-bottom:20px; }
.topic-checklist { margin-bottom:55px; padding:30px; }
.topic-checklist ol { margin:22px 0 0; padding:0; list-style:none; counter-reset:topic-step; }
.topic-checklist li { counter-increment:topic-step; padding:14px 0; display:grid; grid-template-columns:44px 1fr; gap:13px; align-items:center; border-bottom:1px solid var(--line); }
.topic-checklist li:last-child { border-bottom:0; }
.topic-checklist li span::before { content:counter(topic-step); width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#071014; background:linear-gradient(135deg,var(--brand-2),var(--lime)); font-family:"Space Grotesk"; font-weight:900; }
.topic-checklist li p { margin:0; }
.topic-section { margin-bottom:55px; }
.topic-faq { padding:30px; }
.topic-faq details { border-bottom:1px solid var(--line); }
.topic-faq details:last-child { border-bottom:0; }
.topic-faq summary { padding:18px 35px 18px 0; position:relative; cursor:pointer; font-weight:800; }
.topic-faq summary::after { content:"+"; position:absolute; right:5px; color:var(--lime); font-size:22px; }
.topic-faq details[open] summary::after { content:"−"; }
.topic-faq details p { margin-top:0; padding:0 0 18px; color:var(--muted); }
.topic-mini-link { padding:13px 0; display:block; border-bottom:1px solid var(--line); }
.topic-mini-link:last-child { border-bottom:0; }
.topic-mini-link b,.topic-mini-link span { display:block; }
.topic-mini-link span { margin-top:4px; color:var(--muted); font-size:11px; }

.ad-slot {
    width: min(var(--container), calc(100% - 40px));
    margin: 28px auto;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    grid-template-areas: "disclosure disclosure" "media body";
    gap: 0 22px;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(19,25,34,.98), rgba(10,14,20,.98));
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
}
.ad-disclosure { grid-area: disclosure; min-height: 28px; padding: 0 4px 10px; display: flex; justify-content: space-between; gap: 12px; align-items: center; color: #aeb9c8; font-size: 12px; }
.ad-disclosure span { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 8px; color: #e7ebf1; border: 1px solid rgba(255,255,255,.2); border-radius: 5px; font-size: 11px; font-weight: 800; }
.ad-disclosure a { text-decoration: underline; text-underline-offset: 3px; }
.ad-media { grid-area: media; width: 100%; height: 180px; object-fit: cover; border-radius: 14px; background: #090c11; }
.ad-body { grid-area: body; align-self: center; padding: 10px 10px 10px 0; }
.ad-slot:not(.ad-has-media) .ad-body { grid-column: 1 / -1; }
.ad-brand { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; color: #cdd5e1; font-size: 12px; }
.ad-brand img, .ad-brand span { width: 30px; height: 30px; display: grid; place-items: center; object-fit: cover; border-radius: 9px; background: rgba(255,255,255,.08); color: var(--lime); font-weight: 900; }
.ad-body h3 { margin-bottom: 8px; font-size: 23px; }
.ad-body p { max-width: 720px; margin-bottom: 15px; color: var(--muted); font-size: 13px; }
.ad-cta { min-height: 39px; padding: 0 14px; font-size: 12px; }
.ad-format-card { display: block; width: 100%; margin: 0; padding: 12px; }
.ad-format-card .ad-media { width: 100%; height: 170px; margin-bottom: 12px; }
.ad-format-card .ad-body { padding: 8px 3px 4px; }
.ad-format-card .ad-body h3 { font-size: 19px; }
.sidebar > .ad-slot { width: 100%; margin: 0; }

.metric-strip { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0; }
.metric-strip span { padding: 8px 10px; color: var(--muted); background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 10px; font-size: 11px; }
.metric-strip b { color: #fff; }
.compact-check { display: flex; gap: 9px; align-items: center; min-height: 44px; }
.compact-check input { width: auto; margin: 0; }
.admin-review-form { min-width: 680px; flex-wrap: wrap; }
.admin-review-form select { width: 120px; }
.admin-review-form input[name="admin_note"] { min-width: 220px; flex: 1; }
.ads-placement-admin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ads-placement-admin form { padding: 16px; display: grid; gap: 10px; }
.ads-placement-admin small { color: var(--muted); }
.ad-review-list { display: grid; gap: 18px; }
.ad-review-card { display: grid; grid-template-columns: .72fr 1.28fr; gap: 28px; }
.ad-review-preview { padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: #0d1219; }
.ad-review-preview .ad-disclosure { padding: 0 0 12px; }
.ad-review-preview .ad-media { height: 170px; margin-bottom: 16px; }

.site-footer { padding: 70px max(20px, calc((100% - var(--container)) / 2)) 24px; border-top: 1px solid var(--line); background: #080b10; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 50px; }
.footer-grid p { max-width: 420px; color: var(--muted); font-size: 14px; }
.footer-grid h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #fff; }
.footer-grid > div > a:not(.brand) { display: block; margin: 9px 0; color: var(--muted); font-size: 13px; }
.footer-grid > div > a:hover { color: var(--lime); }
.footer-brand { margin-bottom: 20px; }
.status-pill { display: inline-flex; gap: 8px; align-items: center; padding: 7px 10px; color: var(--success); background: rgba(94,230,168,.06); border: 1px solid rgba(94,230,168,.14); border-radius: 999px; font-size: 11px; font-weight: 800; }
.status-pill span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 55px; padding-top: 22px; border-top: 1px solid var(--line); color: #6e798a; font-size: 12px; }

@media (max-width: 1220px) {
    .site-header { grid-template-columns: auto auto 1fr; }
    .nav-toggle { display: block; order: 2; }
    .main-nav { display: none; position: absolute; top: 80px; left: 0; right: 0; padding: 14px; flex-direction: column; align-items: stretch; background: #111620; border: 1px solid var(--line); border-radius: 18px; }
    .nav-open .main-nav { display: flex; }
    .nav-more summary { display: flex; justify-content: space-between; align-items: center; }
    .nav-more-menu {
        width: 100%;
        position: static;
        margin-top: 6px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        background: rgba(0,0,0,.16);
        border-radius: 14px;
        box-shadow: none;
    }
    .header-actions { justify-self: end; }
    .hero { grid-template-columns: 1fr; gap: 20px; padding-top: 70px; }
    .hero-copy { text-align: center; }
    .hero-copy > p { margin-left: auto; margin-right: auto; }
    .hero-actions, .trust-row { justify-content: center; }
    .hero-visual { width: min(620px, 100%); margin: auto; }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .post-layout { grid-template-columns: 1fr; }
    .sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
    .footer-grid > div:last-child { display: none; }
    .ticker-grid { grid-template-columns: repeat(3, 1fr); }
    .method-grid { grid-template-columns: repeat(2, 1fr); }
    .industry-hero { grid-template-columns: 1fr; min-height: auto; }
    .business-hero, .ads-hero { grid-template-columns: 1fr; min-height: auto; }
    .home-ai-command { grid-template-columns: 1fr 1.45fr; margin-top: 10px; }
    .home-ai-stats { grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); }
    .business-grid { grid-template-columns: repeat(2, 1fr); }
    .ads-builder-grid, .ad-review-card { grid-template-columns: 1fr; }
    .ads-placement-admin { grid-template-columns: repeat(2, 1fr); }
    .industry-home-band { align-items: flex-start; flex-direction: column; }
    .urgent-lab { grid-template-columns:1fr; }
    .love-grid { grid-template-columns:repeat(3,1fr); }
    .love-editor-grid,.love-modal-page { grid-template-columns:1fr; }
    .love-admin-photos { grid-template-columns:repeat(2,1fr); }
    .lead-grid { grid-template-columns:repeat(2,1fr); }
    .prayer-grid { grid-template-columns:repeat(3,1fr); }
    .calculator-grid, .macro-grid { grid-template-columns: 1fr; }
    .document-ai-grid,.love-dialog-layout,.ads-connection-grid { grid-template-columns:1fr; }
    .action-grid,.slide-grid { grid-template-columns:repeat(2,1fr); }
    .topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .topic-layout { grid-template-columns:1fr; }
}

@media (max-width: 760px) {
    .site-header { width: calc(100% - 20px); height: 64px; top: 8px; padding: 0 10px; gap: 4px; }
    .brand { font-size: 20px; }
    .brand-mark { width: 37px; height: 37px; }
    .brand-logo { width:37px; height:37px; }
    .language-picker span, .header-login { display: none; }
    .language-picker select { width: 45px; font-size: 11px; }
    .nav-more-menu { grid-template-columns: 1fr; }
    .header-actions .button { padding: 0 10px; min-height: 36px; }
    .hero, .section, .page-hero, .feature-band, .post-layout, .dashboard-layout, .list, .business-hero, .ads-hero, .business-profile-hero, .ad-slot { width: min(100% - 28px, var(--container)); }
    .home-ai-command { width: calc(100% - 20px); padding: 24px 18px; grid-template-columns: 1fr; border-radius: 24px; }
    .home-ai-actions { align-items: stretch; flex-direction: column; }
    .home-ai-actions button { width: 100%; }
    .home-ai-stats { grid-column: auto; grid-template-columns: repeat(3,1fr); }
    .home-ai-stats div { padding: 10px; }
    .hero { min-height: auto; padding: 70px 0 45px; }
    .hero-copy h1 { font-size: 45px; }
    .hero-visual { min-height: 410px; }
    .command-card { inset: 45px 0; padding: 19px; }
    .stat-one { left: -5px; bottom: 15px; }
    .stat-two { right: -5px; top: 10px; }
    .logo-cloud-inner { overflow-x: auto; justify-content: flex-start; }
    .grid, .grid-4 { grid-template-columns: 1fr; }
    .section { padding: 65px 0; }
    .section-heading { display: block; }
    .section-heading p { margin-top: 12px; }
    .feature-band { grid-template-columns: 1fr; padding: 28px; margin-bottom: 65px; }
    .feature-list { grid-template-columns: 1fr; }
    .filter-bar, .filter-bar-wide, .form-grid { grid-template-columns: 1fr; }
    .auth-shell { width: calc(100% - 24px); margin-top: 30px; grid-template-columns: 1fr; }
    .auth-art { min-height: 300px; padding: 30px; }
    .auth-panel { padding: 34px 25px; }
    .sidebar { grid-template-columns: 1fr; }
    .post-card { padding: 25px 20px; }
    .post-card h1 { font-size: 38px; }
    .video-desk { grid-template-columns: 1fr; padding: 19px; }
    .editorial-content { font-size: 15px; }
    .editorial-content li { padding-left: 48px; }
    .post-media-gallery { grid-template-columns: 1fr; }
    .dashboard-layout { grid-template-columns: 1fr; }
    .dashboard-nav { position: static; display: flex; overflow-x: auto; }
    .dashboard-nav a { white-space: nowrap; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .dashboard-head { align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .footer-bottom { flex-direction: column; }
    .pulse-shell { width: 100%; height: calc(100vh - 72px); margin-top: 8px; border-radius: 0; border-left: 0; border-right: 0; }
    .pulse-card { min-height: calc(100vh - 72px); }
    .pulse-intro { top: 84px; justify-content: space-between; }
    .pulse-intro > span:nth-child(2) { display: none; }
    .pulse-content { left: 18px; right: 82px; bottom: 24px; }
    .pulse-content h2 { font-size: 34px; }
    .pulse-content p { font-size: 13px; }
    .pulse-content .hero-actions { justify-content: flex-start; margin: 18px 0 0; }
    .pulse-content .button { min-height: 40px; padding: 0 13px; font-size: 11px; }
    .pulse-actions { right: 13px; bottom: 35px; gap: 11px; }
    .pulse-action { width: 51px; min-height: 51px; }
    .ticker-grid { grid-template-columns: 1fr 1fr; }
    .industry-home-band { width: calc(100% - 28px); padding: 28px; margin-top: 38px; }
    .industry-home-band .hero-actions { justify-content: flex-start; }
    .industry-hero { width: calc(100% - 28px); padding: 70px 0 45px; gap: 25px; }
    .industry-hero h1 { font-size: 45px; }
    .method-grid, .allocation-inputs, .roadmap-list { grid-template-columns: 1fr; }
    .method-card { min-height: auto; }
    .scenario-results { grid-template-columns: 1fr; }
    .scenario-results .scenario-wide { grid-column: auto; }
    .business-grid, .ads-placement-admin { grid-template-columns: 1fr; }
    .business-profile-cover { height: 190px; }
    .business-profile-head { padding: 0 22px 25px; grid-template-columns: 1fr; align-items: start; }
    .business-logo-large { margin-top: -55px; }
    .business-detail-grid { grid-template-columns: 1fr 1fr; }
    .ad-slot { display: block; }
    .ad-slot .ad-media { height: 170px; margin-bottom: 12px; }
    .ad-slot .ad-body { padding: 8px 3px 4px; }
    .story-rail-wrap,.urgent-lab { width:calc(100% - 28px); }
    .story-rail-head { align-items:flex-start; flex-direction:column; gap:8px; }
    .story-rail-head .eyebrow { margin-bottom:10px; }
    .story-rail-head h2 { font-size:clamp(27px,8vw,38px); }
    .story-rail-head .arrow-link { flex:0 0 auto; padding-bottom:4px; font-size:11px; }
    .story-rail { width:calc(100% + 14px); gap:12px; padding-right:14px; }
    .story-card { flex-basis:94px; }
    .story-ring { width:82px; height:82px; }
    .story-image { inset:4px; border-width:2px; }
    .story-card strong { min-height:34px; font-size:11px; }
    .urgent-lab { padding:25px; }
    .urgent-metrics { grid-template-columns:1fr; }
    .scroll-simulator { min-height:350px; }
    .sim-person { left:-5%; transform:scale(.85); transform-origin:bottom left; }
    .sim-phone { right:7%; }
    .cookie-panel { grid-template-columns:1fr; left:10px; right:10px; bottom:10px; }
    .cookie-actions { display:grid; grid-template-columns:1fr; }
    .love-hero { width:calc(100% - 28px); align-items:flex-start; flex-direction:column; padding-top:60px; }
    .love-hero h1 { font-size:44px; }
    .love-toolbar { width:calc(100% - 28px); }
    .love-grid { grid-template-columns:1fr 1fr; gap:7px; }
    .love-card { min-height:330px; }
    .love-card-copy { left:12px; right:12px; bottom:12px; }
    .love-card-copy strong { font-size:15px; }
    .love-card-copy > b { display:none; }
    .love-modal-page { width:100%; margin:8px 0 50px; padding:0; border-left:0; border-right:0; border-radius:0; }
    .love-gallery { min-height:480px; border-radius:0; }
    .love-gallery img,.love-gallery .love-placeholder { min-height:235px; }
    .love-profile-copy { padding:30px 20px; }
    .love-facts { grid-template-columns:1fr; }
    .love-admin-photos { grid-template-columns:1fr; }
    .check-grid,.lead-grid { grid-template-columns:1fr; }
    .prayer-grid { grid-template-columns:1fr 1fr; }
    .result-columns,.phone-grid,.routine-grid,.action-grid,.slide-grid { grid-template-columns:1fr; }
    .language-check-grid { grid-template-columns:1fr 1fr; }
    .love-dialog { width:100%; max-height:100vh; border-radius:0; }
    .love-dialog-close { top:10px; right:10px; }
    .love-dialog-layout { min-height:100vh; }
    .chat-bubble { max-width:88%; }
    .chat-compose { grid-template-columns:1fr; }
    .danger-zone { align-items:stretch; flex-direction:column; }
    .price-observation { grid-template-columns:1fr auto; }
    .price-observation a { grid-column:1/-1; }
    .topic-grid { grid-template-columns:1fr; }
    .topic-hero,.topic-layout { width:calc(100% - 28px); }
    .topic-hero { padding-top:60px; }
    .topic-hero h1 { font-size:44px; }
    .topic-card { min-height:240px; }
}

/* Post Grid Responsive */
.post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    width: 100%;
}

@media (max-width: 1024px) {
    .post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .post-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.empty-state {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: var(--muted);
}

.discovery-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}
.discovery-card {
    grid-column: span 4;
    min-width: 0;
    overflow: hidden;
    color: #f7f9fc;
    background: #0a0f16;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 24px;
    box-shadow: 0 18px 55px rgba(0,0,0,.2);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.discovery-card:nth-child(7n + 1),
.discovery-card:nth-child(7n + 5) { grid-column: span 8; }
.discovery-card:hover {
    transform: translateY(-5px);
    border-color: rgba(53,211,255,.3);
    box-shadow: 0 28px 75px rgba(0,0,0,.3);
}
.discovery-card-media {
    min-height: 260px;
    position: relative;
    display: block;
    overflow: hidden;
    background: #080c12;
}
.discovery-card:nth-child(7n + 1) .discovery-card-media,
.discovery-card:nth-child(7n + 5) .discovery-card-media { min-height: 360px; }
.discovery-card-media img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.75,.25,1), filter .3s ease;
}
.discovery-card:hover .discovery-card-media img { transform: scale(1.045); }
.discovery-card-vignette {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(3,6,10,.75), transparent 58%),
        linear-gradient(105deg, rgba(3,6,10,.16), transparent 55%);
}
.discovery-card-platform,
.discovery-card-video {
    position: absolute;
    top: 16px;
    z-index: 2;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: #e9f0f8;
    background: rgba(5,9,14,.68);
    backdrop-filter: blur(14px);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.discovery-card-platform { left: 16px; }
.discovery-card-video { right: 16px; color: #0b1118; background: #b8ff63; border-color: transparent; }
.discovery-card-open {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: grid;
    place-items: center;
    color: #071018;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 900;
    transition: transform .25s ease, background .25s ease;
}
.discovery-card:hover .discovery-card-open { transform: rotate(8deg) scale(1.07); background: #b8ff63; }
.discovery-card-body { padding: 23px; }
.discovery-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 13px;
    color: #8f9caf;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.discovery-card-meta span:not(:last-child)::after {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    margin: 0 0 2px 7px;
    border-radius: 50%;
    background: #35d3ff;
}
.discovery-card h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(21px, 2.1vw, 31px);
    line-height: 1.08;
    text-wrap: balance;
}
.discovery-card h3 a:hover { color: #8fe8ff; }
.discovery-card p {
    margin: 13px 0 0;
    color: #aeb9c8;
    font-size: 13px;
    line-height: 1.65;
}
.discovery-card-tags {
    display: flex;
    gap: 7px;
    margin-top: 16px;
    overflow: hidden;
}
.discovery-card-tags a {
    max-width: 145px;
    overflow: hidden;
    color: #8fe8ff;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.discovery-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 21px;
    padding-top: 17px;
    border-top: 1px solid rgba(255,255,255,.09);
}
.discovery-card-author { min-width: 0; display: flex; align-items: center; gap: 9px; }
.discovery-card-author > span {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    color: #071018;
    background: linear-gradient(135deg, #b8ff63, #63dfff);
    border-radius: 11px;
    font-size: 12px;
    font-weight: 900;
}
.discovery-card-author b,
.discovery-card-author small { display: block; }
.discovery-card-author b {
    max-width: 140px;
    overflow: hidden;
    color: #edf3fa;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.discovery-card-author small { color: #7f8b9b; font-size: 9px; }
.discovery-card-actions { display: flex; align-items: center; gap: 7px; }
.discovery-card-actions > a {
    padding: 8px 11px;
    color: #dce5ef;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    font-size: 10px;
    font-weight: 800;
}
.discovery-card-share {
    width: 34px;
    min-height: 34px;
    padding: 0;
    color: #fff;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    box-shadow: none;
}
.discovery-card-share:hover {
    color: #071018;
    background: #b8ff63;
    transform: none;
    box-shadow: none;
}

.editorial-masthead {
    width: min(1360px, calc(100% - 28px));
    min-height: 540px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 18px auto 0;
    padding: clamp(48px, 7vw, 92px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #f7f9fc;
    background: #070b11 url("/assets/img/editorial/discovery-world.webp") center/cover no-repeat;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 32px;
    box-shadow: 0 32px 90px rgba(0,0,0,.3);
}
.editorial-masthead::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(3,6,10,.96) 0%, rgba(3,6,10,.74) 43%, rgba(3,6,10,.15) 76%),
        linear-gradient(to top, rgba(3,6,10,.86), transparent 65%);
}
.editorial-masthead-copy { max-width: 790px; }
.editorial-masthead h1 {
    max-width: 780px;
    margin: 0;
    color: #fff;
    font-size: clamp(54px, 7vw, 96px);
    line-height: .9;
    letter-spacing: -.065em;
}
.editorial-masthead h1 span { color: #8fe8ff; }
.editorial-masthead-copy > p { max-width: 650px; margin: 24px 0 0; color: #bdc8d7; font-size: 16px; }
.editorial-search {
    width: min(900px,100%);
    margin-top: 36px;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(220px,1.8fr) 1fr auto;
    gap: 7px;
    background: rgba(7,11,17,.72);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    backdrop-filter: blur(18px);
}
.editorial-search input,
.editorial-search select {
    min-width: 0;
    margin: 0;
    color: #eaf0f7;
    background: rgba(255,255,255,.055);
    border-color: rgba(255,255,255,.09);
}
.editorial-search option { color: #111927; background: #fff; }
.editorial-platform-rail {
    margin-top: 18px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}
.editorial-platform-rail::-webkit-scrollbar { display:none; }
.editorial-platform-rail a {
    flex: 0 0 auto;
    padding: 8px 12px;
    color: #aeb9c8;
    background: rgba(7,11,17,.58);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}
.editorial-platform-rail a:hover,
.editorial-platform-rail a.active { color:#071018; background:#b8ff63; border-color:transparent; }

@media (max-width: 980px) {
    .discovery-card,
    .discovery-card:nth-child(7n + 1),
    .discovery-card:nth-child(7n + 5) { grid-column: span 6; }
    .discovery-card-media,
    .discovery-card:nth-child(7n + 1) .discovery-card-media,
    .discovery-card:nth-child(7n + 5) .discovery-card-media { min-height: 280px; }
}

@media (max-width: 620px) {
    .discovery-grid { gap: 12px; }
    .discovery-card,
    .discovery-card:nth-child(7n + 1),
    .discovery-card:nth-child(7n + 5) { grid-column: 1 / -1; }
    .discovery-card { border-radius: 20px; }
    .discovery-card-media,
    .discovery-card:nth-child(7n + 1) .discovery-card-media,
    .discovery-card:nth-child(7n + 5) .discovery-card-media { min-height: 250px; }
    .discovery-card-body { padding: 19px; }
    .discovery-card h3 { font-size: 24px; }
    .editorial-masthead {
        width: calc(100% - 20px);
        min-height: 570px;
        padding: 30px 20px 24px;
        border-radius: 24px;
        background-position: 65% center;
    }
    .editorial-masthead h1 { font-size: 52px; }
    .editorial-masthead-copy > p { font-size: 13px; }
    .editorial-search { grid-template-columns: 1fr; margin-top: 24px; }
}

/* 2026 visual refresh: layered light theme and immersive media feeds */
body[data-theme="light"] {
    background:
        radial-gradient(circle at 8% -10%, rgba(86,54,232,.11), transparent 32rem),
        radial-gradient(circle at 100% 24%, rgba(8,127,164,.1), transparent 34rem),
        linear-gradient(180deg, #f3f4ef 0%, #eaf0f2 48%, #f6f5f0 100%);
}
body[data-theme="light"]::before {
    opacity: .22;
    background-image: radial-gradient(rgba(16,25,35,.18) .65px, transparent .65px);
}
body[data-theme="light"] .ambient { opacity: .08; }
body[data-theme="light"] .site-header {
    background: rgba(248,249,245,.84);
    border-color: rgba(16,25,35,.12);
    box-shadow: 0 16px 50px rgba(42,55,65,.13);
}
body[data-theme="light"] .main-nav a { color: #43505f; }
body[data-theme="light"] .main-nav a:hover,
body[data-theme="light"] .main-nav a.active {
    color: #fff;
    background: #172230;
}
body[data-theme="light"] .nav-more summary { color: #43505f; }
body[data-theme="light"] .nav-more[open] summary { color: #fff; background: #172230; }
body[data-theme="light"] .nav-more-menu {
    background: rgba(248,249,245,.98);
    border-color: rgba(16,25,35,.12);
    box-shadow: 0 28px 75px rgba(42,55,65,.18);
}
body[data-theme="light"] .nav-more-menu b { color: #172230; }
body[data-theme="light"] .nav-more-menu a:hover,
body[data-theme="light"] .nav-more-menu a.active { background: #e7ecee; border-color: rgba(16,25,35,.1); }
body[data-theme="light"] .language-picker {
    color: #52606e;
    background: rgba(255,255,255,.58);
}
body[data-theme="light"] .language-picker select { color: #172230; }
body[data-theme="light"] .language-picker option { color: #172230; background: #fff; }
body[data-theme="light"] .theme-toggle {
    color: #172230;
    background: rgba(255,255,255,.62);
    border-color: rgba(16,25,35,.13);
}
body[data-theme="light"] .text-link,
body[data-theme="light"] .arrow-link { color: #253342; }
body[data-theme="light"] .gradient-text {
    background: linear-gradient(100deg, #172230 4%, #5636e8 54%, #087fa4);
    -webkit-background-clip: text;
    color: transparent;
}
body[data-theme="light"] .hero-copy > p { color: #52606e; }
body[data-theme="light"] .card,
body[data-theme="light"] .filter-bar,
body[data-theme="light"] .sidebar-card,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .table-wrap {
    background: rgba(255,255,255,.72);
    border-color: rgba(16,25,35,.11);
    box-shadow: 0 18px 50px rgba(45,58,68,.09);
}
body[data-theme="light"] .badge {
    color: #536170;
    background: rgba(255,255,255,.66);
}
body[data-theme="light"] .button-secondary,
body[data-theme="light"] .button-ghost {
    color: #172230;
    background: rgba(255,255,255,.7);
    border-color: rgba(16,25,35,.14);
}
body[data-theme="light"] input,
body[data-theme="light"] textarea,
body[data-theme="light"] select {
    color: #172230;
    background-color: rgba(255,255,255,.78);
}
body[data-theme="light"] .feature-band {
    color: #f7f9fc;
    background:
        radial-gradient(circle at 10% 50%, rgba(124,92,255,.24), transparent 38%),
        linear-gradient(145deg, #17202d, #0c121a);
}
body[data-theme="light"] .editorial-content { color: #344251; }
body[data-theme="light"] .editorial-content h2,
body[data-theme="light"] .editorial-content h3 { color: #152230; }
body[data-theme="light"] .editorial-content li { background: rgba(255,255,255,.62); }
body[data-theme="light"] .pulse-shell {
    border-color: rgba(16,25,35,.18);
    box-shadow: 0 32px 90px rgba(26,39,50,.24);
}

@media (max-width: 1220px) {
    body[data-theme="light"] .main-nav {
        background: rgba(248,249,245,.98);
        box-shadow: 0 24px 60px rgba(42,55,65,.16);
    }
}

@media (max-width: 760px) {
    .pulse-shell {
        height: calc(100dvh - 80px);
        margin-top: 10px;
    }
    .pulse-card { min-height: calc(100dvh - 80px); }
    .pulse-intro {
        top: 10px;
        width: calc(100% - 28px);
        min-height: 42px;
        margin: 10px auto -52px;
        padding: 7px 12px;
    }
    .pulse-media img { object-position: 64% center; }
    .pulse-shade {
        background:
            linear-gradient(90deg, rgba(3,6,10,.72), rgba(3,6,10,.1)),
            linear-gradient(to top, rgba(2,4,7,.99) 4%, rgba(2,4,7,.86) 38%, rgba(2,4,7,.16) 72%, rgba(2,4,7,.42));
    }
    .pulse-content {
        left: 18px;
        right: 76px;
        bottom: 24px;
        max-width: none;
    }
    .pulse-author { margin-bottom: 10px; }
    .pulse-content .seller-avatar { width: 30px; height: 30px; }
    .pulse-content .badge { padding: 5px 8px; font-size: 9px; }
    .pulse-content h2 {
        max-width: 16ch;
        margin: 10px 0 9px;
        font-size: clamp(28px, 8.4vw, 38px);
        line-height: 1.01;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
    .pulse-content p {
        font-size: 13px;
        line-height: 1.5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .pulse-content .hero-actions { gap: 8px; margin-top: 15px; }
    .pulse-content .button { min-height: 39px; padding: 0 12px; font-size: 10px; border-radius: 11px; }
    .pulse-actions { right: 12px; bottom: 28px; gap: 9px; }
    .pulse-action { width: 48px; min-height: 48px; font-size: 19px; }
}

/* AI prompt farm */
.prompt-farm-hero {
    width: min(1440px, calc(100% - 44px));
    min-height: 690px;
    margin: 24px auto 70px;
    padding: 70px;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
    align-items: center;
    gap: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 12%, rgba(126,92,255,.28), transparent 34%),
        radial-gradient(circle at 92% 70%, rgba(59,220,201,.16), transparent 36%),
        linear-gradient(145deg, #10131d 0%, #080b11 58%, #111827 100%);
    box-shadow: 0 42px 120px rgba(0,0,0,.36);
}
.prompt-farm-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.14) .6px, transparent .6px);
    background-size: 18px 18px;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
    opacity: .28;
}
.prompt-farm-hero-copy { position: relative; z-index: 2; }
.prompt-farm-hero h1 {
    max-width: 11ch;
    margin: 14px 0 22px;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(56px, 6.2vw, 96px);
    line-height: .91;
    letter-spacing: -.065em;
}
.prompt-farm-hero-copy > p { max-width: 660px; color: #aeb8c8; font-size: 17px; line-height: 1.75; }
.prompt-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.prompt-proof span {
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    color: #cbd4e2;
    background: rgba(255,255,255,.045);
    font-size: 11px;
    font-weight: 800;
}
.prompt-farm-showcase {
    min-height: 540px;
    position: relative;
    z-index: 1;
    perspective: 1000px;
}
.prompt-farm-showcase img {
    position: absolute;
    display: block;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 26px;
    box-shadow: 0 35px 85px rgba(0,0,0,.46);
}
.prompt-farm-showcase img:nth-child(1) { width: 48%; height: 78%; left: 0; top: 8%; z-index: 3; transform: rotate(-5deg); }
.prompt-farm-showcase img:nth-child(2) { width: 62%; height: 54%; right: 0; top: 0; z-index: 1; transform: rotate(4deg); }
.prompt-farm-showcase img:nth-child(3) { width: 48%; height: 65%; right: 5%; bottom: 0; z-index: 2; transform: rotate(3deg); }
.prompt-workbench {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
    gap: 20px;
}
.prompt-builder, .prompt-result { min-width: 0; padding: 30px; }
.prompt-builder textarea {
    min-height: 250px;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    line-height: 1.65;
}
.prompt-result { display: flex; flex-direction: column; justify-content: center; }
.generated-image {
    width: 100%;
    max-height: 620px;
    margin-bottom: 22px;
    display: block;
    object-fit: cover;
    border-radius: 20px;
    background: #06080c;
}
.prompt-placeholder-image { aspect-ratio: 4 / 3; opacity: .72; }
.prompt-result .hero-actions form { margin: 0; }
.prompt-result .hero-actions button { width: auto; }
.prompt-library-section { display: block; }
.prompt-library-toolbar {
    position: sticky;
    top: 92px;
    z-index: 9;
    margin-bottom: 26px;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(240px, .62fr) minmax(0, 1.38fr);
    gap: 12px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(8,11,17,.9);
    backdrop-filter: blur(24px);
}
.prompt-library-toolbar input { margin: 0; }
.prompt-category-row { display: flex; gap: 7px; align-items: center; overflow-x: auto; scrollbar-width: none; }
.prompt-category-row::-webkit-scrollbar { display: none; }
.prompt-category-row button {
    width: auto;
    min-height: 42px;
    padding: 0 15px;
    flex: 0 0 auto;
    color: var(--muted);
    background: rgba(255,255,255,.035);
    border: 1px solid var(--line);
    border-radius: 12px;
}
.prompt-category-row button.active { color: #07100d; background: linear-gradient(120deg, var(--accent), var(--accent-2)); border-color: transparent; }
.prompt-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.prompt-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: linear-gradient(150deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.prompt-card:hover { transform: translateY(-5px); border-color: rgba(126,92,255,.5); box-shadow: 0 24px 55px rgba(0,0,0,.25); }
.prompt-card[hidden] { display: none; }
.prompt-card > img { width: 100%; aspect-ratio: 16 / 10; display: block; object-fit: cover; background: #080b11; }
.prompt-card-body { padding: 20px; }
.prompt-card h3 { margin: 13px 0 8px; font-size: 22px; letter-spacing: -.035em; }
.prompt-card p { min-height: 48px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.prompt-card-actions { margin-top: 18px; display: flex; gap: 8px; }
.prompt-card-actions .button { flex: 1; padding: 0 11px; }
.ai-image-history { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.ai-image-history article { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.ai-image-history img { width: 100%; aspect-ratio: 1; display: block; object-fit: cover; }
.ai-image-history article > div { padding: 11px 13px; display: flex; justify-content: space-between; gap: 8px; font-size: 10px; color: var(--muted); }
.ai-image-history a { color: var(--text); font-weight: 800; }
body[data-theme="light"] .prompt-library-toolbar { background: rgba(247,249,246,.92); }
body[data-theme="light"] .prompt-card { background: rgba(255,255,255,.7); box-shadow: 0 16px 45px rgba(45,58,68,.08); }

@media (max-width: 1120px) {
    .prompt-farm-hero { grid-template-columns: 1fr; padding: 54px; }
    .prompt-farm-hero h1 { max-width: 13ch; }
    .prompt-farm-showcase { min-height: 470px; }
    .prompt-workbench { grid-template-columns: 1fr; }
    .prompt-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px) {
    .prompt-farm-hero {
        width: calc(100% - 20px);
        min-height: auto;
        margin: 10px auto 45px;
        padding: 35px 20px 24px;
        gap: 28px;
        border-radius: 25px;
    }
    .prompt-farm-hero h1 { font-size: 50px; }
    .prompt-farm-hero-copy > p { font-size: 14px; }
    .prompt-farm-showcase { min-height: 320px; }
    .prompt-farm-showcase img { border-radius: 18px; }
    .prompt-builder, .prompt-result { padding: 19px; }
    .prompt-library-toolbar { top: 76px; grid-template-columns: 1fr; padding: 9px; }
    .prompt-card-grid { grid-template-columns: 1fr; }
    .prompt-card p { min-height: 0; }
    .ai-image-history { grid-template-columns: repeat(2, minmax(0,1fr)); }
}