@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --background: #FFFFFF;
    --hero-bg: #F5F5F7;
    --foreground: #111111;
    --secondary-text: #86868B;
    --white: #FFFFFF;
    --accent: #34C759;
    --radius-hero: 80px;
    --radius-card: 40px;
    --radius-pill: 100px;
    --radius-input: 12px;
    --container-width: 1600px;
    --transition: all 0.3s ease;

    /* New variables from designer */
    --navy:#000080;--navy-d:#00006a;--navy-light:#1a1aaa;
    --navy-pale:#f0f0ff;--navy-pale2:#e8e8fa;
    --white:#fff;--off:#fafafa;
    --text:#0a0a1a;--muted:#5a5a7a;--light:#9090b0;
    --border:rgba(0,0,128,.12);--borderl:rgba(0,0,128,.07);
    --green:#00b07a;--green-pale:#e6f9f3;
    --sidebar:280px;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Manrope', sans-serif;
    background: var(--background);
    color: var(--foreground);
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}

.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* Header - Exact 1:1 */
header {
    height: 75px;
    background: #FFFFFF;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: relative;
    z-index: 1000;
}

.header-content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.logo {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    letter-spacing: -0.02em;
    text-transform: lowercase;
}

.nav-links {
    display: flex;
    gap: 32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.nav-links a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.nav-links a:hover {
    opacity: 0.6;
}

.nav-links a.active {
    font-weight: 700;
}

.header-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}


/* Header Buttons - Exact 1:1 */
.btn-header {
    height: 45px;
    padding: 0 24px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* Valuation Result */
.val-result {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #EAEAEA;
    text-align: center;
}

.val-result-label {
    font-size: 14px;
    color: #86868B;
    margin-bottom: 12px;
}

.val-result-price {
    font-size: 48px;
    font-weight: 800;
    color: #111;
}

/* Isometric Reveal (GSAP Mimic) */
.benefits-isometric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 60px;
    perspective: 1500px;
}

.isometric-card {
    background: rgba(245, 245, 245, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 60px;
    border-radius: 60px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.04);
    opacity: 0;
    transform: rotateX(45deg) translateY(120px) translateZ(-100px);
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.2s ease;
    transform-style: preserve-3d;
}

.isometric-card.active {
    opacity: 1;
    transform: rotateX(0) translateY(0) translateZ(0);
}

.isometric-card h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.isometric-card p {
    font-size: 16px;
    color: rgba(18, 18, 18, 0.55);
    line-height: 1.5;
}

/* Isometric Stagger Delays */
.isometric-card:nth-child(1) { transition-delay: 0.1s; }
.isometric-card:nth-child(2) { transition-delay: 0.3s; }
.isometric-card:nth-child(3) { transition-delay: 0.5s; }

/* Assets Section (Exact 1:1) */
.assets-section {
    padding: 120px 0;
    text-align: center;
}

.assets-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 80px;
    letter-spacing: -0.02em;
}

.assets-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.asset-card {
    background: #F5F5F7;
    border-radius: 60px;
    padding: 80px 40px;
    transition: transform 0.4s ease;
}

.asset-card:hover {
    transform: scale(1.02);
}

.asset-val {
    font-size: 72px;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1;
}

.asset-label {
    font-size: 18px;
    color: #86868B;
    font-weight: 500;
}

/* Valuation Widget */
.valuation-widget {
    background: #F5F5F7;
    border-radius: 40px;
    padding: 60px;
    margin: 40px 0 80px;
}

.val-header {
    text-align: center;
    margin-bottom: 40px;
}

.val-header h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.val-header p {
    font-size: 16px;
    color: #86868B;
}

.val-form {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    background: #FFF;
    padding: 30px;
    border-radius: 30px;
}

.val-group {
    flex: 1;
}

.val-group label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #86868B;
    margin-bottom: 8px;
}

.val-group input, .val-group select {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    outline: none;
    background: transparent;
}

.val-btn-wrap {
    padding-bottom: 5px;
}

/* Large CTA Button */
.benefits-cta {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.btn-large-black {
    background: #111;
    color: #FFF;
    padding: 24px 60px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.btn-large-black:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* Stats Row */
.stats-row {
    display: flex;
    justify-content: center;
    gap: 120px;
    padding: 60px 0;
    border-top: 1px solid #F0F0F0;
}

.stat-item {
    text-align: center;
}

.stat-value {
    font-size: 64px;
    font-weight: 800;
    margin-bottom: 8px;
}

.stat-label {
    font-size: 16px;
    color: #86868B;
}

.btn-header.outline {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    color: #000;
}

.btn-header.outline:hover {
    border-color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.02);
}

.btn-header.black {
    background: #000;
    color: #FFF;
}

.btn-header.black:hover {
    background: #222;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


/* Hero */
.hero-section {
    padding: 10px 0;
}

.hero-wrapper {
    background: var(--hero-bg);
    border-radius: var(--radius-hero);
    padding: 100px 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    min-height: 800px;
}

.hero-left {
    max-width: 750px;
}

.hero-left h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.05em;
    margin-bottom: 28px;
    max-width: 700px;
}

.hero-left p {
    font-size: 20px;
    color: #666;
    margin-bottom: 40px;
    max-width: 520px;
    line-height: 1.4;
}

.verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: rgba(52, 199, 89, 0.05);
    border: 1px solid var(--accent);
    border-radius: 100px;
    color: var(--accent);
    font-size: 14px;
    font-weight: 600;
}

/* Search Widget Redesigned Wide */
.search-widget {
    background: var(--white);
    width: 680px;
    padding: 16px;
    border-radius: var(--radius-card);
    box-shadow: 0 40px 120px rgba(0,0,0,0.15);
}

.widget-tabs {
    display: flex;
    background: #F5F5F7;
    border-radius: var(--radius-pill);
    padding: 6px;
    margin-bottom: 28px;
}

.tab-btn {
    flex: 1;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-pill);
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
}

.tab-btn.active {
    background: #111111;
    color: #FFFFFF;
}

.widget-form {
    padding: 0 16px 16px;
}

.form-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.form-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-field label {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    padding-left: 2px;
}

.form-field input, .form-field select {
    background: #F5F5F7;
    border: none;
    padding: 16px 20px;
    border-radius: var(--radius-input);
    font-size: 16px;
    font-family: inherit;
    outline: none;
    width: 100%;
}

.full-width {
    grid-column: span 3;
}

.widget-go {
    background: #111111;
    color: #FFFFFF;
    width: 100%;
    padding: 22px;
    border-radius: 24px;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    transition: var(--transition);
}

.widget-go:hover {
    transform: translateY(-2px);
    background: #222;
}

.widget-hint {
    font-size: 12px;
    color: #8E8E93;
    text-align: center;
    margin-top: 16px;
}

/* Dock Floating Menu - Exact Glass Style 1:1 */
.dock {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%) translate3d(0,0,0);
    background: rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(12px) saturate(1.02);
    -webkit-backdrop-filter: blur(12px) saturate(1.02);
    padding: 8px;
    border-radius: 22px;
    display: flex;
    gap: 4px;
    z-index: 1000;
    border: 1px solid rgba(255, 255, 255, 0.20);
    box-shadow: 
        0 10px 28px rgba(0,0,0,0.045),
        0 3px 10px rgba(0,0,0,0.03),
        0 1px 0 rgba(255,255,255,0.14) inset;
    transition: transform .85s cubic-bezier(.16,1,.3,1), 
                box-shadow .85s cubic-bezier(.16,1,.3,1), 
                background .60s ease;
    will-change: transform, box-shadow, background;
}

