/* ─────────────────────────────────────────────

   COLOR TOKENS  (red/dark scheme like reference)

   Primary accent : #f2594b  (red-orange)

   Secondary accent: #FF5C38 (lighter red)

   Dark bg        : #0A0A0F

   Dark surface   : #111118

   Card bg        : #16161F

   Border         : rgba(255,255,255,0.08)

───────────────────────────────────────────── */

:root{

  --red:#f2594b;

  --red-lt:#FF5C38;

  --red-dim:rgba(232,50,10,0.15);

  --red-border:rgba(232,50,10,0.3);

  --navy:#0A0A0F;

  --navy2:#111118;

  --card:#16161F;

  --card2:#1C1C27;

  --border:rgba(255,255,255,0.08);

  --border2:rgba(255,255,255,0.13);

  --white:#FFFFFF;

  --text-pri:#FFFFFF;

  --text-sec:rgba(255,255,255,0.62);

  --text-muted:rgba(255,255,255,0.38);

  --green:#22C55E;

  --amber:#F59E0B;

  --blue:#3B82F6;

  --purple:#8B5CF6;

  --sg:'Space Grotesk',sans-serif;

  --it:'Inter',sans-serif;

}

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

html{scroll-behavior:smooth}

body{font-family:var(--it);background:var(--navy);color:var(--text-pri);overflow-x:hidden;line-height:1.6}



/* ── SCROLLBAR ── */

::-webkit-scrollbar{width:6px}

::-webkit-scrollbar-track{background:var(--navy)}

::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}



/* ── NAV ── */

.homepage_nav{display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:68px;background:rgba(10,10,15,0.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--border)}

.homepage_nav-logo{font-family:var(--sg);font-weight:700;font-size:22px;color:var(--white);letter-spacing:-0.5px;text-decoration:none}

.homepage_nav-logo span{color:var(--red)}

.homepage_nav-links{display:flex;gap:36px;list-style:none}

.homepage_nav-links a{color:var(--text-sec);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}

.homepage_nav-links a:hover{color:var(--white)}

.homepage_nav-cta{background:var(--red);color:var(--white);border:none;padding:10px 22px;border-radius:7px;font-size:14px;font-weight:600;font-family:var(--it);cursor:pointer;transition:background .2s}

.homepage_nav-cta:hover{background:var(--red-lt)}



/* ── HERO ── */

.homepage_hero{background: radial-gradient(circle at top left, rgba(242, 89, 75, 0.38), transparent 34%), radial-gradient(circle at bottom right, rgba(52, 72, 146, 0.72), transparent 35%), linear-gradient(135deg, #111827 0%, #111111 48%, #1c243f 100%);;padding:120px 56px 0;position:relative;overflow:hidden}

.homepage_hero-glow-r{position:absolute;top:-140px;right:-100px;width:700px;height:700px;background:radial-gradient(circle,rgba(232,50,10,0.12) 0%,transparent 65%);pointer-events:none}

.homepage_hero-glow-l{position:absolute;bottom:60px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(232,50,10,0.06) 0%,transparent 65%);pointer-events:none}

.homepage_hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}

.homepage_hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1180px;margin:0 auto;position:relative;z-index:2}

.homepage_hero-eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--red-dim);border:1px solid var(--red-border);border-radius:24px;padding:6px 18px;font-size:12px;font-weight:700;color:var(--red-lt);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:24px}

.homepage_hero-eyebrow-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:pulse 2s ease-in-out infinite}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

.homepage_hero-h1{font-family:var(--sg);font-size:54px;font-weight:700;color:var(--white);line-height:1.08;letter-spacing:-2px;margin-bottom:22px}

.homepage_hero-h1 .homepage_ra{color:var(--red-lt)}

.homepage_hero-h1 .homepage_rb{color:var(--red)}

.homepage_hero-sub{font-size:16px;color:var(--text-sec);line-height:1.72;margin-bottom:36px;max-width:480px}

.homepage_hero-btns{display:flex;gap:14px;flex-wrap:wrap}

.homepage_btn-hero-p{background:var(--red);color:#fff;border:none;padding:15px 30px;border-radius:9px;font-size:15px;font-weight:600;font-family:var(--it);cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:homepage_2s,transform .15s}

.homepage_btn-hero-p:hover{background:var(--red-lt);transform:translateY(-2px)}

.homepage_btn-hero-o{background:transparent;color:rgba(255,255,255,0.85);border:1px solid var(--border2);padding:15px 30px;border-radius:9px;font-size:15px;font-weight:500;font-family:var(--it);cursor:pointer;transition:homepage_2s,color .2s}

.homepage_btn-hero-o:hover{border-color:var(--red);color:#fff}

.homepage_hero-right{display:flex;flex-direction:column;gap:20px;
    will-change: transform;}

.homepage_video-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:border-color .2s}

.homepage_video-card:hover{border-color:var(--red-border)}

.homepage_video-thumb{background:linear-gradient(135deg,#0D0A1A,#1a0d2e);height:300px;display:flex;align-items:center;justify-content:center;position:relative}

.homepage_video-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,50,10,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,50,10,0.05) 1px,transparent 1px);background-size:32px 32px}

