/* ==================================================
   INDIANCHAT.XYZ — VIBRANT DESIGN SYSTEM
   Shared CSS for index.html & privacy-policy.html
   Lightweight, GPU-accelerated, no frameworks
   ================================================== */

/* ===== CSS VARIABLES (Dopamine Palette 2026) ===== */
:root {
    --neon-pink: #ff2d95;
    --electric-blue: #00d4ff;
    --blaze-orange: #ff6b35;
    --neon-purple: #b829dd;
    --lime-glow: #39ff14;
    --sunshine: #ffd700;
    --deep-indigo: #1a0b2e;
    --midnight: #0f0c29;
    --glass-white: rgba(255,255,255,0.08);
    --glass-border: rgba(255,255,255,0.18);
    --glass-hover: rgba(255,255,255,0.15);
    --text-primary: #ffffff;
    --text-secondary: rgba(255,255,255,0.75);
    --text-muted: rgba(255,255,255,0.5);
    --text-dark: #1a1a2e;
    --shadow-glow: 0 0 40px rgba(255,45,149,0.3);
    --shadow-card: 0 20px 50px rgba(0,0,0,0.3);
    --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 24px;
    --radius-xl: 30px;
}

/* ===== RESET & BASE ===== */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth; font-size:16px }
body {
    font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    line-height:1.6;
    color:var(--text-primary);
    background:var(--midnight);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
img { max-width:100%; height:auto; display:block }
a { color:inherit; text-decoration:none }
::selection { background:rgba(0,212,255,0.3); color:#fff }

/* ===== ANIMATIONS ===== */
@keyframes gradientShift {
    0% { background-position:0% 50% }
    50% { background-position:100% 50% }
    100% { background-position:0% 50% }
}
@keyframes float {
    0%,100% { transform:translateY(0) rotate(0deg) }
    50% { transform:translateY(-20px) rotate(2deg) }
}
@keyframes pulse-glow {
    0%,100% { box-shadow:0 0 20px rgba(0,212,255,0.3) }
    50% { box-shadow:0 0 40px rgba(0,212,255,0.6),0 0 60px rgba(255,45,149,0.2) }
}
@keyframes pulse {
    0%,100% { opacity:1 }
    50% { opacity:0.5 }
}
@keyframes slideDown {
    from { opacity:0; transform:translateY(-10px) }
    to { opacity:1; transform:translateY(0) }
}
@keyframes shimmer {
    0% { background-position:-200% center }
    100% { background-position:200% center }
}
@keyframes fadeInUp {
    from { opacity:0; transform:translateY(30px) }
    to { opacity:1; transform:translateY(0) }
}
@keyframes borderGlow {
    0%,100% { border-color:rgba(0,212,255,0.3) }
    50% { border-color:rgba(255,45,149,0.5) }
}

/* ===== UTILITY ===== */
.container { max-width:1200px; margin:0 auto; padding:0 20px }
.sr-only {
    position:absolute; width:1px; height:1px;
    padding:0; margin:-1px; overflow:hidden;
    clip:rect(0,0,0,0); white-space:nowrap; border:0
}
.text-center { text-align:center }

/* ===== HEADER ===== */
.site-header {
    position:fixed; top:0; left:0; right:0;
    z-index:1000; padding:15px 0;
    background:linear-gradient(180deg,rgba(15,12,41,0.95) 0%,rgba(15,12,41,0.7) 100%);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid var(--glass-border);
    transition:var(--transition);
}
.header-inner {
    display:flex; justify-content:space-between; align-items:center;
}
.logo img {
    width:220px; height:auto;
    filter:drop-shadow(0 0 10px rgba(255,45,149,0.4));
    transition:var(--transition);
}
.logo img:hover {
    filter:drop-shadow(0 0 20px rgba(255,45,149,0.7));
    transform:scale(1.02);
}

/* Menu Toggle */
.menu-toggle {
    display:flex; align-items:center; gap:8px;
    background:linear-gradient(135deg,var(--neon-pink),var(--blaze-orange));
    color:#fff; border:none; border-radius:var(--radius-sm);
    padding:12px 20px; font-size:14px; font-weight:600;
    cursor:pointer; transition:var(--transition);
    box-shadow:0 4px 15px rgba(255,45,149,0.3);
}
.menu-toggle:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 25px rgba(255,45,149,0.5);
}

/* Navigation */
.main-nav {
    display:none;
    position:absolute; top:100%; left:0; right:0;
    background:rgba(15,12,41,0.98);
    backdrop-filter:blur(20px); padding:20px;
    border-bottom:1px solid var(--glass-border);
}
.main-nav.active { display:block; animation:slideDown 0.3s ease }
.nav-links { display:flex; flex-direction:column; gap:5px }
.nav-links a {
    padding:12px 16px; border-radius:var(--radius-sm);
    font-weight:500; font-size:15px;
    transition:var(--transition); position:relative; overflow:hidden;
}
.nav-links a::before {
    content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
    background:linear-gradient(180deg,var(--electric-blue),var(--neon-pink));
    border-radius:3px; transform:scaleY(0); transition:transform 0.3s ease;
}
.nav-links a:hover::before { transform:scaleY(1) }
.nav-links a:hover {
    background:var(--glass-white); color:var(--electric-blue); padding-left:24px;
}

/* ===== BUTTONS ===== */
.btn-primary {
    display:inline-flex; align-items:center; gap:10px;
    background:linear-gradient(135deg,var(--neon-pink),var(--blaze-orange));
    color:#fff; padding:16px 36px; border-radius:var(--radius-md);
    font-size:16px; font-weight:700; border:none; cursor:pointer;
    transition:var(--transition);
    box-shadow:0 10px 30px rgba(255,45,149,0.3);
    position:relative; overflow:hidden;
}
.btn-primary::before {
    content:''; position:absolute; top:0; left:-100%;
    width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
    transition:left 0.5s;
}
.btn-primary:hover::before { left:100% }
.btn-primary:hover {
    transform:translateY(-3px);
    box-shadow:0 15px 40px rgba(255,45,149,0.5);
}

.btn-secondary {
    display:inline-flex; align-items:center; gap:10px;
    background:var(--glass-white); border:1px solid var(--glass-border);
    backdrop-filter:blur(10px); color:#fff;
    padding:16px 36px; border-radius:var(--radius-md);
    font-size:16px; font-weight:600; transition:var(--transition);
}
.btn-secondary:hover {
    background:rgba(255,255,255,0.15);
    border-color:rgba(255,255,255,0.3);
    transform:translateY(-3px);
}

/* ===== HERO SECTION ===== */
.hero {
    position:relative; min-height:100vh;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
    background:linear-gradient(-45deg,var(--deep-indigo),var(--midnight),#240b36,#0f0c29);
    background-size:400% 400%; animation:gradientShift 15s ease infinite;
    padding:120px 0 80px;
}
.hero::before,.hero::after {
    content:''; position:absolute; border-radius:50%;
    filter:blur(80px); opacity:0.4; pointer-events:none;
}
.hero::before {
    width:500px; height:500px;
    background:radial-gradient(circle,var(--neon-pink),transparent 70%);
    top:-10%; right:-10%; animation:float 8s ease-in-out infinite;
}
.hero::after {
    width:400px; height:400px;
    background:radial-gradient(circle,var(--electric-blue),transparent 70%);
    bottom:-10%; left:-10%; animation:float 10s ease-in-out infinite reverse;
}
.hero-grid {
    display:grid; grid-template-columns:1fr; gap:40px;
    align-items:center; position:relative; z-index:2;
}
.hero-content { text-align:center }
.hero-badge {
    display:inline-flex; align-items:center; gap:8px;
    background:var(--glass-white); border:1px solid var(--glass-border);
    backdrop-filter:blur(10px); padding:8px 20px; border-radius:50px;
    font-size:13px; font-weight:500; color:var(--electric-blue);
    margin-bottom:24px; animation:pulse-glow 3s ease-in-out infinite;
}
.hero-badge::before {
    content:''; width:8px; height:8px;
    background:var(--lime-glow); border-radius:50%;
    box-shadow:0 0 10px var(--lime-glow); animation:pulse 2s ease-in-out infinite;
}
.hero h1 {
    font-size:clamp(2rem,5vw,3.5rem); font-weight:800;
    line-height:1.1; margin-bottom:20px;
    background:linear-gradient(135deg,#fff 0%,var(--electric-blue) 50%,var(--neon-pink) 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.hero p {
    font-size:clamp(1rem,2vw,1.25rem); color:var(--text-secondary);
    max-width:500px; margin:0 auto 30px; line-height:1.7;
}
.cta-group { display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin-bottom:30px; }
.hero-visual { position:relative; display:flex; justify-content:center; }
.hero-visual img {
    border-radius:var(--radius-lg);
    box-shadow:0 30px 60px rgba(0,0,0,0.5),var(--shadow-glow);
    transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);
    transition:var(--transition); border:1px solid var(--glass-border);
}
.hero-visual img:hover {
    transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02);
}

/* ===== SECTION HEADERS ===== */
.section-header { text-align:center; margin-bottom:60px; }
.section-header h2 {
    font-size:clamp(1.8rem,4vw,2.5rem); font-weight:800; margin-bottom:15px;
    background:linear-gradient(135deg,var(--electric-blue),var(--neon-pink));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.section-header p { color:var(--text-secondary); max-width:600px; margin:0 auto; font-size:1.1rem; }

/* ===== FEATURES (BENTO GRID) ===== */
.features { padding:100px 0; position:relative; background:linear-gradient(180deg,var(--midnight) 0%,var(--deep-indigo) 100%); }
.bento-grid { display:grid; grid-template-columns:1fr; gap:20px; }
.bento-card {
    background:var(--glass-white); border:1px solid var(--glass-border);
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    border-radius:var(--radius-lg); padding:40px 30px;
    transition:var(--transition); position:relative; overflow:hidden;
}
.bento-card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg,var(--electric-blue),var(--neon-pink),var(--blaze-orange));
    opacity:0; transition:opacity 0.3s;
}
.bento-card:hover::before { opacity:1 }
.bento-card:hover {
    transform:translateY(-5px); border-color:rgba(255,255,255,0.3);
    box-shadow:var(--shadow-card);
}
.bento-icon {
    width:70px; height:70px; border-radius:var(--radius-md);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:24px; font-size:32px;
    background:linear-gradient(135deg,rgba(0,212,255,0.2),rgba(255,45,149,0.2));
    border:1px solid var(--glass-border);
}
.bento-card h3 { font-size:1.3rem; font-weight:700; margin-bottom:12px; }
.bento-card p { color:var(--text-secondary); font-size:0.95rem; line-height:1.7; }

