:root {
    --vinayak-red: #DD183B;
    --vinayak-red-dark: #CC1939;
    --vinayak-red-light: rgba(221,24,59,0.08);
    --gold: #C9A84C;
    --gold-light: #E8D5A3;
    --gold-dark: #B8942E;
    --peach: #ffd1bf;
    --peach-light: #ffede6;
    --bg-primary: #faf8f5;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f5f0eb;
    --bg-card: #ffffff;
    --text-primary: #1a1a1a;
    --text-secondary: #444;
    --text-muted: #888;
    --border-light: rgba(0,0,0,0.06);
    --border-med: rgba(0,0,0,0.1);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.07);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.09);
    --shadow-xl: 0 12px 60px rgba(0,0,0,0.11);
    --shadow-red: 0 8px 30px rgba(221,24,59,0.15);
    --ease-fluid: cubic-bezier(.4,0,.2,1);
    --ease-smooth: cubic-bezier(.25,.46,.45,.94);
    --ease-bounce: cubic-bezier(.34,1.56,.64,1);
}
::-webkit-scrollbar { width: 6px; background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#DD183B,#C9A84C); border-radius: 3px; }
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
main { width:100%; max-width:100%; }
section { width:100%; max-width:100%; }
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
#scroll-progress { position:fixed; top:0; left:0; height:3px; z-index:9999; background:linear-gradient(90deg,#DD183B,#C9A84C,#DD183B); background-size:200% 100%; animation:shimmer 2s linear infinite; transform-origin:left; will-change:transform; }
@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
@keyframes fadeIn { 0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} }
.animate-fadeIn { animation:fadeIn 1s ease forwards; }
.custom-cursor { position:fixed; pointer-events:none; z-index:99999; width:40px; height:40px; border-radius:50%; border:2px solid rgba(221,24,59,.4); background:rgba(221,24,59,.06); backdrop-filter:blur(4px); transform:translate(-50%,-50%); transition:width .3s,height .3s,background .3s,border-color .3s; will-change:transform; }
.custom-cursor.hover { width:70px; height:70px; background:rgba(221,24,59,.1); border-color:rgba(221,24,59,.6); }
.cursor-dot { position:fixed; pointer-events:none; z-index:100000; width:6px; height:6px; border-radius:50%; background:#DD183B; transform:translate(-50%,-50%); transition:width .15s,height .15s; will-change:transform; }
.cursor-dot.hover { width:12px; height:12px; background:#C9A84C; }

.glass { background:rgba(255,255,255,.7); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(0,0,0,.06); }

/* ── Typography ── */
.font-display { font-family: 'Calistoga', serif; }
.font-mono-alt { font-family: 'JetBrains Mono', monospace; }

/* ── Fluid Transitions ── */
.hover-lift { transition:transform .4s var(--ease-fluid), box-shadow .4s var(--ease-fluid); }
.hover-lift:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }

/* ── Glass Morph ── */
.glass-morph { background:rgba(255,255,255,.5); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.3); }
.glass-morph-strong { background:rgba(255,255,255,.75); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.2); }