.dock-item {
    padding: 12px 24px;
    font-size: 13px;
    font-weight: 600;
    color: #111;
    border-radius: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dock-item:hover {
    background: rgba(0,0,0,0.05);
}

.dock-item.active {
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.dock-item.black {
    background: #111;
    color: #FFF;
}


@media (max-width: 1100px) {
    .hero-wrapper { flex-direction: column; padding: 60px 30px; border-radius: 40px; min-height: auto;}
    .search-widget { width: 100%; margin-top: 40px; }
    .hero-left h1 { font-size: 40px; }
}

/* Sell Business Page Styles - FIXED & FUNCTIONAL */
.add-hero {
    padding: 100px 0 60px;
    background: #FFFFFF;
}

.add-hero-card {
    background: #F5F5F7;
    border-radius: 80px;
    padding: 80px;
    text-align: center;
}

.add-title {
    font-size: 56px;
    font-weight: 800;
    margin-bottom: 16px;
    letter-spacing: -0.04em;
    color: #111;
}

.add-subtitle {
    font-size: 18px;
    color: #86868B;
    margin-bottom: 48px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.role-selector-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
}

.role-option {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    transition: var(--transition);
    text-align: left;
    min-width: 280px;
}

.role-option.active {
    border-color: #111;
    background: #111;
    color: #FFF;
}

.role-option.active .role-text span {
    color: rgba(255,255,255,0.6);
}

.role-icon-small {
    font-size: 24px;
}

.role-text b {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.role-text span {
    font-size: 12px;
    color: #86868B;
}

/* Multi-step Form */
.add-form-section {
    padding-bottom: 120px;
}

.form-stepper-card {
    background: #FFFFFF;
    border-radius: 80px;
    padding: 80px;
    border: 1px solid #EAEAEA;
    box-shadow: 0 40px 100px rgba(0,0,0,0.03);
}

.stepper-header {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 20px;
}

.step-nav-item {
    font-size: 13px;
    font-weight: 800;
    color: #DEDEDE;
    letter-spacing: 0.05em;
    cursor: default;
}

.step-nav-item.active {
    color: #111;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.step-footer {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #F0F0F0;
}

/* Form Elements */
.form-section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 32px;
    color: #111;
    letter-spacing: -0.02em;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.form-row-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

@media (max-width: 900px) {
    .form-row, .form-row-3 {
        grid-template-columns: 1fr;
    }
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.form-row .form-group {
    margin-bottom: 0;
}

.form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #86868B;
    margin-bottom: 10px;
    padding-left: 4px;
}

.form-group input, 
.form-group select, 
.form-group textarea {
    background: #F9F9FB;
    border: 1px solid #EAEAEA;
    padding: 18px 24px;
    border-radius: 16px;
    font-size: 16px;
    font-family: inherit;
    outline: none;
    color: #111;
    transition: var(--transition);
}

.form-group input:focus, 
.form-group select:focus, 
.form-group textarea:focus {
    background: #FFFFFF;
    border-color: #111;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

/* Chips */
.chips-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.chip {
    padding: 12px 24px;
    border-radius: 100px;
    background: #F5F5F7;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #111;
    transition: var(--transition);
    user-select: none;
}

.chip:hover {
    background: #EAEAEA;
}

.chip.active {
    background: #111;
    color: #FFF;
    border-color: #111;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Form Buttons */
.btn {
    padding: 16px 32px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-black {
    background: #111;
    color: #FFF;
}

.btn-black:hover {
    background: #222;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.btn-outline {
    background: transparent;
    border: 1px solid #EAEAEA;
    color: #111;
}

.btn-outline:hover {
    background: #F5F5F7;
    border-color: #DEDEDE;
}

/* Verification Radios */
.status-block {
    background: #F9F9FB;
    border-radius: 24px;
    padding: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.status-block h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.verification-options {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.verif-radio {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.verif-radio input {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.verif-radio b {
    font-size: 15px;
    font-weight: 600;
}

.verif-radio span {
    font-size: 14px;
    color: #86868B;
    font-weight: 400;
}

.status-hint {
    font-size: 12px;
    color: #86868B;
    margin-bottom: 20px;
    line-height: 1.5;
}

.form-hint {
    font-size: 12px;
    color: #86868B;
    margin-top: -12px;
    margin-bottom: 24px;
}

.submit-btn-wrap {
    margin-top: 20px;
}

.verif-item {
    position: relative;
}

.verif-item input {
    position: absolute;
    opacity: 0;
}

.verif-item label {
    display: block;
    padding: 30px;
    background: #F9F9FB;
    border: 1px solid #EAEAEA;
    border-radius: 30px;
    cursor: pointer;
    transition: var(--transition);
}

.verif-item input:checked + label {
    background: #FFFFFF;
    border-color: #111;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.verif-item b {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
}

.verif-item span {
    font-size: 14px;
    color: #86868B;
    line-height: 1.4;
}

/* Checkbox Style */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #86868B;
    line-height: 1.5;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0; width: 0;
}

.checkmark {
    position: absolute;
    top: 0; left: 0;
    height: 20px; width: 20px;
    background-color: #F0F0F0;
    border-radius: 6px;
}

.checkbox-container:hover input ~ .checkmark {
    background-color: #E0E0E0;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #111;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 7px; top: 3px;
    width: 5px; height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/* Benefits Section */
.benefits-section {
    padding: 100px 0;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.benefit-card {
    text-align: left;
}

.benefit-icon {
    margin-bottom: 24px;
    color: #111;
}

.benefit-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.3;
}

.benefit-card p {
    font-size: 15px;
    color: #86868B;
    line-height: 1.6;
}

/* Search Widget Forms Styling */
.tab-content {
    display: none;
    animation: fadeIn 0.3s ease;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.form-textarea {
    width: 100%;
    background: #F5F5F7;
    border: none;
    padding: 14px 16px;
    border-radius: var(--radius-input);
    font-size: 14px;
    font-family: inherit;
    resize: none;
    outline: none;
    margin-bottom: 12px;
}

.form-checkbox {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 11px;
    color: #999;
    margin-bottom: 8px;
    cursor: pointer;
}

.form-checkbox input {
    margin-top: 2px;
}

/* Scroll Reveal Animation */
.reveal {
    opacity: 0;
    transform: translateY(100px);
    transition: all 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Metrics Section (exact 1:1) */
.metrics-wrapper {
    background: var(--hero-bg);
    border-radius: var(--radius-hero);
    padding: 80px 40px;
    display: flex;
    gap: 20px;
    margin-top: 24px;
}

.metric-card {
    background: #FFFFFF;
    border-radius: 40px;
    padding: 40px;
    flex: 1;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.metric-card h3 {
    font-size: 64px;
    font-weight: 500;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
}

.metric-card p {
    font-size: 18px;
    color: #888888;
    line-height: 1.4;
    font-weight: 400;
}

/* Verification Standard Title Block */
.verification-header {
    text-align: center;
    padding: 100px 0 60px;
}

.verification-header h2 {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
}

.verification-header p {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto 40px;
}

/* Verification Standards (3 Cards 1:1 Refined) */
.verification-standards {
    padding: 120px 0;
    background: #FFFFFF;
}

.section-title {
    font-size: 56px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
    letter-spacing: -0.04em;
    color: #121212;
}

.section-subtitle {
    font-size: 18px;
    color: #86868B;
    text-align: center;
    margin-bottom: 48px;
    line-height: 1.5;
}

.button-center {
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}

.btn-verification {
    background: #121212;
    color: #FFF;
    padding: 20px 45px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-verification:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 80px;
}

.v-card {
    background: #FFFFFF;
    border-radius: 60px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    min-height: 580px;
    border: 1px solid rgba(0,0,0,0.03);
    transition: transform 0.4s ease;
}

.v-card:hover {
    transform: translateY(-5px);
}

.v-card-header {
    padding: 45px 30px 35px;
    text-align: center;
    border-radius: 0 0 40px 40px; /* The "bubble" effect */
}

.v-card-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #121212;
}

.v-card-subtitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: rgba(0,0,0,0.5);
}

.v-card-desc {
    font-size: 15px;
    line-height: 1.4;
    color: rgba(0,0,0,0.4);
    max-width: 260px;
    margin: 0 auto;
}

.v-card-body {
    padding: 40px 35px 60px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.v-pill {
    background: transparent;
    border: 1.2px solid #DEDEDE;
    padding: 12px 24px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 32px;
    color: #86868B;
}

.v-list {
    list-style: none;
    text-align: center;
    width: 100%;
}

.v-list li {
    font-size: 18px;
    color: #121212;
    margin-bottom: 18px;
    font-weight: 500;
    opacity: 0.9;
}

.v-disclaimer {
    font-size: 13px;
    color: #999;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}



/* Background & Text Colors */
.bg-gray { background: #EDEDED; }
.bg-green { background: #E1E7DB; }
.bg-beige { background: #F8EFDF; }

.text-black { color: #121212; }
.text-green { color: #5B6D54; }
.text-orange { color: #B68F52; }

/* Sell Business Section - Exact 1:1 */
.sell-section {
    padding: 80px 0;
    background-color: #FFFFFF;
}

.sell-container {
    background-color: #F5F5F7;
    border-radius: 80px;
    padding: 100px 80px;
    display: flex;
    gap: 60px;
    align-items: center;
}

.sell-content {
    flex: 0 0 42%;
}

.sell-title {
    font-size: 48px;
    font-weight: 800;
    color: #000000;
    margin: 0 0 24px 0;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.sell-description {
    font-size: 18px;
    color: #86868B;
    line-height: 1.5;
    margin: 0 0 40px 0;
    max-width: 440px;
}

.sell-button {
    display: inline-block;
    background-color: #000000;
    color: #FFFFFF;
    padding: 20px 45px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sell-button:hover {
    transform: scale(1.03);
}

.sell-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.metric-card {
    background-color: #FFFFFF;
    border-radius: 40px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 200px;
}

.metric-value {
    font-size: 56px;
    font-weight: 800;
    color: #000000;
    line-height: 1;
    letter-spacing: -0.02em;
}

.metric-value span {
    font-size: 24px;
    font-weight: 700;
    margin-left: 4px;
}

.metric-label {
    font-size: 16px;
    color: #86868B;
    line-height: 1.3;
    margin-top: 12px;
}


/* Catalog Section - Exact 1:1 from original */
.catalog-section {
    padding: 100px 0;
    background: #FFFFFF;
}

.catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 60px;
}

.xl2-card {
    background: #fff;
    border: 1px solid #E9E6E1;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.xl2-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.06);
}

.xl2-card__img-wrapper {
    position: relative;
    padding-bottom: 65%; /* 3:2 Aspect Ratio */
    background: #f5f2ec;
}

.xl2-card__img {
    position: absolute;
    width: 100%; height: 100%;
    object-fit: cover;
}

.xl2-verifyBadge {
    position: absolute;
    top: 12px; left: 12px;
    background: #303030;
    color: #fff;
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: 700;
    border: none;
    letter-spacing: 0.05em;
}

.xl2-galleryCounter {
    position: absolute;
    bottom: 12px; right: 12px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    backdrop-filter: blur(4px);
}

.xl2-card__content {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.xl2-cardHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.xl2-cardTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #111;
    margin: 0;
}

.xl2-reportLink {
    font-size: 10px;
    font-weight: 700;
    color: #FF8562;
    border-bottom: 1px solid rgba(255,133,98,0.3);
    text-decoration: none;
    letter-spacing: 0.05em;
    white-space: nowrap;
    margin-top: 4px;
}

.xl2-cardLocation {
    font-size: 13px;
    color: #86868B;
    margin-bottom: 20px;
}

.xl2-priceBlock {
    margin-bottom: 20px;
}

.xl2-priceLabel {
    font-size: 12px;
    color: #86868B;
    margin-bottom: 4px;
}

.xl2-priceValue {
    font-size: 24px;
    font-weight: 800;
    color: #111;
}

.xl2-metricsGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid #F0F0F0;
    margin-top: auto;
}

.xl2-metricLabel {
    font-size: 11px;
    color: #86868B;
    margin-bottom: 4px;
    white-space: nowrap;
}

.xl2-metricValue {
    font-size: 13px;
    font-weight: 700;
    color: #111;
}

/* Footer Styling */
footer {

    padding: 80px 0 140px;
    border-top: 1px solid #EEE;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
}

.footer-col h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.footer-col ul li {
    margin-bottom: 12px;
}

.footer-col ul li a {
    font-size: 14px;
    color: #666;
    transition: var(--transition);
}

.footer-col ul li a:hover {
    color: #000;
}

/* Sell Landing Page Styles (1:1 with Original) */
.sell-landing-hero {
    padding: 40px 0 80px;
    background: #FFFFFF;
}

.hero-plate {
    background: #EBEBEB;
    border-radius: 80px;
    padding: 100px 100px 80px;
    position: relative;
    overflow: hidden;
    min-height: 700px;
    display: flex;
    flex-direction: column;
}

.plate-content {
    position: relative;
    z-index: 2;
    max-width: 600px;
}

.plate-title {
    font-size: 64px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #000;
    letter-spacing: -0.04em;
}

.plate-subtitle {
    font-size: 20px;
    color: rgba(0,0,0,0.5);
    margin-bottom: 48px;
    line-height: 1.5;
}

.btn-pill-white {
    display: inline-block;
    background: #FFFFFF;
    color: #000;
    padding: 20px 40px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.plate-glass-img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.plate-cards-row {
    margin-top: auto;
    display: flex;
    gap: 20px;
    position: relative;
    z-index: 2;
}

.glass-landing-card {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(12px) saturate(1.02);
    -webkit-backdrop-filter: blur(12px) saturate(1.02);
    padding: 32px;
    border-radius: 32px;
    min-width: 300px;
    box-shadow: 
        0 10px 28px rgba(0, 0, 0, 0.045), 
        0 3px 10px rgba(0, 0, 0, 0.03), 
        0 1px 0 rgba(255, 255, 255, 0.14) inset;
    transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.85s ease;
    cursor: pointer;
}

.glass-landing-card:hover {
    transform: translate3d(0, 2, 0) scale(0.993);
    background: rgba(255, 255, 255, 0.05);
}

.glass-landing-card h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.glass-landing-card p {
    font-size: 15px;
    color: rgba(0,0,0,0.5);
}

/* --- Final Sell Page Blocks --- */
.valuation-widget {
    background: #F5F5F7;
    border-radius: 40px;
    padding: 60px;
    margin: 40px 0 80px;
}

.val-header {
    text-align: center;
    margin-bottom: 40px;
}

.val-header h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.val-header p {
    font-size: 16px;
    color: #86868B;
}

.val-form {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    background: #FFF;
    padding: 30px;
    border-radius: 30px;
}

.val-group {
    flex: 1;
}

.val-group label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #86868B;
    margin-bottom: 8px;
}

.val-group input, .val-group select {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    outline: none;
    background: transparent;
}

.val-result {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #EAEAEA;
    text-align: center;
}

.val-result-price {
    font-size: 48px;
    font-weight: 800;
    color: #111;
}

/* Massive Asset Cards (1:1 with Original) */
.assets-isometric-grid.massive {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 80px;
}

.isometric-card.massive {
    flex: 1;
    min-height: 520px;
    background: #F5F5F7;
    border-radius: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 40px;
    text-align: center;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
}

.asset-number {
    font-size: 140px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.asset-header {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
}

.asset-desc {
    font-size: 18px;
    color: #86868B;
    max-width: 260px;
    margin: 0 auto;
}

/* Creation Section */
.create-card-section {
    background: #F5F5F7;
    border-radius: 60px;
    padding: 100px 80px;
    margin-top: 40px;
    text-align: center;
}

.create-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 16px;
}

.role-selector-row {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin: 60px 0;
}

.role-tile {
    background: #FFF;
    border-radius: 32px;
    padding: 40px;
    width: 360px;
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: #000;
    text-align: left;
    transition: all 0.3s ease;
}

.role-tile:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.btn-large-black {
    display: inline-block;
    background: #000;
    color: #FFF;
    padding: 24px 60px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.btn-large-black:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* --- Verification Page Specific --- */
.verification-hero-plate {
    background: #E9E6E1;
    border-radius: 60px;
    padding: 100px 80px;
    position: relative;
    overflow: hidden;
    min-height: 520px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.v-plate-content {
    position: relative;
    z-index: 2;
    max-width: 540px;
}

.v-plate-title {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 32px;
    letter-spacing: -0.04em;
    color: #111;
}

.v-plate-subtitle {
    font-size: 20px;
    color: rgba(0,0,0,0.5);
    line-height: 1.4;
    max-width: 480px;
}

.v-plate-glass-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    object-fit: cover;
    z-index: 1;
    pointer-events: none;
}

.v-link-cards-row {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

.v-link-card {
    flex: 1;
    background: #FFFFFF;
    padding: 36px 24px;
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

.v-link-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.06);
}


.section-container {
    padding: 100px 0;
}

.v-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 60px;
}

.v-info-card {
    background: #F5F5F7;
    border-radius: 40px;
    padding: 60px 40px;
    text-align: center;
}

.v-info-card h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
}

.v-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.v-info-list li {
    font-size: 18px;
    color: #86868B;
    margin-bottom: 16px;
    line-height: 1.4;
}

/* Accordion Styles (EE-Check) */
.ee-check-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 60px;
}

.ee-check {
    background: #F5F5F7;
    border-radius: 24px;
    padding: 32px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.ee-check-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ee-check-header h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.ee-check-icon {
    font-size: 24px;
    color: #111;
    transition: transform 0.3s ease;
}

.ee-check-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, margin-top 0.3s ease;
}

.ee-check.active {
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.ee-check.active .ee-check-content {
    max-height: 200px;
    margin-top: 20px;
}

.ee-check.active .ee-check-icon {
    transform: rotate(45deg);
}

.ee-check-text {
    font-size: 16px;
    color: #86868B;
    line-height: 1.5;
}

/* Trust Cards */
.trust-cards-row {
    display: flex;
    gap: 24px;
    margin-top: 60px;
}

.trust-card {
    flex: 1;
    background: #F5F5F7;
    border-radius: 40px;
    padding: 60px 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.trust-card p {
    font-size: 18px;
    color: #86868B;
    line-height: 1.5;
}

.v-info-card-white {
    background: #FFFFFF;
    border-radius: 40px;
    padding: 60px 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

.v-info-card-white h3 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 32px;
    letter-spacing: -0.02em;
}

.v-info-list-check li {
    color: #111;
    font-weight: 500;
}

.v-info-list-check li:not(:first-child) {
    color: #86868B;
    font-weight: 400;
}

/* --- Final UI Polishes --- */
.v-final-btns {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 80px;
}

@media (max-width: 900px) {
    .v-link-cards-row {
        flex-direction: column;
    }
    .v-info-grid, .ee-check-container, .trust-cards-row {
        grid-template-columns: 1fr;
    }
    .v-plate-title {
        font-size: 36px;
    }
    .v-final-btns {
        flex-direction: column;
        align-items: stretch;
    }
}



/* --- Catalog Page Specific --- */
.catalog-section {
    padding: 40px 0 100px;
}

.catalog-filter-bar {
    background: #F5F5F7;
    border-radius: 40px;
    padding: 32px;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 60px;
}

.filter-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-group label {
    font-size: 13px;
    font-weight: 600;
    color: #111;
    padding-left: 4px;
}

.filter-group select, .filter-group input {
    background: #FFFFFF;
    border: none;
    padding: 14px 20px;
    border-radius: 18px;
    font-size: 15px;
    font-family: inherit;
    outline: none;
    color: #111;
}

.btn-filter-show {
    background: #111;
    color: #FFF;
    border: none;
    padding: 16px 32px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.btn-filter-reset {
    background: #FFFFFF;
    color: #111;
    border: 1px solid #EAEAEA;
    padding: 16px 32px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.catalog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.catalog-title h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 4px;
}

.catalog-stats {
    font-size: 14px;
    color: #86868B;
}

.sort-dropdown select {
    background: #F5F5F7;
    border: none;
    padding: 12px 20px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 600;
    outline: none;
}

.catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Business Card Styling */
.business-card {
    background: #FFFFFF;
    border-radius: 40px;
    overflow: hidden;
    transition: var(--transition);
    border: 1px solid #F0F0F0;
    display: flex;
    flex-direction: column;
}

.business-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.08);
}

.card-media {
    position: relative;
    height: 240px;
    margin: 12px;
    border-radius: 32px;
    overflow: hidden;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.badge-verified {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #D4E5D8;
    color: #2F5233;
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.img-pagination {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
}

.dot {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.4);
    border-radius: 50%;
}

.dot.active {
    background: #FFF;
}

.card-body {
    padding: 0 24px 24px;
}

.card-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-category {
    font-size: 20px;
    font-weight: 700;
    color: #111;
}

.btn-report {
    background: #F5F5F7;
    color: #111;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 100px;
    text-transform: uppercase;
}

.card-location {
    font-size: 13px;
    color: #86868B;
    margin-bottom: 20px;
}

.card-price-block {
    background: #F5F5F7;
    border-radius: 18px;
    padding: 16px 20px;
    margin-bottom: 12px;
}

.price-label {
    font-size: 11px;
    color: #86868B;
    display: block;
    margin-bottom: 4px;
}

.price-value {
    font-size: 20px;
    font-weight: 800;
}

.card-metrics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
}

.metric-item {
    background: #F5F5F7;
    border-radius: 18px;
    padding: 14px 16px;
}

.metric-label {
    font-size: 10px;
    color: #86868B;
    display: block;
    margin-bottom: 4px;
}

.metric-value {
    font-size: 15px;
    font-weight: 700;
}

.metric-full {
    grid-column: span 2;
}


/* --- Dashboard Design System --- */
.dash-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    min-height: 100vh;
    background: #F5F5F7;
}

.dash-sidebar {
    background: #FFFFFF;
    border-right: 1px solid rgba(0,0,0,0.05);
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
}

.dash-nav {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 1;
}

.dash-nav-item {
    padding: 14px 20px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 600;
    color: #86868B;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.dash-nav-item:hover {
    background: #F5F5F7;
    color: #111;
}

.dash-nav-item.active {
    background: #000;
    color: #FFF;
}

.dash-main {
    padding: 40px 60px;
    overflow-y: auto;
}

.dash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.dash-title {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.dash-card {
    background: #FFFFFF;
    border-radius: 32px;
    padding: 32px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

.dash-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
}

/* Dashboard Badges */
.badge {
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.badge-green { background: #E1E7DB; color: #5B6D54; }
.badge-orange { background: #F8EFDF; color: #B68F52; }
.badge-gray { background: #EDEDED; color: #666; }

/* Dashboard Modal */
.modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.modal-content {
    background: #FFFFFF;
    width: 100%;
    max-width: 800px;
    border-radius: 40px;
    padding: 60px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-close {
    position: absolute;
    top: 30px; right: 30px;
    width: 40px; height: 40px;
    background: #F5F5F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    border: none;
}

@media (max-width: 1100px) {
    .dash-layout { grid-template-columns: 1fr; }
    .dash-sidebar { display: none; }
}

/* ==========================================================================
   DESIGNER BRAND STYLES (Navy/Teal Concept)
   ========================================================================== */

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.96);backdrop-filter:blur(24px);border-bottom:1px solid var(--borderl)}
.nav-logo{font-weight:900;font-size:18px;color:var(--navy);letter-spacing:-.04em;text-decoration:none}
.nav-logo span{color:var(--text)}
.nav-links{display:flex;gap:32px;list-style:none;position:absolute;left:50%;transform:translateX(-50%)}
.nav-links a{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .15s}
.nav-links a:hover, .nav-links a.active{color:var(--navy)}
.nav-right{display:flex;gap:10px;align-items:center}
.nav-ghost{background:transparent;border:1.5px solid var(--border);color:var(--text);padding:8px 18px;border-radius:8px;font-family:'Manrope',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}
.nav-ghost:hover{border-color:var(--navy);background:var(--navy-pale);color:var(--navy)}
.nav-fill{background:var(--navy);color:#fff;border:none;padding:9px 22px;border-radius:8px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s;box-shadow:0 2px 12px rgba(0,0,128,.25)}
.nav-fill:hover{background:var(--navy-light)}

/* HERO */
.hero{min-height:100vh;padding:68px 0 0;background:var(--navy);position:relative;overflow:hidden;display:flex;flex-direction:column}
.hero-noise{position:absolute;inset:0;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www/w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(100,100,255,.18) 0%, transparent 60%),radial-gradient(ellipse 40% 40% at 80% 70%, rgba(0,176,122,.08) 0%, transparent 50%)}
.hero-grid-lines{position:absolute;inset:0;z-index:0;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:80px 80px}
.hero-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;padding:52px 5vw 0;text-align:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:6px 16px;margin-bottom:22px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.hero-eyebrow-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pd 2s infinite}
@keyframes pd{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{font-size:clamp(38px,6vw,80px);font-weight:900;letter-spacing:-.05em;line-height:1;color:#fff;margin-bottom:16px;max-width:820px}
.hero h1 span{background:linear-gradient(135deg,#a0a0ff 0%,#e0e0ff 50%,#a0ffd0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(14px,1.5vw,17px);color:rgba(255,255,255,.5);max-width:500px;line-height:1.65;margin-bottom:32px}

/* SEARCH — white, compact, Cian-style */
.search-widget{
  width:100%;max-width:660px;
  background:#fff;
  border-radius:16px;padding:8px;
  margin-bottom:0;
  box-shadow:0 12px 48px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.15);
}
.search-row{display:flex;gap:0;align-items:stretch;height:54px}
.sf{flex:1;background:transparent;border:none;border-right:1px solid #eee;padding:0 16px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:background .15s;min-width:0;position:relative}
.sf:last-of-type{border-right:none}
.sf:hover{background:#f8f8ff}
.sf-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);margin-bottom:2px}
.sf-val{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-placeholder{font-size:13px;color:var(--light)}
.search-btn{background:var(--navy);color:#fff;border:none;padding:0 24px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap;flex-shrink:0;margin:2px;transition:background .2s;display:flex;align-items:center;gap:7px}
.search-btn:hover{background:var(--navy-light)}

/* dropdown */
.sf-dropdown{position:relative}
.sf-options{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:200px;z-index:600;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.14)}
.sf-dropdown.open .sf-options{display:block}
.sf-option{padding:11px 16px;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s;font-weight:500}
.sf-option:hover{background:var(--navy-pale);color:var(--navy)}

/* HERO STATS — centered, big, separate row */
.hero-stats-row{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(255,255,255,.1);
  width:100%;
  margin-top:0;
  padding:0;
}
.hs{
  text-align:center;
  padding:32px 20px;
  border-right:1px solid rgba(255,255,255,.07);
}
.hs:last-child{border-right:none}
.hs-val{font-size:clamp(42px,5vw,64px);font-weight:900;color:#fff;letter-spacing:-.05em;line-height:1;margin-bottom:6px}
.hs-label{font-size:12px;color:rgba(255,255,255,.45);font-weight:500}

/* MEDIA STRIP */
.media-strip{background:var(--off);border-top:1px solid var(--borderl);border-bottom:1px solid var(--borderl);padding:22px 0;overflow:hidden}
.ms-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:14px}
.marquee-wrap{overflow:hidden}
.marquee{display:flex;gap:64px;width:max-content;animation:mq 32s linear infinite}
.marquee-item{font-weight:800;font-size:17px;color:var(--light);opacity:.55;white-space:nowrap;letter-spacing:-.02em;transition:opacity .2s}
.marquee-item:hover{opacity:1}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECTIONS */
.sec{padding:100px 5vw}
.stag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:14px}
.stitle{font-size:clamp(28px,4vw,50px);font-weight:900;letter-spacing:-.04em;line-height:1.06;color:var(--text);margin-bottom:14px}

/* MISSION */
.mission{background:var(--white)}
.mission-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
@media(max-width:900px){.mission-layout{grid-template-columns:1fr}}
.mission-quote{font-size:clamp(22px,3vw,40px);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:20px}
.mission-quote em{font-style:normal;color:var(--navy)}
.mission-sub{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:24px}
.mission-pills{display:flex;flex-wrap:wrap;gap:8px}
.mpill{display:flex;align-items:center;gap:7px;background:var(--navy-pale);border:1px solid var(--border);border-radius:100px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--navy)}
.mpill-sq{width:5px;height:5px;background:var(--navy);border-radius:1px;flex-shrink:0}

/* ECO SVG */
.eco-wrap{position:relative;height:480px;display:flex;align-items:center;justify-content:center}
.eco-svg{width:100%;max-width:480px;height:480px}

/* BUYERS */
.buyers{background:var(--off)}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:900px){.split-layout{grid-template-columns:1fr}}
.split-text p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:24px}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--muted)}
.feature-list li .fcheck{width:20px;height:20px;border-radius:5px;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
.feature-list li strong{color:var(--text);font-weight:600}

/* BUYERS CARD */
.buyers-card{background:var(--white);border-radius:20px;border:1px solid var(--border);padding:22px;box-shadow:0 16px 48px rgba(0,0,128,.07)}
.bc-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.bc-icon{width:42px;height:42px;border-radius:11px;background:var(--navy-pale);display:flex;align-items:center;justify-content:center}
.bc-icon svg{width:20px;height:20px;color:var(--navy)}
.bc-badge{display:flex;align-items:center;gap:5px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:6px}
.bc-badge .vd{width:5px;height:5px;background:var(--green);border-radius:50%}
.bc-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:2px}
.bc-name{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:4px}
.bc-loc{font-size:11px;color:var(--light);margin-bottom:12px;display:flex;align-items:center;gap:4px}
.bc-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.bcs{background:var(--off);border:1px solid var(--borderl);border-radius:9px;padding:9px 11px}
.bcs .bl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--light);margin-bottom:3px}
.bcs .bv{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.bcs .bv.price{color:var(--navy)}

/* NDA LOCK SECTION with animation */
.nda-section{background:var(--navy-pale);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px;overflow:hidden}
.nda-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.nda-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;border-bottom:0.5px solid rgba(0,0,128,.08);transition:all .5s ease}
.nda-item:last-child{border-bottom:none}
.nda-item svg{flex-shrink:0;width:13px;height:13px;color:var(--navy)}
.nda-item .nda-val{transition:filter .5s ease,color .5s ease}
.nda-item .nda-val.locked{filter:blur(5px);color:var(--muted);user-select:none}
.nda-item .nda-val.unlocked{filter:none;color:var(--text);font-weight:600}
.nda-item .nda-icon-lock{transition:opacity .3s}
.nda-item .nda-icon-open{opacity:0;transition:opacity .3s;color:var(--green)}

/* NDA button */
.nda-btn-row{margin-top:10px}
.nda-btn{width:100%;padding:10px 16px;border-radius:9px;background:var(--navy);color:#fff;border:none;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.nda-btn:hover{background:var(--navy-light)}
.nda-btn.unlocked-state{background:var(--green);cursor:default}

/* SELLERS */
.sellers{background:var(--white)}
.sellers-steps{display:flex;flex-direction:column;gap:0}
.sstep{display:flex;gap:22px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--borderl)}
.sstep:last-child{border-bottom:none}
.sstep-num{font-size:38px;font-weight:900;color:var(--navy-pale2);letter-spacing:-.05em;line-height:1;min-width:52px;user-select:none}
.sstep-body h4{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:4px}
.sstep-body p{font-size:13px;color:var(--muted);line-height:1.6}
.addon-badge{display:inline-flex;align-items:center;gap:5px;background:var(--off);border:1px solid var(--borderl);border-radius:6px;padding:3px 9px;font-size:10px;font-weight:600;color:var(--muted);margin-top:6px}

/* PROOF */
.proof-sec{background:var(--navy)}
.proof-inner{text-align:center}
.proof-sec .stag{color:#8080cc}
.proof-sec .stitle{color:#fff;margin-bottom:8px}
.proof-sub{font-size:16px;color:rgba(255,255,255,.45);margin-bottom:48px}
.proof-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:52px}
@media(max-width:700px){.proof-numbers{grid-template-columns:repeat(2,1fr)}}
.pn-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 20px;text-align:center;transition:background .2s}
.pn-card:hover{background:rgba(255,255,255,.08)}
.pn-val{font-size:40px;font-weight:900;color:#fff;letter-spacing:-.05em;line-height:1;margin-bottom:6px}
.pn-val span{font-size:22px}
.pn-label{font-size:12px;color:rgba(255,255,255,.4);line-height:1.4}
.proof-deals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:700px){.proof-deals{grid-template-columns:1fr}}
.deal-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px;text-align:left;transition:background .2s}
.deal-card:hover{background:rgba(255,255,255,.08)}
.dc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dc-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--green)}
.dc-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pd 1.5s infinite}
.dc-badge{display:flex;align-items:center;gap:4px;background:rgba(0,176,122,.15);border:1px solid rgba(0,176,122,.25);border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700;color:#4dffc4;letter-spacing:.05em}
.dc-biz{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:3px}
.dc-cat{font-size:11px;color:rgba(255,255,255,.35);margin-bottom:14px}
.dc-amount{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:4px}
.dc-caption{font-size:11px;color:rgba(255,255,255,.35)}

/* CATALOG */
.catalog-sec{background:var(--off)}
.catalog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.catalog-header .stitle{margin-bottom:0}
.see-all{color:var(--navy);font-size:14px;font-weight:700;cursor:pointer;border:none;background:transparent;font-family:'Manrope',sans-serif;text-decoration:none}
.see-all:hover{text-decoration:underline}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}}

/* CATALOG CARD with photo */
.ccard{background:var(--white);border-radius:16px;border:1px solid var(--borderl);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.ccard:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,128,.1);border-color:var(--border)}
.ccard.vrf{border-color:rgba(0,0,128,.18)}
.ccard-photo{height:120px;background:linear-gradient(135deg,#1a1a3e,#2a2a5e);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ccard-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ccard-photo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 60%)}
.ccard-photo-badge{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.cbadge-v{display:flex;align-items:center;gap:4px;background:var(--navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.05em;padding:3px 7px;border-radius:5px}
.cbadge-v .cvd{width:4px;height:4px;background:var(--green);border-radius:50%}
.cbadge-n{background:var(--green-pale);color:var(--green);font-size:9px;font-weight:700;padding:3px 7px;border-radius:5px}
.cbadge-hot{background:#fff0ee;color:#cc4400;font-size:9px;font-weight:700;padding:3px 7px;border-radius:5px}
.ccard-photo-count{position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,.5);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:8px}
.ccard-body{padding:12px 16px 0}
.ccat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:2px}
.cname{font-size:14px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:3px}
.cloc{font-size:11px;color:var(--light);margin-bottom:12px;display:flex;align-items:center;gap:3px}
.ccard hr{border:none;border-top:1px solid var(--borderl);margin:0 16px}
.cstats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 16px 14px}
.cstat .csl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--light);margin-bottom:3px}
.cstat .csv{font-size:13px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.cstat .csv.price{color:var(--navy)}
.cstat .csv.blur{filter:blur(4px);color:var(--muted);user-select:none}

/* FOOTER CTA */
.footer-cta{background:var(--navy);padding:90px 5vw;text-align:center;position:relative;overflow:hidden}
.fcta-bg{position:absolute;inset:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:40px 40px}
.fcta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(100,100,255,.15) 0%,transparent 70%)}
.fcta-inner{position:relative;z-index:1}
.fcta-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:6px 16px;margin-bottom:22px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06)}
.fcta-h{font-size:clamp(26px,4.5vw,54px);font-weight:900;color:#fff;letter-spacing:-.05em;line-height:1.06;margin-bottom:14px}
.fcta-h em{font-style:normal;opacity:.35}
.fcta-sub{font-size:16px;color:rgba(255,255,255,.45);margin-bottom:36px}
.community-block{display:inline-flex;align-items:center;gap:16px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:100px;padding:14px 28px;margin-bottom:36px}
.community-avs{display:flex}
.community-avs span{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}
.community-avs span:first-child{margin-left:0}
.community-text{font-size:15px;color:#fff;font-weight:500;line-height:1.4}
.community-text strong{font-weight:900;font-size:20px}
.fcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-white{background:#fff;color:var(--navy);border:none;padding:16px 32px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;cursor:pointer;transition:background .2s;box-shadow:0 6px 24px rgba(0,0,0,.15)}
.btn-white:hover{background:#f0f0ff}
.btn-outline-white{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.25);padding:15px 28px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}
.btn-outline-white:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}

footer{background:#050510;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer .logo{color:#fff;font-weight:900;font-size:15px;letter-spacing:-.04em}
footer p{font-size:12px;color:rgba(255,255,255,.2)}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:12px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .15s}
.footer-links a:hover{color:rgba(255,255,255,.7)}

@keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fu .7s ease both}
.fu2{animation:fu .7s .12s ease both}
.fu3{animation:fu .7s .24s ease both}
.fu4{animation:fu .7s .36s ease both}

@media(max-width:768px){
  .nav-links{display:none}
  .hero-stats-row{grid-template-columns:repeat(2,1fr)}
  .proof-numbers{grid-template-columns:repeat(2,1fr)}
  .proof-deals{grid-template-columns:1fr}
}

/* ==========================================================================
   BUYERS LANDING SPECIFIC COMPONENT STYLES
   ========================================================================== */

/* HERO BUYERS */
.hero-buyers{min-height:100vh;display:flex;align-items:center;padding:100px 5vw 80px;position:relative;overflow:hidden;background:var(--white);color:var(--text)}

/* SECTION PADDING FOR BUYERS SECTIONS */
.problem, .how, .verified-sec, .nda-sec, .access-sec, .pricing-sec, .types-sec, .faq-sec {
    padding: 100px 5vw;
}

.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 65% 55% at 75% 45%,var(--navy-pale) 0%,transparent 70%),radial-gradient(ellipse 35% 40% at 15% 75%,var(--navy-pale2) 0%,transparent 60%)}
.hero-grid{position:absolute;inset:0;z-index:0;opacity:.04;background-image:linear-gradient(var(--navy) 1px,transparent 1px),linear-gradient(90deg,var(--navy) 1px,transparent 1px);background-size:60px 60px}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-card-wrap{display:none}}

.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--navy-pale);border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:26px}
.eyebrow-dot{width:6px;height:6px;background:var(--navy);border-radius:50%;animation:pd 2s infinite}

.hero-buyers h1{font-size:clamp(36px,5.5vw,66px);font-weight:900;line-height:1.05;letter-spacing:-.04em;margin-bottom:22px;color:var(--text)}
.hero-buyers h1 em{font-style:normal;background:linear-gradient(135deg,var(--navy) 0%,#5050cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-buyers .hero-sub{font-size:17px;color:var(--muted);line-height:1.65;max-width:520px;margin-bottom:34px}
.hero-buyers .hero-sub strong{color:var(--text);font-weight:600}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:40px}

.btn-primary{background:var(--navy);color:#fff;border:none;padding:16px 32px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;cursor:pointer;letter-spacing:-.01em;transition:background .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(0,0,128,.2)}
.btn-primary:hover{background:var(--navy-light);box-shadow:0 6px 28px rgba(0,0,128,.3)}
.btn-secondary{background:transparent;color:var(--navy);border:1.5px solid var(--navy);padding:15px 28px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s}
.btn-secondary:hover{background:var(--navy-pale)}

.hero-proof{display:flex;gap:24px;flex-wrap:wrap}
.proof-item{display:flex;align-items:center;gap:8px}
.proof-icon{width:32px;height:32px;border-radius:8px;background:var(--navy-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.proof-icon svg{width:16px;height:16px;color:var(--navy)}
.proof-text{font-size:13px;color:var(--muted)}
.proof-text strong{color:var(--text);display:block;font-size:14px;font-weight:700}

/* HERO CARD */
.hero-card-wrap{perspective:1200px}
.hero-card{background:white;border-radius:22px;border:1px solid var(--border);padding:26px;box-shadow:0 32px 80px rgba(0,0,128,.1);animation:float 5s ease-in-out infinite;max-width:380px;margin-left:auto}
@keyframes float{0%,100%{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-10px) rotateX(-1deg)}}
.hcard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.hcard-icon{width:46px;height:46px;border-radius:12px;background:var(--navy-pale);display:flex;align-items:center;justify-content:center}
.hcard-icon svg{width:22px;height:22px;color:var(--navy)}
.hcard-badge{display:flex;align-items:center;gap:5px;background:var(--navy);color:white;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:6px}
.hcard-badge .vd{width:5px;height:5px;background:var(--green);border-radius:50%}
.hcard-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);margin-bottom:3px}
.hcard-name{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:3px}
.hcard-loc{font-size:12px;color:var(--light);margin-bottom:16px;display:flex;align-items:center;gap:4px}
.hcard-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.hstat-box{background:var(--off);border:1px solid var(--borderl);border-radius:10px;padding:11px}
.hstat-box .sl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:4px}
.hstat-box .sv{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.hstat-box .sv.price{color:var(--navy)}
.hstat-box .sv.blurred{filter:blur(5px);color:var(--muted);user-select:none}

/* NDA lock in hero card */
.hcard-nda{background:var(--navy-pale);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.hcard-nda-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:5px}
.hcard-nda-item{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:3px 0}
.hcard-nda-item svg{width:12px;height:12px;color:var(--navy);flex-shrink:0}
.hcard-nda-val{filter:blur(4px);user-select:none}
.hcard-lock{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.hcard-lock svg{width:13px;height:13px;color:var(--muted);flex-shrink:0}

/* SECTION HEADINGS */
.sec-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:14px}
.sec-title{font-size:clamp(26px,4vw,46px);font-weight:900;letter-spacing:-.04em;line-height:1.08;color:var(--text);margin-bottom:14px}
.sec-sub{font-size:17px;color:var(--muted);max-width:540px;line-height:1.65;margin-bottom:52px}

/* PROBLEM */
.problem{background:var(--text)}
.problem .sec-tag{color:#8080cc}
.problem .sec-title{color:white}
.problem .sec-sub{color:rgba(255,255,255,.5);margin-bottom:36px}
.problem-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
@media(max-width:800px){.problem-layout{grid-template-columns:1fr}}
.problem-list{display:flex;flex-direction:column;gap:0}
.problem-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.problem-item:last-child{border-bottom:none}
.picon{width:42px;height:42px;border-radius:10px;background:rgba(0,0,128,.4);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.picon svg{width:20px;height:20px;color:rgba(255,255,255,.8)}
.ptext h4{font-size:15px;font-weight:700;color:white;margin-bottom:4px;letter-spacing:-.01em}
.ptext p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.55}
.problem-right{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;position:sticky;top:80px}
.problem-right h3{font-size:18px;font-weight:800;color:white;letter-spacing:-.03em;margin-bottom:18px}
.vs-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vs-col{border-radius:12px;padding:14px}
.vs-col.bad{background:rgba(204,68,0,.12);border:1px solid rgba(204,68,0,.2)}
.vs-col.good{background:rgba(0,176,122,.1);border:1px solid rgba(0,176,122,.2)}
.vs-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.vs-col.bad .vs-label{color:#cc7060}
.vs-col.good .vs-label{color:var(--green)}
.vs-item{font-size:12px;line-height:1.5;margin-bottom:6px;display:flex;gap:6px;align-items:flex-start}
.vs-col.bad .vs-item{color:rgba(255,255,255,.45)}
.vs-col.good .vs-item{color:rgba(255,255,255,.75)}

/* HOW */
.how{background:white}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px}
.step-card{background:var(--off);border:1px solid var(--borderl);border-radius:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s}
.step-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,128,.08);background:white}
.step-num{font-size:52px;font-weight:900;color:var(--navy-pale2);letter-spacing:-.05em;line-height:1;margin-bottom:14px;user-select:none}
.step-icon-box{width:44px;height:44px;border-radius:12px;background:var(--navy-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.step-icon-box svg{width:22px;height:22px;color:var(--navy)}
.step-card h3{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:8px}
.step-card p{font-size:13px;color:var(--muted);line-height:1.6}

/* VERIFIED */
.verified-sec{background:var(--navy-pale)}
.verified-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:800px){.verified-split{grid-template-columns:1fr}}
.vlist{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:28px}
.vlist li{display:flex;align-items:flex-start;gap:13px;font-size:15px;color:var(--text);line-height:1.5}
.vcheck{width:24px;height:24px;border-radius:50%;background:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
.verified-card-mock{background:white;border-radius:20px;border:1px solid var(--border);padding:26px;box-shadow:0 20px 60px rgba(0,0,128,.08)}
.vmock-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.vmock-badge{display:flex;align-items:center;gap:5px;background:var(--navy);color:white;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:6px}
.vmock-badge .vd{width:5px;height:5px;background:var(--green);border-radius:50%}
.vmock-steps{display:flex;flex-direction:column;gap:8px}
.vmock-step{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:var(--off);border:1px solid var(--borderl);font-size:13px;color:var(--muted)}
.vmock-step.done{background:var(--green-pale);border-color:rgba(0,176,122,.2);color:var(--text)}
.vmock-step.done .vstep-icon{color:var(--green)}
.vstep-icon{flex-shrink:0}
.vstep-icon svg{width:16px;height:16px}

/* NDA */
.nda-sec{background:white}
.nda-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:800px){.nda-split{grid-template-columns:1fr}}
.nda-flow{display:flex;flex-direction:column;gap:0}
.nda-flow-item{display:flex;gap:18px;align-items:flex-start;padding:0 0 28px;position:relative}
.nda-flow-item:not(:last-child)::after{content:'';position:absolute;left:19px;top:40px;bottom:0;width:1px;background:var(--border);z-index:0}
.nda-flow-dot{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--navy);display:flex;align-items:center;justify-content:center;z-index:1;position:relative}
.nda-flow-dot svg{width:18px;height:18px;color:white}
.nda-flow-body h4{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.01em}
.nda-flow-body p{font-size:13px;color:var(--muted);line-height:1.55}
.nda-right-card{background:var(--navy-pale);border:1px solid var(--border);border-radius:20px;padding:28px}
.nda-right-card h3{font-size:19px;font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:6px}
.nda-right-card>p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.nda-checkbox-mock{background:white;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px;display:flex;align-items:flex-start;gap:11px}
.nda-cb{width:18px;height:18px;border-radius:4px;background:var(--navy);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}
.nda-cb svg{width:10px;height:10px}
.nda-cb-text{font-size:13px;color:var(--muted);line-height:1.5}
.nda-cb-text a{color:var(--navy);text-decoration:underline;cursor:pointer}

/* NDA interactive unlock */
.nda-result-wrap{margin-bottom:16px}
.nda-result-locked{background:white;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.nda-result-locked-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:5px}
.nda-result-locked-title svg{width:12px;height:12px}
.nda-locked-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:3px 0;transition:all .4s ease}
.nda-locked-item svg{width:12px;height:12px;color:var(--muted);flex-shrink:0}
.nda-locked-item .lval{transition:filter .5s ease,color .5s ease}
.nda-locked-item .lval.locked{filter:blur(4px);user-select:none}
.nda-locked-item .lval.open{filter:none;color:var(--text);font-weight:600}
.nda-unlock-btn{width:100%;padding:11px;border-radius:9px;background:var(--navy);color:white;border:none;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px}
.nda-unlock-btn:hover{background:var(--navy-light)}
.nda-unlock-btn.done{background:var(--green);cursor:default}
.nda-unlock-btn svg{width:14px;height:14px}

.nda-after-list{margin-top:14px;padding:12px 14px;background:white;border-radius:10px;border:1px solid var(--borderl)}
.nda-after-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:8px}
.nda-after-item{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);padding:3px 0}
.nda-after-item svg{width:13px;height:13px;color:var(--green);flex-shrink:0}