/* ===== SHOWCASE ===== */
.showcase {
    padding:100px 0;
    background:linear-gradient(135deg,#1a0b2e 0%,#16213e 50%,#0f0c29 100%);
    position:relative; overflow:hidden;
}
.showcase::before {
    content:''; position:absolute;
    width:600px; height:600px;
    background:radial-gradient(circle,rgba(0,212,255,0.15),transparent 70%);
    top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;
}
.showcase-grid {
    display:grid; grid-template-columns:1fr; gap:50px;
    align-items:center; position:relative; z-index:1;
}
.showcase-img {
    border-radius:var(--radius-lg); overflow:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,0.4);
    border:1px solid var(--glass-border); position:relative;
}
.showcase-img::after {
    content:''; position:absolute; inset:0;
    background:linear-gradient(180deg,transparent 60%,rgba(15,12,41,0.8) 100%);
    pointer-events:none;
}
.showcase-img img { width:100%; border-radius:var(--radius-lg) }
.showcase-text h2 { font-size:clamp(1.8rem,4vw,2.5rem); font-weight:800; margin-bottom:20px; line-height:1.2; }
.showcase-text p { color:var(--text-secondary); font-size:1.05rem; line-height:1.8; margin-bottom:24px; }
.showcase-text a { color:var(--electric-blue); font-weight:600; border-bottom:2px solid var(--electric-blue); transition:var(--transition); }
.showcase-text a:hover { color:var(--neon-pink); border-color:var(--neon-pink) }
.play-badge {
    display:inline-flex; align-items:center; gap:12px;
    background:linear-gradient(135deg,rgba(0,212,255,0.15),rgba(255,45,149,0.15));
    border:1px solid var(--glass-border); padding:12px 24px;
    border-radius:var(--radius-md); margin-top:20px; transition:var(--transition);
}
.play-badge:hover {
    background:linear-gradient(135deg,rgba(0,212,255,0.25),rgba(255,45,149,0.25));
    transform:translateY(-2px);
}
.play-badge img { height:50px; width:auto }

