/* ===================================================
       HOMEPAGE — MODERN MAROON EDITION
       =================================================== */
    html, body { background: #0A0202; }

    /* ── HERO ── */
    .hero {
        min-height: 100vh;
        background: #0A0202;
        position: relative; overflow: hidden;
        display: flex; align-items: center;
    }
    .hero::before {
        content: '';
        position: absolute; inset: 0;
        background:
            radial-gradient(ellipse 80% 60% at 70% 50%, rgba(165,0,0,0.35) 0%, transparent 65%),
            radial-gradient(ellipse 40% 40% at 20% 80%, rgba(165,0,0,0.12) 0%, transparent 60%);
        pointer-events: none;
    }
    .hero-grid-bg {
        position: absolute; inset: 0;
        background-image:
            linear-gradient(rgba(165,0,0,0.06) 1px, transparent 1px),
            linear-gradient(90deg, rgba(165,0,0,0.06) 1px, transparent 1px);
        background-size: 60px 60px;
        mask-image: radial-gradient(ellipse 80% 80% at center, black 30%, transparent 100%);
        pointer-events: none;
    }
    .hero-container {
        max-width: 1280px; margin: 0 auto;
        padding: 120px 40px 80px;
        display: grid; grid-template-columns: 1.1fr 0.9fr;
        gap: 80px; align-items: center;
        position: relative; z-index: 2; width: 100%;
    }
    .hero-eyebrow {
        display: inline-flex; align-items: center; gap: 8px;
        background: rgba(165,0,0,0.15);
        border: 1px solid rgba(165,0,0,0.3);
        border-radius: 100px; padding: 6px 16px;
        font-size: 0.8rem; font-weight: 600;
        color: #FF8080; letter-spacing: 0.08em;
        text-transform: uppercase; margin-bottom: 28px;
    }
    .hero-eyebrow .dot {
        width: 6px; height: 6px; background: #FF6060;
        border-radius: 50%;
        animation: pulse-dot 2s ease-in-out infinite;
    }
    @keyframes pulse-dot {
        0%,100% { opacity:1; transform:scale(1); }
        50% { opacity:0.4; transform:scale(0.7); }
    }
    .hero-title {
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: clamp(2.8rem, 5vw, 4.2rem);
        font-weight: 800; line-height: 1.08;
        letter-spacing: -0.03em; color: #fff;
        margin-bottom: 24px;
    }
    .hero-title .highlight {
        background: linear-gradient(135deg, #FF6060 0%, #A50000 50%, #FF8080 100%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .hero-description {
        font-size: 1.1rem; line-height: 1.75;
        color: rgba(255,255,255,0.6); max-width: 520px;
        margin-bottom: 40px; font-weight: 400;
    }
    .hero-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
    .hero-btn-primary {
        display: inline-flex; align-items: center; gap: 10px;
        background: #A50000; color: #fff;
        padding: 15px 32px; border-radius: 12px;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 700; font-size: 0.95rem;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.23,1,0.32,1);
        border: 1px solid rgba(255,255,255,0.1);
    }
    .hero-btn-primary:hover { background:#C00000; transform:translateY(-2px); box-shadow:0 8px 30px rgba(165,0,0,0.4); }
    .hero-btn-secondary {
        display: inline-flex; align-items: center; gap: 10px;
        background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.85);
        padding: 15px 28px; border-radius: 12px;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 600; font-size: 0.95rem;
        text-decoration: none;
        border: 1px solid rgba(255,255,255,0.12);
        transition: all 0.3s ease;
        backdrop-filter: blur(10px);
    }
    .hero-btn-secondary:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.25); transform:translateY(-2px); }
    .hero-trust { margin-top:48px; display:flex; align-items:center; gap:20px; }
    .hero-trust-avatars { display:flex; }
    .hero-trust-avatars span {
        width:32px; height:32px; border-radius:50%;
        border: 2px solid #0A0202;
        background: linear-gradient(135deg, #A50000, #D32F2F);
        display:flex; align-items:center; justify-content:center;
        font-size:0.65rem; font-weight:700; color:white;
        margin-left: -8px;
    }
    .hero-trust-avatars span:first-child { margin-left:0; }
    .hero-trust-text { font-size:0.82rem; color:rgba(255,255,255,0.5); line-height:1.4; }
    .hero-trust-text strong { color:rgba(255,255,255,0.85); display:block; }

    /* ── REDESIGNED STATS CARD ── */
    .hero-stats-card {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    /* Section eyebrow label */
    .stats-eyebrow {
        display: inline-flex; align-items: center; gap: 8px;
        font-size: 0.7rem; font-weight: 700; letter-spacing: 0.14em;
        text-transform: uppercase; color: rgba(255,255,255,0.35);
        margin-bottom: 4px;
    }
    .stats-eyebrow::before {
        content:''; width:18px; height:1.5px;
        background: rgba(165,0,0,0.7); border-radius:2px;
    }

    /* Featured top stat — full width, prominent */
    .hero-stat-featured {
        background: linear-gradient(135deg, rgba(165,0,0,0.18) 0%, rgba(165,0,0,0.06) 100%);
        border: 1px solid rgba(165,0,0,0.3);
        border-radius: 20px;
        padding: 28px 32px;
        display: flex; align-items: center; justify-content: space-between;
        position: relative; overflow: hidden;
        transition: border-color 0.3s ease, transform 0.3s ease;
    }
    .hero-stat-featured::after {
        content:''; position:absolute;
        top:-60px; right:-60px; width:180px; height:180px;
        background: radial-gradient(circle, rgba(165,0,0,0.25), transparent 65%);
        pointer-events:none;
    }
    .hero-stat-featured:hover { border-color:rgba(165,0,0,0.55); transform:translateY(-2px); }
    .hero-stat-featured-left { display:flex; flex-direction:column; gap:4px; }
    .hero-stat-featured-num {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size: 3.6rem; font-weight:800;
        color:#fff; letter-spacing:-0.05em; line-height:1;
    }
    .hero-stat-featured-num em { color:#A50000; font-style:normal; }
    .hero-stat-featured-label {
        font-size:0.82rem; color:rgba(255,255,255,0.5);
        font-weight:500; letter-spacing:0.02em;
    }
    .hero-stat-featured-badge {
        background: rgba(165,0,0,0.2);
        border: 1px solid rgba(165,0,0,0.35);
        border-radius: 100px;
        padding: 6px 14px;
        font-size: 0.72rem; font-weight: 700;
        color: rgba(255,160,160,0.9);
        letter-spacing: 0.06em; text-transform: uppercase;
        white-space: nowrap;
    }

    /* Three secondary stats in a row */
    .hero-stats-row {
        display: grid; grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .hero-stat-secondary {
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.07);
        border-radius: 16px; padding: 20px 16px;
        text-align:center; position:relative; overflow:hidden;
        transition: all 0.25s ease; cursor: default;
    }
    .hero-stat-secondary:hover {
        background: rgba(255,255,255,0.06);
        border-color: rgba(255,255,255,0.15);
        transform: translateY(-3px);
    }
    .hero-stat-secondary-icon {
        font-size: 1rem; margin-bottom: 10px;
        color: rgba(165,0,0,0.7);
        display: block;
    }
    .hero-stat-secondary-num {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size:1.65rem; font-weight:800; color:#fff;
        letter-spacing:-0.04em; line-height:1; margin-bottom:5px;
    }
    .hero-stat-secondary-num em { color:#A50000; font-style:normal; }
    .hero-stat-secondary-label {
        font-size:0.7rem; color:rgba(255,255,255,0.38);
        font-weight:500; letter-spacing:0.01em;
    }

    /* Pills */
    .hero-services-pills {
        display:flex; flex-wrap:wrap; gap:7px;
        padding-top: 2px;
    }
    .hero-pill {
        display:inline-flex; align-items:center; gap:6px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.09);
        border-radius:100px; padding:6px 12px;
        font-size:0.75rem; color:rgba(255,255,255,0.55);
        font-weight:500; transition:all 0.2s ease;
    }
    .hero-pill:hover {
        background:rgba(165,0,0,0.12);
        border-color:rgba(165,0,0,0.35);
        color:rgba(255,255,255,0.85);
    }
    .hero-pill i { color:rgba(165,0,0,0.8); font-size:0.7rem; }

    /* ── LOGO BAR ── */
    .logo-bar {
        background: #FAF8F8;
        border-top: 1px solid #EDE4E4;
        border-bottom: 1px solid #EDE4E4;
        padding: 20px 0; overflow:hidden;
        position: relative;
    }
    /* Fade hint for horizontal scroll on mobile */
    @media (max-width: 640px) {
        .logo-bar::after {
            content: '';
            position: absolute;
            top: 0; right: 0;
            width: 60px; height: 100%;
            background: linear-gradient(to right, transparent, #FAF8F8 90%);
            pointer-events: none;
            z-index: 1;
        }
    }
    .logo-bar-inner { display:flex; align-items:center; }
    .logo-bar-label {
        font-size:0.75rem; font-weight:600; color:#aaa;
        letter-spacing:0.1em; text-transform:uppercase;
        white-space:nowrap; padding:0 40px; flex-shrink:0;
    }
    .logo-bar-divider { width:1px; height:24px; background:#DDD0D0; flex-shrink:0; margin-right:40px; }
    .logo-bar-tech { display:flex; gap:36px; align-items:center; flex-wrap:wrap; }
    .tech-badge {
        display:flex; align-items:center; gap:7px;
        font-size:0.88rem; font-weight:600; color:#999;
        white-space:nowrap; transition:color 0.2s;
    }
    .tech-badge i { color:#A50000; }
    .tech-badge:hover { color:#A50000; }

    /* ── SERVICES BENTO GRID ── */
    .services-bento { padding:100px 0; background:#fff; }
    .section-label {
        display:inline-flex; align-items:center; gap:8px;
        font-size:0.75rem; font-weight:700; letter-spacing:0.12em;
        text-transform:uppercase; color:#A50000; margin-bottom:16px;
    }
    .section-label::before { content:''; width:20px; height:2px; background:#A50000; border-radius:2px; }
    .section-title {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size:clamp(2rem, 3.5vw, 2.8rem);
        font-weight:800; letter-spacing:-0.03em;
        color:#0F0F0F; line-height:1.15; margin-bottom:16px;
    }
    .section-subtitle { font-size:1.05rem; color:#666; max-width:520px; line-height:1.7; }
    .services-header {
        display:flex; justify-content:space-between;
        align-items:flex-end; margin-bottom:56px; gap:40px;
    }
    .services-header-left { max-width:480px; }

    .bento-grid {
        display:grid; grid-template-columns:repeat(12, 1fr);
        gap:16px;
    }
    .bento-card {
        background:#FAF8F8; border:1px solid #EDE4E4;
        border-radius:20px; padding:36px;
        transition:all 0.35s cubic-bezier(0.23,1,0.32,1);
        position:relative; overflow:hidden;
        text-decoration:none; display:block;
    }
    .bento-card::after {
        content:''; position:absolute; bottom:-30px; right:-30px;
        width:120px; height:120px; border-radius:50%;
        background:radial-gradient(circle, rgba(165,0,0,0.06), transparent 70%);
        transition:transform 0.4s ease;
    }
    .bento-card:hover { border-color:rgba(165,0,0,0.25); box-shadow:0 20px 50px rgba(165,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04); transform:translateY(-4px); background:#fff; }
    .bento-card:hover::after { transform:scale(2); }
    .bento-card.dark { background:#0A0202; border-color:rgba(165,0,0,0.2); }
    .bento-card.dark:hover { background:#120404; border-color:rgba(165,0,0,0.4); }
    .bento-card.accent { background:linear-gradient(135deg, #A50000 0%, #D32F2F 100%); border-color:transparent; }
    .bento-card.accent:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(165,0,0,0.3); }
    .bento-1 { grid-column:1 / 6; }
    .bento-2 { grid-column:6 / 9; }
    .bento-3 { grid-column:9 / 13; }
    .bento-4 { grid-column:1 / 5; }
    .bento-5 { grid-column:5 / 9; }
    .bento-6 { grid-column:9 / 13; }

    .bento-icon {
        width:52px; height:52px;
        background:rgba(165,0,0,0.1); border:1px solid rgba(165,0,0,0.2);
        border-radius:14px;
        display:flex; align-items:center; justify-content:center;
        margin-bottom:20px; transition:all 0.3s ease;
    }
    .bento-icon i,.bento-icon svg,.bento-icon svg.svg-icon { color:#A50000 !important; fill:#A50000 !important; font-size:1.3rem; width:1.3rem !important; height:1.3rem !important; }
    .bento-card:hover .bento-icon { background:#A50000; border-color:#A50000; }
    .bento-card:hover .bento-icon i,.bento-card:hover .bento-icon svg,.bento-card:hover .bento-icon svg.svg-icon { color:#fff !important; fill:#fff !important; }
    .bento-card.dark .bento-icon,
    .bento-card.accent .bento-icon { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.2); }
    .bento-card.dark .bento-icon i,
    .bento-card.accent .bento-icon i,.bento-card.accent .bento-icon svg,.bento-card.accent .bento-icon svg.svg-icon { color:#fff !important; fill:#fff !important; }
    .bento-card.dark:hover .bento-icon,
    .bento-card.accent:hover .bento-icon { background:rgba(255,255,255,0.2); }

    .bento-tag {
        display:inline-block; font-size:0.7rem; font-weight:700;
        letter-spacing:0.1em; text-transform:uppercase;
        color:#A50000; background:rgba(165,0,0,0.08);
        padding:3px 10px; border-radius:100px; margin-bottom:14px;
    }
    .bento-card.dark .bento-tag,
    .bento-card.accent .bento-tag { color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.1); }
    .bento-title {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size:1.25rem; font-weight:700; color:#0F0F0F;
        letter-spacing:-0.02em; margin-bottom:10px; line-height:1.3;
    }
    .bento-card.dark .bento-title,
    .bento-card.accent .bento-title { color:#fff; }
    .bento-desc { font-size:0.9rem; color:#666; line-height:1.65; margin-bottom:20px; }
    .bento-card.dark .bento-desc,
    .bento-card.accent .bento-desc { color:rgba(255,255,255,0.6); }
    .bento-chips { display:flex; flex-wrap:wrap; gap:7px; }
    .bento-chip {
        font-size:0.75rem; color:#A50000;
        background:rgba(165,0,0,0.07); border:1px solid rgba(165,0,0,0.15);
        padding:4px 11px; border-radius:100px; font-weight:500;
    }
    .bento-card.dark .bento-chip,
    .bento-card.accent .bento-chip { color:rgba(255,255,255,0.8); background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.15); }
    .bento-arrow {
        position:absolute; top:28px; right:28px;
        width:36px; height:36px; border-radius:10px;
        background:rgba(165,0,0,0.08);
        display:flex; align-items:center; justify-content:center;
        color:#A50000; font-size:0.75rem;
        opacity:0; transform:translateX(-6px);
        transition:all 0.3s ease;
    }
    .bento-card:hover .bento-arrow { opacity:1; transform:translateX(0); }
    .bento-card.dark .bento-arrow,
    .bento-card.accent .bento-arrow { background:rgba(255,255,255,0.1); color:#fff; }
    .bento-metrics { display:flex; gap:12px; margin-bottom:20px; }
    .bento-metric {
        background:rgba(165,0,0,0.06); border:1px solid rgba(165,0,0,0.12);
        border-radius:12px; padding:14px 18px; flex:1; text-align:center;
    }
    .bento-card.dark .bento-metric { background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.1); }
    .bento-metric-num {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size:1.5rem; font-weight:800; color:#FF8080;
        letter-spacing:-0.04em;
    }
    .bento-metric-label { font-size:0.7rem; color:rgba(255,255,255,0.45); font-weight:500; margin-top:2px; }

    /* ── STATS BAND ── */
    .stats-band {
        background:#1a0303; padding:72px 0;
        position:relative; overflow:hidden;
    }
    .stats-band::before {
        content:''; position:absolute; inset:0;
        background:radial-gradient(ellipse 60% 80% at 50% 50%, rgba(165,0,0,0.15), transparent 70%);
        pointer-events:none;
    }
    .stats-band-grid {
        display:grid; grid-template-columns:repeat(4,1fr);
        gap:2px; position:relative; z-index:1;
    }
    .stats-band-item {
        text-align:center; padding:40px 20px;
        border-right:1px solid rgba(255,255,255,0.06);
        transition:background 0.3s ease;
    }
    .stats-band-item:last-child { border-right:none; }
    .stats-band-item:hover { background:rgba(165,0,0,0.08); }
    .stats-band-num {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size:3.2rem; font-weight:800; color:#fff;
        letter-spacing:-0.05em; line-height:1; margin-bottom:8px;
    }
    .stats-band-num em { font-style:normal; color:#A50000; }
    .stats-band-label { font-size:0.85rem; color:rgba(255,255,255,0.4); font-weight:500; }

    /* ── WHY US ── */
    .why-us { padding:100px 0; background:#FAF8F8; }
    .why-us-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
    .why-pillars { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:40px; }
    .pillar-card {
        background:#fff; border:1px solid #EDE4E4;
        border-radius:16px; padding:24px;
        transition:all 0.3s ease;
    }
    .pillar-card:hover { border-color:rgba(165,0,0,0.2); box-shadow:0 8px 25px rgba(165,0,0,0.07); transform:translateY(-3px); }
    .pillar-icon {
        width:44px; height:44px; border-radius:12px;
        background:rgba(165,0,0,0.08);
        display:flex; align-items:center; justify-content:center; margin-bottom:14px;
    }
    .pillar-icon i,.pillar-icon svg,.pillar-icon svg.svg-icon { color:#A50000 !important; fill:#A50000 !important; font-size:1.1rem; width:1.1rem !important; height:1.1rem !important; }
    .pillar-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:0.95rem; font-weight:700; color:#0F0F0F; margin-bottom:6px; }
    .pillar-card p { font-size:0.82rem; color:#777; line-height:1.6; margin:0; }

    .process-steps { }
    .process-step { display:flex; gap:20px; margin-bottom:32px; position:relative; }
    .process-step:not(:last-child)::after {
        content:''; position:absolute; left:19px; top:48px;
        width:2px; height:calc(100% - 16px);
        background:linear-gradient(to bottom, #A50000, transparent); opacity:0.2;
    }
    .step-num {
        width:40px; height:40px; border-radius:12px; background:#A50000;
        display:flex; align-items:center; justify-content:center;
        font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:0.85rem; color:#fff;
        flex-shrink:0; box-shadow:0 4px 12px rgba(165,0,0,0.3);
    }
    .step-body h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:1rem; font-weight:700; color:#0F0F0F; margin-bottom:4px; }
    .step-body p { font-size:0.88rem; color:#666; line-height:1.6; margin:0; }

    /* ── TECH STACK ── */
    .tech-stack { padding:80px 0; background:#fff; }
    .tech-stack-header { text-align:center; margin-bottom:56px; }
    .tech-track { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
    .tech-col {
        background:#FAF8F8; border:1px solid #EDE4E4;
        border-radius:16px; padding:24px 20px; transition:all 0.3s ease;
    }
    .tech-col:hover { border-color:rgba(165,0,0,0.2); background:#fff; box-shadow:0 8px 25px rgba(165,0,0,0.06); }
    .tech-col-title {
        font-family:'Plus Jakarta Sans',sans-serif; font-size:0.75rem;
        font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
        color:#A50000; margin-bottom:16px; padding-bottom:12px;
        border-bottom:1px solid #EDE4E4;
    }
    .tech-pills { display:flex; flex-direction:column; gap:8px; }
    .tech-pill-item {
        display:flex; align-items:center; gap:8px;
        font-size:0.85rem; color:#444; font-weight:500; padding:6px 0;
        border-bottom:1px solid rgba(237,228,228,0.5);
    }
    .tech-pill-item:last-child { border-bottom:none; }
    .tech-pill-item::before { content:''; width:6px; height:6px; background:#A50000; border-radius:50%; flex-shrink:0; opacity:0.4; }
    .tech-pill-item:hover::before { opacity:1; }

    /* ── TESTIMONIALS ── */
    .testimonials-new {
        padding:80px 0; background:#0A0202;
        position:relative; overflow:hidden;
    }
    .testimonials-new::before {
        content:''; position:absolute; inset:0;
        background:radial-gradient(ellipse 50% 80% at 50% 50%, rgba(165,0,0,0.1), transparent 70%);
        pointer-events:none;
    }
    .testimonials-new .section-label { color:#FF8080; }
    .testimonials-new .section-label::before { background:#A50000; }
    .testimonials-new .section-title { color:#fff; }
    .testimonials-new .section-subtitle { color:rgba(255,255,255,0.5); }
    .testimonials-new-header { text-align:center; margin-bottom:56px; position:relative; z-index:1; }
    .testi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; position:relative; z-index:1; }
    .testi-new-card {
        background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07);
        border-radius:20px; padding:32px; transition:all 0.3s ease;
    }
    .testi-new-card:hover { background:rgba(165,0,0,0.08); border-color:rgba(165,0,0,0.25); transform:translateY(-4px); }
    .testi-new-card.featured { background:#A50000; border-color:transparent; }
    .testi-new-card.featured:hover { background:#B50000; box-shadow:0 20px 50px rgba(165,0,0,0.4); }
    .testi-stars-new { color:#F59E0B; font-size:0.85rem; margin-bottom:16px; letter-spacing:2px; }
    .testi-new-card.featured .testi-stars-new { color:#FFD700; }
    .testi-text { font-size:0.93rem; color:rgba(255,255,255,0.65); line-height:1.75; margin-bottom:24px; font-style:italic; }
    .testi-new-card.featured .testi-text { color:rgba(255,255,255,0.85); }
    .testi-author-row { display:flex; align-items:center; gap:12px; }
    .testi-av {
        width:40px; height:40px; border-radius:12px;
        background:linear-gradient(135deg, rgba(165,0,0,0.3), rgba(211,47,47,0.3));
        border:1px solid rgba(165,0,0,0.3);
        display:flex; align-items:center; justify-content:center;
        font-weight:800; font-size:0.85rem; color:#FF8080; flex-shrink:0;
    }
    .testi-new-card.featured .testi-av { background:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.3); color:#fff; }
    .testi-name { font-weight:700; color:#fff; font-size:0.88rem; }
    .testi-role { font-size:0.78rem; color:rgba(255,255,255,0.45); margin-top:2px; }
    .testi-new-card.featured .testi-role { color:rgba(255,255,255,0.65); }

    /* ── CTA BANNER ── */
    .cta-banner {
        padding:80px 0;
        background:linear-gradient(135deg, #FAF8F8 0%, #F2EAEA 100%);
        border-top:1px solid #EDE4E4;
    }
    .cta-banner-inner { display:flex; align-items:center; justify-content:space-between; gap:48px; flex-wrap:wrap; }
    .cta-banner-title {
        font-family:'Plus Jakarta Sans',sans-serif;
        font-size:clamp(1.8rem, 3vw, 2.5rem); font-weight:800;
        color:#0F0F0F; letter-spacing:-0.03em; line-height:1.15; margin-bottom:12px;
    }
    .cta-banner-sub { font-size:1rem; color:#777; max-width:400px; margin:0; }
    .cta-banner-actions { display:flex; gap:14px; flex-wrap:wrap; align-items:center; flex-shrink:0; }
    .cta-btn-main {
        display:inline-flex; align-items:center; gap:10px;
        background:#A50000; color:#fff;
        padding:16px 32px; border-radius:12px;
        font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:0.95rem;
        text-decoration:none; transition:all 0.3s ease;
        box-shadow:0 4px 20px rgba(165,0,0,0.25);
    }
    .cta-btn-main:hover { background:#C00000; transform:translateY(-2px); box-shadow:0 8px 30px rgba(165,0,0,0.35); }
    .cta-btn-phone {
        display:inline-flex; align-items:center; gap:10px;
        background:transparent; color:#A50000;
        padding:16px 28px; border-radius:12px;
        font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:0.95rem;
        text-decoration:none; border:2px solid rgba(165,0,0,0.25);
        transition:all 0.3s ease;
    }
    .cta-btn-phone:hover { background:rgba(165,0,0,0.06); border-color:#A50000; }

    /* ── RESPONSIVE ── */
    /* ── TABLET ── */
    @media (max-width: 1100px) {
        .bento-grid { grid-template-columns:repeat(6,1fr); }
        .bento-1,.bento-3,.bento-5 { grid-column:1 / 4; }
        .bento-2,.bento-4,.bento-6 { grid-column:4 / 7; }
        .tech-track { grid-template-columns:repeat(3,1fr); }
        .stats-band-grid { grid-template-columns:repeat(2,1fr); }
        .stats-band-item:nth-child(2) { border-right:none; }
        .footer-new-grid { grid-template-columns:1fr 1fr; }
    }

    /* ── MOBILE LANDSCAPE / LARGE PHONE ── */
    @media (max-width: 900px) {
        .hero-container { grid-template-columns:1fr; gap:40px; padding:100px 24px 60px; }
        .hero-stats-card { display:none; }
        .why-us-inner { grid-template-columns:1fr; gap:40px; }
        .testi-row { grid-template-columns:1fr; gap:16px; }
        .cta-banner-inner { flex-direction:column; align-items:flex-start; gap:28px; }
        .cta-banner-actions { flex-direction:column; width:100%; }
        .cta-btn-main, .cta-btn-phone { width:100%; justify-content:center; }
        .services-header { flex-direction:column; align-items:flex-start; gap:20px; }
        .services-header a { width:100%; text-align:center; justify-content:center; }
    }

    /* ── SMALL PHONE ── */
    @media (max-width: 640px) {
        .bento-grid { display:flex; flex-direction:column; gap:12px; }
        .bento-card { padding:24px 20px; }
        .tech-track { grid-template-columns:1fr; }
        .why-pillars { grid-template-columns:1fr; }
        .stats-band-grid { grid-template-columns:1fr 1fr; }
        .stats-band-num { font-size:2.4rem; }
        .hero-title { font-size:2.2rem; }
        .hero-description { font-size:1rem; }
        .hero-trust { flex-direction:column; align-items:flex-start; gap:12px; }
        .hero-eyebrow { font-size:0.72rem; }
        /* logo bar — scroll horizontally on mobile */
        .logo-bar { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        .logo-bar-inner { min-width:max-content; padding:0 20px; }
        .logo-bar-tech { gap:24px; }
        /* sections padding */
        .services-bento { padding:64px 0; }
        .why-us { padding:64px 0; }
        .tech-stack { padding:56px 0; }
        .stats-band { padding:48px 0; }
        .cta-banner { padding:56px 0; }
        /* section titles */
        .section-title { font-size:1.75rem; }
        .section-subtitle { font-size:0.95rem; }
        /* process steps */
        .process-step:not(:last-child)::after { display:none; }
        /* testi */
        .testi-new-card { padding:24px 20px; }
        /* footer */
        .footer-new-grid { grid-template-columns:1fr; gap:28px; }
        .footer-new-bar { flex-direction:column; align-items:flex-start; gap:12px; }
        /* container */
        .container { padding:0 20px; }
    }

    /* ── VERY SMALL (iPhone SE, 320px) ── */
    @media (max-width: 380px) {
        .hero-title { font-size:1.9rem; }
        .hero-btn-primary, .hero-btn-secondary { padding:13px 20px; font-size:0.88rem; width:100%; justify-content:center; }
        .hero-actions { flex-direction:column; }
        .stats-band-num { font-size:2rem; }
        .bento-card { padding:20px 16px; }
        .bento-metrics { flex-direction:column; }
    }