/* ============================================
   TMI — THE MOMENT ITSELF
   Design System: Bold / High-Energy / Modern
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* --- TOKENS --- */
:root {
    --bg: #050505;
    --bg-card: #0F0F0F;
    --bg-elevated: #161616;
    --border: #1E1E1E;
    --border-hover: #333;
    --text: #FFFFFF;
    --text-secondary: #777;
    --text-muted: #555;
    --accent: #FF2D55;
    --accent-2: #7B61FF;
    --accent-3: #00D4FF;
    --gradient: linear-gradient(135deg, #FF2D55 0%, #7B61FF 50%, #00D4FF 100%);
    --gradient-text: linear-gradient(90deg, #FF2D55, #7B61FF, #00D4FF);
    --glow-pink: 0 0 40px rgba(255,45,85,0.3);
    --glow-purple: 0 0 40px rgba(123,97,255,0.3);
    --radius: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --font-display: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
    --nav-h: 72px;
}

/* --- RESET --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul,ol{list-style:none;}

/* --- UTILITIES --- */
.container{max-width:1240px;margin:0 auto;padding:0 24px;}
.container-wide{max-width:1400px;margin:0 auto;padding:0 24px;}
.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.section-label{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;}

/* --- ANIMATIONS --- */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}

.fade-up{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.16,1,0.3,1);}
.fade-up.visible{opacity:1;transform:translateY(0);}
.fade-in{opacity:0;transition:opacity 0.6s ease;}
.fade-in.visible{opacity:1;}
.stagger-1{transition-delay:0.1s;}
.stagger-2{transition-delay:0.2s;}
.stagger-3{transition-delay:0.3s;}
.stagger-4{transition-delay:0.4s;}
.stagger-5{transition-delay:0.5s;}
.stagger-6{transition-delay:0.6s;}

/* --- NAV --- */
.nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);z-index:1000;transition:all 0.3s ease;}
.nav.scrolled{background:rgba(5,5,5,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);}
.nav-logo{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-0.5px;display:flex;align-items:center;gap:10px;}
.nav-logo .logo-mark{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-logo .logo-tag{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);line-height:1.1;border-left:1px solid var(--border);padding-left:10px;}
.nav-links{display:flex;gap:32px;}
.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--text);}
.nav-cta{display:flex;align-items:center;gap:12px;}

/* --- BUTTONS --- */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:14px;padding:12px 28px;border-radius:50px;transition:all 0.3s ease;white-space:nowrap;letter-spacing:0.2px;}
.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 20px rgba(255,45,85,0.3);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(255,45,85,0.4);}
.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);}
.btn-secondary:hover{border-color:var(--border-hover);transform:translateY(-2px);}
.btn-ghost{color:var(--text-secondary);padding:10px 20px;}
.btn-ghost:hover{color:var(--text);}
.btn-sm{padding:8px 20px;font-size:13px;}
.btn-lg{padding:16px 40px;font-size:16px;}

/* --- MOBILE NAV --- */
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);transition:all 0.3s;}
@media(max-width:768px){
    .nav-toggle{display:flex;}
    .nav-links,.nav-cta{display:none;}
    .nav-links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-h);left:0;width:100%;background:rgba(5,5,5,0.95);backdrop-filter:blur(20px);padding:24px;gap:16px;border-bottom:1px solid var(--border);}
    .nav-cta.open{display:flex;position:absolute;top:calc(var(--nav-h) + 120px);left:0;width:100%;padding:0 24px 24px;background:rgba(5,5,5,0.95);}
}

/* === HERO === */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:calc(var(--nav-h) + 60px) 0 80px;overflow:hidden;}
.hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(123,97,255,0.08) 0%,transparent 70%);pointer-events:none;}
.hero-eyebrow{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:24px;}
.hero h1{font-family:var(--font-display);font-size:clamp(48px,8vw,96px);font-weight:700;line-height:0.95;letter-spacing:-3px;margin-bottom:32px;}
.hero-sub{font-size:clamp(16px,1.8vw,20px);color:var(--text-secondary);max-width:560px;line-height:1.7;margin-bottom:48px;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}