.homepage_play-btn{width:66px;height:66px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;cursor:pointer;z-index:2;transition:all 0.5s ease-in-out; position:relative;}

.homepage_play-btn:hover{transform:scale(1.1);background:var(--red-lt)}

.homepage_video-badge{position:absolute;top:16px;right:16px;background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.85);font-size:10px;font-weight:700;padding:5px 12px;border-radius:20px;letter-spacing:0.5px;z-index:2;border:1px solid rgba(255,255,255,0.12)}

.homepage_video-card video{margin: 0px !important;}

.homepage_video-info{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}

.homepage_video-info-text strong{font-size:14px;color:#fff;display:block;font-weight:600;margin-bottom:3px}

.homepage_video-info-text span{font-size:12px;color:var(--text-muted)}

.homepage_video-info i{font-size:18px;color:var(--text-muted)}

.homepage_trust-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.homepage_badge-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 12px;text-align:center;transition:border-color .2s}

.homepage_badge-card:hover{border-color:var(--red-border)}

.homepage_badge-platform{font-size:10px;color:var(--text-muted);margin-bottom:4px;font-weight:600;letter-spacing:0.5px}

.homepage_badge-score{font-family:var(--sg);font-size:18px;font-weight:700;color:#fff}

.homepage_badge-stars{color:#FBBF24;font-size:11px;letter-spacing:1.5px;margin-top:3px}



/* ── KPI STRIP ── */

.homepage_kpi-strip{background:transparent;border-top:1px solid var(--border);padding:0 56px;margin-top:64px}

.homepage_kpi-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--border)}

.homepage_kpi-item{padding:32px 36px;border-right:1px solid var(--border);border-top:1px solid var(--border);text-align:center;position:relative}

.homepage_kpi-item::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--red);transition:width .3s}

.homepage_kpi-item:hover::before{width:60%}

.homepage_kpi-num{font-family:var(--sg);font-size:42px;font-weight:700;color:#fff;line-height:1;margin-bottom:7px}

.homepage_kpi-num .homepage_ka{color:var(--red)}

.homepage_kpi-label{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:0.5px}



/* ── SECTION COMMON ── */

.homepage_section{padding:88px 56px}

.homepage_section-dark{background:var(--navy2)}

.homepage_section-card{background:var(--card)}

.homepage_max{max-width:1180px;margin:0 auto}

.homepage_sec-tag{font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:14px;display:flex;align-items:center;gap:8px}

.homepage_sec-tag::before{content:'';width:24px;height:2px;background:var(--red);display:inline-block}

.homepage_sec-h2{font-family:var(--sg);font-size:40px;font-weight:700;color:#fff;letter-spacing:-1.3px;line-height:1.12;margin-bottom:18px}

.homepage_sec-h2 em{color:var(--red-lt);font-style:normal}

.homepage_sec-desc{font-size:15px;color:var(--text-sec);line-height:1.72;max-width:580px;margin-bottom:52px}



/* ── NEED GRID ── */

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

.homepage_need-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;cursor:pointer;transition:homepage_25s,background .2s;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}

.homepage_need-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(232,50,10,0.06),transparent 60%);opacity:0;transition:opacity .3s}

.homepage_need-card:hover{border-color:var(--red-border);transform:translateY(-4px)}

.homepage_need-card:hover::after{opacity:1}

.homepage_need-icon{width:50px;height:50px;background:var(--red-dim);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--red-lt)}

.homepage_need-title{font-family:var(--sg);font-size:17px;font-weight:700;color:#fff}

.homepage_need-desc{font-size:16px;color:var(--text-sec);line-height:1.6}

.homepage_need-arrow{font-size:13px;color:var(--red);margin-top:auto;font-weight:600;display:flex;align-items:center;gap:5px}



/* ── SERVICES TABS ── */

.homepage_tabs-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:48px;overflow-x:auto}

.homepage_tab-btn{padding:15px 26px;font-size:14px;font-weight:500;color:var(--text-sec);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--it);position:relative}

.homepage_tab-btn.active{color:var(--red-lt);border-bottom-color:var(--red);font-weight:600}

.homepage_tab-pane{display:none}

.homepage_tab-pane.active{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}

.homepage_feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.homepage_feat-chip{background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:15px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-sec);transition: homepage_2s,color .2s}