/* ── 3D Text Effects ── */
.text-3d {
    text-shadow: 0 1px 0 #e0e0e0, 0 2px 0 #d4d4d4, 0 3px 1px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);
}
.text-3d-red {
    color: #DD183B;
    text-shadow: 0 1px 0 #cc1635, 0 2px 0 #b81430, 0 3px 1px rgba(221,24,59,.15), 0 1px 2px rgba(221,24,59,.1);
}
.text-3d-gold {
    background: linear-gradient(135deg, #C9A84C, #F5E6A3, #D4AF37, #C9A84C);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    filter: drop-shadow(0 1px 0 rgba(201,168,76,.3)) drop-shadow(0 2px 2px rgba(0,0,0,.1));
}
.text-3d-white {
    text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 2px 0 rgba(255,255,255,.3), 0 3px 0 rgba(255,255,255,.15), 0 4px 8px rgba(0,0,0,.2);
}
.text-gold-gradient {
    background: linear-gradient(135deg, #C9A84C, #F5E6A3, #D4AF37, #C9A84C);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.text-shadow-luxury { text-shadow: 0 4px 20px rgba(0,0,0,.08), 0 8px 40px rgba(0,0,0,.05); }

/* ── Buttons ── */
.btn-primary { background: linear-gradient(135deg,#DD183B,#CC1939); color:#fff; transition:all .3s ease; }
.btn-primary:hover { background: linear-gradient(135deg,#CC1939,#140609); transform:translateY(-2px); box-shadow:var(--shadow-red); }
.btn-gold { background: linear-gradient(135deg,#C9A84C,#D4AF37); color:#1a1a1a; transition:all .3s ease; }
.btn-gold:hover { background: linear-gradient(135deg,#D4AF37,#C9A84C); transform:translateY(-2px); box-shadow:0 8px 25px rgba(201,168,76,.3); }
.magnetic-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; transition:transform .2s cubic-bezier(.25,.46,.45,.94); will-change:transform; }
.ripple { position:absolute; border-radius:50%; background:rgba(255,255,255,.35); transform:scale(0); animation:rippleAnim .6s ease-out; pointer-events:none; }
@keyframes rippleAnim { to { transform:scale(4); opacity:0; } }

/* ── Cards ── */
.card-light {
    background: var(--bg-card); border: 1px solid var(--border-light);
    border-radius: 1.25rem; box-shadow: var(--shadow-sm);
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.card-light:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.card-light-glow { background: var(--bg-card); border:1px solid var(--border-light); border-radius:1.25rem; box-shadow:var(--shadow-sm); transition:all .5s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden; }
.card-light-glow:hover { box-shadow:0 0 30px rgba(221,24,59,.12), 0 8px 40px rgba(0,0,0,.08); transform:translateY(-4px); border-color:rgba(221,24,59,.2); }

/* ── Animated Gradient Border (light) ── */
.gradient-border-light { position:relative; border-radius:1.25rem; overflow:hidden; }
.gradient-border-light::before {
    content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px;
    background:conic-gradient(#DD183B, #C9A84C, #DD183B, #ffd1bf, #DD183B);
    border-radius:inherit; z-index:-1;
    animation:borderSpin 4s linear infinite; opacity:0; transition:opacity .5s;
}
.gradient-border-light:hover::before { opacity:1; }
@keyframes borderSpin { to { transform:rotate(360deg); } }

/* ── Old gradient-border mapped to light ── */
.gradient-border { position:relative; border-radius:1rem; overflow:hidden; background:var(--bg-card); }
.gradient-border::before {
    content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px;
    background:conic-gradient(#DD183B, #C9A84C, #DD183B, #ffd1bf, #DD183B);
    border-radius:inherit; z-index:-1; animation:borderSpin 4s linear infinite; opacity:0; transition:opacity .5s;
}
.gradient-border:hover::before { opacity:1; }
.glow-card { transition:all .5s cubic-bezier(.4,0,.2,1); position:relative; }
.glow-card:hover { box-shadow:0 0 30px rgba(221,24,59,.1), 0 8px 40px rgba(0,0,0,.08); transform:translateY(-4px); }

/* ── Product Cards (light) ── */
.product-card { transition:all .4s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden; background:var(--bg-card); border:1px solid var(--border-light); border-radius:1.25rem; }
.product-card:hover { border-color:rgba(221,24,59,.15); box-shadow:0 20px 40px rgba(0,0,0,.08), 0 0 30px rgba(221,24,59,.08); }
.product-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent,rgba(221,24,59,.04),transparent); opacity:0; transition:opacity .5s; z-index:0; }
.product-card:hover::before { opacity:1; }

/* Product image wrapper - desktop optimized */
.product-img-wrap { position:relative; width:100%; height:240px; overflow:hidden; background:linear-gradient(135deg,#faf8f5,#f0ece6); }
.product-img-wrap img { width:100%; height:100%; object-fit:cover; transition:filter .4s ease; }
.product-card:hover .product-img-wrap img { filter:brightness(1.05); }

/* Gradient overlays on image */
.product-img-wrap .img-overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%, rgba(0,0,0,.4)); opacity:0; transition:opacity .5s ease; z-index:2; pointer-events:none; }
.product-card:hover .img-overlay { opacity:1; }

/* Shine/shimmer sweep on hover */
.product-img-wrap .img-shine { position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); transform:skewX(-25deg); transition:left .8s cubic-bezier(.25,.46,.45,.94); z-index:3; pointer-events:none; }
.product-card:hover .img-shine { left:150%; }

/* Gold accent border on hover */
.product-card::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,#DD183B,#C9A84C,transparent); transform:translateX(-100%); transition:transform .6s ease; z-index:5; }
.product-card:hover::after { transform:translateX(100%); }

/* Product badge */
.product-badge { position:absolute; top:16px; left:16px; z-index:4; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); color:#DD183B; font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; padding:6px 14px; border-radius:100px; box-shadow:0 2px 10px rgba(0,0,0,.06); border:1px solid rgba(221,24,59,.1); }

/* ── Stagger Reveal ── */
.stagger-item { opacity:0; transform:translateY(30px); transition:opacity .6s ease, transform .6s ease; }
.stagger-item.visible { opacity:1; transform:translateY(0); }

/* ── Marquee ── */
.marquee-wrapper { width:100%; overflow:hidden; mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent); -webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent); }
.marquee-track { display:flex; gap:4rem; width:max-content; animation:marqueeScroll 30s linear infinite; }
.marquee-track:hover { animation-play-state:paused; }
@keyframes marqueeScroll { to { transform:translateX(-50%); } }

/* ── Counter ── */
.counter-num { display:inline-block; background:linear-gradient(135deg,#1a1a1a,#DD183B); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.counter-num-light { display:inline-block; background:linear-gradient(135deg,#1a1a1a,#C9A84C); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── Floating Particles ── */
#particles-canvas { position:absolute; inset:0; z-index:2; pointer-events:none; }

/* ── Mesh Gradient Background (light) ── */
.mesh-bg-light { position:relative; overflow:hidden; }
.mesh-bg-light::before {
    content:''; position:absolute; inset:-50%;
    background: radial-gradient(ellipse at 20% 50%, rgba(221,24,59,.06) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(201,168,76,.05) 0%, transparent 50%),
                radial-gradient(ellipse at 50% 80%, rgba(255,209,191,.04) 0%, transparent 50%);
    animation:meshMove 20s ease-in-out infinite alternate; pointer-events:none; z-index:0;
}
@keyframes meshMove { 0%{transform:translate(0,0) rotate(0deg)} 50%{transform:translate(2%,-2%) rotate(3deg)} 100%{transform:translate(-2%,2%) rotate(-3deg)} }
.mesh-bg-light > * { position:relative; z-index:1; }

/* ── Text Glow (for light bg) ── */
.text-glow { text-shadow:0 0 10px rgba(221,24,59,.15), 0 0 20px rgba(221,24,59,.1); }
.text-glow-gold { text-shadow:0 0 10px rgba(201,168,76,.2), 0 0 20px rgba(201,168,76,.1); }

/* ── Achievement Card (light) ── */
.achievement-card-light {
    background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(245,240,235,.5));
    backdrop-filter: blur(10px); border:1px solid var(--border-light);
    border-radius:1.5rem; padding:2.5rem 2rem; text-align:center;
    transition:all .5s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden;
}
.achievement-card-light::after {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg,transparent,#DD183B,#C9A84C,transparent);
    transform:translateX(-100%); transition:transform .8s ease;
}
.achievement-card-light:hover::after { transform:translateX(100%); }
.achievement-card-light:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }

/* ── Testimonial Card ── */
.testimonial-card {
    background: var(--bg-card); border:1px solid var(--border-light);
    border-radius:2rem; padding:2.5rem; box-shadow:var(--shadow-sm);
    transition:all .5s ease;
}
.testimonial-card:hover { border-color:rgba(221,24,59,.15); box-shadow:var(--shadow-lg); transform:translateY(-4px); }

/* ── Process Step ── */
.process-step { text-align:center; position:relative; }
.process-number {
    width:60px; height:60px; border-radius:50%;
    background: linear-gradient(135deg,#DD183B,#CC1939);
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 1.5rem; font-size:1.5rem; font-weight:900; color:#fff;
    box-shadow:0 8px 25px rgba(221,24,59,.2);
    position:relative; z-index:2;
}
.process-connector { position:absolute; top:30px; left:50%; right:auto; width:100%; height:2px; background:var(--border-med); z-index:1; }
.process-step:last-child .process-connector { display:none; }

/* ── Partner Logo ── */
.partner-logo {
    height:60px; width:auto; opacity:.4; filter:grayscale(100%);
    transition:all .5s ease;
}
.partner-logo:hover { opacity:.9; filter:grayscale(0%); }

/* ── Scroll Reveal ── */
.reveal-on-scroll { opacity:0; transform:translateY(40px); transition:opacity .8s var(--ease-smooth), transform .8s var(--ease-smooth); }
.reveal-on-scroll.visible { opacity:1; transform:translateY(0); }
.scale-reveal { opacity:0; transform:scale(.85); transition:opacity .8s var(--ease-smooth), transform .8s var(--ease-bounce); }
.scale-reveal.visible { opacity:1; transform:scale(1); }
.reveal-on-scroll.visible .stagger-grid .stagger-item { opacity:1; transform:translateY(0); }

/* ── Horizontal Scroll (light) ── */
.h-scroll-container { width:100%; overflow:visible; }
.h-scroll-wrapper { display:flex; will-change:transform; }

/* ── Section Divider ── */
.section-divider { position:relative; height:80px; overflow:hidden; margin-top:-1px; }
.section-divider svg { position:absolute; bottom:0; width:100%; height:100%; }

/* ── SVG Shape Divider for light theme ── */
.shape-divider-top { position:absolute; top:-1px; left:0; width:100%; overflow:hidden; line-height:0; transform:rotate(180deg); }
.shape-divider-bottom { position:absolute; bottom:-1px; left:0; width:100%; overflow:hidden; line-height:0; }
.shape-divider-top svg, .shape-divider-bottom svg { position:relative; display:block; width:calc(100% + 1.3px); height:60px; }

/* ── Navbar light ── */
.navbar-light { background: rgba(255,255,255,.92) !important; backdrop-filter:blur(12px) !important; border-bottom:1px solid var(--border-light) !important; }

/* ── Background utilities ── */
.bg-dark { background:#111827; }
.bg-light-primary { background:#faf8f5; }
.bg-glass { background: rgba(250,248,245,0.7); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.bg-glass-dark { background: rgba(17,24,39,0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.bg-glass-white { background: rgba(255,255,255,0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }


.bg-light-secondary { background:#ffffff; }
.bg-light-tertiary { background:#f5f0eb; }
.bg-light-card { background:#ffffff; }

/* ── Section Backgrounds ── */
.bg-section-white { background:#ffffff; }
.bg-section-warm { background:#faf8f5; }
.bg-section-beige { background:#f5f0eb; }
.bg-section-alt { background:#f0ece6; }

/* ── Premium Section Decorations ── */
.section-deco-circle { position:absolute; border-radius:50%; pointer-events:none; z-index:0; }
.section-deco-top-right { top:-80px; right:-80px; width:200px; height:200px; background:radial-gradient(circle,rgba(221,24,59,0.05),transparent 70%); }
.section-deco-bottom-left { bottom:-80px; left:-80px; width:250px; height:250px; background:radial-gradient(circle,rgba(201,168,76,0.04),transparent 70%); }
.section-deco-line { position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:100%; background:linear-gradient(180deg,transparent,rgba(221,24,59,0.06),transparent); pointer-events:none; z-index:0; }

/* ── Premium Card Hover Effects ── */
.card-hover-premium { transition:all 0.5s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden; }
.card-hover-premium::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent,rgba(221,24,59,0.03),transparent); opacity:0; transition:opacity 0.5s; z-index:0; border-radius:inherit; }
.card-hover-premium:hover::before { opacity:1; }
.card-hover-premium:hover { transform:translateY(-6px); box-shadow:0 20px 60px rgba(0,0,0,0.08), 0 0 40px rgba(221,24,59,0.06); }

/* ── Shimmer underline for headings ── */
.heading-shimmer { position:relative; display:inline-block; }
.heading-shimmer::after { content:''; position:absolute; bottom:-4px; left:0; width:100%; height:3px; background:linear-gradient(90deg,transparent,#DD183B,#C9A84C,transparent); border-radius:2px; }

/* ── Card border glow on hover ── */
.card-border-glow { border:1px solid rgba(0,0,0,0.06); transition:all 0.4s ease, border-color 0.6s ease; }
.card-border-glow:hover { border-color:rgba(221,24,59,0.25); box-shadow:0 0 0 1px rgba(221,24,59,0.08), 0 20px 40px rgba(0,0,0,0.06); }

/* ── Section heading accent bar ── */
.heading-accent { position:relative; padding-bottom:0.75rem; }
.heading-accent::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:3px; background:linear-gradient(90deg,#DD183B,#C9A84C); border-radius:2px; }

/* ── Smooth number counter styling ── */
.counter-premium { background:linear-gradient(135deg,#1a1a1a,#DD183B); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:inline-block; font-weight:900; }

/* ── Industry card hover ── */
.industry-card { transition:all 0.4s cubic-bezier(.4,0,.2,1); overflow:hidden; }
.industry-card:hover { transform:translateY(-4px) scale(1.02); box-shadow:0 12px 40px rgba(221,24,59,0.1); border-color:rgba(221,24,59,0.2) !important; }
.industry-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,#DD183B,#C9A84C,transparent); transform:translateX(-100%); transition:transform 0.6s ease; }
.industry-card:hover::after { transform:translateX(100%); }

/* ── Process step enhanced ── */
.process-step-enhanced .process-number { transition:all 0.5s cubic-bezier(.4,0,.2,1); }
.process-step-enhanced:hover .process-number { transform:scale(1.1); box-shadow:0 12px 35px rgba(221,24,59,0.3); }

/* ── Global presence number styling ── */
.global-num { font-size:3rem; font-weight:900; background:linear-gradient(135deg,#1a1a1a,#DD183B); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1.1; }

/* ── Section alternating subtle patterns ── */
.bg-pattern-dots { background-image:radial-gradient(rgba(221,24,59,0.03) 1px,transparent 1px); background-size:24px 24px; }
.bg-pattern-lines { background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(221,24,59,0.02) 40px,rgba(221,24,59,0.02) 41px); }

/* ── Attractive testimonial badge ── */
.tquote { position:absolute; top:-0.75rem; right:1rem; font-size:4rem; line-height:1; font-family:Georgia,serif; color:rgba(221,24,59,0.12); font-weight:700; pointer-events:none; }

@media (max-width:767px) {
    .custom-cursor, .cursor-dot { display:none; }
    
    /* ── Mobile Hero ── */
    .hero-logo { height:55px !important; margin-bottom:0.75rem !important; }  /* bigger */
    .hero-title { font-size:1.2rem !important; line-height:1.2 !important; }
    .hero-subtitle { font-size:0.8rem !important; }
    .hero-desc { font-size:0.7rem !important; line-height:1.3 !important; max-width:90% !important; }
    .hero-badge { font-size:7px !important; padding:0.2rem 0.5rem !important; }
    .hero-section .flex-row a { font-size:8px !important; padding:0.35rem 0.5rem !important; gap:0.15rem !important; }
    .hero-section .flex-row a svg { width:0.5rem !important; height:0.5rem !important; }
    /* Hero logo glow highlight */
    .hero-logo { filter:drop-shadow(0 0 12px rgba(255,255,255,0.3)) !important; }
    
    /* ── Mobile sections visibility & spacing ── */
    section { padding-top:1.5rem !important; padding-bottom:1.5rem !important; }
    section .text-center.mb-16 { margin-bottom:1rem !important; }
    section h2 { font-size:1.35rem !important; line-height:1.2 !important; }
    section + section { margin-top:0 !important; }
    .reveal-on-scroll { opacity:1 !important; transform:none !important; }
    
    /* ── 2 CARDS ON MOBILE: ALL grids get 2 columns ── */
    .grid-cols-1 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    .grid-cols-2 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    .grid-cols-3 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    .grid-cols-4 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    .grid-cols-5 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    .grid-cols-6 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    /* Override: specific sections keep intended cols */
    .grid-cols-1.md\\:grid-cols-3 { grid-template-columns:repeat(1, minmax(0,1fr)) !important; } /* testimonials */
    .grid-cols-2.md\\:grid-cols-5 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; } /* stats */
    .grid-cols-3.sm\\:grid-cols-4.md\\:grid-cols-6.lg\\:grid-cols-8 { grid-template-columns:repeat(4, minmax(0,1fr)) !important; } /* color library 4 per row */
    .grid-cols-2.md\\:grid-cols-4.lg\\:grid-cols-7 { grid-template-columns:repeat(4, minmax(0,1fr)) !important; } /* thickness guide 4 per row */
    
    /* Mobile video section - no overlap, proper gap */
    section.scroll-video-section,
    .h-screen.scroll-video-section { height:50vw !important; min-height:180px !important; max-height:280px !important; aspect-ratio:auto !important; position:relative !important; flex-shrink:0 !important; }
    .scroll-video-section .text-5xl { font-size:1.5rem !important; }
    .scroll-video-section .text-xs { font-size:0.6rem !important; }
    .scroll-video-section::after { content:''; display:block; height:1.5rem; }
    
    /* Mobile products section - attractive heading */
    #products { overflow:visible !important; position:relative !important; z-index:auto !important; padding-top:0 !important; padding-bottom:0 !important; margin-bottom:0.5rem !important; }
    #products .gs-reveal { opacity:1 !important; transform:none !important; padding:1.5rem 1rem 0.5rem 1rem !important; }
    #products .gs-reveal .inline-flex { padding:0.25rem 0.75rem !important; margin-bottom:0.5rem !important; border-radius:100px !important; }
    #products .gs-reveal .inline-flex span { font-size:9px !important; letter-spacing:0.2em !important; color:#C9A84C !important; font-weight:800 !important; text-transform:uppercase !important; }
    #products .gs-reveal h2 { font-size:1.75rem !important; font-weight:900 !important; line-height:1.1 !important; color:#111 !important; text-transform:uppercase !important; }
    #products .gs-reveal h2 span { color:#DD183B !important; }
    #products .gs-reveal .w-16.h-1 { width:3rem !important; height:2px !important; margin-top:0.5rem !important; }
    #products .gs-reveal p { font-size:0.7rem !important; display:none !important; }
    #products .h-scroll-container { width:100% !important; overflow:visible !important; }
    .h-scroll-wrapper { display:grid !important; grid-template-columns:repeat(2,1fr) !important; width:100% !important; gap:0.5rem !important; padding:0 1rem 1.5rem !important; }
    .h-scroll-wrapper > * { width:auto !important; max-width:100% !important; min-width:0 !important; flex:none !important; }
    
    /* Mobile product cards - clean compact */
    .product-card { height:auto !important; display:flex !important; flex-direction:column !important; border-radius:0.75rem !important; overflow:hidden !important; box-shadow:0 2px 12px rgba(0,0,0,0.08) !important; border:1px solid rgba(221,24,59,0.1) !important; }
    .product-card .product-img-wrap { height:5.5rem !important; flex-shrink:0 !important; }
    .product-card .p-4 { padding:0.4rem !important; flex:1 !important; display:flex !important; flex-direction:column !important; }
    .product-card h3 { font-size:0.6rem !important; margin-bottom:0.25rem !important; line-height:1.1 !important; font-weight:800 !important; }
    .product-card .text-\\[11px\\] { font-size:7px !important; }
    .product-card .text-\\[10px\\] { font-size:7px !important; }
    .product-card .text-\\[9px\\] { font-size:6.5px !important; }
    .product-card .gap-2.mb-3 { gap:0.2rem !important; margin-bottom:0.3rem !important; }
    .product-card .gap-2.mb-3 > div { padding:0.15rem 0.1rem !important; }
    .product-card .flex.gap-2:not(.mb-3) { gap:0.2rem !important; margin-top:auto !important; }
    .product-card .flex.gap-2 a { font-size:6.5px !important; padding:0.25rem 0.15rem !important; border-radius:0.3rem !important; font-weight:700 !important; }
    
    /* Mobile section padding */
    .px-6 { padding-left:1rem !important; padding-right:1rem !important; }
    .px-20 { padding-left:1rem !important; padding-right:1rem !important; }
    
    /* Mobile grid gaps */
    .gap-6 { gap:0.6rem !important; }
    .gap-8 { gap:0.75rem !important; }
    .gap-12 { gap:1rem !important; }
    .gap-16 { gap:1.25rem !important; }
    
    /* Mobile text sizes */
    .text-4xl { font-size:1.35rem !important; }
    .text-5xl { font-size:1.5rem !important; }
    .text-6xl { font-size:1.65rem !important; }
    
    /* Mobile marquee */
    .partner-logo { height:1.75rem !important; }
    .marquee-track { gap:1.5rem !important; }
    
    /* Hide decorative blur elements on mobile */
    .blur-3xl { display:none !important; }
    
    /* ── Mobile achievement cards ── */
    .achievement-card-light { padding:1rem 0.75rem !important; }
    .counter-num-light { font-size:1.5rem !important; }
    .achievement-card-light .text-5xl { font-size:2rem !important; }

    /* Mobile process steps */
    .process-step { padding:0.5rem !important; }
    .process-number { width:36px !important; height:36px !important; font-size:0.85rem !important; margin-bottom:0.5rem !important; }
    .process-connector { display:none !important; }

    /* ── Mobile ALL cards highlight (more visible) ── */
    .stagger-item > div:not(.relative):not(.absolute) { box-shadow:0 4px 16px rgba(221,24,59,0.08) !important; border-color:rgba(221,24,59,0.12) !important; }
    .gradient-border-light .card-light-glow,
    .gradient-border-light .card-light { box-shadow:0 4px 16px rgba(221,24,59,0.08) !important; border-color:rgba(221,24,59,0.12) !important; }
    .product-card { border-color:rgba(221,24,59,0.15) !important; }
    .achievement-card-light { box-shadow:0 4px 16px rgba(221,24,59,0.08) !important; }
    
    /* Mobile industries / category cards */
    .stagger-item .card-light,
    .stagger-item .gradient-border-light .card-light-glow,
    .stagger-item .gradient-border-light .card-light { padding:0.75rem 0.5rem !important; }
    .stagger-item.card-light-glow { padding:0.75rem 0.5rem !important; }

    /* Mobile section icons smaller */
    .stagger-item .w-14.h-14 { width:2.5rem !important; height:2.5rem !important; }
    .stagger-item .w-14.h-14 svg { width:1.25rem !important; height:1.25rem !important; }
    .stagger-item .w-12.h-12 { width:2rem !important; height:2rem !important; }
    .stagger-item .w-12.h-12 svg { width:1rem !important; height:1rem !important; }
    
    /* Mobile card text smaller */
    .stagger-item h3 { font-size:0.7rem !important; margin-bottom:0.2rem !important; }
    .stagger-item h4 { font-size:0.7rem !important; }
    .stagger-item p { font-size:0.6rem !important; line-height:1.2 !important; }
    
    /* Mobile categories video grid cards */
    [data-category] .rounded-2xl .p-5 { padding:0.4rem !important; }
    [data-category] h4 { font-size:0.65rem !important; margin-bottom:0 !important; }
    [data-category] p.text-xs { font-size:0.45rem !important; margin-bottom:0.2rem !important; line-height:1.2 !important; }
    [data-category] .flex.gap-2 { gap:0.15rem !important; }
    [data-category] .flex.gap-2 a { font-size:6px !important; padding:0.15rem 0.1rem !important; border-radius:0.25rem !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:0.02em !important; }
    
    /* Mobile global presence */
    .text-center .grid-cols-2.md\\:grid-cols-4 .stagger-item .text-4xl { font-size:1.5rem !important; }
    .text-center .grid-cols-2.md\\:grid-cols-4 .stagger-item p { font-size:0.65rem !important; }
    
    /* Mobile introduction section stats */
    .grid-cols-2.gap-6.mb-8 > div { padding:0.5rem !important; }
    .grid-cols-2.gap-6.mb-8 > div span:first-child { font-size:1.1rem !important; }
    .grid-cols-2.gap-6.mb-8 > div span:last-child { font-size:0.55rem !important; }
    
    /* Mobile why choose us stat boxes */
    .stagger-item .w-12.h-12.rounded-xl { width:1.75rem !important; height:1.75rem !important; }
    .stagger-item .w-12.h-12.rounded-xl svg { width:0.85rem !important; height:0.85rem !important; }
    
    /* Mobile categories section buttons attractive */
    #section-certifications .flex-nowrap { flex-wrap:wrap !important; justify-content:center !important; gap:0.5rem !important; }
    #section-certifications .stagger-item { width:auto !important; }
    #section-certifications .w-32 { width:6rem !important; height:auto !important; min-height:5rem !important; padding:0.5rem !important; }
    #section-certifications .w-10.h-10 { width:1.5rem !important; height:1.5rem !important; }
    #section-certifications .w-10.h-10 svg { width:0.75rem !important; height:0.75rem !important; }
    #section-certifications h4 { font-size:0.55rem !important; }
    #section-certifications p { font-size:8px !important; }
    
    /* Mobile stats section (dark bg) attractive */
    #section-statistics .grid-cols-2 { gap:0.5rem !important; }
    #section-statistics .stagger-item { background:rgba(255,255,255,0.06) !important; border:1px solid rgba(255,255,255,0.08) !important; border-radius:1rem !important; padding:0.75rem 0.5rem !important; backdrop-filter:blur(4px) !important; }
    #section-statistics .stagger-item .text-4xl { font-size:1.5rem !important; }
    #section-statistics .stagger-item p { font-size:0.6rem !important; color:rgba(255,255,255,0.7) !important; }
    
    /* Mobile knowledge center */
    #section-knowledge .grid.md\\:grid-cols-3 { grid-template-columns:repeat(1, minmax(0,1fr)) !important; gap:0.75rem !important; }
    #section-knowledge .stagger-item { padding:1rem 0.75rem !important; }
    #section-knowledge .w-12.h-12 { width:2rem !important; height:2rem !important; }
    #section-knowledge .w-12.h-12 svg { width:1rem !important; height:1rem !important; }
    #section-knowledge h3 { font-size:0.8rem !important; }
    #section-knowledge p { font-size:0.65rem !important; }
    
    /* Mobile color library */
    #section-colors .grid-cols-3.sm\\:grid-cols-4.md\\:grid-cols-6.lg\\:grid-cols-8 { grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:0.4rem !important; }
    #section-colors .stagger-item p { font-size:8px !important; }
    
    /* Mobile thickness guide */
    #section-thickness .grid-cols-2.md\\:grid-cols-4.lg\\:grid-cols-7 { grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:0.4rem !important; }
    #section-thickness .stagger-item { padding:0.5rem !important; }
    #section-thickness .text-2xl { font-size:0.9rem !important; }
    #section-thickness p { font-size:7px !important; }
    
    /* Mobile news section */
    #section-news .grid.md\\:grid-cols-3 { grid-template-columns:repeat(1, minmax(0,1fr)) !important; gap:0.75rem !important; }
    #section-news .stagger-item { padding:0.75rem !important; }
    #section-news h3 { font-size:0.75rem !important; }
    
    /* Mobile footer */
    footer .grid.lg\\:grid-cols-5 { grid-template-columns:1fr !important; gap:1rem !important; }
    footer .lg\\:col-span-2 > img { height:2.5rem !important; } /* logo bigger */
    footer .grid-cols-2.gap-2 { gap:0.4rem !important; }
    footer .grid-cols-2.gap-2 > div { padding:0.4rem !important; }
    footer .grid-cols-2.gap-2 .text-xl { font-size:1rem !important; }
    footer .grid-cols-2.gap-2 .text-\\[10px\\] { font-size:8px !important; }
}
@media (max-width:768px) {
    .hero-title { font-size:2rem; }
    .section-title { font-size:1.75rem; }
    /* Products page mobile */
    .grid-cols-2.sm\\:grid-cols-3 { grid-template-columns:repeat(1, minmax(0,1fr)) !important; }
    .grid-cols-3.sm\\:grid-cols-3 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    .grid-cols-3.lg\\:grid-cols-6 { grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
    .grid-cols-4.sm\\:grid-cols-3, .grid-cols-4.lg\\:grid-cols-4, .grid-cols-4.xl\\:grid-cols-4 { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
    /* Footer mobile */
    footer .grid.lg\\:grid-cols-5 { grid-template-columns:1fr !important; }
    footer .grid.lg\\:grid-cols-5 > div { margin-bottom:2rem; }
    /* Floating buttons mobile */
    .fixed.bottom-6.right-6 { width:3rem !important; height:3rem !important; }
    .fixed.bottom-6.right-6 svg { width:1.25rem !important; height:1.25rem !important; }
    /* Mobile section decorative blurs - keep subtle ones */
    .bg-section-warm .blur-3xl { display:none !important; }
}