/* ===== Homepage v2: Services showcase, VoiceDesk, Why Choose Us, Request a Quote (scoped v2-) ===== */
.v2-sec { position:relative; overflow:hidden; color:#fff; font-family:'Roboto',Arial,sans-serif; padding:clamp(64px,8vw,120px) 0; background:radial-gradient(1100px 600px at 90% -10%, rgba(242,116,5,.22), transparent 60%), radial-gradient(900px 600px at -10% 110%, rgba(70,150,220,.16), transparent 60%), linear-gradient(160deg,#12354d 0%,#0e2b3d 45%,#07151f 100%); }
.v2-sec::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size:26px 26px; opacity:.7; }
.v2-sec .container { position:relative; z-index:2; }
.v2-sec h2,.v2-sec h3,.v2-sec h4 { font-family:'Barlow',Arial,sans-serif; text-transform:none; letter-spacing:-.02em; color:#fff; }
.v2-sec p { color:rgba(255,255,255,.8); }
.v2-eyebrow { display:inline-flex; align-items:center; gap:10px; padding:7px 16px; border-radius:99px; background:rgba(242,116,5,.14); border:1px solid rgba(242,116,5,.5); color:#ffb37a; font:700 13px 'Barlow',sans-serif; letter-spacing:.14em; text-transform:uppercase; margin-bottom:18px; }
.v2-eyebrow i { width:8px; height:8px; border-radius:50%; background:#F27405; animation:v2Blink 1.4s infinite; } @keyframes v2Blink { 0%,100% { box-shadow:0 0 0 0 rgba(242,116,5,.6); } 50% { box-shadow:0 0 0 7px rgba(242,116,5,0); } }
.v2-h2 { font-size:clamp(32px,4.6vw,58px); line-height:1.04; font-weight:800; margin:0 0 18px; } .v2-h2 em { font-style:normal; background:linear-gradient(90deg,#F27405,#ffb15e); -webkit-background-clip:text; background-clip:text; color:transparent; }
.v2-lead { font-size:clamp(15px,1.5vw,18px); line-height:1.7; max-width:640px; }
.v2-rv { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease; } .v2-rv.in { opacity:1; transform:none; }
.v2-glow { position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; animation:v2Float 10s ease-in-out infinite; } @keyframes v2Float { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-26px,30px); } }

/* ---------- Services showcase ---------- */
.v2-svc-head { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(20px,5vw,70px); align-items:end; margin-bottom:clamp(34px,5vw,58px); }
.v2-svc-head p { margin:0; }
.v2-show { display:grid; grid-template-columns:330px 1fr; gap:clamp(18px,3vw,36px); align-items:stretch; }
.v2-tabs { display:flex; flex-direction:column; }
.v2-cap { margin:18px 0 8px; font:700 11px 'Barlow',sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#ff9a3c; } .v2-tabs .v2-cap:first-child { margin-top:0; }
.v2-tab { position:relative; display:flex; align-items:center; gap:14px; width:100%; padding:14px 16px; margin-bottom:6px; text-align:left; cursor:pointer; color:rgba(255,255,255,.7); background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.1); border-radius:12px; overflow:hidden; transition:background .25s, border-color .25s, color .25s, transform .25s; }
.v2-tab:hover { background:rgba(255,255,255,.08); color:#fff; transform:translateX(4px); }
.v2-tab .n { font:700 13px 'Barlow',sans-serif; color:#F27405; letter-spacing:.08em; min-width:22px; } .v2-tab .t { font:700 18px/1.15 'Barlow',sans-serif; }
.v2-tab .bar { position:absolute; left:0; bottom:0; height:3px; width:0; background:linear-gradient(90deg,#F27405,#ffb15e); }
.v2-tab.on { color:#fff; background:linear-gradient(90deg, rgba(242,116,5,.28), rgba(242,116,5,.06)); border-color:rgba(242,116,5,.7); box-shadow:0 0 30px rgba(242,116,5,.18); }
.v2-tab.on .bar { animation:v2Bar var(--v2dur,7s) linear forwards; } .v2-show.paused .v2-tab.on .bar { animation:none; width:100%; } @keyframes v2Bar { to { width:100%; } }
.v2-stage { position:relative; border-radius:20px; padding:clamp(18px,2.4vw,30px); background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(4px); min-height:520px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.35); }
.v2-stage::before { content:""; position:absolute; inset:-1px; border-radius:20px; padding:1px; background:conic-gradient(from var(--v2a,0deg), transparent 0 68%, rgba(242,116,5,.95) 84%, transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:v2Spin 7s linear infinite; pointer-events:none; }
@property --v2a { syntax:'<angle>'; initial-value:0deg; inherits:false; } @keyframes v2Spin { to { --v2a:360deg; } }
.v2-pane { display:none; } .v2-pane.on { display:block; animation:v2PaneIn .6s ease both; } @keyframes v2PaneIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
.v2-vis { border-radius:14px; background:radial-gradient(420px 220px at 50% 40%, rgba(242,116,5,.12), transparent 70%), rgba(5,16,24,.55); border:1px solid rgba(255,255,255,.1); overflow:hidden; } .v2-svg { display:block; width:100%; height:auto; }
.v2-info { display:grid; grid-template-columns:1fr auto; gap:14px 28px; align-items:end; margin-top:22px; } .v2-info h3 { grid-column:1/-1; font-size:clamp(24px,2.6vw,34px); font-weight:800; margin:0; }
.v2-info ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 26px; } .v2-info li { position:relative; padding-left:24px; font-size:15px; line-height:1.45; color:rgba(255,255,255,.88); } .v2-info li::before { content:""; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; background:#F27405 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat; }
.v2-more { white-space:nowrap; }
.v2-allsvc { margin-top:30px; text-align:center; }
/* svg primitives */
.s-line { fill:none; stroke:rgba(255,255,255,.28); stroke-width:1.5; } .s-dash { stroke-dasharray:6 6; animation:v2Dash 1.2s linear infinite; stroke:rgba(255,154,60,.7); } @keyframes v2Dash { to { stroke-dashoffset:-24; } }
.s-node { fill:rgba(255,255,255,.07); stroke:rgba(255,255,255,.3); stroke-width:1.5; } .s-txt { fill:#fff; font:700 13px 'Barlow',sans-serif; text-anchor:middle; } .s-sub { fill:rgba(255,255,255,.55); font:500 10.5px 'Roboto',sans-serif; text-anchor:middle; }
.s-or { fill:#F27405; } .s-ok { fill:#34d27b; } .s-bl { fill:#7fd1ff; }
.s-pulse { fill:none; stroke:#F27405; stroke-width:2; transform-box:fill-box; transform-origin:center; animation:v2Pulse 2.4s ease-out infinite; } @keyframes v2Pulse { 0% { transform:scale(1); opacity:.9; } 100% { transform:scale(2.6); opacity:0; } }
.s-pop { transform-box:fill-box; transform-origin:center; animation:v2PopSeq 5s ease-in-out infinite; opacity:0; } .s-pop.d1 { animation-delay:.2s; } .s-pop.d2 { animation-delay:1.2s; } .s-pop.d3 { animation-delay:2.2s; } .s-pop.d4 { animation-delay:3.2s; } @keyframes v2PopSeq { 0% { opacity:0; transform:scale(.4); } 8%,70% { opacity:1; transform:scale(1); } 90%,100% { opacity:0; transform:scale(.9); } }
.s-grow { transform-box:fill-box; transform-origin:left center; animation:v2Grow 4.4s ease-in-out infinite; } .s-grow.d1 { animation-delay:.2s; } .s-grow.d2 { animation-delay:.7s; } .s-grow.d3 { animation-delay:1.2s; } .s-grow.d4 { animation-delay:1.7s; } .s-grow.d5 { animation-delay:2.2s; } @keyframes v2Grow { 0% { transform:scaleX(0); opacity:.2; } 25%,80% { transform:scaleX(1); opacity:1; } 100% { transform:scaleX(1); opacity:0; } }
.s-rise { transform-box:fill-box; transform-origin:center bottom; animation:v2Rise 4.4s ease-in-out infinite; opacity:0; } .s-rise.d1 { animation-delay:.2s; } .s-rise.d2 { animation-delay:.6s; } .s-rise.d3 { animation-delay:1s; } .s-rise.d4 { animation-delay:1.4s; } @keyframes v2Rise { 0% { opacity:0; transform:translateY(14px); } 20%,82% { opacity:1; transform:none; } 100% { opacity:0; } }
.s-spin { transform-origin:260px 150px; animation:v2Rot 8s linear infinite; } @keyframes v2Rot { to { transform:rotate(360deg); } }
.s-blink { animation:v2Cur 1s steps(2) infinite; } @keyframes v2Cur { 50% { opacity:0; } }
.s-ring { stroke-dasharray:190; stroke-dashoffset:190; animation:v2Ring 3.6s ease-in-out infinite; } @keyframes v2Ring { 0% { stroke-dashoffset:190; } 40%,85% { stroke-dashoffset:0; } 100% { stroke-dashoffset:190; } }
.s-lit { animation:v2Lit 5s ease-in-out infinite; } .s-lit.l1 { animation-delay:0s; } .s-lit.l2 { animation-delay:1s; } .s-lit.l3 { animation-delay:2s; } .s-lit.l4 { animation-delay:3s; } .s-lit.l5 { animation-delay:4s; } @keyframes v2Lit { 0%,100% { fill:rgba(255,255,255,.07); } 8%,25% { fill:#F27405; } }

/* ---------- VoiceDesk ---------- */
.v2-vd-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(30px,5vw,70px); align-items:center; }
.v2-vd-title { font:900 clamp(56px,9vw,128px)/.9 'Barlow',sans-serif; letter-spacing:-.04em; margin:0 0 8px; background:linear-gradient(95deg,#fff 20%,#ffb15e 60%,#F27405); -webkit-background-clip:text; background-clip:text; color:transparent; text-transform:none; }
.v2-vd-sub { font:700 clamp(18px,2vw,24px) 'Barlow',sans-serif; color:#ff9a3c; margin:0 0 18px; letter-spacing:.02em; }
.v2-vd-list { list-style:none; padding:0; margin:20px 0 22px; } .v2-vd-list li { position:relative; padding-left:30px; margin-bottom:11px; font-size:16px; line-height:1.5; color:rgba(255,255,255,.92); } .v2-vd-list li::before { content:""; position:absolute; left:0; top:2px; width:20px; height:20px; border-radius:50%; background:#F27405 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat; }
.v2-stats { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 26px; } .v2-stats div { padding:12px 18px; border-radius:14px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); } .v2-stats b { display:block; font:800 26px/1 'Barlow',sans-serif; color:#ff9a3c; } .v2-stats span { font-size:12.5px; color:rgba(255,255,255,.75); letter-spacing:.04em; }
.v2-btns { display:flex; flex-wrap:wrap; gap:14px; align-items:center; } .v2-btns .btn { margin:0; }
.v2-livecall { display:inline-flex; align-items:center; gap:12px; padding:12px 22px; border-radius:99px; border:2px solid rgba(255,255,255,.4); color:#fff !important; font:800 17px 'Barlow',sans-serif; letter-spacing:.03em; text-decoration:none !important; transition:background .2s, border-color .2s; } .v2-livecall:hover { background:rgba(255,255,255,.1); border-color:#fff; }
.v2-livecall i { position:relative; width:12px; height:12px; border-radius:50%; background:#34d27b; } .v2-livecall i::after { content:""; position:absolute; inset:0; border-radius:50%; background:#34d27b; animation:v2Live 1.6s ease-out infinite; } @keyframes v2Live { to { transform:scale(3); opacity:0; } }
.v2-vd-stage { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:26px; align-items:center; min-height:600px; }
.v2-pw { position:relative; display:flex; justify-content:center; }
.v2-side { display:flex; flex-direction:column; gap:18px; }
.v2-orbits { display:flex; flex-direction:column; gap:10px; }
.v2-waves { position:absolute; left:50%; top:50%; width:0; height:0; z-index:1; } .v2-waves i { position:absolute; left:-210px; top:-210px; width:420px; height:420px; border-radius:50%; border:1.5px solid rgba(242,116,5,.35); animation:v2Wave 4.5s ease-out infinite; } .v2-waves i:nth-child(2) { animation-delay:1.5s; } .v2-waves i:nth-child(3) { animation-delay:3s; } @keyframes v2Wave { 0% { transform:scale(.55); opacity:.9; } 100% { transform:scale(1.5); opacity:0; } }
.v2-phone { position:relative; z-index:3; width:300px; height:560px; border-radius:42px; padding:13px; background:linear-gradient(170deg,#1b4a68,#07151f); border:1px solid rgba(255,255,255,.22); box-shadow:0 40px 80px rgba(0,0,0,.55), 0 0 90px rgba(242,116,5,.25); }
.v2-screen { position:absolute; inset:13px; border-radius:30px; background:linear-gradient(180deg,#0c2434,#06131c); overflow:hidden; display:flex; flex-direction:column; }
.v2-ring { position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; background:linear-gradient(180deg,#0c2434,#06131c); transition:opacity .45s, transform .45s; } .v2-ring.off { opacity:0; transform:scale(1.08); pointer-events:none; }
.v2-ring .rg { position:relative; width:104px; height:104px; margin-bottom:18px; } .v2-ring .rg i { position:absolute; inset:0; border-radius:50%; border:2px solid rgba(242,116,5,.65); animation:v2RingW 2.2s ease-out infinite; } .v2-ring .rg i:nth-child(2) { animation-delay:.7s; } .v2-ring .rg i:nth-child(3) { animation-delay:1.4s; } @keyframes v2RingW { 0% { transform:scale(.55); opacity:.9; } 100% { transform:scale(1.8); opacity:0; } }
.v2-ring .av { position:absolute; inset:16px; border-radius:50%; background:linear-gradient(135deg,#F27405,#ff9a3c); display:grid; place-items:center; font-size:30px; color:#fff; animation:v2Shake .9s ease-in-out infinite; } @keyframes v2Shake { 0%,60%,100% { transform:rotate(0); } 10%,30%,50% { transform:rotate(-14deg); } 20%,40% { transform:rotate(14deg); } }
.v2-ring b { font:800 22px 'Barlow',sans-serif; } .v2-ring small { font:500 13px 'DM Mono',Menlo,monospace; color:rgba(255,255,255,.65); }
.v2-hd { display:flex; align-items:center; gap:10px; padding:20px 16px 13px; border-bottom:1px solid rgba(255,255,255,.1); } .v2-hd i { flex:0 0 38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#F27405,#ff9a3c); display:grid; place-items:center; color:#fff; } .v2-hd b { display:block; font:800 15px 'Barlow',sans-serif; } .v2-hd small { font-size:11.5px; color:rgba(255,255,255,.6); } .v2-hd time { margin-left:auto; font:500 13px 'DM Mono',monospace; color:#ff9a3c; }
.v2-chat { flex:1; padding:14px 13px 0; display:flex; flex-direction:column; justify-content:flex-end; gap:9px; overflow:hidden; -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16%); mask-image:linear-gradient(to bottom, transparent 0, #000 16%); }
.v2-msg { max-width:88%; padding:10px 13px; border-radius:16px; font-size:13px; line-height:1.4; animation:v2In .35s ease both; } .v2-msg small { display:block; font:500 9px 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; opacity:.65; margin-bottom:2px; } .v2-msg.c { background:rgba(255,255,255,.12); align-self:flex-start; border-bottom-left-radius:4px; } .v2-msg.a { background:linear-gradient(135deg,#F27405,#e0640a); align-self:flex-end; border-bottom-right-radius:4px; }
@keyframes v2In { from { opacity:0; transform:translateY(10px) scale(.97); } to { opacity:1; transform:none; } }
.v2-typing { display:inline-flex; gap:4px; padding:3px 0; } .v2-typing i { width:6px; height:6px; border-radius:50%; background:#fff; opacity:.5; animation:v2Dot 1s infinite; } .v2-typing i:nth-child(2) { animation-delay:.15s; } .v2-typing i:nth-child(3) { animation-delay:.3s; } @keyframes v2Dot { 0%,100% { transform:translateY(0); opacity:.35; } 50% { transform:translateY(-4px); opacity:1; } }
.v2-wv { display:flex; align-items:center; justify-content:center; gap:3px; height:28px; margin-top:6px; opacity:.3; transition:opacity .3s; } .v2-wv.on { opacity:1; } .v2-wv i { width:3px; height:5px; border-radius:3px; background:#F27405; } .v2-wv.on i { animation:v2Wv .9s ease-in-out infinite; } .v2-wv i:nth-child(3n) { animation-delay:.15s; } .v2-wv i:nth-child(3n+1) { animation-delay:.3s; } .v2-wv i:nth-child(4n) { animation-delay:.45s; } @keyframes v2Wv { 0%,100% { height:5px; } 50% { height:24px; } }
.v2-res { min-height:52px; padding:0 13px 16px; } .v2-chip { display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:rgba(52,210,123,.16); border:1px solid rgba(52,210,123,.5); color:#8af0b8; font:700 12.5px 'Barlow',sans-serif; animation:v2In .4s ease both; }
.v2-feed { position:relative; z-index:5; padding:14px 16px; border-radius:16px; background:rgba(6,19,28,.88); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); box-shadow:0 24px 50px rgba(0,0,0,.5); font:500 12px/1.5 'DM Mono',Menlo,monospace; }
.v2-feed h5 { margin:0 0 8px; font:700 10px 'Barlow',sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#ff9a3c; display:flex; align-items:center; gap:8px; } .v2-feed h5 i { width:7px; height:7px; border-radius:50%; background:#34d27b; animation:v2Blink 1.4s infinite; }
.v2-feed ul { list-style:none; margin:0; padding:0; min-height:92px; } .v2-feed li { color:rgba(255,255,255,.85); animation:v2In .35s ease both; } .v2-feed li b { color:#ff9a3c; font-weight:500; } .v2-feed li.ok { color:#8af0b8; }
.v2-orbit { position:relative; z-index:4; padding:10px 14px; border-radius:14px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(6px); font:700 13px 'Barlow',sans-serif; display:flex; align-items:center; gap:9px; opacity:.45; transition:opacity .4s, transform .4s, background .4s, border-color .4s; } .v2-orbit i { width:26px; height:26px; border-radius:8px; background:#fff; color:#F27405; display:grid; place-items:center; font-size:12px; }
.v2-orbit.hit { opacity:1; background:rgba(52,210,123,.2); border-color:rgba(52,210,123,.7); transform:scale(1.06); } 

/* ---------- Why choose us ---------- */
.v2-why-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(30px,5vw,80px); align-items:center; }
.v2-rings { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(10px,2vw,26px); }
.v2-rg { position:relative; text-align:center; } .v2-rg svg { width:100%; max-width:200px; height:auto; display:block; margin:0 auto; overflow:visible; }
.v2-rg .bg { fill:none; stroke:rgba(255,255,255,.12); stroke-width:7; } .v2-rg .fg { fill:none; stroke:url(#v2grad); stroke-width:7; stroke-linecap:round; stroke-dasharray:326.7; stroke-dashoffset:326.7; transform:rotate(-90deg); transform-origin:60px 60px; transition:stroke-dashoffset 2s cubic-bezier(.2,.8,.2,1); filter:drop-shadow(0 0 6px rgba(242,116,5,.6)); } .v2-rg.in .fg { stroke-dashoffset:var(--off,80); }
.v2-rg b { position:absolute; left:0; right:0; top:34%; font:800 clamp(30px,3.6vw,48px)/1 'Barlow',sans-serif; color:#fff; font-variant-numeric:tabular-nums; }
.v2-rg span { display:block; margin-top:14px; font:700 14px 'Barlow',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.85); }
.v2-why-btn { margin-top:12px; }
.v2-ticker { position:relative; margin-top:clamp(40px,6vw,70px); overflow:hidden; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); padding:16px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.v2-tk { display:flex; width:max-content; animation:v2Tk 36s linear infinite; } .v2-ticker:hover .v2-tk { animation-play-state:paused; } .v2-tk span { display:inline-flex; align-items:center; gap:22px; padding-right:22px; font:800 clamp(20px,2.6vw,32px) 'Barlow',sans-serif; letter-spacing:-.01em; white-space:nowrap; color:#fff; } .v2-tk span::after { content:"\2726"; color:#F27405; font-size:.7em; } .v2-tk span:nth-child(even) { color:transparent; -webkit-text-stroke:1.2px rgba(255,255,255,.7); }
@keyframes v2Tk { to { transform:translateX(-50%); } }

/* ---------- Request a quote ---------- */
.v2-q-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(30px,5vw,80px); align-items:center; }
.v2-steps { list-style:none; margin:30px 0 28px; padding:0; position:relative; } .v2-steps::before { content:""; position:absolute; left:19px; top:14px; bottom:14px; border-left:2px dashed rgba(242,116,5,.55); }
.v2-steps li { position:relative; display:flex; gap:18px; align-items:flex-start; margin-bottom:22px; } .v2-steps li:last-child { margin-bottom:0; } .v2-steps .no { flex:0 0 40px; height:40px; border-radius:50%; background:#F27405; display:grid; place-items:center; font:800 17px 'Barlow',sans-serif; box-shadow:0 0 0 6px rgba(242,116,5,.2); z-index:1; animation:v2Beat 3s ease-in-out infinite; } .v2-steps li:nth-child(2) .no { animation-delay:1s; } .v2-steps li:nth-child(3) .no { animation-delay:2s; } @keyframes v2Beat { 0%,100% { box-shadow:0 0 0 6px rgba(242,116,5,.2); } 50% { box-shadow:0 0 0 12px rgba(242,116,5,0); } }
.v2-steps b { display:block; font:800 20px 'Barlow',sans-serif; } .v2-steps span { font-size:15px; color:rgba(255,255,255,.75); }
.v2-chips { display:flex; flex-wrap:wrap; gap:10px; } .v2-chips a,.v2-chips span { display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border-radius:99px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff !important; font-size:14px; text-decoration:none !important; transition:background .2s; } .v2-chips a:hover { background:rgba(242,116,5,.3); } .v2-chips svg { color:#ff9a3c; }
.v2-form { position:relative; border-radius:24px; padding:clamp(22px,3.4vw,42px); background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(10px); box-shadow:0 40px 90px rgba(0,0,0,.5), 0 0 80px rgba(242,116,5,.16); }
.v2-form::before { content:""; position:absolute; inset:-1px; border-radius:24px; padding:1.5px; background:conic-gradient(from var(--v2a,0deg), transparent 0 60%, rgba(242,116,5,1) 82%, transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:v2Spin 6s linear infinite; pointer-events:none; }
.v2-form-title { font:800 clamp(26px,3vw,34px) 'Barlow',sans-serif; margin:0 0 6px; color:#fff; } .v2-form-sub { font-size:14.5px; color:rgba(255,255,255,.7) !important; margin:0 0 22px !important; }
.v2-form .form-control { height:auto; min-height:52px; background:rgba(5,16,24,.55); border:1.5px solid rgba(255,255,255,.2); border-radius:12px; padding:13px 16px; color:#fff; transition:border-color .2s, box-shadow .2s, background .2s; } .v2-form .form-control::placeholder { color:rgba(255,255,255,.55); } .v2-form textarea.form-control { min-height:120px; }
.v2-form .form-control:focus { background:rgba(5,16,24,.8); border-color:#F27405; box-shadow:0 0 0 4px rgba(242,116,5,.22), 0 0 24px rgba(242,116,5,.25); outline:0; color:#fff; }
.v2-form .nice-select.form-control { height:52px !important; line-height:24px; display:flex; align-items:center; padding:13px 40px 13px 16px; float:none; width:100%; color:rgba(255,255,255,.75); } .v2-form .nice-select .list { background:#0e2b3d; border:1px solid rgba(255,255,255,.2); } .v2-form .nice-select .option { color:#fff; } .v2-form .nice-select .option:hover,.v2-form .nice-select .option.focus,.v2-form .nice-select .option.selected.focus { background:rgba(242,116,5,.3); }
.v2-form .custom-control-label { color:rgba(255,255,255,.72); font-size:13.5px; }
.v2-form .btn__primary { position:relative; overflow:hidden; border-radius:14px; font-size:16px; letter-spacing:.08em; box-shadow:0 14px 34px rgba(242,116,5,.45); } .v2-form .btn__primary::after { content:""; position:absolute; top:0; bottom:0; width:60px; left:-90px; background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent); transform:skewX(-20deg); animation:v2Shine 3.6s ease-in-out infinite; } @keyframes v2Shine { 0%,55% { left:-90px; } 100% { left:120%; } }
.v2-form .contact-result { color:#8af0b8; }

/* ---------- responsive ---------- */
@media (max-width:1199px) { .v2-show { grid-template-columns:1fr; } .v2-tabs { flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:8px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; } .v2-tabs .v2-cap { display:none; } .v2-tab { flex:0 0 auto; width:auto; margin:0; scroll-snap-align:start; } .v2-tab .t { font-size:16px; white-space:nowrap; } .v2-tab:hover { transform:none; } .v2-stage { min-height:0; } }
@media (max-width:991px) { .v2-svc-head,.v2-vd-grid,.v2-why-grid,.v2-q-grid { grid-template-columns:1fr; } .v2-vd-stage { min-height:0; } .v2-info { grid-template-columns:1fr; } .v2-info ul { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .v2-info ul { grid-template-columns:1fr; } .v2-phone { width:270px; height:500px; } .v2-vd-stage { grid-template-columns:1fr; } .v2-pw { order:-1; } .v2-orbits { flex-direction:row; flex-wrap:wrap; } .v2-rings { gap:4px; } .v2-rg span { font-size:11px; letter-spacing:.06em; } .v2-btns .btn,.v2-livecall { width:100%; justify-content:center; } .v2-stats div { flex:1 1 30%; } .v2-tk span { font-size:20px; } }
@media (prefers-reduced-motion:reduce) { .v2-rv { opacity:1 !important; transform:none !important; transition:none !important; } .v2-sec * { animation:none !important; } .v2-rg .fg { transition:none; stroke-dashoffset:var(--off,80); } }

@media (max-width:1199px) and (min-width:992px) { .v2-vd-stage { grid-template-columns:minmax(0,1fr) 280px; } .v2-phone { width:280px; } }
@media (max-width:991px) and (min-width:641px) { .v2-vd-stage { grid-template-columns:minmax(0,1fr) 300px; } }


/* ===== Trusted-by + certifications ===== */
.v2-proud-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(28px,5vw,80px); align-items:center; }
.v2-caps { display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.16); }
.v2-cap-row { position:relative; display:grid; grid-template-columns:52px 1fr 40px; gap:16px; align-items:center; padding:18px 6px 18px 4px; border-bottom:1px solid rgba(255,255,255,.16); color:#fff !important; text-decoration:none !important; transition:padding .25s, background .25s; }
.v2-cap-row::before { content:""; position:absolute; left:-14px; top:0; bottom:0; width:4px; background:#F27405; transform:scaleY(0); transition:transform .25s; }
.v2-cap-row:hover { padding-left:16px; background:linear-gradient(90deg, rgba(242,116,5,.16), transparent 75%); } .v2-cap-row:hover::before { transform:scaleY(1); }
.v2-cap-row .ic { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:rgba(242,116,5,.16); border:1px solid rgba(242,116,5,.5); color:#ff9a3c; font-size:18px; transition:background .25s, color .25s; } .v2-cap-row:hover .ic { background:#F27405; color:#fff; }
.v2-cap-row b { display:block; font:800 clamp(19px,2vw,25px)/1.15 'Barlow',sans-serif; letter-spacing:-.01em; } .v2-cap-row small { font-size:14px; color:rgba(255,255,255,.7); }
.v2-cap-row .go { width:40px; height:40px; border-radius:50%; border:1.5px solid rgba(255,255,255,.3); display:grid; place-items:center; transition:background .2s, border-color .2s, transform .25s; } .v2-cap-row:hover .go { background:#F27405; border-color:#F27405; transform:rotate(-45deg); }
.v2-certs-wrap { margin-top:clamp(44px,6vw,80px); padding-top:clamp(28px,4vw,44px); border-top:1px solid rgba(255,255,255,.16); }
.v2-certs-head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom:24px; } .v2-certs-head h3 { font:800 clamp(26px,3vw,38px) 'Barlow',sans-serif; margin:0; } .v2-certs-head p { margin:0; font-size:15px; max-width:420px; }
.v2-marq { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.v2-marq-track { display:flex; gap:16px; width:max-content; animation:v2Tk 38s linear infinite; } .v2-marq:hover .v2-marq-track { animation-play-state:paused; }
.v2-cert { flex:0 0 auto; display:flex; align-items:center; gap:14px; padding:14px 24px 14px 18px; border-radius:14px; background:#fff; color:#0e2b3d; box-shadow:0 12px 30px rgba(0,0,0,.28); } .v2-cert img { height:34px; width:auto; max-width:60px; object-fit:contain; } .v2-cert b { font:700 15px 'Barlow',sans-serif; white-space:nowrap; }

/* ===== Testimonials showcase ===== */
.v2-testi-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,5vw,80px); align-items:center; }
.v2-tnav { display:flex; align-items:center; gap:12px; margin:26px 0 22px; } .v2-tnav button { width:52px; height:52px; border-radius:50%; border:1.5px solid rgba(255,255,255,.35); background:rgba(255,255,255,.06); color:#fff; display:grid; place-items:center; cursor:pointer; transition:background .2s, border-color .2s; } .v2-tnav button:hover { background:#F27405; border-color:#F27405; } #v2TPrev svg { transform:rotate(180deg); }
.v2-tcount { margin-left:8px; font:600 15px 'Barlow',sans-serif; color:rgba(255,255,255,.65); letter-spacing:.1em; } .v2-tcount b { font:800 26px 'Barlow',sans-serif; color:#ff9a3c; }
.v2-tdots { display:flex; flex-wrap:wrap; gap:10px; } .v2-tdot { padding:0; border:0; background:none; cursor:pointer; border-radius:50%; opacity:.55; transition:opacity .2s, transform .2s; } .v2-tdot:hover { opacity:1; transform:translateY(-3px); } .v2-tdot.on { opacity:1; } .v2-tdot.on .v2-av { box-shadow:0 0 0 3px #0e2b3d, 0 0 0 5px #F27405; }
.v2-av { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:#0e2b3d; border:1.5px solid rgba(255,255,255,.3); color:#fff; font:800 14px 'Barlow',sans-serif; font-style:normal; } .v2-tdot .v2-av { background:linear-gradient(135deg,#17405c,#0e2b3d); }
.v2-tcard { position:relative; border-radius:26px; padding:clamp(28px,4vw,56px); min-height:360px; overflow:hidden; background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(6px); box-shadow:0 40px 90px rgba(0,0,0,.45); }
.v2-tcard::before { content:""; position:absolute; inset:-1px; border-radius:26px; padding:1.5px; background:conic-gradient(from var(--v2a,0deg), transparent 0 64%, rgba(242,116,5,1) 84%, transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:v2Spin 7s linear infinite; pointer-events:none; }
.v2-qm { position:absolute; right:22px; top:6px; color:rgba(242,116,5,.22); } .v2-qm svg { width:clamp(90px,12vw,150px); height:auto; }
.v2-tslides { position:relative; z-index:2; } .v2-ts { display:none; margin:0; } .v2-ts.on { display:block; animation:v2PaneIn .6s ease both; }
.v2-ts blockquote { margin:0 0 32px; padding:0; border:0; font:600 clamp(20px,2.4vw,30px)/1.45 'Barlow',sans-serif; color:#fff; letter-spacing:-.005em; }
.v2-ts figcaption { display:flex; align-items:center; gap:16px; } .v2-ts figcaption .v2-av { width:56px; height:56px; font-size:17px; box-shadow:0 0 0 3px #0e2b3d, 0 0 0 5px #F27405; } .v2-ts figcaption b { display:block; font:800 20px 'Barlow',sans-serif; color:#fff; } .v2-ts figcaption b a { color:#fff; text-decoration:underline; text-decoration-color:#F27405; text-underline-offset:4px; } .v2-ts figcaption small { font-size:13px; color:rgba(255,255,255,.6); letter-spacing:.04em; }
.v2-tbar { position:absolute; left:0; bottom:0; height:4px; width:0; background:linear-gradient(90deg,#F27405,#ffb15e); } .v2-tcard.run .v2-tbar { animation:v2Bar var(--v2tdur,8s) linear forwards; }

/* ===== Footer wordmark ===== */
.v2-mark { position:relative; overflow:hidden; padding:clamp(24px,4vw,56px) 0 0; text-align:center; background:radial-gradient(900px 340px at 50% 100%, rgba(242,116,5,.28), transparent 70%), #07151f; border-top:1px solid rgba(255,255,255,.08); }
.v2-mark::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size:24px 24px; -webkit-mask-image:linear-gradient(to bottom,#000,transparent); mask-image:linear-gradient(to bottom,#000,transparent); }
.v2-mark-glow { position:absolute; left:50%; bottom:-40%; width:60%; height:80%; transform:translateX(-50%); background:radial-gradient(closest-side, rgba(242,116,5,.45), transparent); filter:blur(30px); animation:v2Float 9s ease-in-out infinite; }
.v2-mark-text { position:relative; font:900 clamp(30px,10.2vw,190px)/1.04 'Barlow',sans-serif; letter-spacing:-.045em; white-space:nowrap; text-transform:none; padding-bottom:.04em; user-select:none;
  background:linear-gradient(100deg, rgba(255,255,255,.95) 0%, #ffb15e 38%, #F27405 55%, rgba(255,255,255,.9) 80%, rgba(255,255,255,.95) 100%); background-size:240% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:v2Mark 9s ease-in-out infinite alternate; opacity:.92; }
.v2-mark-text span:first-child { margin-right:.18em; } @keyframes v2Mark { to { background-position:100% 0; } }
@media (max-width:640px) { .v2-mark-text { white-space:normal; font-size:19vw; line-height:1; } .v2-mark-text span { display:block; margin:0 !important; } }

@media (max-width:991px) { .v2-proud-grid,.v2-testi-grid { grid-template-columns:1fr; } }
@media (max-width:640px) { .v2-cap-row { grid-template-columns:44px 1fr 36px; gap:12px; } .v2-cap-row .ic { width:44px; height:44px; } .v2-cap-row::before { left:-18px; } .v2-cap-row:hover { padding-left:4px; background:none; } .v2-cap-row:hover::before { transform:scaleY(0); } .v2-tcard { min-height:0; } .v2-tdots { gap:8px; } .v2-av { width:42px; height:42px; } }
@media (prefers-reduced-motion:reduce) { .v2-mark-text { animation:none; } .v2-marq-track { animation:none; } }


/* ===== Colour rhythm: light / orange variants ===== */
.v2-sec.v2-light { color:#0e2b3d; background:linear-gradient(180deg,#f3f6fa 0%,#ffffff 100%); }
.v2-sec.v2-light.v2-white { background:#ffffff; }
.v2-sec.v2-light.v2-blue { background:linear-gradient(180deg,#e9f0f7 0%,#f5f8fc 100%); }
.v2-light::before { background-image:radial-gradient(rgba(14,43,61,.08) 1px, transparent 1px); }
.v2-light h2,.v2-light h3,.v2-light h4 { color:#0e2b3d; } .v2-light p { color:#4b5c67; }
.v2-light .v2-eyebrow { background:rgba(242,116,5,.1); border-color:rgba(242,116,5,.45); color:#c9560a; }
.v2-light .v2-glow { opacity:.28; }
.v2-light .v2-cap { color:#d95f00; }
.v2-light .v2-tab { background:#fff; border-color:#dde5ec; color:#4b5c67; box-shadow:0 2px 8px rgba(14,43,61,.05); }
.v2-light .v2-tab:hover { background:#fff; color:#0e2b3d; border-color:#c3d0da; }
.v2-light .v2-tab.on { color:#0e2b3d; background:linear-gradient(90deg,rgba(242,116,5,.17),#fff 72%); border-color:rgba(242,116,5,.75); box-shadow:0 12px 28px rgba(242,116,5,.2); }
.v2-light .v2-stage { background:#fff; border-color:#dde5ec; backdrop-filter:none; box-shadow:0 30px 60px rgba(14,43,61,.13); }
.v2-light .v2-info h3 { color:#0e2b3d; } .v2-light .v2-info li { color:#33444f; }
.v2-svc .v2-allsvc .btn { color:#0e2b3d !important; border:2px solid #0e2b3d !important; background:transparent !important; } .v2-svc .v2-allsvc .btn:hover { background:#0e2b3d !important; color:#fff !important; }
.v2-light .v2-rg .bg { stroke:rgba(14,43,61,.1); } .v2-light .v2-rg b { color:#0e2b3d; } .v2-light .v2-rg span { color:#33444f; }
.v2-light .v2-ticker { border-color:rgba(14,43,61,.16); } .v2-light .v2-tk span { color:#0e2b3d; } .v2-light .v2-tk span:nth-child(even) { color:transparent; -webkit-text-stroke:1.2px rgba(14,43,61,.55); }
.v2-light .v2-why-btn { background:#0e2b3d !important; border:2px solid #0e2b3d !important; color:#fff !important; } .v2-light .v2-why-btn:hover { background:#14405c !important; }
.v2-light .v2-tnav button { border-color:#c3d0da; background:#fff; color:#0e2b3d; } .v2-light .v2-tnav button:hover { background:#F27405; border-color:#F27405; color:#fff; }
.v2-light .v2-tcount { color:#5b6b76; }
.v2-light .v2-tdot { opacity:.75; } .v2-light .v2-tdot.on .v2-av { box-shadow:0 0 0 3px #e9f0f7, 0 0 0 5px #F27405; }
.v2-light .v2-tcard { background:#fff; border-color:#dde5ec; backdrop-filter:none; box-shadow:0 30px 70px rgba(14,43,61,.15); }
.v2-light .v2-qm { color:rgba(242,116,5,.2); }
.v2-light .v2-ts blockquote { color:#0e2b3d; } .v2-light .v2-ts figcaption b,.v2-light .v2-ts figcaption b a { color:#0e2b3d; } .v2-light .v2-ts figcaption small { color:#5b6b76; }
.v2-light .v2-ts figcaption .v2-av { box-shadow:0 0 0 3px #fff, 0 0 0 5px #F27405; }

.v2-sec.v2-orange { background:radial-gradient(800px 500px at 8% 0%, rgba(255,196,120,.55), transparent 60%), radial-gradient(900px 600px at 100% 100%, rgba(170,60,0,.32), transparent 60%), linear-gradient(135deg,#fa7f0c 0%,#ec6c0a 50%,#d45a00 100%); }
.v2-orange::before { background-image:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px); }
.v2-orange .v2-glow { opacity:.5; }
.v2-orange .v2-eyebrow { background:rgba(7,21,31,.3); border-color:rgba(255,255,255,.4); color:#fff; } .v2-orange .v2-eyebrow i { background:#fff; }
.v2-orange .v2-vd-title { background:linear-gradient(95deg,#ffffff 35%,#ffe2c4 100%); -webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 8px 20px rgba(110,35,0,.35)); }
.v2-orange .v2-vd-sub { color:#0e2b3d; } .v2-orange .v2-lead { color:rgba(255,255,255,.95); }
.v2-orange .v2-vd-list li { color:#fff; } .v2-orange .v2-vd-list li::before { background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5680a' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat; }
.v2-orange .v2-stats div { background:rgba(7,21,31,.32); border-color:rgba(255,255,255,.3); } .v2-orange .v2-stats b { color:#fff; } .v2-orange .v2-stats span { color:rgba(255,255,255,.92); }
.v2-orange .v2-btns .btn__primary { background:#0e2b3d !important; border-color:#0e2b3d !important; color:#fff !important; box-shadow:0 14px 32px rgba(7,21,31,.4); } .v2-orange .v2-btns .btn__primary:hover { background:#14405c !important; }
.v2-orange .v2-livecall { background:#fff; color:#0e2b3d !important; border-color:#fff; } .v2-orange .v2-livecall:hover { background:#fff2e6; }
.v2-orange .v2-waves i { border-color:rgba(255,255,255,.45); }
.v2-orange .v2-phone { box-shadow:0 40px 80px rgba(60,20,0,.55), 0 0 90px rgba(255,205,150,.4); }
.v2-orange .v2-orbit { background:rgba(7,21,31,.4); border-color:rgba(255,255,255,.35); opacity:.75; } .v2-orange .v2-orbit i { background:#fff; color:#d95f00; }
.v2-orange .v2-orbit.hit { background:#fff; color:#0e2b3d; border-color:#fff; opacity:1; } .v2-orange .v2-orbit.hit i { background:#F27405; color:#fff; }
.v2-light .v2-vis { background:radial-gradient(440px 230px at 50% 40%, rgba(242,116,5,.2), transparent 70%), linear-gradient(150deg,#14405c 0%,#0b2234 100%); border-color:rgba(14,43,61,.35); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }

/* diagonal section edge (light -> dark/orange) */
.v2-sec.v2-slant { --sl:clamp(22px,3.4vw,58px); clip-path:polygon(0 var(--sl),100% 0,100% 100%,0 100%); margin-top:calc(var(--sl) * -1); padding-top:calc(clamp(64px,8vw,120px) + var(--sl)); }


/* ===== Footer wordmark v3: clean white, soft fade + shadow, inside the footer ===== */
.footer .v2-mark { font-size:clamp(34px,9.7vw,180px); position:relative; overflow:hidden; background:none; border-top:0; text-align:center; padding:clamp(10px,2vw,30px) 0 0; }
.footer .v2-mark::before { display:none; }
.footer .v2-mark-glow { position:absolute; left:50%; top:20%; width:60%; height:70%; transform:translateX(-50%); background:radial-gradient(closest-side, rgba(255,255,255,.10), transparent); filter:blur(40px); animation:none; bottom:auto; pointer-events:none; }
.footer .v2-mark-text { position:relative; font-size:1em; line-height:1.06; margin:0; padding:0 0 .03em; white-space:nowrap; font-family:'Barlow',sans-serif; font-weight:900; letter-spacing:-.04em; text-transform:none; user-select:none; color:transparent;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 42%,rgba(255,255,255,.22) 100%); -webkit-background-clip:text; background-clip:text; animation:none; opacity:1;
  filter:drop-shadow(0 .04em .05em rgba(0,0,0,.45)) drop-shadow(0 .14em .22em rgba(0,0,0,.35)); -webkit-box-reflect:none; }
.footer .v2-mark-text span:first-child { margin-right:.18em; }
@media (max-width:640px) { .footer .v2-mark { font-size:18.5vw; } .footer .v2-mark-text { white-space:normal; line-height:1.02; margin-bottom:0; } .footer .v2-mark-text span { display:block; margin:0 !important; } }

/* tighter spacing above the footer wordmark */
.footer .footer-primary { padding-bottom:0 !important; }
.footer .v2-mark { padding-top:16px; }
.footer .v2-mark-text { margin-top:-.13em; }
@media (max-width:640px) { .footer .v2-mark { padding-top:10px; } .footer .v2-mark-text { margin-top:-.08em; } }