.homepage_feat-chip:hover{border-color:var(--red-border);color:#fff}

.homepage_feat-chip i{font-size:18px;color:var(--red)}

.homepage_tab-content h3{font-family:var(--sg);font-size:26px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-0.5px}

.homepage_tab-content p{font-size:14.5px;color:var(--text-sec);line-height:1.72;margin-bottom:24px}

.homepage_outcomes-box{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:20px 22px;border-left:3px solid var(--red)}

.homepage_outcomes-title{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:15px}

.homepage_outcome-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-sec);margin-bottom:10px}

.homepage_outcome-dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0}



/* ── AI SECTION ── */

.homepage_ai-section{background:#fff;padding:100px 0px;position:relative;overflow:hidden}

.homepage_ai-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(232,50,10,0.07) 0%,transparent 70%);pointer-events:none}

.homepage_ai-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:2}

.homepage_ai-tag{color:var(--red-lt);margin-bottom:14px}

.homepage_ai-h2{font-family:var(--sg);font-size:40px;font-weight:700;color:#171717;letter-spacing:-1.3px;line-height:1.12;margin-bottom:18px}

.homepage_ai-desc{font-size:16px;color:#6C6C6C;line-height:1.72;margin-bottom:32px}

.homepage_ai-cta{background:var(--red);color:#fff;border:none;padding:15px 28px;border-radius:9px;font-size:15px;font-weight:600;font-family:var(--it);cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:background .2s}

.homepage_ai-cta:hover{background:var(--red-lt)}

.homepage_ai-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.homepage_ai-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;transition:border-color .2s}

.homepage_ai-card:hover{border-color:var(--red-border)}

.homepage_ai-card-icon{width:44px;height:44px;background:var(--red-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--red-lt);margin-bottom:13px}

.homepage_ai-card h4{font-size:14.5px;font-weight:700;color:#fff;margin-bottom:6px;font-family:var(--sg)}

.homepage_ai-card p{font-size:12.5px;color:var(--text-muted);line-height:1.55}

.homepage_ai-card.span2{grid-column:1/-1;display:flex;align-items:center;gap:20px}

.homepage_ai-card.span2 .homepage_ai-card-icon{flex-shrink:0;width:50px;height:50px;font-size:24px}



/* ── CASES ── */

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

.homepage_case-card{background: radial-gradient(circle at 15% 25%, rgba(242, 89, 75, 0.18), transparent 30%), linear-gradient(135deg, #070a12 0%, #101827 55%, #172554 100%);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition: all 0.5s ease-in-out;}

.homepage_case-card:hover{transform:translateY(-4px);border-color:var(--red-border)}

.homepage_case-thumb{display:flex;align-items:center;justify-content:center;position:relative;height: 284px;}
#chatbase-bubble-button{
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 29.14%, rgba(255, 255, 255, 0.16) 100%),#3c4c94 !important;
}
.homepage_ct1{background:linear-gradient(135deg,#0D0A1A,#1a0d2e)}

.homepage_ct2{background:linear-gradient(135deg,#140810,#2a0a1e)}

.homepage_ct3{background:linear-gradient(135deg,#0a1208,#1a2c0d)}

.homepage_case-thumb-icon{font-size:54px;color:rgba(255,255,255,0.12)}

.homepage_case-label{position:absolute;top:14px;right:14px;background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.85);font-size:10px;font-weight:700;padding:5px 12px;border-radius:20px;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.1)}

.homepage_case-body{padding:22px}

.homepage_case-name{font-family:var(--sg);font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}

.homepage_case-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:9px;font-size:12.5px;flex-direction: column;}

.homepage_case-lbl{font-weight:700;color:var(--red);flex-shrink:0;font-size:14px;text-transform:uppercase;letter-spacing:0.6px;padding-top:1px;min-width:52px}

.homepage_case-val{color:var(--text-sec);line-height:1.45;font-size: 15px;}

.homepage_case-link{margin-top:18px;font-size:13px;font-weight:600;color:var(--red-lt);display:flex;align-items:center;gap:6px;cursor:pointer}



/* ── CLIENT RESULTS ── */

.homepage_cr-section{background:var(--navy2);padding:88px 56px}

.homepage_cr-max{max-width:1180px;margin:0 auto}

.homepage_cr-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--red-dim);border:1px solid var(--red-border);border-radius:24px;padding:5px 16px;font-size:11px;font-weight:700;color:var(--red-lt);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}

.homepage_cr-eyebrow-dot{width:6px;height:6px;background:var(--red);border-radius:50%}

.homepage_cr-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:20px}

.homepage_cr-h2{font-family:var(--sg);font-size:40px;font-weight:700;color:#fff;letter-spacing:-1.3px;line-height:1.12}

.homepage_cr-h2 em{color:var(--red-lt);font-style:normal}

.homepage_cr-client-pill{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 22px;display:flex;align-items:center;gap:14px}

.homepage_cr-client-av{width:38px;height:38px;background:var(--red-dim);border:1px solid var(--red-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--red-lt)}

.homepage_cr-client-name{font-size:15px;font-weight:600;color:#fff}

.homepage_cr-client-sub{font-size:11px;color:var(--text-muted);margin-top:2px}

.homepage_cr-updated{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.22);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;color:#4ADE80;margin-top:10px;display:inline-block;text-align: left;}

.homepage_cr-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}

.homepage_cr-metric-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .2s}

.homepage_cr-metric-card:hover{border-color:var(--red-border)}

.homepage_cr-metric-label{font-size:10.5px;font-weight:700;color:var(--text-muted);letter-spacing:0.8px;text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:20px}

.homepage_cr-metric-label i{font-size:14px}

.homepage_cr-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}

.homepage_cr-gauge-center{text-align:center}

.homepage_cr-gauge-pct{font-family:var(--sg);font-size:32px;font-weight:700;color:#fff;line-height:1}

.homepage_cr-gauge-note{font-size:11px;color:var(--text-muted);margin-top:3px}

.homepage_cr-gauge-legend{display:flex;flex-direction:column;gap:7px;width:100%}

.homepage_cr-leg-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}

.homepage_cr-leg-left{display:flex;align-items:center;gap:7px;color:var(--text-sec)}

.homepage_cr-leg-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

.homepage_cr-leg-val{font-weight:700;color:#fff}

.homepage_cr-pages-num{font-family:var(--sg);font-size:40px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}

.homepage_cr-pages-note{font-size:12px;color:var(--text-muted);margin-bottom:18px}

.homepage_cr-bar-track{background:rgba(255,255,255,0.07);border-radius:4px;height:6px;margin-bottom:16px;overflow:hidden}

.homepage_cr-bar-green{height:6px;background:var(--green);border-radius:4px}

.homepage_cr-page-list{display:flex;flex-direction:column;gap:9px}

.homepage_cr-page-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}

.homepage_cr-page-row-left{display:flex;align-items:center;gap:8px;color:var(--text-sec)}

.homepage_cr-page-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

.homepage_cr-page-val{font-weight:700;color:#fff;font-size:14px}

.homepage_cr-ai-pct{font-family:var(--sg);font-size:40px;font-weight:700;color:#fff;line-height:1}

.homepage_cr-ai-note{font-size:11px;color:var(--text-muted)}

.homepage_cr-ai-badge{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);border-radius:9px;padding:10px 14px;font-size:12px;color:#4ADE80;line-height:1.5;margin-top:14px}

.homepage_cr-ai-badge i{font-size:13px;vertical-align:-2px;margin-right:5px}

.homepage_cr-bots-count{font-size:12px;color:var(--text-muted);margin-bottom:16px}

.homepage_cr-bot-list{display:flex;flex-direction:column;gap:10px}

.homepage_cr-bot-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-sec)}

.homepage_cr-bot-left{display:flex;align-items:center;gap:10px}

.homepage_cr-bot-av{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}

.homepage_cr-check{width:22px;height:22px;background:rgba(34,197,94,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#4ADE80}

.homepage_cr-perf-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:0}

.homepage_cr-perf-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:border-color .2s}

.homepage_cr-perf-card:hover{border-color:var(--red-border)}
.homepage_need-arrow a{color: var(--red);position: relative;z-index: 100;}

.homepage_cr-perf-lbl{font-size:10.5px;font-weight:700;color:var(--text-muted);letter-spacing:0.8px;text-transform:uppercase}

.homepage_cr-ring-num{font-family:var(--sg);font-size:16px;font-weight:700;fill:#fff;text-anchor:middle}

.homepage_cr-perf-sub{font-size:12px;color:var(--text-muted)}

.homepage_section_4 .homepage_ai-cta a{color: #fff;}

.homepage_section_5 .homepage_case-link a{ color: var(--red-lt)};
.homepage_cr-cta-bar{margin-top:28px;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:16px}
.homepage_final-cta .homepage_final-btns a:hover{color: #fff;}
.premium-banner-actions a{border-radius: 8px;}

.homepage_cr-cta-bar-left{display:flex;align-items:center;gap:13px}

.homepage_cr-cta-bar-left i{font-size:24px;color:var(--red)}

.homepage_cr-cta-bar-text{font-size:14px;color:var(--text-sec)}

.homepage_cr-cta-bar-text strong{color:#fff;font-weight:600}

.homepage_cr-cta-btn{background:var(--red);color:#fff;border:none;padding:12px 24px;border-radius:9px;font-size:14px;font-weight:600;font-family:var(--it);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}

.homepage_cr-cta-btn:hover{background:var(--red-lt)}



/* ── CLIENTS ── */

.homepage_clients-strip{padding:100px 0px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}

.homepage_clients-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#171717;margin-bottom:30px}

.homepage_clients-row{display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap}

.homepage_client-name{font-family:var(--sg);font-size:16px;font-weight:700;color:rgba(255,255,255,0.3);letter-spacing:-0.3px;transition:color .2s;cursor:default}

.homepage_client-name:hover{color:rgba(255,255,255,0.7)}



/* ── INDUSTRIES ── */

.homepage_ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

.homepage_ind-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px;text-align:center;cursor:pointer;}

.homepage_ind-card:hover{border-color:var(--red-border);transform:translateY(-3px)}

.homepage_ind-icon{font-size:32px;margin-bottom:13px;display:block;color:var(--red)}

.homepage_ind-name{font-size:14px;font-weight:600;color:var(--text-sec);transition:color .2s}

.homepage_ind-card:hover .homepage_ind-name{color:#fff}

.homepage_section_4 .homepage_ai-card_dark{
    background: radial-gradient(circle at 15% 25%, rgba(242, 89, 75, 0.18), transparent 30%), linear-gradient(135deg, #070a12 0%, #101827 55%, #172554 100%);}

    .homepage_section_4 .homepage_ai-card_dark h4{color: #fff !important;}
     .homepage_section_4 .homepage_ai-card_dark p{color: rgb(255,255,255,0.8) !important;;}



/* ── PROCESS ── */

.homepage_process-section{background:var(--navy);padding:100px 0px;position:relative;overflow:hidden}

.homepage_process-bg-line{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,50,10,0.2),transparent);pointer-events:none}

.homepage_process-tag{color:var(--red-lt);margin-bottom:14px}

.homepage_process-h2{font-family:var(--sg);font-size:40px;font-weight:700;color:#fff;letter-spacing:-1.3px;margin-bottom:60px}

.homepage_process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}

.homepage_process-steps::before{content:'';position:absolute;top:32px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,var(--red),rgba(232,50,10,0.3),var(--red));z-index:0}
.homepage_case-thumb img{width:100%;}

.homepage_process-step{text-align:center;position:relative;z-index:2}

.homepage_step-num{width:64px;height:64px;background:var(--navy);border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sg);font-size:22px;font-weight:700;color:var(--red);margin:0 auto 20px;}

.homepage_process-step:hover .homepage_step-num{background:var(--red);color:#fff}

.homepage_step-title{font-family:var(--sg);font-size:17px;font-weight:700;color:#fff;margin-bottom:10px}

.homepage_step-desc{font-size:13px;color:var(--text-muted);line-height:1.6;padding:0 14px}



/* ── AUDIT ── */

.homepage_audit-section{background:var(--navy2);padding:88px 56px}

.homepage_audit-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

.homepage_audit-tag{color:var(--red-lt);margin-bottom:14px}

.homepage_audit-h2{font-family:var(--sg);font-size:40px;font-weight:700;color:#fff;letter-spacing:-1.3px;line-height:1.12;margin-bottom:16px}

.homepage_audit-desc{font-size:15px;color:var(--text-sec);line-height:1.72;margin-bottom:28px}

.homepage_audit-perks{display:flex;flex-direction:column;gap:14px}

.homepage_audit-perk{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-sec)}

.homepage_audit-perk i{color:var(--red);font-size:18px}

.homepage_audit-form{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px}

.homepage_form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

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

.homepage_form-lbl{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:0.4px}

.homepage_form-input{background:var(--card2);border:1px solid var(--border);border-radius:9px;padding:13px 16px;font-size:14px;color:#fff;font-family:var(--it);outline:none;width:100%;transition:border-color .2s}

.homepage_form-input::placeholder{color:rgba(255,255,255,0.25)}

.homepage_form-input:focus{border-color:var(--red-border)}

select.homepage_form-input option{background:var(--card2)}

.homepage_form-submit{background:var(--red);color:#fff;border:none;padding:15px;border-radius:10px;font-size:15px;font-weight:600;font-family:var(--it);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s}

.homepage_form-submit:hover{background:var(--red-lt)}

.homepage_form-note{text-align:center;font-size:11.5px;color:var(--text-muted);margin-top:4px}



/* ── TESTIMONIALS ── */

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

.homepage_testi-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color .2s}

.homepage_testi-card:hover{border-color:var(--red-border)}

.homepage_testi-stars{color:#FBBF24;font-size:15px;letter-spacing:2px;margin-bottom:16px}

.homepage_testi-text{font-size:14px;color:var(--text-sec);line-height:1.72;margin-bottom:20px;font-style:italic}

.homepage_testi-author{display:flex;align-items:center;gap:13px}

.homepage_testi-av{width:44px;height:44px;border-radius:50%;background:var(--red-dim);border:1px solid var(--red-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--red-lt);flex-shrink:0}

.homepage_testi-name{font-size:14px;font-weight:600;color:#fff}

.homepage_testi-co{font-size:12px;color:var(--text-muted);margin-top:2px}



/* ── FINAL CTA ── */

.homepage_final-cta{background:var(--navy);padding:100px 56px;text-align:center;position:relative;overflow:hidden}

.homepage_final-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(232,50,10,0.1) 0%,transparent 65%);pointer-events:none}

.homepage_final-cta-tag{color:var(--red-lt);font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;position:relative;z-index:2}

.homepage_final-h2{font-family:var(--sg);font-size:50px;font-weight:700;color:#fff;letter-spacing:-2px;line-height:1.08;margin-bottom:20px;max-width:720px;margin-left:auto;margin-right:auto;position:relative;z-index:2}

.homepage_final-desc{font-size:16px;color:var(--text-sec);margin-bottom:42px;position:relative;z-index:2}

.homepage_final-btns{display:flex;gap:16px;justify-content:center;position:relative;z-index:2;flex-wrap:wrap}

.homepage_final-btn-r{background:var(--red);color:#fff;border:none;padding:17px 38px;border-radius:11px;font-size:16px;font-weight:600;font-family:var(--it);cursor:pointer;display:inline-flex;align-items:center;gap:9px;}

.homepage_final-btn-r:hover{background:var(--red-lt);transform:translateY(-2px)}

.homepage_final-btn-wa{background:#25D366;color:#fff;border:none;padding:17px 38px;border-radius:11px;font-size:16px;font-weight:600;font-family:var(--it);cursor:pointer;display:inline-flex;align-items:center;gap:9px;}

.homepage_final-btn-wa:hover{background:#1ebd5a;transform:translateY(-2px)}



/* ── FOOTER ── */

.homepage_footer{background:#060608;padding:64px 56px 30px;border-top:1px solid var(--border)}

.homepage_footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.homepage_6fr 1fr 1fr 1fr 1.3fr;gap:48px;margin-bottom:56px}

.homepage_footer-logo{font-family:var(--sg);font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}

.homepage_footer-logo span{color:var(--red)}

.homepage_footer-tagline{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.68;margin-bottom:22px}

.homepage_footer-socials{display:flex;gap:10px}

.homepage_social-icon{width:38px;height:38px;background:var(--card);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);cursor:pointer;}

.homepage_social-icon:hover{border-color:var(--red-border);color:var(--red-lt)}

.homepage_footer-col h5{font-family:var(--sg);font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-bottom:20px}

.homepage_footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}

.homepage_footer-links a{font-size:13.5px;color:rgba(255,255,255,0.45);text-decoration:none;transition:color .2s}

.homepage_footer-links a:hover{color:var(--red-lt)}

.homepage_footer-contact{display:flex;flex-direction:column;gap:12px}

.homepage_footer-ci{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:rgba(255,255,255,0.45)}

.homepage_footer-ci i{color:var(--red);font-size:16px;margin-top:2px;flex-shrink:0}

.homepage_footer-bottom{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--border)}

.homepage_footer-copy{font-size:12px;color:rgba(255,255,255,0.2)}

.homepage_footer-badge{font-size:12px;color:rgba(255,255,255,0.2)}

.homepage_footer-badge span{color:var(--red)}



/* ── WHATSAPP FLOAT ── */

.homepage_wa-float{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;cursor:pointer;z-index:500;box-shadow:0 4px 24px rgba(37,211,102,0.35);transition:transform .2s}

.homepage_wa-float:hover{transform:scale(1.1)}



.homepage_form-input{margin-bottom:1rem;}



.homepage_section_2{background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);}
.homepage_section_2 .homepage_sec-h2{color: #000;}
.homepage_section_2 .homepage_sec-desc{color: #000;}
.homepage_section_2 .homepage_need-card{background-color: #fff;border-radius: 22px;padding: 2rem;box-shadow: 0 16px 45px rgba(0, 0, 0, 0.06);border: 1px solid rgba(0, 0, 0, 0.05);transition: all 0.35s ease-in-out;}
.homepage_section_2 .homepage_need-title {color: #171717;}
.homepage_section_2 .homepage_need-desc {color: #6C6C6C;}

.homepage_section_2 .homepage_need-card-dark{background: linear-gradient(145deg, rgba(52, 72, 146, 0.95), rgba(17, 24, 39, 0.98));;}

.homepage_section_2 .homepage_need-card-dark .homepage_need-title{color: #fff;}
.homepage_section_2 .homepage_need-card-dark .homepage_need-desc{color: rgba(255,255,255,0.6);}
.homepage_section_2 .homepage_need-icon{background: rgba(255,255,255,0.1);}


.homepage_ai-section .homepage_ai-card{
    background-color: #fff;
    border-radius: 22px;
    padding: 2rem;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.35s ease-in-out;}

    .homepage_ai-section .homepage_ai-card h4{color: #171717;}
.homepage_ai-section .homepage_ai-card p{color: #6C6C6C;}

.homepage_cr-section{background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);}
.homepage_cr-section .homepage_cr-h2{color: #171717;}

.homepage_cr-perf-strip .homepage_cr-perf-card{
background-color: #fff;
    border-radius: 22px;
    padding: 2rem;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.35s ease-in-out;}

    .homepage_cr-perf-strip .homepage_cr-perf-card .homepage_cr-perf-lbl{color: #000;}
     .homepage_cr-perf-strip .homepage_cr-perf-card .homepage_cr-perf-sub{color: #171717;}
     .homepage_cr-perf-strip .homepage_cr-perf-card  .homepage_cr-ring-num{fill: #000;}
.homepage_section_3{
     background: radial-gradient(circle at 15% 25%, rgba(242, 89, 75, 0.18), transparent 30%), linear-gradient(135deg, #070a12 0%, #101827 55%, #172554 100%);}
.homepage_cr-section .homepage_cr-metric-card{
     background: radial-gradient(circle at 15% 25%, rgba(242, 89, 75, 0.18), transparent 30%), linear-gradient(135deg, #070a12 0%, #101827 55%, #172554 100%);}


    .homepage_section_6 .homepage_cr-client-pill{background: #fff !important;
    border-radius: 22px;
    padding: 10px 20px;;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.35s ease-in-out;}

    .homepage_section_6 .homepage_cr-client-name img{width: 100px !important;}
      .homepage_section_6 .homepage_cr-client-sub{color:#171717}

      .homepage_section_7,.homepage_section_3 {background: radial-gradient(circle at 15% 25%, rgba(242, 89, 75, 0.18), transparent 30%), linear-gradient(135deg, #070a12 0%, #101827 55%, #172554 100%);}


.homepage_section_7 .homepage_ind-card{
      height: 100%;
    padding: 32px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;}
    .homepage_section_7 .homepage_ind-icon{font-size: 50px;}


    .homepage_section_9,.homepage_section_11 {background: radial-gradient(circle at 15% 25%, rgba(242, 89, 75, 0.18), transparent 30%), linear-gradient(135deg, #070a12 0%, #101827 55%, #172554 100%);}

    .homepage_section_10{background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);}
    .homepage_section_10 .homepage_sec-h2{color: #171717;}
    .homepage_section_4{padding:80px 0px;}

.homepage_section_11 .homepage_audit-form{
        height: 100%;
    padding: 50px 32px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;}


    .homepage_section_3 .homepage_feat-chip{display: flex !important;flex-direction: column;height: 98px;justify-content: center;}
    




/*homepage video modal*/



.homepage_inline_video_btn {
  border: 0;
  outline: none;
}

.homepage_inline_video_btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(242, 89, 75, 0.25);
}

.homepage_video_playing {
  background: #000;
}

.homepage_inline_video_iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}


/* Responsive Video Fix */
.homepage_video-card {
  width: 100%;
  max-width: 100%;
}

.homepage_video-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  min-height: unset;
  overflow: hidden;
}

.homepage_video-grid,
.homepage_video_thumb_img,
.homepage_inline_video_iframe,
.homepage_inline_video_player {
  width: 100%;
  height: 100%;
}

.homepage_video_thumb_img {
  object-fit: cover;
  display: block;
}

.homepage_inline_video_iframe,
.homepage_inline_video_player {
  border: 0;
  display: block;
  object-fit: cover;
  background: #000;
}

.homepage_video_playing {
  background: #000;
}

.homepage_video_playing iframe,
.homepage_video_playing video {
  border-radius: 0;
}

.homepage_cr-cta-bar{
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 26px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 14px;
    flex-wrap: wrap;
    gap: 16px;}
    .homepage_cr-cta-bar .homepage_cr-cta-btn a{color: #fff;}

    .homepage_section_11 .form_column .homepage_form-group{width: 49%;}
    .premium-contact-form input, .premium-contact-form select, .premium-contact-form textarea{border-radius: 0px;}

.premium-contact-form select option{color: #fff;}

/* Homepage Responsive Fix */
@media (max-width: 1199px) {
  .homepage_hero,
  .homepage_section,
  .homepage_cr-section,
  .homepage_audit-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .homepage_hero-inner {
    gap: 40px;
  }

  .homepage_hero-h1 {
    font-size: 46px;
  }

  .homepage_cr-metrics-grid,
  .homepage_cr-perf-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {
  .homepage_hero {
    padding-top: 80px;
  }

  .homepage_hero-inner,
  .homepage_tab-pane.active,
  .homepage_ai-inner,
  .homepage_audit-inner {
    grid-template-columns: 1fr;
  }

  .homepage_hero-right {
    max-width: 620px;
    width: 100%;
  }

  .homepage_need-grid,
  .homepage_cases-grid,
  .homepage_testi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .homepage_ind-grid,
  .homepage_process-steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .homepage_kpi-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .homepage_ai-section,
  .homepage_process-section,
  .homepage_clients-strip {
    padding: 50px 0;
  }
  .homepage_cr-cta-btn{padding: 10px;}

  .homepage_tabs-bar {
    overflow-x: auto;
    padding-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .homepage_hero,
  .homepage_section,
  .homepage_cr-section,
  .homepage_audit-section {
    padding: 50px 18px;
  }
  .homepage_sec-desc{margin-bottom: 25px;}

  .homepage_hero {
    padding-top: 100px;
  }
  .homepage_kpi-inner{display: flex;flex-wrap: wrap;}
  .homepage_kpi-inner .homepage_kpi-item{width:49%}
  .premium-banner-shape.shape-one{display: none;}
  .homepage_trust-badges{display: flex;}

  .homepage_hero-h1,
  .homepage_sec-h2,
  .homepage_ai-h2,
  .homepage_cr-h2,
  .homepage_audit-h2,
  .homepage_process-h2 {
    font-size: 32px;
    letter-spacing: -0.8px;
  }

  .homepage_hero-sub,
  .homepage_sec-desc,
  .homepage_ai-desc,
  .homepage_audit-desc {
    font-size: 14px;
  }

  .premium-banner-actions,
  .homepage_hero-btns {
    flex-direction: column;
    align-items: stretch;
  }

  .premium-primary-btn,
  .premium-secondary-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .homepage_need-grid,
  .homepage_cases-grid,
  .homepage_testi-grid,
  .homepage_ind-grid,
  .homepage_cr-metrics-grid,
  .homepage_cr-perf-strip,
  .homepage_ai-cards,
  .homepage_feat-grid,
  .homepage_form-row {
    grid-template-columns: 1fr;
  }

  .homepage_section_3 .homepage_feat-chip {
  display: flex !important;
  flex-direction: column;
  height: 98px;
  justify-content: center;
  width: 46%;
  align-items: center;
  text-align: center;
}
.homepage_ai-inner{gap: 25px !important;}
.homepage_feat-grid{display: flex;flex-wrap: wrap;}

  .homepage_kpi-strip {
    padding: 0 18px;
    margin-top: 40px;
  }

  .homepage_kpi-inner {
    grid-template-columns: 1fr 1fr;
  }

  .homepage_kpi-item {
    padding: 22px 12px;
  }

  .homepage_kpi-num {
    font-size: 30px;
  }

  .homepage_trust-badges {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .homepage_badge-card {
    padding: 10px 8px;
  }

  .homepage_cr-header {
    align-items: flex-start;
  }

  .homepage_cr-header > div {
    align-items: flex-start !important;
  }

  .homepage_cr-cta-bar,
  .homepage_cr-cta-bar-left {
    align-items: flex-start;
  }

  .homepage_cr-cta-btn {
    width: 100%;
    justify-content: center;
  }

  .homepage_process-steps::before {
    display: none;
  }
  .homepage_section_7 .homepage_ind-grid{display: flex;flex-wrap: wrap;}
    .homepage_section_7 .homepage_ind-grid a{width: 47%;}
    .homepage_process-steps {row-gap: 20px;}
}

@media (max-width: 575px) {
  .homepage_hero-h1,
  .homepage_sec-h2,
  .homepage_ai-h2,
  .homepage_cr-h2,
  .homepage_audit-h2,
  .homepage_process-h2 {

    font-size: 24px;
    line-height: 144%;
  }

  .homepage_hero-eyebrow {
    font-size: 10px;
    padding: 6px 12px;
  }

  .homepage_video-badge {
    top: 10px;
    right: 10px;
    font-size: 9px;
    padding: 4px 9px;
  }

  .homepage_play-btn {
    width: 54px;
    height: 54px;
    font-size: 22px;
  }

  .homepage_kpi-inner {
    grid-template-columns: 1fr;
  }

  .homepage_trust-badges {
    grid-template-columns: 1fr;
  }

  .homepage_need-card,
  .homepage_case-body,
  .homepage_cr-metric-card,
  .homepage_cr-perf-card,
  .homepage_audit-form {
    padding: 20px;
  }

  .homepage_ai-card.span2 {
    display: block;
  }

  .homepage_ai-card.span2 .homepage_ai-card-icon {
    margin-bottom: 13px;
  }
}