/* ACCESS */
.access-sec{background:white}
.access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.access-card{border:1px solid var(--borderl);border-radius:16px;padding:24px 20px;background:var(--off);transition:all .2s}
.access-card:hover{background:white;border-color:var(--border);box-shadow:0 8px 28px rgba(0,0,128,.07)}
.access-icon{width:42px;height:42px;border-radius:12px;background:var(--navy-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.access-icon svg{width:20px;height:20px;color:var(--navy)}
.access-card h4{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}
.access-card p{font-size:13px;color:var(--muted);line-height:1.6}
.access-label{margin-top:10px;display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);background:var(--navy-pale);border:1px solid var(--border);padding:3px 8px;border-radius:4px}

/* PRICING */
.pricing-sec{background:var(--off)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.pricing-grid{grid-template-columns:1fr}}
.price-card{background:white;border:1px solid var(--borderl);border-radius:20px;padding:26px 22px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.price-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,128,.09)}
.price-card.featured{background:var(--navy);border-color:var(--navy)}
.popular-tag{position:absolute;top:13px;right:-24px;background:var(--green);color:white;font-size:10px;font-weight:700;padding:3px 32px;transform:rotate(40deg);letter-spacing:.04em}
.pc-dur{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--light);margin-bottom:10px}
.price-card.featured .pc-dur{color:rgba(255,255,255,.5)}
.pc-price{font-size:34px;font-weight:900;letter-spacing:-.04em;color:var(--text);line-height:1;margin-bottom:4px}
.price-card.featured .pc-price{color:white}
.pc-month{font-size:12px;color:var(--light);margin-bottom:5px}
.price-card.featured .pc-month{color:rgba(255,255,255,.45)}
.pc-save{font-size:12px;color:var(--green);font-weight:700;margin-bottom:20px;min-height:17px}
.pc-divider{border:none;border-top:1px solid var(--borderl);margin-bottom:16px}
.price-card.featured .pc-divider{border-color:rgba(255,255,255,.15)}
.pc-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.pc-features li{display:flex;gap:7px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.4}
.price-card.featured .pc-features li{color:rgba(255,255,255,.7)}
.pc-features li svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--navy)}
.price-card.featured .pc-features li svg{color:rgba(255,255,255,.6)}
.pc-btn{width:100%;padding:11px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}
.pc-btn.outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}
.pc-btn.outline:hover{border-color:var(--navy);background:var(--navy-pale);color:var(--navy)}
.pc-btn.solid{background:white;border:none;color:var(--navy);box-shadow:0 4px 16px rgba(0,0,0,.12)}
.pc-btn.solid:hover{background:#f0f0ff}
.pricing-note{margin-top:20px;text-align:center;font-size:13px;color:var(--light);line-height:1.6}
.pricing-note a{color:var(--navy);font-weight:600;text-decoration:none}

/* TYPES */
.types-sec{background:var(--navy-pale)}
.types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.type-card{background:white;border:1px solid var(--borderl);border-radius:16px;padding:26px 22px;transition:transform .2s,box-shadow .2s}
.type-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,128,.09)}
.type-icon{width:44px;height:44px;border-radius:12px;background:var(--navy-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.type-icon svg{width:22px;height:22px;color:var(--navy)}
.type-card h3{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:8px}
.type-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.type-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--navy);background:var(--navy-pale);border:1px solid var(--border);padding:4px 10px;border-radius:6px}