/* Hero image grid */
.hero-images{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,180px);gap:12px;margin-top:80px;}
.hero-img{border-radius:var(--radius-lg);overflow:hidden;position:relative;}
.hero-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.hero-img:hover img{transform:scale(1.05);}
.hero-img.tall{grid-row:span 2;}
.hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,0.4),transparent);pointer-events:none;}

/* === MARQUEE === */
.marquee-wrap{padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}
.marquee-track{display:flex;gap:48px;width:max-content;animation:marquee 30s linear infinite;}
.marquee-item{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:12px;}
.marquee-item .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/* === BENTO GRID === */
.bento-section{padding:120px 0;}
.bento-header{text-align:center;margin-bottom:64px;}
.bento-header h2{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-1.5px;margin-bottom:16px;}
.bento-header p{color:var(--text-secondary);font-size:18px;max-width:600px;margin:0 auto;}

.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:16px;}
.bento-card{border-radius:var(--radius-xl);overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}
.bento-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4);}
.bento-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.bento-card:hover img{transform:scale(1.08);}
.bento-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,0.9) 0%,rgba(5,5,5,0.2) 60%,transparent 100%);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;}
.bento-type{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.bento-title{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.2;margin-bottom:6px;}
.bento-sub{font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bento-meta{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted);}

.bento-card.span-8{grid-column:span 8;}
.bento-card.span-6{grid-column:span 6;}
.bento-card.span-4{grid-column:span 4;}
.bento-card.span-3{grid-column:span 3;}
.bento-card.tall{grid-row:span 2;}
.bento-card.locked img{filter:blur(10px) brightness(0.5);}
.bento-card.locked .bento-overlay{background:rgba(5,5,5,0.85);align-items:center;justify-content:center;text-align:center;}
.bento-lock-icon{font-size:32px;margin-bottom:12px;}
.bento-lock-text{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-secondary);}

/* === HOW IT WORKS === */
.how-section{padding:120px 0;position:relative;}
.how-section::before{content:'';position:absolute;top:50%;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,45,85,0.06),transparent 70%);pointer-events:none;}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;}
.how-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;transition:all 0.4s ease;}
.how-card:hover{border-color:var(--border-hover);transform:translateY(-4px);}
.how-number{font-family:var(--font-display);font-size:64px;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:20px;}
.how-card h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:12px;}
.how-card p{color:var(--text-secondary);font-size:15px;line-height:1.7;}

/* === STATS === */
.stats-strip{padding:80px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;}
.stat-item h3{font-family:var(--font-display);font-size:clamp(36px,4vw,56px);font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;}
.stat-item p{font-size:14px;color:var(--text-muted);margin-top:8px;font-weight:500;}

/* === SPLIT SECTION === */
.split-section{padding:120px 0;}
.split-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:120px;}
.split-row:last-child{margin-bottom:0;}
.split-row.reverse{direction:rtl;}
.split-row.reverse>*{direction:ltr;}
.split-image{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;position:relative;border:1px solid var(--border);}
.split-image img{width:100%;height:100%;object-fit:cover;}
.split-image::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,45,85,0.1),rgba(123,97,255,0.1));pointer-events:none;}
.split-text h2{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-1px;margin-bottom:20px;line-height:1.15;}
.split-text p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:16px;}
.split-text .btn{margin-top:16px;}

/* === DATABASE PAGE === */
.page-hero{padding:calc(var(--nav-h) + 60px) 0 60px;text-align:center;}
.page-hero h1{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-2px;margin-bottom:16px;}
.page-hero p{color:var(--text-secondary);font-size:18px;max-width:600px;margin:0 auto;}
.page-hero .badge{display:inline-block;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:50px;background:rgba(255,45,85,0.1);color:var(--accent);border:1px solid rgba(255,45,85,0.2);margin-bottom:20px;}