/* ===== PRICING / OPTIONS ===== */
.pricing { padding:100px 0; background:var(--midnight); position:relative; }
.pricing-grid { display:grid; grid-template-columns:1fr; gap:30px; max-width:1000px; margin:0 auto; }
.pricing-card {
    background:var(--glass-white); border:1px solid var(--glass-border);
    backdrop-filter:blur(16px); border-radius:var(--radius-lg);
    padding:40px 30px; text-align:center; position:relative;
    transition:var(--transition);
}
.pricing-card.featured {
    background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(255,45,149,0.1));
    border-color:rgba(0,212,255,0.3); transform:scale(1.02);
}
.pricing-card.featured::before {
    content:'POPULAR'; position:absolute; top:-12px; left:50%; transform:translateX(-50%);
    background:linear-gradient(135deg,var(--electric-blue),var(--neon-pink));
    color:#fff; padding:6px 20px; border-radius:20px;
    font-size:12px; font-weight:700; letter-spacing:1px;
}
.pricing-card:hover { transform:translateY(-8px); box-shadow:0 25px 50px rgba(0,0,0,0.4); border-color:rgba(255,255,255,0.25); }
.pricing-card.featured:hover { transform:scale(1.02) translateY(-8px) }
.pricing-card h3 { font-size:1.5rem; font-weight:700; margin-bottom:8px; }
.pricing-card .subtitle { color:var(--text-secondary); font-size:0.9rem; margin-bottom:30px; }
.pricing-card ul { list-style:none; text-align:left; margin-bottom:30px; }
.pricing-card li { padding:10px 0; padding-left:28px; position:relative; color:var(--text-secondary); font-size:0.95rem; }
.pricing-card li::before { content:'✓'; position:absolute; left:0; color:var(--lime-glow); font-weight:700; }
.pricing-btn {
    display:inline-block; width:100%; padding:14px; border-radius:var(--radius-sm);
    font-weight:700; font-size:15px; transition:var(--transition); border:none; cursor:pointer;
    text-align:center;
}
.pricing-btn.primary {
    background:linear-gradient(135deg,var(--electric-blue),var(--neon-purple));
    color:#fff; box-shadow:0 8px 25px rgba(0,212,255,0.3);
}
.pricing-btn.primary:hover { transform:translateY(-2px); box-shadow:0 12px 35px rgba(0,212,255,0.5); }
.pricing-btn.outline { background:transparent; border:2px solid var(--glass-border); color:#fff; }
.pricing-btn.outline:hover { background:var(--glass-white); border-color:rgba(255,255,255,0.3); }

/* ===== CHAT PREVIEW ===== */
.chat-preview { padding:80px 0; background:linear-gradient(180deg,var(--deep-indigo),var(--midnight)); text-align:center; }
.chat-preview h2 { font-size:clamp(1.5rem,3vw,2rem); margin-bottom:15px; }
.chat-preview>p { color:var(--text-secondary); margin-bottom:30px; }
.chat-frame { max-width:900px; margin:0 auto; border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 30px 60px rgba(0,0,0,0.5); border:1px solid var(--glass-border); }
.chat-frame iframe { width:100%; height:500px; border:none; display:block; }

/* ===== CONTENT SECTIONS ===== */
.content-section { padding:80px 0; background:var(--midnight); }
.content-section:nth-child(even) { background:var(--deep-indigo) }
.content-block { max-width:800px; margin:0 auto; text-align:center; }
.content-block h3 {
    font-size:clamp(1.3rem,3vw,1.8rem); margin-bottom:20px;
    background:linear-gradient(135deg,var(--sunshine),var(--blaze-orange));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.content-block p { color:var(--text-secondary); line-height:1.9; font-size:1.05rem; }
.content-block a { color:var(--electric-blue); font-weight:600; border-bottom:1px solid var(--electric-blue); }

/* ===== CTA SECTION ===== */
.cta-section {
    padding:100px 0; text-align:center; position:relative; overflow:hidden;
    background:linear-gradient(135deg,#1a0b2e,#16213e,#0f0c29);
}
.cta-section::before {
    content:''; position:absolute; width:800px; height:800px;
    background:radial-gradient(circle,rgba(255,45,149,0.2),transparent 60%);
    top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;
}
.cta-section h2 { font-size:clamp(2rem,5vw,3rem); font-weight:800; margin-bottom:20px; position:relative; z-index:1; }
.cta-section p { color:var(--text-secondary); font-size:1.2rem; margin-bottom:40px; position:relative; z-index:1; }

/* ==================================================
   PRIVACY POLICY SPECIFIC STYLES
   ================================================== */

/* Page Hero */
.page-hero {
    position:relative; padding:140px 0 80px;
    background:linear-gradient(-45deg,var(--deep-indigo),var(--midnight),#240b36);
    background-size:400% 400%; animation:gradientShift 15s ease infinite;
    overflow:hidden;
}
.page-hero::before {
    content:''; position:absolute; width:400px; height:400px;
    background:radial-gradient(circle,rgba(0,212,255,0.2),transparent 70%);
    top:-100px; right:-100px; filter:blur(60px); pointer-events:none;
}
.page-hero::after {
    content:''; position:absolute; width:300px; height:300px;
    background:radial-gradient(circle,rgba(255,45,149,0.15),transparent 70%);
    bottom:-50px; left:-50px; filter:blur(60px); pointer-events:none;
}
.page-header-content { position:relative; z-index:1; max-width:800px; }

/* Breadcrumb */
.breadcrumb { display:flex; align-items:center; gap:10px; margin-bottom:25px; font-size:14px; }
.breadcrumb a { color:var(--electric-blue); transition:var(--transition); }
.breadcrumb a:hover { color:var(--neon-pink); }
.breadcrumb-sep { color:var(--text-muted); }
.breadcrumb-current { color:var(--text-secondary); }

.page-hero h1 {
    font-size:clamp(2.2rem,5vw,3.5rem); font-weight:800; margin-bottom:15px;
    background:linear-gradient(135deg,#fff,var(--electric-blue),var(--neon-pink));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.page-subtitle { color:var(--text-secondary); font-size:1.15rem; max-width:600px; line-height:1.7; margin-bottom:25px; }

.last-updated { display:inline-flex; align-items:center; gap:10px; }
.updated-badge {
    background:var(--glass-white); border:1px solid var(--glass-border);
    padding:6px 14px; border-radius:50px; font-size:13px; font-weight:600;
    color:var(--lime-glow);
}
.last-updated time { color:var(--text-secondary); font-size:14px; }

/* Privacy Layout */
.privacy-layout { display:grid; grid-template-columns:1fr; gap:40px; position:relative; }

/* Sidebar */
.privacy-sidebar { display:none; }
.sidebar-nav {
    background:var(--glass-white); border:1px solid var(--glass-border);
    backdrop-filter:blur(16px); border-radius:var(--radius-lg);
    padding:30px; position:sticky; top:100px;
}
.sidebar-nav h2 {
    font-size:1.1rem; font-weight:700; margin-bottom:20px;
    color:var(--electric-blue); text-transform:uppercase; letter-spacing:1px;
}
.sidebar-nav ul { list-style:none; }
.sidebar-nav li { margin-bottom:5px; }
.sidebar-nav a {
    display:block; padding:10px 14px; border-radius:var(--radius-sm);
    font-size:14px; color:var(--text-secondary); transition:var(--transition);
    border-left:3px solid transparent;
}
.sidebar-nav a:hover,.sidebar-nav a.active {
    background:var(--glass-hover); color:var(--electric-blue);
    border-left-color:var(--electric-blue); padding-left:18px;
}

/* Policy Sections */
.policy-section { margin-bottom:60px; scroll-margin-top:100px; }
.policy-section h2 {
    font-size:clamp(1.5rem,3vw,2rem); font-weight:700; margin-bottom:25px;
    display:flex; align-items:center; gap:12px;
}
.section-icon {
    width:50px; height:50px; border-radius:var(--radius-md);
    display:flex; align-items:center; justify-content:center;
    font-size:24px;
    background:linear-gradient(135deg,rgba(0,212,255,0.2),rgba(255,45,149,0.2));
    border:1px solid var(--glass-border); flex-shrink:0;
}
.policy-section h3 {
    font-size:1.2rem; font-weight:600; margin:30px 0 15px;
    color:var(--electric-blue);
}
.policy-section p { color:var(--text-secondary); line-height:1.9; margin-bottom:18px; font-size:1.02rem; }
.policy-section ul { list-style:none; margin-bottom:20px; }
.policy-section ul li {
    padding:10px 0 10px 30px; position:relative;
    color:var(--text-secondary); line-height:1.7;
}
.policy-section ul li::before {
    content:'›'; position:absolute; left:0; color:var(--neon-pink);
    font-size:20px; font-weight:700;
}

/* Highlight Boxes */
.highlight-box {
    background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(184,41,221,0.1));
    border:1px solid rgba(0,212,255,0.3); border-radius:var(--radius-md);
    padding:25px; margin:25px 0; font-size:0.95rem; line-height:1.7;
    position:relative; overflow:hidden;
}
.highlight-box::before {
    content:''; position:absolute; top:0; left:0; width:4px; height:100%;
    background:linear-gradient(180deg,var(--electric-blue),var(--neon-purple));
}
.highlight-box.warning {
    background:linear-gradient(135deg,rgba(255,107,53,0.1),rgba(255,45,149,0.1));
    border-color:rgba(255,107,53,0.3);
}
.highlight-box.warning::before { background:linear-gradient(180deg,var(--blaze-orange),var(--neon-pink)); }

/* No Collect Box */
.no-collect-box {
    background:rgba(57,255,20,0.05); border:1px solid rgba(57,255,20,0.2);
    border-radius:var(--radius-md); padding:25px; margin:20px 0;
}
.no-collect-box ul { margin:0; }
.no-collect-box li { color:var(--text-secondary); }
.no-collect-box li::before { content:'✗'; color:#ff4757; }

/* Usage Grid */
.usage-grid { display:grid; grid-template-columns:1fr; gap:20px; margin:30px 0; }
.usage-card {
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-md); padding:30px; transition:var(--transition);
}
.usage-card:hover { transform:translateY(-3px); border-color:rgba(255,255,255,0.25); }
.usage-icon { font-size:32px; margin-bottom:15px; }
.usage-card h4 { font-size:1.1rem; font-weight:700; margin-bottom:10px; }
.usage-card p { color:var(--text-secondary); font-size:0.9rem; line-height:1.6; margin:0; }

/* Cookie Table */
.cookie-table { width:100%; border-collapse:collapse; margin:25px 0; font-size:0.95rem; }
.cookie-table th,.cookie-table td { padding:15px; text-align:left; border-bottom:1px solid var(--glass-border); }
.cookie-table th {
    background:var(--glass-white); font-weight:600; color:var(--electric-blue);
    text-transform:uppercase; font-size:12px; letter-spacing:1px;
}
.cookie-table td { color:var(--text-secondary); }
.cookie-table tr:hover td { background:var(--glass-hover); }

/* Third Party List */
.third-party-list { margin:25px 0; }
.third-party-item {
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-md); padding:20px 25px; margin-bottom:15px;
    display:flex; flex-direction:column; gap:5px; transition:var(--transition);
}
.third-party-item:hover { border-color:rgba(255,255,255,0.25); transform:translateX(5px); }
.third-party-item strong { color:var(--text-primary); font-size:1.05rem; }
.third-party-item span { color:var(--text-secondary); font-size:0.9rem; }
.third-party-item a { color:var(--electric-blue); border-bottom:1px solid transparent; transition:var(--transition); }
.third-party-item a:hover { border-bottom-color:var(--electric-blue); }

/* Security Features */
.security-features { margin:30px 0; }
.security-item {
    display:flex; align-items:flex-start; gap:20px;
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-md); padding:25px; margin-bottom:15px;
    transition:var(--transition);
}
.security-item:hover { border-color:rgba(57,255,20,0.3); }
.security-check {
    width:40px; height:40px; border-radius:50%;
    background:linear-gradient(135deg,rgba(57,255,20,0.2),rgba(0,212,255,0.2));
    display:flex; align-items:center; justify-content:center;
    color:var(--lime-glow); font-size:20px; font-weight:700; flex-shrink:0;
    border:1px solid rgba(57,255,20,0.3);
}
.security-item div { flex:1; }
.security-item strong { display:block; margin-bottom:5px; color:var(--text-primary); }
.security-item p { color:var(--text-secondary); font-size:0.9rem; margin:0; }

/* Warning Box */
.warning-box {
    background:linear-gradient(135deg,rgba(255,107,53,0.1),rgba(255,45,149,0.1));
    border:1px solid rgba(255,107,53,0.3); border-radius:var(--radius-md);
    padding:25px; margin:25px 0; color:var(--text-secondary); line-height:1.7;
    position:relative;
}
.warning-box::before {
    content:''; position:absolute; top:0; left:0; width:4px; height:100%;
    background:linear-gradient(180deg,var(--blaze-orange),var(--neon-pink));
}

/* Rights Grid */
.rights-grid { display:grid; grid-template-columns:1fr; gap:20px; margin:30px 0; }
.right-card {
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-md); padding:30px; text-align:center;
    transition:var(--transition);
}
.right-card:hover { transform:translateY(-5px); border-color:var(--electric-blue); }
.right-card h4 { font-size:1.1rem; font-weight:700; margin-bottom:10px; color:var(--text-primary); }
.right-card p { color:var(--text-secondary); font-size:0.9rem; line-height:1.6; margin:0; }

/* Timeline */
.timeline { margin:30px 0; position:relative; padding-left:30px; }
.timeline::before {
    content:''; position:absolute; left:8px; top:0; bottom:0;
    width:2px; background:linear-gradient(180deg,var(--electric-blue),var(--neon-pink));
}
.timeline-item { position:relative; margin-bottom:25px; }
.timeline-item::before {
    content:''; position:absolute; left:-26px; top:5px;
    width:16px; height:16px; border-radius:50%;
    background:var(--midnight); border:3px solid var(--electric-blue);
}
.timeline-item time {
    display:block; font-size:14px; font-weight:600;
    color:var(--electric-blue); margin-bottom:8px;
}
.timeline-item p { color:var(--text-secondary); font-size:0.95rem; margin:0; }

/* Contact Methods */
.contact-methods { display:grid; grid-template-columns:1fr; gap:20px; margin:30px 0; }
.contact-card {
    display:flex; align-items:center; gap:20px;
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-md); padding:25px; transition:var(--transition);
}
.contact-card:hover {
    transform:translateY(-3px); border-color:var(--electric-blue);
    box-shadow:0 10px 30px rgba(0,212,255,0.1);
}
.contact-icon { font-size:32px; }
.contact-card div { display:flex; flex-direction:column; }
.contact-card strong { color:var(--text-primary); font-size:1.1rem; }
.contact-card span { color:var(--text-secondary); font-size:0.9rem; }

.response-time {
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-md); padding:20px 25px; text-align:center;
    margin-top:20px;
}
.response-time p { color:var(--text-secondary); margin:0; }
.response-time strong { color:var(--lime-glow); }