/* FAQ */
.faq-sec{background:white}
.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}
@media(max-width:800px){.faq-layout{grid-template-columns:1fr}}
.faq-list{display:flex;flex-direction:column;gap:2px}
.faq-item{border:1px solid var(--borderl);border-radius:12px;overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;cursor:pointer;background:white;font-size:14px;font-weight:600;color:var(--text);gap:12px;transition:background .15s}
.faq-q:hover{background:var(--navy-pale)}
.faq-q.open{background:var(--navy-pale);color:var(--navy)}
.faq-arrow{flex-shrink:0;transition:transform .2s;font-size:18px;color:var(--light)}
.faq-q.open .faq-arrow{transform:rotate(45deg);color:var(--navy)}
.faq-a{display:none;padding:0 19px 16px;font-size:13px;color:var(--muted);line-height:1.65;background:var(--navy-pale)}
.faq-a.open{display:block}
.faq-cta-card{background:var(--navy);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}
.faq-cta-card h3{font-size:22px;font-weight:800;color:white;letter-spacing:-.03em;line-height:1.2;margin-bottom:10px}
.faq-cta-card p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:24px}

/* --- CATALOG STYLES --- */

/* PAGE HEADER */
.page-header{background:white;padding:28px 5vw 24px;border-bottom:1px solid var(--borderl)}
.page-header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.page-header h1{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-.04em;color:var(--text);line-height:1.08}
.page-header h1 em{font-style:normal;background:linear-gradient(135deg,var(--navy) 0%,#5050cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-header-sub{font-size:14px;color:var(--muted);margin-top:6px}
.header-stats{display:flex;gap:28px;flex-shrink:0}
.hstat{text-align:center}
.hstat-val{font-size:26px;font-weight:900;letter-spacing:-.04em;color:var(--navy)}
.hstat-label{font-size:10px;color:var(--light);font-weight:700;text-transform:uppercase;letter-spacing:.07em}

/* SEARCH BAR */
.search-bar-wrap{background:white;border-bottom:1px solid var(--borderl);padding:14px 5vw;position:sticky;top:68px;z-index:200}
.search-row{display:flex;gap:10px;align-items:center}
.search-input-wrap{flex:1;position:relative}
.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--light);width:15px;height:15px;pointer-events:none}
.search-input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--border);border-radius:10px;font-family:'Manrope',sans-serif;font-size:14px;color:var(--text);background:var(--off);outline:none;transition:border-color .2s,background .2s}
.search-input:focus{border-color:var(--navy);background:white}
.search-input::placeholder{color:var(--light)}
.sort-select{padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-family:'Manrope',sans-serif;font-size:13px;color:var(--text);background:white;cursor:pointer;outline:none;min-width:180px}
.sort-select:focus{border-color:var(--navy)}
.filter-toggle{display:flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:white;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;white-space:nowrap}
.filter-toggle:hover{border-color:var(--navy);background:var(--navy-pale)}
.filter-toggle.active{background:var(--navy);color:white;border-color:var(--navy)}
.filter-count{background:var(--navy);color:white;font-size:9px;font-weight:700;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.filter-toggle.active .filter-count{background:white;color:var(--navy)}

/* LAYOUT */
.catalog-layout{display:flex;min-height:calc(100vh - 180px);padding:0 5vw;gap:0}

/* SIDEBAR */
.sidebar{width:var(--sidebar);flex-shrink:0;padding:24px 0 40px;padding-right:24px;border-right:1px solid var(--borderl);display:none}
.sidebar.open{display:block}
.filter-section{margin-bottom:28px}
.filter-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--light);margin-bottom:10px}
.filter-chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{padding:5px 11px;border-radius:7px;border:1px solid var(--border);background:white;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-pale)}
.chip.active{background:var(--navy);color:white;border-color:var(--navy)}
.filter-range{margin-top:4px}
.range-row{display:flex;gap:7px;margin-bottom:8px}
.range-input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:'Manrope',sans-serif;font-size:12px;color:var(--text);outline:none;background:white}
.range-input:focus{border-color:var(--navy)}
.range-input::placeholder{color:var(--light)}
.filter-checkbox{display:flex;align-items:center;gap:9px;padding:7px 0;cursor:pointer;font-size:13px;color:var(--muted);transition:color .15s}
.filter-checkbox:hover{color:var(--text)}
.filter-checkbox input[type="checkbox"]{width:15px;height:15px;accent-color:var(--navy);cursor:pointer;flex-shrink:0}
.reset-filters{width:100%;padding:9px;border-radius:8px;border:1px solid var(--border);background:transparent;font-family:'Manrope',sans-serif;font-size:13px;color:var(--muted);cursor:pointer;transition:all .2s;margin-top:6px}
.reset-filters:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-pale)}