.db-toolbar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;align-items:center;}
.db-search{flex:1;min-width:240px;position:relative;}
.db-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);}
.db-search input{width:100%;padding:14px 16px 14px 48px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;transition:border-color 0.2s;}
.db-search input:focus{outline:none;border-color:var(--accent);}
.db-filters{display:flex;gap:8px;flex-wrap:wrap;}
.filter-btn{font-family:var(--font-display);font-size:13px;font-weight:500;padding:10px 20px;border-radius:50px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all 0.2s;}
.filter-btn:hover{border-color:var(--border-hover);color:var(--text);}
.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);}
.db-count{font-size:14px;color:var(--text-muted);margin-bottom:24px;}

/* Database cards with images */
.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;}
.listing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}
.listing-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.3);}
.listing-img-wrap{overflow:hidden;position:relative;height:180px;}
.listing-img-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--bg-card),transparent);pointer-events:none;}
.listing-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.listing-card:hover .listing-img{transform:scale(1.05);}
.listing-body{padding:20px 24px 24px;}
.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.listing-type{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);}
.listing-status{font-size:11px;font-weight:600;color:#4ADE80;background:rgba(74,222,128,0.1);padding:3px 10px;border-radius:50px;}
.listing-title{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;}
.listing-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px;}
.listing-meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted);}
.listing-meta-item{display:flex;align-items:center;gap:4px;}
.listing-meta svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px;}

.listing-card.blurred{position:relative;}
.listing-card.blurred .listing-img{filter:blur(8px) brightness(0.5);}
.listing-card.blurred .listing-body{filter:blur(5px);}
.listing-card.blurred::after{content:'Subscribe to unlock';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text);background:rgba(5,5,5,0.5);border-radius:var(--radius-lg);z-index:2;}

/* === PRICING === */
.pricing-section{padding:120px 0;}
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto;}
.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 36px;transition:all 0.3s ease;}
.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-4px);}
.pricing-card.featured{border-color:var(--accent);position:relative;overflow:hidden;}
.pricing-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);}
.pricing-type{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;}
.pricing-price{font-family:var(--font-display);font-size:48px;font-weight:700;line-height:1;margin-bottom:8px;}
.pricing-price span{font-size:18px;color:var(--text-muted);font-weight:400;}
.pricing-desc{font-size:14px;color:var(--text-muted);margin-bottom:32px;}
.pricing-features{margin-bottom:36px;}
.pricing-features li{font-size:14px;color:var(--text-secondary);padding:10px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;}
.pricing-features li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/* === FAQ === */
.faq-section{padding:80px 0 120px;max-width:700px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-family:var(--font-display);font-size:16px;font-weight:600;text-align:left;}
.faq-question svg{width:20px;height:20px;color:var(--text-muted);transition:transform 0.3s;flex-shrink:0;margin-left:16px;}
.faq-item.open .faq-question svg{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}
.faq-item.open .faq-answer{max-height:300px;}
.faq-answer p{padding:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.8;}

/* === CTA === */
.cta-section{padding:120px 0;text-align:center;position:relative;}
.cta-section::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(123,97,255,0.06),transparent 70%);pointer-events:none;}
.cta-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:80px 60px;max-width:800px;margin:0 auto;position:relative;overflow:hidden;}
.cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);}
.cta-box h2{font-family:var(--font-display);font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-1px;margin-bottom:16px;}
.cta-box p{color:var(--text-secondary);font-size:17px;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto;}
.cta-box .btn{margin:0 8px;}

/* === FOOTER === */
.footer{border-top:1px solid var(--border);padding:60px 0 40px;}
.footer-inner{display:flex;justify-content:space-between;align-items:center;}
.footer-logo{font-family:var(--font-display);font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;}
.footer-logo .logo-mark{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.footer-logo .logo-tag{font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);line-height:1.1;border-left:1px solid var(--border);padding-left:10px;}
.footer-links{display:flex;gap:24px;}
.footer-links a{font-size:13px;color:var(--text-muted);transition:color 0.2s;}
.footer-links a:hover{color:var(--text);}
.footer-copy{font-size:12px;color:var(--text-muted);text-align:center;margin-top:32px;padding-top:32px;border-top:1px solid var(--border);}