/* Related Links Section */
.related-links-section { padding:80px 0; background:var(--deep-indigo); text-align:center; }
.related-links-section h2 { font-size:clamp(1.5rem,3vw,2rem); margin-bottom:40px; }
.related-grid { display:grid; grid-template-columns:1fr; gap:25px; max-width:800px; margin:0 auto; }
.related-card {
    background:var(--glass-white); border:1px solid var(--glass-border);
    border-radius:var(--radius-lg); padding:40px 30px;
    transition:var(--transition); display:block;
}
.related-card:hover {
    transform:translateY(-5px); border-color:rgba(255,255,255,0.25);
    box-shadow:var(--shadow-card);
}
.related-icon { font-size:40px; margin-bottom:15px; display:block; }
.related-card h4 { font-size:1.2rem; font-weight:700; margin-bottom:10px; color:var(--text-primary); }
.related-card p { color:var(--text-secondary); font-size:0.95rem; margin:0; }

/* ===== FOOTER ===== */
.site-footer { background:#0a0818; border-top:1px solid var(--glass-border); padding:60px 0 30px; }
.footer-grid { display:grid; grid-template-columns:1fr; gap:40px; margin-bottom:40px; }
.footer-brand img { width:200px; margin-bottom:20px; filter:drop-shadow(0 0 10px rgba(255,45,149,0.3)); }
.footer-brand p { color:var(--text-secondary); font-size:0.9rem; line-height:1.7; }
.footer-col h4 { font-size:1rem; font-weight:700; margin-bottom:20px; color:var(--electric-blue); text-transform:uppercase; letter-spacing:1px; }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:10px; }
.footer-col a { color:var(--text-secondary); font-size:0.9rem; transition:var(--transition); display:inline-block; }
.footer-col a:hover { color:var(--electric-blue); transform:translateX(5px); }
.footer-bottom { text-align:center; padding-top:30px; border-top:1px solid var(--glass-border); color:var(--text-secondary); font-size:0.85rem; }
.footer-bottom a { color:var(--electric-blue); }

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width:8px }
::-webkit-scrollbar-track { background:var(--midnight) }
::-webkit-scrollbar-thumb { background:linear-gradient(180deg,var(--neon-pink),var(--electric-blue)); border-radius:4px; }