/* CATALOG MAIN */
.catalog-main{flex:1;min-width:0;padding:24px 0 60px 28px}
.catalog-main.no-sidebar{padding-left:0}
.results-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.results-count{font-size:13px;color:var(--light);font-weight:500}
.results-count strong{color:var(--text);font-weight:700}
.view-toggle{display:flex;gap:4px}
.view-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--light)}
.view-btn.active,.view-btn:hover{border-color:var(--navy);background:var(--navy-pale);color:var(--navy)}

/* SUBSCRIBE BANNER */
.subscribe-banner{background:var(--navy);border-radius:16px;padding:28px 24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.subscribe-banner-text h3{font-size:18px;font-weight:800;color:white;letter-spacing:-.03em;margin-bottom:5px}
.subscribe-banner-text p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.5}
.subscribe-banner-plans{display:flex;gap:7px;flex-wrap:wrap}
.sub-plan{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:9px 14px;text-align:center;cursor:pointer;transition:all .2s}
.sub-plan:hover{background:rgba(255,255,255,.18)}
.sub-plan.popular{background:white;border-color:white}
.sub-plan .plan-price{font-size:16px;font-weight:800;color:white;letter-spacing:-.02em}
.sub-plan.popular .plan-price{color:var(--navy)}
.sub-plan .plan-label{font-size:10px;color:rgba(255,255,255,.6);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.sub-plan.popular .plan-label{color:var(--muted)}

/* CARDS GRID */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.cards-grid.list-view{grid-template-columns:1fr}

/* BUSINESS CARD */
.biz-card{background:white;border-radius:16px;border:1px solid var(--borderl);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}
.biz-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,128,.09);border-color:var(--border)}
.biz-card.verified{border-color:rgba(0,0,128,.18)}

