/* Start custom CSS for html, class: .elementor-element-34103a0 */@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');
:root {
--bg:#0a0a0a; --bg2:#111111; --bg3:#161616;
--accent:#C8973A; --red:#E03131;
--text:#f0ede8; --muted:#888;
--border:rgba(255,255,255,0.07);
--card-bg:rgba(255,255,255,0.04);
}
.vid { font-family:'DM Sans',sans-serif; background:var(--bg); color:var(--text); overflow-x:hidden; width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }
.vid *,.vid *::before,.vid *::after { box-sizing:border-box; }
.vid a { text-decoration:none; color:inherit; }
.vid h1,.vid h2,.vid h3,.vid h4 { font-family:'Syne',sans-serif; margin:0; }
.vid p { margin:0; }
.vid-inner { max-width:1280px; margin:0 auto; padding:0 48px; }
/* ── HERO ── */
.vid-hero { position:relative; padding:100px 0 80px; background:linear-gradient(145deg,#0a0a0a 0%,#0d0808 55%,#0a0a0a 100%); overflow:hidden; }
.vid-hero::before { content:''; position:absolute; top:-30%; right:-5%; width:55%; height:180%; background:radial-gradient(ellipse,rgba(224,49,49,0.07) 0%,transparent 65%); pointer-events:none; }
.vid-hero::after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,rgba(200,151,58,0.3),transparent); }
.vid-hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; position:relative; z-index:2; }
.vid-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:600; letter-spacing:2.5px; text-transform:uppercase; color:var(--accent); margin-bottom:20px; }
.vid-eyebrow::before { content:''; width:24px; height:1px; background:var(--accent); }
.vid-hero h1 { font-size:52px; font-weight:800; line-height:1.08; letter-spacing:-1.5px; color:#fff; margin-bottom:22px; }
.vid-hero h1 em { font-style:normal; color:var(--accent); }
.vid-hero-desc { font-size:15px; color:var(--muted); line-height:1.85; max-width:480px; margin-bottom:36px; }
.vid-hero-btns { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px; }
.vid-btn { display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:#000; font-family:'Syne',sans-serif; font-size:14px; font-weight:700; padding:14px 26px; border-radius:8px; transition:background .2s,transform .2s; }
.vid-btn:hover { background:#d4a244; transform:translateY(-2px); }
.vid-btn-ghost { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(200,151,58,0.4); color:var(--accent); font-family:'Syne',sans-serif; font-size:14px; font-weight:600; padding:13px 24px; border-radius:8px; transition:background .2s; }
.vid-btn-ghost:hover { background:rgba(200,151,58,0.08); }
.vid-hero-trust { display:flex; gap:28px; padding-top:36px; border-top:1px solid var(--border); flex-wrap:wrap; }
.vid-trust-item { font-size:13px; color:var(--muted); }
.vid-trust-item span { color:#fff; font-weight:700; font-family:'Syne',sans-serif; display:block; font-size:22px; }
/* Hero visual - play button mockup */
.vid-hero-visual { position:relative; }
.vid-screen { background:#141414; border-radius:16px; border:1px solid rgba(255,255,255,0.08); overflow:hidden; box-shadow:0 40px 80px rgba(0,0,0,0.6); aspect-ratio:16/9; position:relative; display:flex; align-items:center; justify-content:center; }
.vid-screen-bg { position:absolute; inset:0; background:linear-gradient(135deg,#1a0505 0%,#0f0c07 50%,#05101a 100%); }
.vid-screen-overlay { position:relative; z-index:2; text-align:center; }
.vid-play-btn { width:80px; height:80px; border-radius:50%; background:var(--accent); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; box-shadow:0 0 40px rgba(200,151,58,0.4); cursor:default; }
.vid-play-btn::after { content:''; width:0; height:0; border-style:solid; border-width:16px 0 16px 28px; border-color:transparent transparent transparent #000; margin-left:6px; }
.vid-screen-label { color:rgba(255,255,255,0.5); font-size:13px; letter-spacing:1px; }
.vid-screen-bars { position:absolute; bottom:0; left:0; right:0; height:40px; background:#0f0f0f; display:flex; align-items:center; gap:6px; padding:0 16px; }
.vid-bar { flex:1; height:4px; background:#222; border-radius:2px; }
.vid-bar-fill { height:4px; background:var(--accent); border-radius:2px; }
.vid-timeline-dot { width:12px; height:12px; border-radius:50%; background:var(--accent); flex-shrink:0; }
.vid-time { font-size:10px; color:#555; font-family:monospace; flex-shrink:0; }
/* Floating badge */
.vid-float { position:absolute; background:#1a1a1a; border:1px solid rgba(200,151,58,0.3); border-radius:12px; padding:12px 16px; }
.vid-float-tl { top:-16px; left:-16px; }
.vid-float-br { bottom:-16px; right:-16px; }
.vid-float-num { font-family:'Syne',sans-serif; font-size:22px; font-weight:800; color:var(--accent); }
.vid-float-label { font-size:10px; color:#666; margin-top:2px; }
/* ── SECTIONS ── */
.vid-section { padding:88px 0; }
.vid-section-alt { background:var(--bg2); }
.vid-section-header { margin-bottom:52px; }
.vid-heading { font-size:38px; font-weight:800; color:#fff; letter-spacing:-1px; margin-bottom:14px; }
.vid-heading em { font-style:normal; color:var(--accent); }
.vid-desc { font-size:15px; color:var(--muted); line-height:1.85; max-width:620px; }
/* ── SERVICES ── */
.vid-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.vid-serv-card { background:var(--card-bg); border:1px solid var(--border); border-radius:16px; padding:28px 22px; transition:border-color .3s,transform .3s; position:relative; overflow:hidden; }
.vid-serv-card::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(to right,var(--accent),#e8b84b); opacity:0; transition:opacity .3s; }
.vid-serv-card:hover { border-color:rgba(200,151,58,0.35); transform:translateY(-4px); }
.vid-serv-card:hover::after { opacity:1; }
.vid-serv-icon { font-size:34px; margin-bottom:16px; display:block; }
.vid-serv-card h3 { font-size:15px; font-weight:700; color:#fff; margin-bottom:10px; }
.vid-serv-card p { font-size:13px; color:#666; line-height:1.75; }
/* ── STATS ILLUSTRATION ── */
.vid-stats-wrap { background:var(--bg2); border-radius:20px; border:1px solid var(--border); overflow:hidden; }
.vid-stats-inner { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.vid-stats-left { padding:52px 48px; border-right:1px solid var(--border); }
.vid-stats-right { padding:52px 48px; }
.vid-stat-row { display:flex; align-items:flex-start; gap:20px; margin-bottom:36px; }
.vid-stat-row:last-child { margin-bottom:0; }
.vid-stat-icon { width:48px; height:48px; border-radius:12px; background:rgba(200,151,58,0.1); border:1px solid rgba(200,151,58,0.2); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.vid-stat-content h4 { font-family:'Syne',sans-serif; font-size:13px; font-weight:700; color:#fff; margin-bottom:4px; }
.vid-stat-content p { font-size:13px; color:#666; line-height:1.6; }
.vid-big-stat { text-align:center; padding:48px 32px; background:var(--card-bg); border-radius:16px; border:1px solid var(--border); margin-bottom:16px; }
.vid-big-num { font-family:'Syne',sans-serif; font-size:64px; font-weight:800; color:#fff; line-height:1; }
.vid-big-num span { color:var(--accent); font-size:44px; }
.vid-big-label { font-size:14px; color:var(--muted); margin-top:8px; line-height:1.5; }
.vid-mini-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.vid-mini-stat { padding:20px 16px; background:var(--card-bg); border:1px solid var(--border); border-radius:12px; text-align:center; }
.vid-mini-num { font-family:'Syne',sans-serif; font-size:28px; font-weight:800; color:#fff; }
.vid-mini-num span { color:var(--accent); }
.vid-mini-label { font-size:11px; color:#666; margin-top:4px; line-height:1.4; }
/* ── PROCESS ── */
.vid-process-list { display:flex; flex-direction:column; }
.vid-process-item { display:grid; grid-template-columns:80px 1fr; align-items:start; border-bottom:1px solid var(--border); padding:30px 0; }
.vid-process-item:last-child { border-bottom:none; }
.vid-process-num { font-family:'Syne',sans-serif; font-size:12px; font-weight:700; color:var(--accent); background:rgba(200,151,58,0.08); border:1px solid rgba(200,151,58,0.2); border-radius:6px; padding:4px 10px; display:inline-block; margin-top:3px; }
.vid-process-content h3 { font-size:16px; font-weight:700; color:#fff; margin-bottom:8px; }
.vid-process-content p { font-size:13px; color:#666; line-height:1.75; max-width:560px; }
/* ── VIDEO TYPES TABS ── */
.vid-types-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.vid-type-card { padding:24px 20px; background:var(--card-bg); border:1px solid var(--border); border-radius:14px; text-align:center; transition:border-color .3s,transform .3s; }
.vid-type-card:hover { border-color:rgba(200,151,58,0.3); transform:translateY(-3px); }
.vid-type-icon { font-size:32px; margin-bottom:12px; display:block; }
.vid-type-card h3 { font-size:14px; font-weight:700; color:#fff; margin-bottom:6px; }
.vid-type-card p { font-size:12px; color:#666; line-height:1.6; }
/* ── WHY US ── */
.vid-why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.vid-why-card { padding:30px 26px; background:var(--card-bg); border:1px solid var(--border); border-radius:14px; transition:border-color .3s,transform .3s; }
.vid-why-card:hover { border-color:rgba(200,151,58,0.3); transform:translateY(-3px); }
.vid-why-icon { font-size:28px; margin-bottom:14px; display:block; }
.vid-why-card h3 { font-size:15px; font-weight:700; color:#fff; margin-bottom:8px; }
.vid-why-card p { font-size:13px; color:#666; line-height:1.75; }
/* ── INDUSTRIES ── */
.vid-ind-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.vid-ind-card { padding:18px 16px; background:var(--card-bg); border:1px solid var(--border); border-radius:10px; display:flex; align-items:center; gap:10px; transition:border-color .2s; }
.vid-ind-card:hover { border-color:rgba(200,151,58,0.25); }
.vid-ind-card span:first-child { font-size:20px; flex-shrink:0; }
.vid-ind-card span:last-child { font-size:12.5px; font-weight:600; color:#ccc; }
/* ── SEO TEXT ── */
.vid-seo-cols { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.vid-seo-col h2 { font-size:26px; font-weight:800; color:#fff; margin-bottom:14px; letter-spacing:-0.5px; }
.vid-seo-col h2 em { font-style:normal; color:var(--accent); }
.vid-seo-col p { font-size:14px; color:#777; line-height:1.85; margin-bottom:12px; }
.vid-seo-col h3 { font-size:16px; font-weight:700; color:#fff; margin:20px 0 8px; }
.vid-kw { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.vid-kw span { font-size:11.5px; color:var(--muted); background:var(--card-bg); border:1px solid var(--border); border-radius:6px; padding:4px 11px; }
/* ── FAQ ── */
.vid-faq-list { display:flex; flex-direction:column; max-width:820px; margin:48px auto 0; }
.vid-faq-item { border-bottom:1px solid var(--border); }
.vid-faq-q { width:100%; background:none; border:none; cursor:pointer; text-align:left; padding:20px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; font-family:'Syne',sans-serif; font-size:15px; font-weight:700; color:#fff; transition:color .2s; }
.vid-faq-q:hover { color:var(--accent); }
.vid-faq-icon { width:24px; height:24px; border-radius:50%; border:1px solid rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; font-size:16px; color:var(--muted); flex-shrink:0; transition:background .2s,border-color .2s,transform .3s; }
.vid-faq-item.open .vid-faq-icon { background:var(--accent); border-color:var(--accent); color:#000; transform:rotate(45deg); }
.vid-faq-a { font-size:13.5px; color:#777; line-height:1.8; max-height:0; overflow:hidden; transition:max-height .4s ease,padding .3s; }
.vid-faq-item.open .vid-faq-a { max-height:260px; padding-bottom:20px; }
/* ── CTA ── */
.vid-cta { padding:90px 0; background:linear-gradient(135deg,#0f0c07 0%,#0a0a0a 50%,#0f0a0a 100%); text-align:center; border-top:1px solid rgba(200,151,58,0.15); position:relative; overflow:hidden; }
.vid-cta::before { content:''; position:absolute; top:-50%; left:50%; transform:translateX(-50%); width:60%; height:200%; background:radial-gradient(ellipse,rgba(200,151,58,0.06) 0%,transparent 65%); pointer-events:none; }
.vid-cta h2 { font-size:42px; font-weight:800; color:#fff; margin-bottom:16px; letter-spacing:-1px; }
.vid-cta h2 em { font-style:normal; color:var(--accent); }
.vid-cta p { font-size:16px; color:var(--muted); max-width:500px; margin:0 auto 36px; line-height:1.8; }
.vid-cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
/* ════════ RESPONSIVE ════════ */
@media(max-width:1200px){ .vid-services-grid{grid-template-columns:repeat(2,1fr);} .vid-types-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:1024px){ .vid-inner{padding:0 32px;} .vid-hero-inner{grid-template-columns:1fr;gap:48px;} .vid-hero h1{font-size:42px;} .vid-hero-visual{display:none;} .vid-stats-inner{grid-template-columns:1fr;} .vid-stats-left{border-right:none;border-bottom:1px solid var(--border);padding:40px 32px;} .vid-stats-right{padding:40px 32px;} .vid-seo-cols{grid-template-columns:1fr;gap:36px;} .vid-why-grid{grid-template-columns:repeat(2,1fr);} .vid-ind-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:768px){ .vid-inner{padding:0 20px;} .vid-section{padding:60px 0;} .vid-hero{padding:76px 0 60px;} .vid-hero h1{font-size:34px;letter-spacing:-0.8px;} .vid-hero-desc{font-size:14px;} .vid-heading{font-size:28px;} .vid-services-grid{grid-template-columns:1fr;} .vid-types-grid{grid-template-columns:repeat(2,1fr);} .vid-ind-grid{grid-template-columns:repeat(2,1fr);} .vid-cta h2{font-size:28px;} .vid-hero-trust{gap:16px;} }
@media(max-width:560px){ .vid-hero h1{font-size:28px;} .vid-hero-btns{flex-direction:column;} .vid-btn,.vid-btn-ghost{width:100%;justify-content:center;} .vid-why-grid{grid-template-columns:1fr;} .vid-ind-grid{grid-template-columns:1fr 1fr;} .vid-cta-btns{flex-direction:column;align-items:center;} .vid-process-item{grid-template-columns:60px 1fr;} .vid-mini-stats{grid-template-columns:1fr 1fr;} .vid-stats-left,.vid-stats-right{padding:28px 20px;} }/* End custom CSS */