/* ===== RESPONSIVE ===== */
@media(min-width:768px){
    .menu-toggle { display:none }
    .main-nav { display:block !important; position:static; background:transparent; backdrop-filter:none; padding:0; border:none; }
    .nav-links { flex-direction:row; gap:5px; }
    .nav-links a { padding:10px 18px; font-size:14px; }
    .nav-links a::before { display:none }
    .nav-links a:hover { background:var(--glass-white); padding-left:18px; border-radius:var(--radius-sm); }

    .hero-grid { grid-template-columns:1fr 1fr; text-align:left }
    .hero-content { text-align:left }
    .hero p { margin:0 0 30px }
    .cta-group { justify-content:flex-start }

    .bento-grid { grid-template-columns:repeat(2,1fr); }
    .bento-card:first-child { grid-column:span 2; }

    .showcase-grid { grid-template-columns:1fr 1fr; }
    .pricing-grid { grid-template-columns:repeat(3,1fr); }
    .usage-grid { grid-template-columns:repeat(2,1fr); }
    .rights-grid { grid-template-columns:repeat(2,1fr); }
    .contact-methods { grid-template-columns:repeat(2,1fr); }
    .related-grid { grid-template-columns:repeat(3,1fr); }

    .footer-grid { grid-template-columns:2fr 1fr 1fr 1fr; }

    /* Privacy specific */
    .privacy-layout { grid-template-columns:280px 1fr; gap:50px; }
    .privacy-sidebar { display:block; }
    .cookie-table th,.cookie-table td { padding:18px; }
    .third-party-item { flex-direction:row; align-items:center; justify-content:space-between; }
}