.biz-card-photo{height:110px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.biz-card-photo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 60%)}
.biz-photo-badges{position:absolute;top:9px;left:9px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.badge-verified{display:inline-flex;align-items:center;gap:4px;background:var(--navy);color:white;font-size:9px;font-weight:700;letter-spacing:.05em;padding:3px 7px;border-radius:5px}
.badge-verified .vdot{width:4px;height:4px;background:var(--green);border-radius:50%}
.badge-basic{display:inline-flex;align-items:center;gap:4px;background:#f0f4ff;color:var(--navy);border:1px solid rgba(0,0,128,.25);font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:5px}
.badge-new{background:var(--green-pale);color:var(--green);font-size:9px;font-weight:700;padding:3px 7px;border-radius:5px}
.badge-hot{background:#fff0ee;color:#cc4400;font-size:9px;font-weight:700;padding:3px 7px;border-radius:5px}
.biz-photo-count{position:absolute;bottom:7px;right:9px;background:rgba(0,0,0,.5);color:white;font-size:10px;font-weight:600;padding:2px 7px;border-radius:8px}

/* FAVORITE BUTTON */
.fav-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:0;z-index:10}
.fav-btn:hover{transform:scale(1.1);background:#fff}
.fav-btn:active{transform:scale(.9)}

.biz-card-body{padding:12px 16px 0}
.biz-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);margin-bottom:2px}
.biz-name{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2;margin-bottom:3px}
.biz-loc{font-size:11px;color:var(--light);display:flex;align-items:center;gap:4px;margin-bottom:12px}
.biz-loc svg{flex-shrink:0}

.biz-divider{border:none;border-top:1px solid var(--borderl);margin:0 16px}
.biz-stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:11px 16px}
.biz-stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:3px}
.biz-stat-val{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.02em}
.biz-stat-val.blurred{filter:blur(4px);user-select:none;color:var(--muted)}
.biz-stat-val.price{color:var(--navy)}

.biz-card-footer{padding:10px 16px 14px;display:flex;align-items:center;justify-content:space-between}
.biz-lock-msg{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--light);font-weight:500}
.biz-lock-msg svg{color:var(--light);flex-shrink:0}
.biz-card-btn{padding:6px 13px;border-radius:7px;background:var(--navy-pale);color:var(--navy);border:1px solid var(--border);font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}
.biz-card-btn:hover{background:var(--navy);color:white;border-color:var(--navy)}

/* EMPTY STATE */
.empty-state{text-align:center;padding:80px 20px;color:var(--light)}
.empty-state h3{font-size:18px;font-weight:700;color:var(--muted);margin-bottom:8px}
.empty-state p{font-size:14px}

/* PAGINATION */
.pagination{display:flex;justify-content:center;gap:5px;margin-top:36px}
.page-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:white;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}
.page-btn:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-pale)}
.page-btn.active{background:var(--navy);color:white;border-color:var(--navy)}

/* MODAL */
.modal-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(10,10,26,.6);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex}
.modal{background:white;border-radius:22px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 40px 100px rgba(0,0,128,.2);animation:min .25s ease}
@keyframes min{from{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-header{padding:24px 24px 18px;border-bottom:1px solid var(--borderl);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.modal-close{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;transition:all .15s}
.modal-close:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-pale)}
.modal-body{padding:22px 24px}
.modal-section{margin-bottom:22px}
.modal-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--light);margin-bottom:10px}
.modal-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.modal-stat{background:var(--off);border:1px solid var(--borderl);border-radius:9px;padding:12px 11px}
.modal-stat .label{font-size:9px;font-weight:700;color:var(--light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.modal-stat .val{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em}
.modal-stat .val.locked{filter:blur(5px);color:var(--muted)}
.modal-stat .val.price-big{color:var(--navy)}

/* NDA box in modal */
.nda-box{background:var(--navy-pale);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.nda-box-icon{width:32px;height:32px;background:var(--navy);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nda-box-icon svg{width:15px;height:15px;color:white}
.nda-box-text p{font-size:13px;color:var(--muted);line-height:1.55}
.nda-box-text strong{color:var(--text)}

/* NDA data tabs */
.nda-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}
.nda-tab{padding:5px 12px;border-radius:7px;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--border);background:white;cursor:pointer;transition:all .15s}
.nda-tab.active{background:var(--navy-pale);border-color:var(--navy);color:var(--navy)}
.nda-section-items{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.nda-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--navy-pale);border-radius:8px;font-size:12px;color:var(--muted)}
.nda-item svg{width:13px;height:13px;color:var(--navy);flex-shrink:0}
.nda-item .nda-val{filter:blur(4px);user-select:none;flex:1}

.nda-checkbox-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;cursor:pointer}
.nda-checkbox-row input{width:15px;height:15px;accent-color:var(--navy);cursor:pointer;flex-shrink:0;margin-top:2px}
.nda-checkbox-row span{font-size:13px;color:var(--muted);line-height:1.5}
.nda-checkbox-row span a{color:var(--navy);text-decoration:underline}
.modal-cta{width:100%;padding:13px;border-radius:10px;background:var(--navy);color:white;border:none;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:7px}
.modal-cta:hover{background:var(--navy-light)}
.modal-cta:disabled{background:var(--light);cursor:not-allowed}
.modal-cta svg{width:14px;height:14px}
.modal-footer{padding:0 24px 22px;border-top:1px solid var(--borderl);padding-top:18px}
.sub-prompt{text-align:center;font-size:13px;color:var(--muted)}
.sub-prompt a{color:var(--navy);font-weight:600;text-decoration:none;cursor:pointer}

/* SUBSCRIBE MODAL */
.sub-modal-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}
.sub-plan-card{border:1.5px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:all .15s}
.sub-plan-card:hover,.sub-plan-card.selected{border-color:var(--navy);background:var(--navy-pale)}
.sub-plan-card .dur{font-size:11px;font-weight:700;color:var(--light);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}
.sub-plan-card .pr{font-size:24px;font-weight:900;color:var(--text);letter-spacing:-.03em}
.sub-plan-card .pr span{font-size:13px;font-weight:500;color:var(--muted)}
.sub-plan-card .save{font-size:11px;color:var(--green);font-weight:700;margin-top:3px}

/* ACTIVE FILTERS */
.active-filters{display:none;flex;gap:7px;flex-wrap:wrap;align-items:center;padding:8px 0 0}
.active-filters.visible{display:flex}
.af-chip{display:flex;align-items:center;gap:5px;background:var(--navy-pale);border:1px solid var(--border);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600;color:var(--navy)}
.af-chip-close{cursor:pointer;color:var(--light);font-size:13px;line-height:1;transition:color .15s}
.af-chip-close:hover{color:var(--navy)}

.media-strip-catalog{background:var(--off);border-top:1px solid var(--borderl);border-bottom:1px solid var(--borderl);padding:14px 0;overflow:hidden}
.marquee-catalog{overflow:hidden}
.marquee-inner-catalog{display:flex;gap:56px;width:max-content;animation:mqcat 32s linear infinite}
.marquee-inner-catalog span{font-weight:800;font-size:15px;color:var(--light);opacity:.55;white-space:nowrap;letter-spacing:-.01em}
@keyframes mqcat{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* --- DETAILS PAGE STYLES --- */

/* BREADCRUMB */
.breadcrumb{padding:84px 5vw 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--light)}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--navy)}
.breadcrumb-sep{color:var(--light)}

/* LAYOUT */
.page-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;padding:20px 5vw 80px;max-width:1280px;margin:0 auto}
@media(max-width:960px){
  .page-layout{grid-template-columns:1fr}
  .sticky-col{position:static;width:100%}
}

/* MAIN COLUMN */
/* PHOTOS */
.photos-wrap{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1a0a2e,#2e1a4e);height:380px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}
.photos-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(255,255,255,.25)}
.photos-placeholder svg{width:48px;height:48px}
.photos-placeholder span{font-size:13px;font-weight:500}
.photos-strip{display:flex;gap:8px;margin-bottom:20px}
.photo-thumb{flex:1;height:72px;border-radius:10px;background:linear-gradient(135deg,#1a1a3e,#2a2a5e);cursor:pointer;transition:opacity .15s;opacity:.6}
.photo-thumb:hover,.photo-thumb.active{opacity:1;outline:2px solid var(--navy)}
.photos-badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:5px;background:white;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:700;color:var(--muted)}
.photos-badge svg{width:13px;height:13px;color:var(--navy)}
.photos-count{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.55);color:white;font-size:11px;font-weight:600;padding:4px 10px;border-radius:8px}

/* TITLE BLOCK */
.listing-header{margin-bottom:20px}
.listing-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--light);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.listing-title{font-size:clamp(22px,3vw,34px);font-weight:900;letter-spacing:-.03em;color:var(--text);line-height:1.15;margin-bottom:6px}
.listing-loc{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}
.listing-loc svg{flex-shrink:0;width:14px;height:14px;color:var(--light)}