/* === CATEGORY GRID (What Counts) === */
.cat-section{padding:120px 0;}
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:64px;}
.cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;}
.cat-card:hover{border-color:var(--border-hover);transform:translateY(-4px);}
.cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);opacity:0;transition:opacity 0.3s;}
.cat-card:hover::before{opacity:1;}
.cat-icon{font-size:36px;margin-bottom:16px;display:block;}
.cat-card h4{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:8px;}
.cat-card p{font-size:12px;color:var(--text-muted);line-height:1.5;}

/* === TRUST STRIP === */
.trust-section{padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.trust-label{text-align:center;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px;}
.trust-logos{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;opacity:0.4;}
.trust-logos span{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-secondary);letter-spacing:-0.5px;}

/* === SUBMIT SPACE === */
.submit-section{padding:120px 0;}
.submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.submit-visual{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px;text-align:center;}
.submit-visual .cat-icon{font-size:48px;margin-bottom:20px;}
.submit-steps{display:flex;flex-direction:column;gap:24px;}
.submit-step{display:flex;gap:16px;align-items:flex-start;}
.submit-step-num{font-family:var(--font-display);font-size:14px;font-weight:700;background:var(--gradient);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.submit-step h4{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:4px;}
.submit-step p{font-size:14px;color:var(--text-secondary);line-height:1.6;}

/* === FOOTER EXPANDED === */
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-col h5{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text);margin-bottom:16px;letter-spacing:0.5px;}
.footer-col a{display:block;font-size:13px;color:var(--text-muted);margin-bottom:10px;transition:color 0.2s;}
.footer-col a:hover{color:var(--text);}
.footer-about{font-size:13px;color:var(--text-muted);line-height:1.7;margin-top:16px;max-width:280px;}
.footer-contact{font-size:13px;color:var(--text-muted);margin-top:12px;}
.footer-contact a{display:inline;margin:0;}
.footer-social{display:flex;gap:12px;margin-top:16px;}
.footer-social a{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all 0.2s;margin:0;}
.footer-social a:hover{border-color:var(--accent);background:rgba(255,45,85,0.1);}
.footer-social svg{width:14px;height:14px;color:var(--text-muted);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border);}
.footer-bottom-links{display:flex;gap:20px;}
.footer-bottom-links a{font-size:12px;color:var(--text-muted);transition:color 0.2s;}
.footer-bottom-links a:hover{color:var(--text);}

/* === FORM === */
.form-section{padding:0 0 120px;}
.form-container{max-width:720px;margin:0 auto;}
.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;position:relative;overflow:hidden;}
.form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);}
.form-divider{border:none;border-top:1px solid var(--border);margin:36px 0;}
.form-group-label{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:6px;}
.form-group-desc{font-size:13px;color:var(--text-muted);margin-bottom:24px;line-height:1.6;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.form-row.full{grid-template-columns:1fr;}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field label{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-secondary);}
.form-field label .req{color:var(--accent);margin-left:2px;}
.form-field input,
.form-field select,
.form-field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-family:var(--font-body);font-size:14px;transition:border-color 0.2s;width:100%;resize:vertical;}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,45,85,0.1);}
.form-field input::placeholder,
.form-field textarea::placeholder{color:var(--text-muted);}
.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer;}
.form-field select option{background:var(--bg-card);color:var(--text);}
.form-field textarea{min-height:100px;}
.form-hint{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.4;}
.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:var(--bg);}
.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:rgba(255,45,85,0.03);}
.upload-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center;}
.upload-preview:empty{margin:0;}
.upload-thumb{position:relative;width:100px;height:100px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
.upload-thumb img{width:100%;height:100%;object-fit:cover;}
.upload-thumb .remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(5,5,5,0.8);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);transition:background 0.2s;}
.upload-thumb .remove-btn:hover{background:var(--accent);}
.form-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;}
.form-check input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex-shrink:0;cursor:pointer;}
.form-check label{font-size:13px;color:var(--text-secondary);line-height:1.5;cursor:pointer;}
.form-submit{margin-top:32px;text-align:center;}
.form-submit .btn{min-width:260px;}
.form-success{display:none;text-align:center;padding:60px 40px;}
.form-success.show{display:block;}
.form-success h3{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:12px;}
.form-success p{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:400px;margin:0 auto;}
.form-tag-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.form-tag{font-family:var(--font-display);font-size:12px;font-weight:500;padding:6px 14px;border-radius:50px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all 0.2s;user-select:none;}
.form-tag:hover{border-color:var(--border-hover);color:var(--text);}
.form-tag.selected{background:var(--accent);color:#fff;border-color:var(--accent);}
@media(max-width:768px){
    .form-card{padding:32px 20px;}
    .form-row{grid-template-columns:1fr;}
}

/* === SKELETON === */
.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);}