@media(min-width:1024px){
    .hero h1 { font-size:3.5rem }
    .bento-grid { grid-template-columns:repeat(3,1fr); }
    .bento-card:first-child { grid-column:span 1; }
    .usage-grid { grid-template-columns:repeat(4,1fr); }
    .rights-grid { grid-template-columns:repeat(3,1fr); }
}

/* ===== REDUCED MOTION ===== */
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after { animation:none !important; transition:none !important; }
    .hero { background-size:100% 100%; }
}

/* ===== HIGH CONTRAST ===== */
@media(prefers-contrast:high){
    .bento-card,.pricing-card,.usage-card,.right-card,.security-item,.contact-card,.related-card,.sidebar-nav,.highlight-box,.warning-box,.timeline-item::before { border-width:2px; }
}

/* ===== PRINT ===== */
@media print {
    .site-header,.hero::before,.hero::after,.page-hero::before,.page-hero::after,.showcase::before,.cta-section::before { display:none !important; }
    body { background:#fff; color:#000; }
    .hero,.page-hero,.features,.showcase,.pricing,.chat-preview,.content-section,.cta-section,.related-links-section { background:#fff !important; color:#000 !important; padding:20px 0; }
    .hero h1,.page-hero h1,.section-header h2,.showcase-text h2,.pricing-card h3,.content-block h3 { color:#000 !important; -webkit-text-fill-color:#000 !important; }
    .btn-primary,.btn-secondary,.pricing-btn,.menu-toggle { background:#333 !important; color:#fff !important; box-shadow:none !important; }
    .bento-card,.pricing-card,.usage-card,.right-card,.security-item,.contact-card,.related-card { background:#f5f5f5 !important; border:1px solid #ccc !important; }
    .sidebar-nav { position:static; background:#f5f5f5 !important; }
    a { text-decoration:underline; color:#000 !important; }
}