/* VERIFIED BADGE */
.verified-badge-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--green-pale);border:1px solid rgba(0,176,122,.2);border-radius:10px;margin-bottom:20px}
.verified-badge-row svg{width:16px;height:16px;color:var(--green);flex-shrink:0}
.verified-badge-row span{font-size:13px;color:#27500A;line-height:1.4}
.verified-badge-row strong{font-weight:700}

/* KEY STATS */
.key-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
@media(max-width:640px){.key-stats{grid-template-columns:repeat(2,1fr)}}
.kstat{background:white;border:1px solid var(--borderl);border-radius:12px;padding:14px 16px}
.kstat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);margin-bottom:5px}
.kstat-val{font-size:20px;font-weight:900;letter-spacing:-.03em;color:var(--text)}
.kstat-val.price{color:var(--navy)}
.kstat-sub{font-size:11px;color:var(--light);margin-top:2px}

/* REASON */
.reason-block{background:white;border:1px solid var(--borderl);border-radius:12px;padding:14px 16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}
.reason-icon{width:36px;height:36px;border-radius:9px;background:var(--navy-pale);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.reason-icon svg{width:17px;height:17px;color:var(--navy)}
.reason-body h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.reason-body p{font-size:13px;color:var(--muted);line-height:1.5}

/* SECTION CARD */
.section-card{background:white;border:1px solid var(--borderl);border-radius:16px;padding:22px;margin-bottom:16px}
.section-card h3{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.section-card h3 svg{width:16px;height:16px;color:var(--navy)}

/* DETAILS TABLE */
.details-table{width:100%;font-size:14px}
.details-table tr{border-bottom:1px solid var(--borderl)}
.details-table tr:last-child{border-bottom:none}
.details-table td{padding:10px 0}
.details-table td:first-child{color:var(--muted);width:46%}
.details-table td:last-child{font-weight:600;color:var(--text);text-align:right}

/* DESCRIPTION */
.desc-text{font-size:14px;color:var(--muted);line-height:1.75}

/* INCLUDES */
.includes-grid{display:flex;flex-wrap:wrap;gap:7px}
.inc-tag{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:var(--off);border:1px solid var(--borderl);font-size:13px;color:var(--muted)}
.inc-tag svg{width:13px;height:13px;color:var(--navy);flex-shrink:0}

/* MARKET COMPARE */
.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mcard{background:var(--off);border-radius:10px;padding:12px 14px;border:1px solid var(--borderl)}
.mcard-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:4px}
.mcard-val{font-size:15px;font-weight:700;display:flex;align-items:center;gap:5px}
.mcard-val.good{color:var(--green)}
.mcard-sub{font-size:11px;color:var(--light);margin-top:2px}
.mbar{height:4px;border-radius:2px;background:var(--borderl);margin-top:6px;overflow:hidden}
.mfill{height:100%;border-radius:2px;background:var(--green)}

/* UPSELL BLOCK */
.upsell-card{background:var(--navy);border-radius:16px;padding:22px;margin-bottom:16px}
.upsell-card h3{font-size:15px;font-weight:800;color:white;letter-spacing:-.02em;margin-bottom:6px}
.upsell-card p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.55;margin-bottom:16px}
.upsell-features{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.upsell-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.75)}
.upsell-feat svg{width:14px;height:14px;color:rgba(255,255,255,.5);flex-shrink:0}
.upsell-feat.highlight{color:white;font-weight:500}
.upsell-feat.highlight svg{color:var(--green)}
.upsell-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}
.upsell-price{font-size:24px;font-weight:900;color:white;letter-spacing:-.03em}
.upsell-price-note{font-size:12px;color:rgba(255,255,255,.5)}
.upsell-btn{width:100%;padding:12px;border-radius:10px;background:white;color:var(--navy);border:none;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}
.upsell-btn:hover{background:#f0f0ff}

/* STICKY COLUMN */
.sticky-col{position:sticky;top:84px;height:fit-content;display:flex;flex-direction:column;gap:14px}

/* CONTACT CARD */
.contact-card{background:white;border:1px solid var(--border);border-radius:16px;padding:22px}
.contact-card-price{font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--navy);margin-bottom:4px}
.contact-card-payback{font-size:13px;color:var(--muted);margin-bottom:18px}
.contact-divider{border:none;border-top:1px solid var(--borderl);margin:16px 0}
.seller-row{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.seller-av{width:40px;height:40px;border-radius:50%;background:var(--navy-pale);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--navy);flex-shrink:0}
.seller-name{font-size:14px;font-weight:700;color:var(--text)}
.seller-verified{font-size:11px;color:var(--green);display:flex;align-items:center;gap:4px;margin-top:2px}
.seller-verified svg{width:12px;height:12px}
.btn-phone{width:100%;padding:13px;border-radius:10px;background:var(--navy);color:white;border:none;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
.btn-phone:hover{background:var(--navy-light)}
.btn-phone svg{width:16px;height:16px}
.btn-request{width:100%;padding:12px;border-radius:10px;background:transparent;color:var(--navy);border:1.5px solid var(--navy);font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}
.btn-request:hover{background:var(--navy-pale)}
.contact-note{font-size:11px;color:var(--light);text-align:center;margin-top:10px;line-height:1.5}

/* SAFETY CARD */
.safety-card{background:var(--off);border:1px solid var(--borderl);border-radius:14px;padding:16px 18px}
.safety-card h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.safety-card h4 svg{width:15px;height:15px;color:var(--navy)}
.safety-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted);padding:5px 0;border-bottom:1px solid var(--borderl);line-height:1.5}
.safety-item:last-child{border-bottom:none}
.safety-item svg{width:13px;height:13px;color:var(--green);flex-shrink:0;margin-top:1px}

/* SIMILAR */
.similar-section{padding:0 5vw 80px;max-width:1280px;margin:0 auto}
.similar-section h2{font-size:20px;font-weight:900;letter-spacing:-.03em;color:var(--text);margin-bottom:18px}
.similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:800px){.similar-grid{grid-template-columns:1fr}}
.sim-card{background:white;border-radius:14px;border:1px solid var(--borderl);padding:16px;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.sim-card:hover{box-shadow:0 8px 28px rgba(0,0,128,.09);border-color:var(--border)}
.sim-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);margin-bottom:3px}
.sim-name{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:3px}
.sim-loc{font-size:11px;color:var(--light);margin-bottom:10px;display:flex;align-items:center;gap:4px}
.sim-stats{display:flex;gap:16px}
.sim-stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:2px}
.sim-stat-val{font-size:13px;font-weight:800;color:var(--text)}
.sim-stat-val.price{color:var(--navy)}







/* ==========================================================================
   SELLER PAGE STYLES (Navy/Teal Mockup)
   ========================================================================== */
 
.seller-page .hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:100px 5vw 80px;position:relative;overflow:hidden;background:var(--white)}
@media(max-width:900px){.seller-page .hero{grid-template-columns:1fr}}
.seller-page .hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 70% 50%,var(--navy-pale) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,var(--navy-pale2) 0%,transparent 60%)}
.seller-page .hero-grid{position:absolute;inset:0;z-index:0;opacity:.04;background-image:linear-gradient(var(--navy) 1px,transparent 1px),linear-gradient(90deg,var(--navy) 1px,transparent 1px);background-size:60px 60px}
.seller-page .hero-content{position:relative;z-index:1;align-items:flex-start;text-align:left}
.seller-page .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--navy-pale);border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:26px}
.seller-page .eyebrow-dot{width:6px;height:6px;background:var(--navy);border-radius:50%;animation:pd 2s infinite}
@keyframes pd{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.seller-page .hero h1{font-size:clamp(36px,5vw,68px);font-weight:900;line-height:1.04;letter-spacing:-.04em;color:var(--text);margin-bottom:20px}
.seller-page .hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--navy) 0%,#5050cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.seller-page .hero-sub{font-size:17px;color:var(--muted);line-height:1.65;max-width:520px;margin-bottom:32px}
.seller-page .hero-sub strong{color:var(--text);font-weight:600}
.seller-page .hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:40px}
.seller-page .btn-primary{background:var(--navy);color:#fff;border:none;padding:16px 32px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;cursor:pointer;letter-spacing:-.01em;transition:background .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(0,0,128,.2)}
.seller-page .btn-primary:hover{background:var(--navy-light)}
.seller-page .btn-secondary{background:transparent;color:var(--navy);border:1.5px solid var(--navy);padding:15px 28px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s}
.seller-page .btn-secondary:hover{background:var(--navy-pale)}
.seller-page .hero-trust{display:flex;align-items:center;gap:14px}
.seller-page .trust-avs{display:flex}
.seller-page .trust-avs span{width:28px;height:28px;border-radius:50%;background:var(--navy);border:2px solid white;margin-left:-6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;flex-shrink:0}
.seller-page .trust-avs span:first-child{margin-left:0}
.seller-page .trust-text{font-size:13px;color:var(--muted)}
.seller-page .trust-text strong{color:var(--text)}

 
.seller-page .hero-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.seller-page .hero-visual{display:none}}
.seller-page .hv-wrap{position:relative;width:100%;max-width:480px}

 
.seller-page .hv-card{background:white;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 24px 64px rgba(0,0,128,.1);animation:hfloat 5s ease-in-out infinite}
@keyframes hfloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(.5deg)}}
.seller-page .hv-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.seller-page .hv-card-title{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.seller-page .hv-card-cat{font-size:11px;color:var(--light);margin-top:2px}
.seller-page .hv-badge{display:flex;align-items:center;gap:4px;background:var(--navy);color:white;font-size:9px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:5px}
.seller-page .hv-badge .vd{width:4px;height:4px;background:var(--green);border-radius:50%}
.seller-page .hv-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.seller-page .hvs{background:var(--off);border-radius:8px;padding:8px 10px;border:1px solid var(--borderl)}
.seller-page .hvs-l{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:3px}
.seller-page .hvs-v{font-size:14px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.seller-page .hvs-v.price{color:var(--navy)}

 
.seller-page .hv-requests{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.seller-page .hv-req{display:flex;align-items:center;gap:8px;background:var(--navy-pale);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--navy);font-weight:500;animation:slideIn .4s ease both}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.seller-page .hv-req-av{width:22px;height:22px;border-radius:50%;background:var(--navy);color:white;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.seller-page .hv-req-icon{flex-shrink:0;width:14px;height:14px;color:var(--navy)}
.seller-page .hv-req-green{background:var(--green-pale);border-color:rgba(0,176,122,.2);color:#27500A}
.seller-page .hv-req-green .hv-req-av{background:var(--green)}

 
.seller-page .hv-nda-count{position:absolute;top:-12px;right:-12px;background:var(--navy);color:white;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,128,.3);display:flex;align-items:center;gap:5px;animation:popIn .6s .4s ease both}
@keyframes popIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.seller-page .hv-nda-dot{width:6px;height:6px;background:var(--green);border-radius:50%}

 
.seller-page .media-strip{background:var(--off);border-top:1px solid var(--borderl);border-bottom:1px solid var(--borderl);padding:22px 0;overflow:hidden}
.seller-page .ms-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:14px}
.seller-page .marquee-wrap{overflow:hidden}
.seller-page .marquee{display:flex;gap:64px;width:max-content;animation:mq 32s linear infinite}
.seller-page .marquee-item{font-weight:800;font-size:17px;color:var(--light);opacity:.55;white-space:nowrap;letter-spacing:-.02em}
.seller-page .marquee-item:hover{opacity:1}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

 
.seller-page .problem{background:var(--text);padding:100px 5vw}
.seller-page .sec-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:14px}
.seller-page .problem .sec-tag{color:#8080cc}
.seller-page .sec-title{font-size:clamp(28px,4vw,50px);font-weight:900;letter-spacing:-.04em;line-height:1.08;color:var(--text);margin-bottom:14px}
.seller-page .problem .sec-title{color:white}
.seller-page .problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;margin-top:40px}
.seller-page .problem-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:26px 22px;transition:background .2s}
.seller-page .problem-item:hover{background:rgba(255,255,255,.07)}
.seller-page .picon{width:40px;height:40px;border-radius:10px;background:rgba(0,0,128,.4);display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.seller-page .picon svg{width:20px;height:20px;color:rgba(255,255,255,.8)}
.seller-page .problem-item h4{font-size:15px;font-weight:700;color:white;margin-bottom:6px;letter-spacing:-.01em}
.seller-page .problem-item p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.55}

 
.seller-page .steps-outer{background:white}
 
.seller-page .steps-sticky-wrap{display:flex;align-items:flex-start;height:400vh}