/* === RESPONSIVE === */
@media(max-width:1024px){
    .bento-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;}
    .bento-card.span-8{grid-column:span 6;}
    .bento-card.span-4{grid-column:span 3;}
    .how-grid{grid-template-columns:1fr;gap:20px;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .split-row{grid-template-columns:1fr;gap:40px;}
    .split-row.reverse{direction:ltr;}
    .cat-grid{grid-template-columns:repeat(3,1fr);}
    .submit-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
    .hero h1{letter-spacing:-1.5px;}
    .hero-images{grid-template-columns:1fr 1fr;grid-auto-rows:160px;}
    .hero-img.tall{grid-row:span 1;}
    .bento-grid{grid-template-columns:1fr;grid-auto-rows:240px;}
    .bento-card.span-8,.bento-card.span-6,.bento-card.span-4,.bento-card.span-3{grid-column:span 1;}
    .bento-card.tall{grid-row:span 1;}
    .stats-grid{grid-template-columns:1fr 1fr;gap:24px;}
    .pricing-grid{grid-template-columns:1fr;}
    .listings-grid{grid-template-columns:1fr;}
    .footer-inner{flex-direction:column;gap:24px;text-align:center;}
    .footer-grid{grid-template-columns:1fr;text-align:center;}
    .footer-about{margin:0 auto;}
    .footer-social{justify-content:center;}
    .footer-bottom{flex-direction:column;gap:16px;text-align:center;}
    .cta-box{padding:48px 24px;}
    .split-image{aspect-ratio:16/10;}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
    .hero-images{grid-template-columns:1fr;grid-auto-rows:200px;}
    .hero-ctas{flex-direction:column;}
    .hero-ctas .btn{width:100%;}
    .db-toolbar{flex-direction:column;}
    .cat-grid{grid-template-columns:1fr;}
}

/* === WAITLIST MODAL === */
.modal-backdrop{position:fixed;inset:0;background:rgba(5,5,5,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity 0.3s ease;}
.modal-backdrop.open{display:flex;opacity:1;}
.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;max-width:480px;width:100%;position:relative;overflow:hidden;transform:translateY(20px);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);}
.modal-backdrop.open .modal-card{transform:translateY(0);}
.modal-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);}
.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);cursor:pointer;transition:all 0.2s;}
.modal-close:hover{color:var(--text);border-color:var(--border-hover);}
.modal-card h3{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:8px;}
.modal-card .modal-sub{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.6;}
.modal-form{display:flex;flex-direction:column;gap:16px;}
.modal-form input,.modal-form select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;color:var(--text);font-family:var(--font-body);font-size:14px;transition:border-color 0.2s;width:100%;}
.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,45,85,0.1);}
.modal-form input::placeholder{color:var(--text-muted);}
.modal-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer;}
.modal-form select option{background:var(--bg-card);color:var(--text);}
.modal-form .btn{width:100%;margin-top:4px;}
.modal-success{display:none;text-align:center;padding:20px 0;}
.modal-success.show{display:block;}
.modal-success h4{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:8px;}
.modal-success p{font-size:14px;color:var(--text-secondary);line-height:1.6;}
.modal-note{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px;}