.seller-page .steps-left{
  width:320px;flex-shrink:0;
  position:sticky;top:68px;
  height:calc(100vh - 68px);
  display:flex;flex-direction:column;justify-content:center;
  padding:48px 36px 48px 5vw;
  background:white;
  border-right:1px solid var(--borderl);
}
.seller-page .steps-left-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:16px}
.seller-page .steps-left-title{font-size:clamp(22px,2.4vw,34px);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:12px}
.seller-page .steps-left-sub{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:28px}
.seller-page .steps-nav{display:flex;flex-direction:column;gap:3px}
.seller-page .snav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;cursor:pointer;transition:background .15s;border:none;background:transparent;font-family:'Manrope',sans-serif;text-align:left;width:100%}
.seller-page .snav-item:hover{background:var(--navy-pale)}
.seller-page .snav-item.active{background:var(--navy-pale)}
.seller-page .snav-num{font-size:11px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--navy-pale2);color:var(--muted);transition:all .2s}
.seller-page .snav-item.active .snav-num{background:var(--navy);color:white}
.seller-page .snav-label{font-size:13px;font-weight:500;color:var(--muted)}
.seller-page .snav-item.active .snav-label{color:var(--text);font-weight:600}

 
.seller-page .steps-right{flex:1;overflow:visible}
.seller-page .steps-right-inner{width:100%;padding:0}
.seller-page .step-panel{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:60px 5vw 60px 56px;
  border-bottom:1px solid var(--borderl);
}
.seller-page .step-panel:last-child{border-bottom:none}
.seller-page .step-panel-inner{max-width:520px}
.seller-page .step-big-num{font-size:76px;font-weight:900;color:var(--navy-pale2);letter-spacing:-.06em;line-height:1;margin-bottom:14px;user-select:none}
.seller-page .step-icon-circle{width:50px;height:50px;border-radius:13px;background:var(--navy-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.seller-page .step-icon-circle svg{width:23px;height:23px;color:var(--navy)}
.seller-page .step-panel h3{font-size:clamp(22px,2.8vw,34px);font-weight:900;letter-spacing:-.04em;color:var(--text);margin-bottom:10px;line-height:1.1}
.seller-page .step-desc{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:18px;max-width:460px}
.seller-page .step-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.seller-page .step-features li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--muted);line-height:1.5}
.seller-page .sfc{width:18px;height:18px;border-radius:50%;background:var(--navy-pale);border:1.5px solid var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
.seller-page .sfc svg{width:8px;height:8px;color:var(--navy)}
.seller-page .step-features li strong{color:var(--text);font-weight:600}
.seller-page .step-tag{display:inline-flex;align-items:center;gap:5px;background:var(--navy-pale);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.07em;margin-bottom:13px}
.seller-page .step-note{background:var(--navy-pale);border:1px solid var(--border);border-radius:11px;padding:12px 14px;font-size:12px;color:var(--muted);line-height:1.6;display:flex;align-items:flex-start;gap:10px;max-width:460px}
.seller-page .step-note-icon{width:28px;height:28px;border-radius:7px;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.seller-page .step-note-icon svg{width:13px;height:13px;color:white}
.seller-page .step-note strong{color:var(--text)}

@media(max-width:900px){
  .seller-page .steps-sticky-wrap{flex-direction:column;height:auto}
  .seller-page .steps-left{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid var(--borderl);padding:40px 5vw 24px}
  .seller-page .steps-right{position:static;height:auto;overflow:visible}
  .seller-page .steps-right-inner{height:auto;padding:0}
  .seller-page .step-panel{min-height:auto;padding:40px 5vw;border-bottom:1px solid var(--borderl)}
  .seller-page .steps-nav{flex-direction:row;flex-wrap:wrap;gap:6px}
}

 
.seller-page .verify-sec{background:var(--navy-pale);padding:100px 5vw}
.seller-page .verify-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:800px){.seller-page .verify-split{grid-template-columns:1fr}}
.seller-page .level-block{border-radius:14px;padding:20px 22px;margin-bottom:14px}
.seller-page .level-block.basic{background:white;border:0.5px solid var(--border)}
.seller-page .level-block.full{background:var(--navy);border:none}
.seller-page .level-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;display:flex;align-items:center;gap:7px}
.seller-page .level-block.basic .level-label{color:var(--muted)}
.seller-page .level-block.full .level-label{color:rgba(255,255,255,.6)}
.seller-page .level-name{font-size:16px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.seller-page .level-block.basic .level-name{color:var(--text)}
.seller-page .level-block.full .level-name{color:white}
.seller-page .level-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.seller-page .level-list li{display:flex;align-items:flex-start;gap:9px;font-size:13px}
.seller-page .level-block.basic .level-list li{color:var(--muted)}
.seller-page .level-block.full .level-list li{color:rgba(255,255,255,.75)}
.seller-page .lcheck{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}
.seller-page .level-block.basic .lcheck{background:var(--navy-pale);border:1px solid var(--border)}
.seller-page .level-block.basic .lcheck svg{color:var(--navy)}
.seller-page .level-block.full .lcheck{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}
.seller-page .level-block.full .lcheck svg{color:white}
.seller-page .level-price{margin-top:12px;font-size:13px}
.seller-page .level-block.basic .level-price{color:var(--muted)}
.seller-page .level-block.full .level-price{color:rgba(255,255,255,.6)}
.seller-page .level-price strong{font-weight:700}
.seller-page .level-block.basic .level-price strong{color:var(--text)}
.seller-page .level-block.full .level-price strong{color:white}

.seller-page .verify-card{background:white;border-radius:20px;border:1px solid var(--border);padding:24px;box-shadow:0 20px 60px rgba(0,0,128,.08)}
.seller-page .vc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.seller-page .vc-name{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.seller-page .vc-cat{font-size:11px;color:var(--light);margin-top:2px}
.seller-page .vc-badge{display:flex;align-items:center;gap:5px;background:var(--navy);color:white;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:6px}
.seller-page .vc-badge .vd{width:5px;height:5px;background:var(--green);border-radius:50%}
.seller-page .vc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.seller-page .vc-stat{background:var(--off);border-radius:9px;padding:9px 11px;border:1px solid var(--borderl)}
.seller-page .vsl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--light);margin-bottom:4px}
.seller-page .vsv{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.seller-page .vsv.price{color:var(--navy)}
.seller-page .vsv.blur{filter:blur(5px);color:var(--muted);user-select:none}
.seller-page .vc-lock{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);background:var(--navy-pale);border-radius:8px;padding:8px 11px;margin-bottom:10px}
.seller-page .vc-lock svg{width:12px;height:12px;color:var(--muted);flex-shrink:0}
.seller-page .vc-note{font-size:12px;color:#27500A;line-height:1.5;padding:9px 11px;background:var(--green-pale);border-radius:8px;border-left:2px solid var(--green)}

 
.seller-page .pricing-sec{background:white;padding:100px 5vw;text-align:center}
.seller-page .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:820px;margin:0 auto}
@media(max-width:640px){.seller-page .pricing-grid{grid-template-columns:1fr}}
.seller-page .price-card{border:1px solid var(--border);border-radius:20px;padding:32px 28px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:left}
.seller-page .price-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,128,.1)}
.seller-page .price-card.featured{background:var(--navy);border-color:var(--navy)}
.seller-page .price-card.featured::before{content:'Рекомендуем';position:absolute;top:15px;right:-28px;background:var(--green);color:white;font-size:11px;font-weight:700;padding:4px 36px;transform:rotate(40deg);letter-spacing:.04em}
.seller-page .plan-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--light);margin-bottom:10px}
.seller-page .price-card.featured .plan-name{color:rgba(255,255,255,.5)}
.seller-page .plan-price{font-size:40px;font-weight:900;letter-spacing:-.04em;color:var(--text);margin-bottom:4px;line-height:1}
.seller-page .price-card.featured .plan-price{color:white}
.seller-page .plan-period{font-size:13px;color:var(--light);margin-bottom:6px}
.seller-page .price-card.featured .plan-period{color:rgba(255,255,255,.5)}
.seller-page .plan-note{font-size:12px;color:var(--green);font-weight:600;margin-bottom:24px}
.seller-page .plan-divider{border:none;border-top:1px solid var(--borderl);margin-bottom:20px}
.seller-page .price-card.featured .plan-divider{border-color:rgba(255,255,255,.15)}
.seller-page .plan-features{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px}
.seller-page .plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--muted);line-height:1.4}
.seller-page .price-card.featured .plan-features li{color:rgba(255,255,255,.75)}
.seller-page .plan-features li svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--navy)}
.seller-page .price-card.featured .plan-features li svg{color:rgba(255,255,255,.6)}
.seller-page .plan-feat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);margin:14px 0 8px;display:block}
.seller-page .price-card.featured .plan-feat-label{color:rgba(255,255,255,.35)}
.seller-page .plan-cta{width:100%;padding:13px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}
.seller-page .plan-cta.outline{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}
.seller-page .plan-cta.outline:hover{background:var(--navy-pale)}
.seller-page .plan-cta.solid{background:white;border:none;color:var(--navy);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.seller-page .plan-cta.solid:hover{background:#f0f0ff}
.seller-page .plan-sub-note{margin-top:10px;font-size:11px;color:rgba(255,255,255,.4);text-align:center;line-height:1.5}

 
.seller-page .brokers-sec{background:var(--off);padding:100px 5vw}
.seller-page .table-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media(max-width:768px){.seller-page .table-grid{grid-template-columns:1fr}}
.seller-page .table-card{border:1px solid var(--border);border-radius:16px;overflow:hidden}
.seller-page .table-card-header{padding:14px 18px;background:white;border-bottom:1px solid var(--borderl)}
.seller-page .table-card-header h4{font-size:14px;font-weight:700;color:var(--text)}
.seller-page .table-card-header p{font-size:12px;color:var(--light);margin-top:2px}
.seller-page .brokers-table{width:100%;border-collapse:collapse;font-size:13px}
.seller-page .brokers-table th{text-align:left;padding:11px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--light);border-bottom:1px solid var(--border)}
.seller-page .brokers-table td{padding:12px 16px;color:var(--muted);border-bottom:1px solid var(--borderl)}
.seller-page .brokers-table td:first-child{font-weight:600;color:var(--text)}
.seller-page .brokers-table tr:last-child td{border-bottom:none}
.seller-page .brokers-table tr:hover td{background:var(--navy-pale)}
.seller-page .discount{display:inline-block;background:var(--green-pale);color:var(--green);font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px}

 
.seller-page .footer-cta{background:var(--navy);padding:90px 5vw;text-align:center;position:relative;overflow:hidden}
.seller-page .fcta-bg{position:absolute;inset:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:40px 40px}
.seller-page .fcta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(100,100,255,.15) 0%,transparent 70%)}
.seller-page .fcta-inner{position:relative;z-index:1}
.seller-page .fcta-h{font-size:clamp(26px,4.5vw,54px);font-weight:900;color:white;letter-spacing:-.05em;line-height:1.06;margin-bottom:12px}
.seller-page .fcta-h em{font-style:normal;opacity:.35}
.seller-page .fcta-sub{font-size:16px;color:rgba(255,255,255,.45);margin-bottom:32px}
.seller-page .community-block{display:inline-flex;align-items:center;gap:16px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:100px;padding:13px 26px;margin-bottom:32px}
.seller-page .community-avs{display:flex}
.seller-page .community-avs span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);margin-left:-7px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:white;flex-shrink:0}
.seller-page .community-avs span:first-child{margin-left:0}
.seller-page .community-text{font-size:14px;color:white;font-weight:500;line-height:1.4}
.seller-page .community-text strong{font-weight:900;font-size:18px}
.seller-page .fcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.seller-page .btn-white{background:white;color:var(--navy);border:none;padding:16px 36px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;cursor:pointer;transition:background .2s;box-shadow:0 6px 24px rgba(0,0,0,.15)}
.seller-page .btn-white:hover{background:#f0f0ff}
.seller-page .btn-outline-white{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.25);padding:15px 28px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}
.seller-page .btn-outline-white:hover{background:rgba(255,255,255,.08)}
footer{background:#050510;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer .logo{color:white;font-weight:900;font-size:15px;letter-spacing:-.04em}
footer p{font-size:12px;color:rgba(255,255,255,.2)}
.seller-page .footer-links{display:flex;gap:24px}
.seller-page .footer-links a{font-size:12px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .15s}
.seller-page .footer-links a:hover{color:rgba(255,255,255,.7)}
@keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.seller-page .fu{animation:fu .7s ease both}.seller-page .fu2{animation:fu .7s .12s ease both}.seller-page .fu3{animation:fu .7s .24s ease both}.seller-page .fu4{animation:fu .7s .36s ease both}
@media(max-width:768px){.nav-links{display:none}}