:root{--p:#ff7a00;--p2:#ffa233;--acc:#2b3a9e;--ink:#0b1020;--ink2:#141a33;--mut:#64748b;--bg:#f6f7fb;--card:#fff;--line:#e5e7f0;--r:20px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:auto;padding:0 22px}
.grad{background:linear-gradient(95deg,#5b6bd6,#2b3a9e);-webkit-background-clip:text;background-clip:text;color:transparent}

/* top + nav */
.top{background:var(--ink);color:#aab2cc;font-size:13px;padding:9px 0}
.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
header{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-weight:800;font-size:25px;letter-spacing:-.8px;color:#fff;display:flex;align-items:center;gap:10px}
.logo:before{content:"";width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--p),var(--acc));box-shadow:0 6px 18px rgba(255,122,0,.6)}
.logo span{color:var(--acc)}
nav ul{display:flex;gap:30px;list-style:none;font-weight:500;font-size:15px;color:#cbd5e1}
nav ul a{position:relative;padding:4px 0}
nav ul a:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--acc);transition:.25s}
nav ul a:hover{color:#fff}nav ul a:hover:after{width:100%}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:12px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:.25s;font-family:inherit}
.btn.pri{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:0 10px 28px rgba(255,122,0,.4)}
.btn.pri:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(255,122,0,.55)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}
.btn.ghost:hover{background:rgba(255,255,255,.16)}
.btn.light{background:#fff;color:var(--p)}
.btn.light:hover{transform:translateY(-3px)}
.burger{display:none;background:none;border:0;font-size:28px;color:#fff;cursor:pointer}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:100px 0 130px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 15%,rgba(251,146,60,.5),transparent 70%),radial-gradient(500px 400px at 5% 90%,rgba(43,58,158,.28),transparent 70%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:7px 16px;border-radius:99px;font-size:13px;font-weight:600;color:#bae6fd;margin-bottom:22px}
.pill i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.25)}
h1{font-size:clamp(38px,5.4vw,66px);line-height:1.05;letter-spacing:-2.2px;margin-bottom:22px;font-weight:800}
.hero p.lead{color:#aab2cc;font-size:18px;max-width:540px;margin-bottom:32px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.tick{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#aab2cc;font-size:14px}
.tick span:before{content:"✓";color:var(--acc);font-weight:800;margin-right:6px}

/* dashboard mock */
.dash{position:relative;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.win{background:linear-gradient(160deg,#1b2347,#10152e);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;box-shadow:0 40px 80px rgba(0,0,0,.5)}
.win .bar{display:flex;gap:6px;margin-bottom:16px}
.win .bar i{width:11px;height:11px;border-radius:50%;background:#ef4444}
.win .bar i:nth-child(2){background:#f59e0b}.win .bar i:nth-child(3){background:#22c55e}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.kpi{background:rgba(255,255,255,.06);border-radius:12px;padding:12px}
.kpi small{color:#8b95b8;font-size:11px;display:block}
.kpi b{font-size:20px}
.kpi em{font-style:normal;font-size:11px;color:#34d399}
.chart{background:rgba(255,255,255,.05);border-radius:14px;padding:16px;display:flex;align-items:flex-end;gap:9px;height:130px}
.chart span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--acc),var(--p));opacity:.9;animation:grow 1.4s ease both}
@keyframes grow{from{height:0!important}}
.rows{margin-top:12px;display:grid;gap:8px}
.rows div{height:34px;border-radius:9px;background:rgba(255,255,255,.06);display:flex;align-items:center;padding:0 12px;gap:10px;font-size:12px;color:#aab2cc}
.rows div:before{content:"";width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--p2),var(--acc))}
.chip{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;align-items:center;gap:10px}
.chip.a{left:-34px;top:60px;animation:float 5s ease-in-out infinite}
.chip.b{right:-22px;bottom:50px;animation:float 7s ease-in-out infinite reverse}
.chip s{text-decoration:none;font-size:20px}

/* stats */
.stats{margin-top:-62px;position:relative;z-index:5}
.stats .box{background:#fff;border-radius:24px;box-shadow:0 25px 60px rgba(11,16,32,.14);display:grid;grid-template-columns:repeat(4,1fr);padding:34px 20px;text-align:center}
.stats .box>div+div{border-left:1px solid var(--line)}
.stats b{font-size:40px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--p),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;line-height:1.2}
.stats span{color:var(--mut);font-size:14px;font-weight:500}

/* sections */
section{padding:100px 0}
.head{text-align:center;max-width:660px;margin:0 auto 56px}
.head small{display:inline-block;color:var(--p);background:rgba(255,122,0,.1);padding:5px 14px;border-radius:99px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12px}
.head h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px;line-height:1.15;margin:14px 0}
.head p{color:var(--mut);font-size:17px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{--c:var(--p);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px;transition:.3s;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:.35s}
.card:after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:var(--c);opacity:.07;transition:.35s}
.card:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(11,16,32,.12);border-color:transparent}
.card:hover:before{transform:scaleX(1)}
.card:hover:after{transform:scale(1.6);opacity:.12}
.ico{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:30px;margin-bottom:22px;background:color-mix(in srgb,var(--c) 14%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent)}
.card h3{font-size:21px;letter-spacing:-.4px;margin-bottom:8px}
.card p{color:var(--mut);font-size:15px;margin-bottom:16px}
.card ul{list-style:none;font-size:14px;color:#475569;margin-bottom:22px;display:grid;gap:6px}
.card li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;border-radius:50%;background:color-mix(in srgb,var(--c) 15%,#fff);color:var(--c);font-size:11px;font-weight:800}
.card a.more{color:var(--c);font-weight:700;font-size:14px;display:inline-flex;gap:6px;position:relative;z-index:2}
.card a.more:hover{gap:12px}
.card a.more:before{content:"";position:absolute;inset:-300px -300px -300px -300px;z-index:-1}
.why{background:#fff}
.why .card{background:var(--bg)}
.why .card:hover{background:#fff}

/* showcase */
.show{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.show:before{content:"";position:absolute;width:600px;height:600px;left:-200px;top:-200px;background:radial-gradient(circle,rgba(255,122,0,.4),transparent 70%)}
.show .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.show h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px;line-height:1.15;margin-bottom:16px}
.show p{color:#aab2cc;margin-bottom:26px;font-size:17px}
.show ul{list-style:none;display:grid;gap:14px;margin-bottom:30px}
.show li{display:flex;gap:14px;align-items:flex-start}
.show li:before{content:"✓";flex:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--acc));display:grid;place-items:center;font-size:13px;font-weight:800}
.show li b{display:block}
.show li span{color:#8b95b8;font-size:14px}

/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:s;position:relative}
.steps:before{content:"";position:absolute;top:34px;left:12%;right:12%;border-top:2px dashed #c9dbe8}
.step{text-align:center;padding:0 8px;position:relative}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:800;font-size:24px;box-shadow:0 12px 28px rgba(255,122,0,.4);border:5px solid var(--bg)}
.step h3{margin-bottom:6px}
.step p{color:var(--mut);font-size:14px}

/* faq */
.faq{max-width:780px;margin:auto;display:grid;gap:14px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;transition:.2s}
.faq details[open]{box-shadow:0 14px 34px rgba(11,16,32,.08);border-color:#fed7aa}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--p);font-size:22px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{color:var(--mut);margin-top:12px;font-size:15px}

/* cta */
.dark{background:linear-gradient(135deg,#0369a1,#e56a00 55%,#1f2b7a);color:#fff;text-align:center;position:relative;overflow:hidden}
.dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1.5px,transparent 1.5px);background-size:26px 26px}
.dark .wrap{position:relative}
.dark h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px;margin-bottom:14px}
.dark p{color:#e0f2fe;max-width:560px;margin:0 auto 30px;font-size:18px}

/* contact */
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}
.info{background:linear-gradient(160deg,var(--ink),var(--ink2));color:#fff;border-radius:24px;padding:40px}
.info h3{font-size:26px;margin-bottom:6px}
.info p{margin:16px 0;color:#aab2cc;display:flex;gap:14px;align-items:center}
.info p b{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:18px;flex:none}
form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;display:grid;gap:16px;box-shadow:0 20px 50px rgba(11,16,32,.07)}
input,textarea,select{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fafbff;transition:.2s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--p);background:#fff;box-shadow:0 0 0 4px rgba(255,122,0,.12)}
.alert{padding:13px 16px;border-radius:12px;font-size:14px;font-weight:500}
.alert.ok{background:#dcfce7;color:#166534}
.err-t{color:#b91c1c;font-size:13px;margin-top:-8px}

/* sub page */
.sub-hero{background:var(--ink);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.sub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 85% 10%,rgba(251,146,60,.45),transparent 70%),radial-gradient(400px 300px at 0 100%,rgba(43,58,158,.25),transparent 70%)}
.sub-hero .wrap{position:relative}
.sub-hero .ico{width:80px;height:80px;font-size:40px;background:rgba(255,255,255,.1);box-shadow:none}
.sub-hero p{color:#aab2cc;max-width:620px;margin:12px 0 28px;font-size:18px}
.crumb{font-size:14px;color:#8b95b8;margin-bottom:18px}
.crumb a{color:var(--acc)}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;font-weight:600;display:flex;gap:12px;align-items:center;transition:.25s}
.feat div:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,16,32,.08)}
.feat div:before{content:"✓";flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--acc));color:#fff;display:grid;place-items:center;font-size:14px}

footer{background:var(--ink);color:#8b95b8;padding:70px 0 24px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
footer h4{color:#fff;margin-bottom:14px}
footer a{display:block;margin:8px 0;transition:.2s}
footer a:hover{color:#fff;padding-left:4px}
.copy{border-top:1px solid #1c2342;padding-top:22px;text-align:center;font-size:13px}
.wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 12px 30px rgba(34,197,94,.55);z-index:60;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%,100%{box-shadow:0 0 0 18px rgba(34,197,94,0)}}

.rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.dash,.chip,.wa{animation:none}}

@media(max-width:960px){
.hero .wrap,.contact,.show .wrap{grid-template-columns:1fr}
.grid,.feat{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr 1fr}.steps:before{display:none}
.stats .box{grid-template-columns:1fr 1fr;gap:24px}.stats .box>div:nth-child(3){border-left:0}
footer .cols{grid-template-columns:1fr}
.burger{display:block}
nav ul{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ink);flex-direction:column;padding:22px;gap:16px}
nav ul.open{display:flex}
nav>.btn{display:none}
.dash{max-width:520px;margin:auto}.chip.a{left:-6px}.chip.b{right:-6px}
}
@media(max-width:600px){.grid,.feat{grid-template-columns:1fr}section{padding:68px 0}.hero{padding:70px 0 110px}.chip{display:none}.stats b{font-size:32px}}

/* ---- v3 additions ---- */
.logo span{margin-left:-6px}
.chip.a{left:-40px;top:-14px}
section.alt{background:#fff;position:relative}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none}

/* marquee */
.marq{overflow:hidden;padding:46px 0 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq small{display:block;text-align:center;color:var(--mut);font-weight:600;letter-spacing:2px;font-size:12px;text-transform:uppercase;margin-bottom:18px}
.track{display:flex;gap:16px;width:max-content;animation:slide 32s linear infinite}
.track span{background:#fff;border:1px solid var(--line);padding:10px 22px;border-radius:99px;font-weight:600;font-size:14px;color:#334155;white-space:nowrap}
@keyframes slide{to{transform:translateX(-50%)}}

/* custom brand section */
.brand{background:linear-gradient(180deg,var(--bg),#e6f6fe);overflow:hidden;position:relative}
.brand .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.brand h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px;line-height:1.15;margin:14px 0}
.brand small.t{display:inline-block;color:var(--p);background:rgba(255,122,0,.1);padding:5px 14px;border-radius:99px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12px}
.brand p{color:var(--mut);font-size:17px;margin-bottom:22px}
.nm{display:flex;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 14px 34px rgba(11,16,32,.07);margin-bottom:22px}
.nm input{border:0;background:none;box-shadow:none!important;font-weight:600;font-size:16px}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}
.perks div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:600;font-size:14px;display:flex;gap:10px;align-items:center}
.perks div i{font-style:normal;font-size:20px}
.mock2{background:#fff;border-radius:24px;box-shadow:0 40px 80px rgba(60,50,160,.25);overflow:hidden;border:1px solid var(--line);transform:perspective(1200px) rotateY(-6deg);transition:.4s}
.mock2:hover{transform:none}
.m2-bar{background:#f1f2fa;padding:12px 16px;display:flex;gap:6px;align-items:center}
.m2-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.m2-bar i:nth-child(2){background:#f59e0b}.m2-bar i:nth-child(3){background:#22c55e}
.m2-url{margin-left:12px;background:#fff;border-radius:99px;padding:3px 14px;font-size:12px;color:var(--mut);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m2-body{display:grid;grid-template-columns:150px 1fr;min-height:320px}
.m2-side{background:linear-gradient(180deg,var(--p),var(--p2));color:#fff;padding:20px 16px}
.m2-logo{font-weight:800;font-size:16px;margin-bottom:22px;display:flex;gap:8px;align-items:center;word-break:break-word}
.m2-logo:before{content:attr(data-i);flex:none;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--p);display:grid;place-items:center;font-size:15px}
.m2-side div.i{font-size:13px;padding:9px 10px;border-radius:9px;opacity:.85;margin-bottom:4px}
.m2-side div.i.on{background:rgba(255,255,255,.2);opacity:1;font-weight:600}
.m2-main{padding:22px}
.m2-main h4{font-size:18px;margin-bottom:14px;word-break:break-word}
.m2-main .kpis .kpi{background:#f5f6fd}.m2-main .kpi small{color:var(--mut)}.m2-main .kpi b{color:var(--ink)}
.m2-main .chart{background:#f5f6fd;height:110px}

/* contact v2 */
.contact-sec{background:#fff;position:relative;overflow:hidden}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.quick a{display:flex;gap:16px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px;transition:.3s}
.quick a:hover{transform:translateY(-6px);background:#fff;box-shadow:0 22px 44px rgba(11,16,32,.1)}
.quick b{flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2))}
.quick a:nth-child(2) b{background:linear-gradient(135deg,#16a34a,#22c55e)}
.quick a:nth-child(3) b{background:linear-gradient(135deg,#1f2b7a,#2b3a9e)}
.quick small{display:block;color:var(--mut);font-size:13px}
.quick strong{font-size:16px;word-break:break-all}
.info{position:relative;overflow:hidden}
.info:before{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.6),transparent 70%)}
.info>*{position:relative}
.hours{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#aab2cc;display:grid;gap:8px}
.hours div{display:flex;justify-content:space-between}
.hours b{color:#fff}
.soc{display:flex;gap:10px;margin-top:24px}
.soc a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:800;font-size:14px;transition:.25s}
.soc a:hover{background:var(--p);transform:translateY(-3px)}
form h3{font-size:24px;letter-spacing:-.5px}
form .sub{color:var(--mut);margin-top:-10px;font-size:14px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{position:relative}
.fld i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-style:normal;opacity:.55}
.fld input,.fld select{padding-left:42px}
form .btn{justify-content:center;padding:16px}

/* footer v2 */
.fcta{background:linear-gradient(135deg,#0369a1,#e56a00 60%,#1f2b7a);border-radius:28px;padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:60px;color:#fff;box-shadow:0 30px 60px rgba(67,56,202,.35)}
.fcta h3{font-size:clamp(24px,3vw,32px);letter-spacing:-.8px}
.fcta p{color:#e0f2fe}
footer{position:relative;overflow:hidden;padding-top:0}
.fwrap{transform:translateY(-50px);margin-bottom:-10px}
footer .cols{grid-template-columns:1.6fr 1fr 1fr 1.2fr}
footer .brandcol p{margin:14px 0 20px;max-width:340px;font-size:15px}
footer .soc a{background:#161d3a;color:#cbd5e1}
footer .soc a:hover{padding-left:0;color:#fff}
footer .ci{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pay span{background:#161d3a;border:1px solid #232b52;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700;color:#cbd5e1}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.top-btn{position:fixed;right:28px;bottom:94px;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--p);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;box-shadow:0 10px 26px rgba(11,16,32,.18);z-index:60;transition:.3s}
.top-btn:hover{background:var(--p);color:#fff}

/* process cards */
.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:0 18px 26px;margin-top:35px;transition:.3s}
.step:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(11,16,32,.1)}
.step:before{margin-top:-35px}
.steps:before{display:none}

@media(max-width:960px){
.brand .wrap{grid-template-columns:1fr}.quick{grid-template-columns:1fr}
footer .cols{grid-template-columns:1fr 1fr}.mock2{transform:none}
}
@media(max-width:600px){.f2,.perks{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr}.fcta{padding:30px 24px}.m2-body{grid-template-columns:1fr}.m2-side{display:none}}
.alt .card{background:var(--bg)}.alt .card:hover{background:#fff}
footer{overflow:visible;padding-top:1px}
.fwrap{transform:none;margin-top:-60px;margin-bottom:0;position:relative;z-index:3}

/* ===== v4: light header / hero / footer (Bug Finder style) ===== */
:root{--serif:'Instrument Serif',Georgia,serif}
.top{display:none}
header{background:rgba(255,255,255,.88);border-bottom:1px solid #e7eef5;border-top:3px solid var(--p)}
.logo{color:var(--ink)}
.logo span{color:var(--p)}
nav ul{color:var(--ink)}
nav ul a:hover{color:var(--p)}
nav ul a:after{background:var(--p)}
.burger{color:var(--ink)}
.navbtns{display:flex;gap:12px}
.nb{padding:11px 22px;border-radius:6px;font-weight:600;font-size:15px;border:1px solid var(--ink);transition:.2s;display:inline-flex;gap:8px;align-items:center}
.nb.o{background:#fff}.nb.o:hover{background:var(--bg)}
.nb.d{background:var(--ink);color:#fff}.nb.d:hover{background:var(--p);border-color:var(--p)}

.hero2{position:relative;overflow:hidden;padding:80px 0 90px;background:
 radial-gradient(520px 380px at 8% 70%,rgba(91,107,214,.28),transparent 70%),
 radial-gradient(520px 380px at 95% 40%,rgba(91,107,214,.25),transparent 70%),#fffaf4}
.hero2:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,122,0,.05) 119px 120px);pointer-events:none}
.hero2 .wrap{position:relative}
.h-top{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center;margin-bottom:64px}
.hero2 h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6.6vw,92px);line-height:1.02;letter-spacing:-1.5px;color:var(--ink);margin:0}
.hero2 h1 em{font-style:italic;color:var(--p2)}
.h-side p{font-size:17px;color:#1e2235;margin-bottom:26px;line-height:1.8}
.h-act{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pbtn{background:var(--p);color:#fff;padding:16px 26px;border-radius:99px;font-weight:600;display:inline-flex;gap:8px;transition:.25s;box-shadow:0 12px 26px rgba(255,122,0,.3)}
.pbtn:hover{transform:translateY(-3px)}
.lnk{display:inline-flex;align-items:center;gap:0;font-weight:600}
.lnk b{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:22px}
.lnk i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;margin:0 12px 0 -10px;font-size:14px;transition:.25s}
.lnk:hover i{transform:translateX(4px)}

.bento{display:grid;grid-template-columns:.9fr 1.1fr 1.1fr;gap:22px}
.bc{border-radius:22px;border:1px solid #e0f0f9;background:rgba(255,255,255,.7);padding:26px;backdrop-filter:blur(6px)}
.b1 .tabs{display:flex;gap:10px;align-items:center;color:var(--mut);font-size:14px;margin-bottom:22px}
.b1 .tabs i{width:10px;height:10px;border-radius:50%;background:#cfdbe6}
.chips{display:grid;gap:14px}
.chp{display:flex;gap:10px;align-items:center}
.chp span{padding:11px 18px;border-radius:8px;font-size:14px;color:#fff;font-weight:500}
.chp b{width:40px;height:40px;border-radius:50%;background:#c9c7d3;display:grid;place-items:center;font-size:17px;flex:none}
.c1 span{background:#4b4b52}.c2 span{background:#5b6bd6}.c3 span{background:#1f2b7a}.c4 span{background:#e56a00}
.chp:nth-child(2n) {flex-direction:row}
.dlv{margin-top:26px;font-size:13px;color:var(--mut);display:flex;align-items:center;gap:12px;letter-spacing:1px}
.dlv u{flex:1;height:6px;border-radius:9px;background:#e2eef6;position:relative;text-decoration:none}
.dlv u:after{content:"";position:absolute;left:0;top:0;bottom:0;width:86%;border-radius:9px;background:var(--p);animation:grow2 2s ease both}
@keyframes grow2{from{width:0}}
.hc{margin-top:14px;display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:600}
.hc i{font-style:normal;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--p2),var(--p));display:grid;place-items:center;color:#fff}
.b2{display:grid;gap:16px;padding:0;background:none;border:0;backdrop-filter:none}
.fpill{display:flex;align-items:center;gap:12px;background:#e8f6fe;border:1px solid #bfe6fb;border-radius:99px;padding:10px 14px 10px 10px;color:var(--mut);font-size:15px}
.fpill .av{display:flex}
.fpill .av i{width:38px;height:38px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:13px;margin-right:-10px;background:linear-gradient(135deg,#e56a00,#2b3a9e)}
.fpill .av i+i{background:linear-gradient(135deg,#0f172a,#ff7a00)}
.fpill a{color:var(--p);text-decoration:underline}
.fpill s{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;text-decoration:none;color:var(--p)}
.vis{background:#5b6bd6;border-radius:22px;min-height:340px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;position:relative}
.vis:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.14);top:-120px;right:-120px}
.phone{width:200px;background:#0b1020;border-radius:30px 30px 0 0;border:7px solid #1a1f36;border-bottom:0;padding:18px 12px 0;height:300px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite}
.phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:60px;height:14px;border-radius:9px;background:#1a1f36}
.phone small{color:#8b95b8;font-size:9px;display:block;margin-top:10px}
.phone b{color:#fff;font-size:20px;display:block}
.phone .ln{height:70px;border-radius:12px;margin:10px 0;background:linear-gradient(180deg,rgba(234,88,12,.5),transparent),repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.06) 10px 11px)}
.phone .bars{display:flex;align-items:flex-end;gap:5px;height:60px}
.phone .bars span{flex:1;border-radius:3px;background:linear-gradient(180deg,#2b3a9e,#ff7a00)}
.phone .row{height:22px;border-radius:7px;background:rgba(255,255,255,.07);margin-top:8px}
.b3{display:grid;gap:22px;padding:0;background:none;border:0;backdrop-filter:none}
.b3 .bc{padding:26px 28px}
.lab{font-size:11px;letter-spacing:1px;color:var(--mut);text-transform:uppercase}
.bigsr{font-family:var(--serif);font-size:84px;line-height:1;color:var(--ink);margin:14px 0 6px}
.bigsr sup{font-size:44px;color:var(--p);vertical-align:top}
.bigsr small{font-size:24px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--p);margin-left:4px}
.wd{background:#e8f6fe}
.dk{background:#0b0b0f;border-color:#0b0b0f;color:#fff;position:relative;overflow:hidden}
.dk .lab{color:#9aa0b8}.dk .bigsr{color:#fff}
.dk .stars{color:#e56a00;font-size:26px;letter-spacing:4px}
.dk p{color:#cbd5e1;margin-top:10px}
.dk .zap{position:absolute;right:24px;bottom:18px;font-size:44px;color:#ffc27a}

/* floating side buttons */
.side{position:fixed;right:0;bottom:90px;z-index:70;display:grid;gap:10px;justify-items:end}
.side a{display:flex;align-items:center;gap:10px;padding:5px 18px 5px 5px;border-radius:99px 0 0 99px;font-weight:600;font-size:15px;box-shadow:0 10px 26px rgba(11,16,32,.2);transition:.25s;transform:translateX(8px)}
.side a:hover{transform:none}
.side a b{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:17px;color:var(--ink)}
.side .s1{background:linear-gradient(90deg,#ddd6fe,#fecdd3);color:var(--ink)}
.side .s2{background:#0b0b0f;color:#fff}
.side .s3{background:linear-gradient(90deg,#2b3a9e,#e56a00);color:#fff}
.wa{display:none}
.top-btn{bottom:24px}

/* light footer */
footer{background:#fff;color:#5b6074;padding:70px 0 0;border-top:1px solid #eee}
.f-main{display:grid;grid-template-columns:1.25fr 2fr;gap:0}
.f-left{padding-right:46px;border-right:1px solid #ececf3}
.f-left .logo{color:var(--ink);margin-bottom:22px;font-size:28px}
.f-left p{line-height:2;font-size:15px;color:#666b80;margin-bottom:30px}
.f-left h5{font-size:19px;font-weight:600;color:var(--ink);margin-bottom:16px}
.partners{display:flex;gap:10px;flex-wrap:wrap}
.partners span{padding:8px 16px;border-radius:99px;background:#fff4ea;color:#e8731a;font-weight:700;font-size:14px}
.f-cols{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:20px;padding-left:46px}
footer h4{color:var(--ink);font-size:20px;font-weight:500;margin-bottom:26px}
footer .f-cols a{display:block;margin:0 0 20px;color:#666b80;font-size:15px;padding:0}
footer .f-cols a:hover{color:var(--p);padding-left:0}
footer .f-cols a.all{color:var(--p)}
.f-bar{border-top:1px solid #ececf3;margin-top:36px;padding:26px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;font-size:15px;color:#666b80}
.f-bar .soc{margin:0}
footer .f-bar .soc a{width:40px;height:40px;border-radius:50%;background:#f3f2f8;color:var(--ink);margin:0;font-size:14px}
footer .f-bar .soc a:hover{background:var(--p);color:#fff}
.f-bar b{color:var(--p);font-weight:500}
.f-links{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}
footer .f-links a{display:inline;margin:0;color:#666b80}
footer .f-links a:hover{color:var(--p)}

@media(max-width:960px){
.h-top,.f-main{grid-template-columns:1fr}
.bento{grid-template-columns:1fr}
.f-left{border-right:0;padding:0 0 30px}.f-cols{padding:0;grid-template-columns:1fr 1fr}
.f-bar{grid-template-columns:1fr;text-align:center}.f-bar .soc,.f-links{justify-content:center}
nav .navbtns{display:none}
nav ul{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
}
@media(max-width:600px){.side a span{display:none}.side a{padding:5px}.side a{border-radius:99px;transform:none;margin-right:10px}.f-cols{grid-template-columns:1fr}}
.dk .zap{bottom:auto;top:20px;font-size:34px}.h-act{flex-wrap:nowrap;gap:14px}.lnk{white-space:nowrap}.b1{display:flex;flex-direction:column}.hc{margin-top:auto}

/* ===== v5: orange & sky-blue theme + image logo ===== */
:root{--p:#ff7a00;--p2:#ffa233;--acc:#2b3a9e;--sky:#2b3a9e;--ink:#12163d;--ink2:#1b2158;--bg:#f4f6fd;--line:#e3e6f4}
.logo:before{display:none}
.logo img{height:46px;width:auto;display:block}
footer .f-left .logo img{height:58px}
.logo{padding:0}
.tag{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:99px;background:linear-gradient(90deg,#fff1e6,#e9ecff);border:1px solid #fed7aa;color:#12163d;font-weight:600;font-size:14px;margin-bottom:22px;letter-spacing:.2px}
.tag i{width:8px;height:8px;border-radius:50%;background:var(--p);box-shadow:0 0 0 4px rgba(255,122,0,.2)}
.tag b{background:linear-gradient(90deg,var(--p),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 h1 em{background:linear-gradient(95deg,#ff7a00,#2b3a9e);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2{background:radial-gradient(520px 380px at 5% 75%,rgba(43,58,158,.22),transparent 70%),radial-gradient(520px 380px at 95% 35%,rgba(255,122,0,.2),transparent 70%),#fffaf4}
.vis{background:linear-gradient(160deg,#5b6bd6,#2b3a9e 60%,#1f2b7a)}
.c1 span{background:#12163d}.c2 span{background:#ff7a00}.c3 span{background:#2b3a9e}.c4 span{background:#e56a00}
.b3 .wd{background:linear-gradient(135deg,#fff1e6,#e9ecff)}
.dk{background:linear-gradient(135deg,#12163d,#1f2766);border-color:#12163d}
.dk .stars{color:#ffa233}
.nb.d:hover{background:var(--p);border-color:var(--p)}
.dark{background:linear-gradient(135deg,#e56a00,#ff7a00 45%,#2b3a9e)}
.brand{background:linear-gradient(180deg,var(--bg),#e3f3fd)}
.show{background:#12163d}
.chart span,.phone .bars span,.kpi+.kpi{background-image:none}
.chart span,.phone .bars span{background:linear-gradient(180deg,#2b3a9e,#ff7a00)}
.side .s3{background:linear-gradient(90deg,#2b3a9e,#ff7a00)}
.side .s1{background:linear-gradient(90deg,#ffedd5,#bae6fd)}
.quick a:nth-child(3) b{background:linear-gradient(135deg,#1f2b7a,#5b6bd6)}
.m2-side{background:linear-gradient(180deg,#ff7a00,#ffa233)}
.btn.pri,.pbtn{box-shadow:0 12px 26px rgba(255,122,0,.35)}
.head small,.brand small.t{background:rgba(255,122,0,.12);color:#e56a00}
.stats b{background:linear-gradient(135deg,#ff7a00,#2b3a9e);-webkit-background-clip:text;background-clip:text}
.partners span{color:#e56a00}
.f-bar b,footer .f-cols a.all{color:#e56a00}
.step:before{background:linear-gradient(135deg,#ff7a00,#2b3a9e)}
/* v5b: avoid muddy orange→blue blends */
.hero2 h1 em{background:none;color:var(--p);-webkit-text-fill-color:currentColor}
.tag b{background:none;color:#12163d;-webkit-text-fill-color:currentColor}
.stats b{background:none;color:var(--p);-webkit-text-fill-color:currentColor}
.step:before{background:linear-gradient(135deg,#ff7a00,#ffa233)}
.pbtn{white-space:nowrap}
.dark{background:linear-gradient(135deg,#e56a00,#ff7a00 55%,#ffa233)}
.chart span,.phone .bars span{background:linear-gradient(180deg,#5b6bd6,#2b3a9e)}
.chart span:nth-child(even),.phone .bars span:nth-child(even){background:linear-gradient(180deg,#ffc27a,#ff7a00)}

/* ===== v6: unique hero ===== */
.hx{position:relative;overflow:hidden;padding:70px 0 90px;background:#fffaf4}
.hx:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(43,58,158,.22) 1.4px,transparent 1.4px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%,#000);pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:drift 14s ease-in-out infinite alternate}
.o1{width:460px;height:460px;background:rgba(255,122,0,.30);left:-140px;top:-120px}
.o2{width:420px;height:420px;background:rgba(43,58,158,.30);right:-80px;top:80px;animation-delay:-5s}
.o3{width:340px;height:340px;background:rgba(251,191,36,.22);left:38%;bottom:-160px;animation-delay:-9s}
@keyframes drift{to{transform:translate(50px,36px) scale(1.12)}}
.hx-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.hx h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6vw,84px);line-height:1.02;letter-spacing:-1.5px;color:var(--ink);margin:0 0 20px}
.hx h1 em{font-style:italic;color:var(--p);position:relative;display:inline-block;-webkit-text-fill-color:currentColor;background:none}
.hx h1 em svg{position:absolute;left:0;bottom:-8px;width:100%;height:14px;overflow:visible}
.hx h1 em svg path{stroke-dasharray:320;stroke-dashoffset:320;animation:draw 1.4s .5s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.rot{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:8px;min-height:34px}
.rw{color:var(--acc);border-bottom:2px solid var(--acc);padding:0 4px;min-width:20px}
.rot u{width:2px;height:24px;background:var(--p);animation:blink 1s steps(1) infinite;margin-left:-8px}
@keyframes blink{50%{opacity:0}}
.hx-p{color:#4a5568;font-size:17px;max-width:520px;margin-bottom:28px;line-height:1.75}
.trust{display:flex;align-items:center;gap:18px;margin-top:36px;flex-wrap:wrap}
.trust .av{display:flex}
.trust .av i{width:44px;height:44px;border-radius:50%;border:3px solid #fff;display:grid;place-items:center;font-style:normal;font-size:20px;margin-right:-12px;background:#fff1e6;box-shadow:0 6px 16px rgba(18,22,61,.1)}
.trust .av i:nth-child(even){background:#e9ecff}
.trust b{display:block;font-size:16px}
.trust span{font-size:13px;color:var(--mut)}
.trust .sep{width:1px;height:34px;background:#e3d9cf}
.hx-r{position:relative;min-height:520px;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%;border:1.5px dashed rgba(43,58,158,.45);animation:spin 40s linear infinite}
.r1{width:440px;height:440px}
.r2{width:340px;height:340px;border-color:rgba(255,122,0,.5);animation-direction:reverse;animation-duration:30s}
@keyframes spin{to{transform:rotate(360deg)}}
.scr{position:relative;width:min(430px,92%);background:#fff;border-radius:22px;box-shadow:0 40px 80px rgba(18,22,61,.22),0 0 0 1px rgba(18,22,61,.06);overflow:hidden;transform:perspective(1100px) rotateY(-9deg) rotateX(4deg);animation:tilt 7s ease-in-out infinite}
@keyframes tilt{50%{transform:perspective(1100px) rotateY(-3deg) rotateX(2deg) translateY(-10px)}}
.scr-top{display:flex;align-items:center;gap:6px;background:#f1f6fa;padding:12px 14px}
.scr-top i{width:10px;height:10px;border-radius:50%;background:#ef4444}.scr-top i:nth-child(2){background:#f59e0b}.scr-top i:nth-child(3){background:#22c55e}
.scr-top span{margin-left:10px;font-size:11px;color:var(--mut);background:#fff;border-radius:99px;padding:3px 12px}
.scr-body{display:grid;grid-template-columns:54px 1fr;min-height:300px}
.sb{background:linear-gradient(180deg,#12163d,#1b2158);padding:14px 0;display:grid;gap:12px;justify-items:center;align-content:start}
.sb b{width:32px;height:32px;border-radius:10px;background:var(--p);color:#fff;display:grid;place-items:center;margin-bottom:6px}
.sb i{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.14)}.sb i.on{background:var(--acc)}
.sm{padding:18px}
.sk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.sk div{background:#f4f6fd;border-radius:12px;padding:10px 12px}
.sk div:first-child{background:linear-gradient(135deg,#ff7a00,#ffa233);color:#fff}
.sk div:first-child small{color:#ffe7d3}
.sk small{display:block;font-size:10px;color:var(--mut)}
.sk strong{font-size:17px}
.sc{display:flex;align-items:flex-end;gap:8px;height:110px;background:#f4f6fd;border-radius:14px;padding:14px}
.sc span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#5b6bd6,#2b3a9e);animation:grow 1.4s ease both}
.sc span:nth-child(even){background:linear-gradient(180deg,#ffc27a,#ff7a00)}
.sl{display:grid;gap:8px;margin-top:12px}
.sl div{height:26px;border-radius:8px;background:#f4f6fd;position:relative}
.sl div:before{content:"";position:absolute;left:8px;top:6px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--acc))}
.fc{position:absolute;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:16px;padding:11px 16px 11px 11px;box-shadow:0 20px 44px rgba(18,22,61,.18);animation:float 6s ease-in-out infinite;z-index:3}
.fc b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#fff1e6}
.fc strong{display:block;font-size:13px;line-height:1.3}
.fc small{font-size:11px;color:var(--mut)}
.f1{left:-14px;top:70px}.f2{right:-10px;top:150px;animation-delay:-2s}.f2 b{background:#e9ecff}
.f3{left:6px;bottom:90px;animation-delay:-4s}.f3 b{background:#e9ecff}
.f4{right:20px;bottom:40px;animation-delay:-1s}
@media(max-width:960px){.hx-grid{grid-template-columns:1fr}.hx-r{min-height:480px;margin-top:20px}.f1{left:0}.f2{right:0}}
@media(max-width:600px){.fc{transform:scale(.88)}.f3{display:none}.hx-r{min-height:420px}.r1{width:330px;height:330px}.r2{width:250px;height:250px}.scr{transform:none;animation:none}}
.hx-grid{grid-template-columns:1.2fr .8fr}
.hx h1{font-size:clamp(44px,5.4vw,78px)}
.hx h1 em svg path{stroke-dasharray:400;stroke-dashoffset:400}
.f1{left:-60px;top:30px}.f2{right:-30px;top:215px}.f3{left:-30px;bottom:80px}.f4{right:-10px;bottom:30px}
.hx-r{min-height:540px}
@media(max-width:960px){.f1{left:0}.f2{right:0}.f3{left:0}.f4{right:0}}
.f2{top:300px;right:-40px}.f4{bottom:20px}

/* ===== v7: about / tech / projects / testimonials / team / footer ===== */
.eyebrow{display:inline-block;color:#e56a00;background:rgba(255,122,0,.12);padding:5px 14px;border-radius:99px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12px}
.or{color:var(--p)}
.abt{background:#fff;position:relative;overflow:hidden}
.abt:before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(43,58,158,.16),transparent 70%)}
.abt-g{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.abt h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px;line-height:1.15;margin:14px 0 16px}
.abt p{color:var(--mut);font-size:17px}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.mv div{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px}
.mv div:first-child{border-top:3px solid var(--p)}.mv div:last-child{border-top:3px solid var(--acc)}
.mv b{display:block;margin-bottom:6px}.mv p{font-size:14px;margin:0}
.chk2{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.chk2 li{font-weight:600;font-size:14px;display:flex;gap:10px;align-items:center}
.chk2 li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:grid;place-items:center;font-size:12px}
.abt-c{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ac{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 22px;text-align:center;box-shadow:0 18px 44px rgba(18,22,61,.07);transition:.3s}
.ac:hover{transform:translateY(-6px)}
.ac:nth-child(1){border-top:4px solid var(--p)}.ac:nth-child(2){border-top:4px solid var(--acc);margin-top:28px}
.ac:nth-child(3){border-top:4px solid var(--acc);margin-top:-28px}.ac:nth-child(4){border-top:4px solid var(--p)}
.ac b{font-family:var(--serif);font-weight:400;font-size:60px;line-height:1;display:block;color:var(--ink)}
.ac span{color:var(--mut);font-weight:500;font-size:14px}

.tech{padding:80px 0;background:var(--bg)}
.tgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.tc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 12px;text-align:center;font-weight:700;font-size:14px;transition:.3s;display:flex;flex-direction:column;gap:10px;align-items:center}
.tc i{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--c) 18%,#fff);position:relative}
.tc i:after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--c)}
.tc:hover{transform:translateY(-6px);border-color:var(--c);box-shadow:0 16px 34px color-mix(in srgb,var(--c) 22%,transparent)}

.ptabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-20px 0 36px}
.ptabs button{padding:9px 20px;border-radius:99px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:.2s}
.ptabs button:hover{border-color:var(--p);color:var(--p)}
.ptabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pj{--c:var(--p);background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.pj:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(18,22,61,.14);border-color:transparent}
.pj-i{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef0fa}
.pj-i img{width:100%;height:100%;object-fit:contain;background:#fff;transition:.6s}
.pj:hover .pj-i img{transform:scale(1.07)}
.pj-ph{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#000 0%),color-mix(in srgb,var(--c) 45%,#2b3a9e));padding:22px;display:grid;align-content:end;gap:8px}
.pj-ph span{position:absolute;right:20px;top:6px;font-family:var(--serif);font-size:120px;line-height:1;color:rgba(255,255,255,.28)}
.pj-ph div{height:10px;border-radius:6px;background:rgba(255,255,255,.35)}
.l1{width:70%}.l2{width:50%}.l3{width:36%}
.pj-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);opacity:0;background:#fff;color:var(--ink);padding:11px 22px;border-radius:99px;font-weight:700;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.3s}
.pj:hover .pj-go{opacity:1;transform:translate(-50%,-50%)}
.pj-i:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(18,22,61,.35));opacity:0;transition:.3s;pointer-events:none}
.pj:hover .pj-i:after{opacity:1}
.pj-b{padding:24px;display:flex;flex-direction:column;flex:1}
.pj-t{align-self:flex-start;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);padding:4px 12px;border-radius:99px;margin-bottom:12px}
.pj-b h3{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}
.pj-b p{color:var(--mut);font-size:14.5px;margin-bottom:16px;flex:1}
.pj-tech{display:flex;gap:6px;flex-wrap:wrap}
.pj-tech i{font-style:normal;font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;background:var(--bg);color:#475569}

.testi{background:linear-gradient(180deg,#fff7ed,#eef8ff)}
.tgr{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tm{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px 30px;position:relative;transition:.3s;box-shadow:0 14px 36px rgba(18,22,61,.06)}
.tm:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(18,22,61,.13)}
.tm .q{position:absolute;right:26px;top:6px;font-family:var(--serif);font-size:100px;line-height:1;color:var(--p);opacity:.2}
.tm .stars{color:#f59e0b;letter-spacing:3px;font-size:18px;margin-bottom:14px}.tm .stars span{color:#e2e8f0}
.tm p{color:#334155;font-size:16px;line-height:1.75;margin-bottom:24px}
.who{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:20px}
.who i,.who img{width:50px;height:50px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--p),var(--acc));font-size:20px;flex:none}
.who b{display:block}.who small{color:var(--mut)}

.tmg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mb{--c:var(--p);text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 22px;transition:.35s;position:relative;overflow:hidden}
.mb:before{content:"";position:absolute;left:0;right:0;top:0;height:92px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--acc) 18%,#fff))}
.mb:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(18,22,61,.13)}
.mb-p{position:relative;width:112px;height:112px;margin:0 auto 18px;border-radius:50%;border:5px solid #fff;box-shadow:0 12px 28px rgba(18,22,61,.18);overflow:hidden;background:linear-gradient(135deg,var(--c),var(--acc));display:grid;place-items:center}
.mb-p img{width:100%;height:100%;object-fit:cover}
.mb-p i{font-style:normal;font-family:var(--serif);font-size:54px;color:#fff;line-height:1}
.mb-s{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;gap:6px;padding:8px;background:rgba(18,22,61,.7);transform:translateY(100%);transition:.3s}
.mb:hover .mb-s{transform:none}
.mb-s a{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:11px;font-weight:800}
.mb h3{font-size:19px;position:relative}
.mb span{color:var(--c);font-weight:700;font-size:13px;display:block;margin:2px 0 10px}
.mb p{color:var(--mut);font-size:14px}

/* footer v7 */
footer{background:#12163d;color:#9aa3cf;border-top:0;padding:0 0 0;position:relative;overflow:hidden;margin-top:0}
footer:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#ff7a00,#ffa233,#2b3a9e,#5b6bd6)}
.fglow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.g1{width:420px;height:420px;background:rgba(255,122,0,.22);left:-140px;top:120px}
.g2{width:420px;height:420px;background:rgba(43,58,158,.2);right:-120px;bottom:-60px}
.fcta2{position:relative;margin:70px 0 56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:40px 44px;border-radius:26px;background:linear-gradient(120deg,rgba(255,122,0,.95),rgba(251,146,60,.9) 45%,rgba(43,58,158,.95));color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.fcta2 h3{font-size:clamp(24px,3vw,34px);letter-spacing:-.8px;margin-bottom:4px}
.fcta2 p{color:#fff3e8;max-width:520px}
.fbtns{display:flex;gap:12px;flex-wrap:wrap}
.fcta2 .btn.pri{background:#fff;color:#e56a00;box-shadow:none}
.fcta2 .btn.ghost{border-color:rgba(255,255,255,.7)}
.fcols{position:relative;display:grid;grid-template-columns:1.5fr .8fr 1.1fr 1.2fr;gap:40px}
footer h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:22px;position:relative;padding-bottom:12px}
footer h4:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--p)}
footer .fcols a{display:block;margin:0 0 12px;color:#9aa3cf;font-size:15px;transition:.2s;padding:0}
footer .fcols a:hover{color:#fff;padding-left:6px}
.flogo{background:#fff;display:inline-block!important;padding:10px 16px!important;border-radius:14px;margin-bottom:16px!important}
.flogo img{height:44px!important}
.ftag{color:#ffa233;font-weight:700;margin-bottom:10px;font-size:15px}
.fb p{font-size:15px;line-height:1.8}
.fsoc{display:flex;gap:10px;margin-top:20px}
footer .fsoc a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;display:grid!important;place-items:center;margin:0!important;font-weight:800;font-size:14px;transition:.25s}
footer .fsoc a:hover{background:var(--p);transform:translateY(-4px);padding-left:0}
.fci{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:15px}
.fci b{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:15px}
.fci span{padding-top:7px}
.fpay{position:relative;margin-top:44px;padding:26px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.fpay>span{color:#fff;font-weight:700;font-size:16px}
.pl{display:flex;gap:12px;flex-wrap:wrap}
.pl img{height:50px;width:84px;object-fit:contain;background:#fff;border-radius:12px;padding:6px 10px;transition:.25s}
.pl img:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.35)}
.fbar{position:relative;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 26px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px}
.fl{display:flex;gap:22px}
footer .fl a{color:#9aa3cf;margin:0}footer .fl a:hover{color:#fff}

@media(max-width:1000px){.pgrid,.tgr{grid-template-columns:1fr 1fr}.tmg{grid-template-columns:1fr 1fr}.tgrid{grid-template-columns:repeat(3,1fr)}.abt-g{grid-template-columns:1fr}.fcols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pgrid,.tgr,.tmg,.mv,.chk2{grid-template-columns:1fr}.tgrid{grid-template-columns:repeat(2,1fr)}.fcols{grid-template-columns:1fr}.fcta2{padding:28px 22px}.ac:nth-child(n){margin-top:0}.pl img{width:72px;height:44px}}

/* ===== featured projects showcase ===== */
.fs-top{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap;margin:-24px 0 50px;color:var(--mut);font-weight:600;font-size:14px}
.fs-top b{background:var(--ink);color:#fff;padding:4px 12px;border-radius:99px}
.fs-top span{background:#fff;border:1px solid var(--line);padding:4px 12px;border-radius:99px;font-size:12px}
.fshow{display:grid;gap:70px}
.fp{--c:var(--p);display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
.fp.rev .fp-v{order:2}
.fp-v{position:relative;padding:26px}
.fp-v:before{content:"";position:absolute;inset:0;border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 28%,#fff),color-mix(in srgb,var(--acc) 22%,#fff));transform:rotate(-2deg);transition:.5s}
.fp.rev .fp-v:before{transform:rotate(2deg)}
.fp:hover .fp-v:before{transform:rotate(0)}
.fp-n{position:absolute;left:-6px;top:-34px;font-family:var(--serif);font-size:110px;line-height:1;color:var(--c);opacity:.25;z-index:0}
.fp.rev .fp-n{left:auto;right:-6px}
.fp-win{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(18,22,61,.25);border:1px solid rgba(18,22,61,.08);transition:.5s}
.fp:hover .fp-win{transform:translateY(-8px) scale(1.02)}
.fp-bar{display:flex;gap:6px;padding:10px 14px;background:#f1f6fa}
.fp-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.fp-bar i:nth-child(2){background:#f59e0b}.fp-bar i:nth-child(3){background:#22c55e}
.fp-win img{display:block;width:100%;height:auto;object-fit:contain}
.fp-ph{aspect-ratio:16/10;display:grid;place-items:center;font-family:var(--serif);font-size:110px;color:#fff;background:linear-gradient(135deg,var(--c),var(--acc))}
.fp-badge{position:absolute;right:8px;bottom:0;background:linear-gradient(135deg,#ff7a00,#ffa233);color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:99px;box-shadow:0 12px 26px rgba(255,122,0,.45)}
.fp-t h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.8px;line-height:1.2;margin-bottom:12px}
.fp-t>p{color:var(--mut);font-size:16px;margin-bottom:18px}
.fp-t ul{list-style:none;display:grid;gap:10px;margin-bottom:20px}
.fp-t li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:15px}
.fp-t li:before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:12px;margin-top:1px}
.fp-t .pj-t{margin-bottom:14px}
.fp-act{display:flex;gap:20px;align-items:center;margin-top:24px;flex-wrap:wrap}
.lnk2{font-weight:700;color:var(--c)}
.lnk2:hover{text-decoration:underline}
.more-t{text-align:center;margin:80px 0 26px;font-size:22px;letter-spacing:-.4px}
@media(max-width:900px){.fp{grid-template-columns:1fr;gap:30px}.fp.rev .fp-v{order:0}.fshow{gap:56px}.fp-n{font-size:80px;top:-24px}}

/* ===== v8: header, hero polish, sections, compact footer ===== */
header{border-top:0;transition:.3s}
header.stuck{box-shadow:0 10px 30px rgba(18,22,61,.1);background:rgba(255,255,255,.96)}
header.stuck nav{height:62px}
nav{transition:.3s}
nav ul{gap:6px}
nav ul a{padding:8px 16px;border-radius:99px;font-size:15px;font-weight:600;color:#33415a;transition:.2s}
nav ul a:after{display:none}
nav ul a:hover{background:#fff1e6;color:var(--p)}
nav ul a.act{background:var(--ink);color:#fff}
.nb.call{border:0;background:#fff1e6;padding:6px 16px 6px 8px;border-radius:99px;gap:10px;color:var(--ink)}
.nb.call span{width:36px;height:36px;border-radius:50%;background:var(--p);display:grid;place-items:center;font-size:16px;color:#fff;animation:ring 2.4s infinite}
@keyframes ring{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}50%{transform:rotate(0)}}
.nb.call small{display:block;font-size:10px;color:var(--mut);line-height:1.2;font-weight:600}
.nb.call b{font-size:15px;line-height:1.2}
.nb.call:hover{background:#ffe3cc}
.nb.d{border-radius:99px;padding:12px 24px;border-color:var(--ink)}
.navbtns{align-items:center}

.wbtn{display:inline-flex;align-items:center;gap:10px;font-weight:700;padding:8px 20px 8px 8px;border-radius:99px;background:#fff;border:1px solid #c7ecd6;color:#15803d;transition:.25s}
.wbtn b{width:38px;height:38px;border-radius:50%;background:#22c55e;display:grid;place-items:center;font-size:18px}
.wbtn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(34,197,94,.25)}
.scrolld{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:26px;height:42px;border:2px solid #b8c4d2;border-radius:99px;z-index:3}
.scrolld i{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--p);animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(16px)}}
.hx{padding-bottom:110px}
.hx:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:linear-gradient(180deg,transparent,#f4f6fd);pointer-events:none}

/* section heads */
.head h2:after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--p),var(--acc))}
.abt h2:after,.brand h2:after,.faq-l h2:after{display:none}
/* solution cards numbering */
.grid{counter-reset:sol}
#solutions .card:before{counter-increment:sol}
#solutions .card h3:after{content:"0" counter(sol);position:absolute;right:26px;top:22px;font-family:var(--serif);font-size:46px;line-height:1;color:var(--c);opacity:.18}
/* why cards numbered */
#why .grid{counter-reset:why}
#why .card{counter-increment:why;padding-top:36px}
#why .card:after{content:"0" counter(why);width:auto;height:auto;background:none;border-radius:0;right:26px;top:16px;font-family:var(--serif);font-size:64px;line-height:1;color:var(--p);opacity:.14}
#why .card:hover:after{transform:none;opacity:.3}
/* process connector */
.steps:before{display:block;top:35px;left:12%;right:12%;border-top:2px dashed #f9c9a0;z-index:0}
.step{z-index:1}
/* cta */
.dark{padding:84px 0}
/* faq */
.faqs{background:#fff}
.faq-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.faq-l{position:sticky;top:110px}
.faq-l h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px;line-height:1.15;margin:14px 0}
.faq-l p{color:var(--mut);font-size:17px;margin-bottom:24px}
.faq-c{display:grid;gap:12px}
.faq-c a{display:flex;gap:14px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 18px;transition:.25s}
.faq-c a:hover{transform:translateX(6px);background:#fff;box-shadow:0 14px 30px rgba(18,22,61,.08)}
.faq-c b{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--p),var(--p2));display:grid;place-items:center;font-size:20px}
.faq-c a:last-child b{background:linear-gradient(135deg,#16a34a,#22c55e)}
.faq-c small{display:block;color:var(--mut);font-size:12px}
.faq{max-width:none;margin:0}
.faq details{background:var(--bg)}
.faq details[open]{background:#fff}

/* compact footer */
.fcta2,.fpay,.fcols a.all{display:none}
footer{padding:0}
.fw{padding-top:34px;padding-bottom:0}
.ftop{position:relative;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1)}
.ftop .flogo{margin:0!important;padding:8px 14px!important;border-radius:12px;background:#fff;display:inline-block}
.ftop .flogo img{height:38px!important}
.ft-t{flex:1;min-width:200px}
.ft-t b{display:block;color:#ffa233;font-size:17px}
.ft-t span{font-size:14px}
.fbtns{display:flex;gap:10px;flex-wrap:wrap}
.fbtns .btn{padding:11px 20px;font-size:14px}
.btn.wa2{background:#22c55e;color:#fff;box-shadow:0 10px 24px rgba(34,197,94,.35)}
.btn.wa2:hover{transform:translateY(-3px)}
.fcols{position:relative;display:grid;grid-template-columns:.7fr 1.7fr 1.2fr;gap:36px;padding:30px 0 26px}
footer h4{font-size:15px;margin-bottom:14px;padding-bottom:9px}
footer h4:after{width:28px;height:2px}
footer .fcols a{margin:0 0 8px;font-size:14px}
.f2c{display:block}
.f2c a{display:inline-block!important;width:49%}
footer .fci{display:flex!important;gap:10px;align-items:center;margin:0 0 9px;font-size:14px;color:#9aa3cf}
.fci b{width:30px;height:30px;border-radius:9px;font-size:13px}
.fci span{padding:0}
.fci em{font-style:normal;font-size:11px;background:#22c55e;color:#fff;padding:2px 8px;border-radius:99px;margin-left:6px;font-weight:700}
.fsoc{margin-top:12px;gap:8px}
footer .fsoc a{width:34px;height:34px;border-radius:10px;font-size:12px;margin:0!important}
.fbar{position:relative;border-top:1px solid rgba(255,255,255,.1);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px}
.fbar .pl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fbar .pl small{color:#7e90a5;font-size:12px;margin-right:2px}
.fbar .pl img{height:26px;width:46px;object-fit:contain;background:#fff;border-radius:7px;padding:3px 5px}
.fbar .pl img:hover{transform:translateY(-3px)}
.fl{gap:16px}
.g1,.g2{opacity:.7}

@media(max-width:1100px){.nb.call small{display:none}.nb.call{padding-right:12px}}
@media(max-width:960px){.faq-g{grid-template-columns:1fr}.faq-l{position:static}.fcols{grid-template-columns:1fr 1fr}.f2c{grid-column:1/-1;order:3}nav ul a.act{background:#fff1e6;color:var(--p)}nav ul a{border-radius:10px}.fbar{justify-content:center;text-align:center}.scrolld{display:none}}
@media(max-width:600px){.fcols{grid-template-columns:1fr}.f2c a{width:48%}.ftop{justify-content:center;text-align:center}.fbtns{justify-content:center}}

/* ===== v9: colourful small buttons (btn-sm) ===== */
.btn,.pbtn,.nb.d,.lnk2,.card a.more,.wbtn{font-size:13.5px;font-weight:700;padding:9px 20px;border-radius:99px;border:0;display:inline-flex;align-items:center;gap:8px;line-height:1.3;transition:.25s;position:relative;color:#fff;box-shadow:0 8px 18px rgba(18,22,61,.14);letter-spacing:.1px}
.btn:hover,.pbtn:hover,.nb.d:hover,.lnk2:hover,.card a.more:hover,.wbtn:hover{transform:translateY(-3px);filter:saturate(1.15);text-decoration:none}
/* orange (primary) */
.btn.pri,.pbtn{background:linear-gradient(135deg,#ff7a00,#fbbf24);box-shadow:0 10px 22px rgba(255,122,0,.4);color:#fff}
.btn.pri:hover,.pbtn:hover{box-shadow:0 14px 28px rgba(255,122,0,.55)}
/* sky blue (secondary) */
.nb.d,.lnk2{background:linear-gradient(135deg,#1f2b7a,#5b6bd6);border:0;box-shadow:0 10px 22px rgba(43,58,158,.4);color:#fff}
.nb.d:hover{background:linear-gradient(135deg,#1f2b7a,#5b6bd6);border:0}
/* green whatsapp */
.wbtn,.btn.wa2{background:linear-gradient(135deg,#16a34a,#4ade80);color:#fff;border:0;box-shadow:0 10px 22px rgba(34,197,94,.4);padding:5px 18px 5px 5px}
.wbtn b{background:#fff;color:#16a34a;width:30px;height:30px;font-size:15px}
.btn.wa2{padding:9px 20px}
/* ghost on dark / light variants */
.btn.ghost{background:linear-gradient(135deg,#2b3a9e,#6366f1);color:#fff;border:0;box-shadow:0 10px 22px rgba(43,58,158,.35)}
.btn.ghost:hover{background:linear-gradient(135deg,#2b3a9e,#6366f1)}
.btn.light{background:#fff;color:#e56a00;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.btn.g{background:linear-gradient(135deg,#2b3a9e,#6366f1);color:#fff}
.fcta2 .btn.pri{background:#fff;color:#e56a00}
/* solution card buttons use each card colour */
.card a.more{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));box-shadow:0 8px 18px color-mix(in srgb,var(--c) 40%,transparent);padding:7px 16px}
.card a.more:hover{gap:8px}
.card a.more:before{display:none}
.card a.more:after{content:"→"}
.card a.more{z-index:2}
/* project tabs & form */
.ptabs button{padding:7px 18px;font-size:13px;font-weight:700}
.ptabs button.on{background:linear-gradient(135deg,#ff7a00,#fbbf24);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(255,122,0,.35)}
.ptabs button:nth-child(even).on{background:linear-gradient(135deg,#1f2b7a,#5b6bd6);box-shadow:0 8px 18px rgba(43,58,158,.35)}
form .btn{padding:12px 24px;font-size:14px}
.pj-go{background:linear-gradient(135deg,#1f2b7a,#5b6bd6);color:#fff;padding:8px 18px;font-size:13px}
.fbtns .btn{padding:9px 18px;font-size:13px}
.nm .btn{padding:10px 18px}
.side a{font-size:13px}
.nb.call{box-shadow:none;color:var(--ink)}
.nb.call:hover{filter:none}

/* ===== v10: data-rich hero ===== */
.live{margin-top:34px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.live-l{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#334155}
.live-l i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.22);animation:pulse2 1.8s infinite}
@keyframes pulse2{50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.live-c{display:flex;gap:10px;flex-wrap:wrap}
.live-c a{background:#fff;border:1px solid #dbe7f1;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--ink);transition:.25s;box-shadow:0 6px 16px rgba(18,22,61,.06)}
.live-c a em{font-style:normal;color:var(--p);margin-left:2px}
.live-c a:hover{transform:translateY(-3px);border-color:var(--p);color:var(--p)}
.scr{width:min(500px,94%)}
.scr-top em.lv{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;color:#16a34a;background:#dcfce7;padding:3px 9px;border-radius:99px;letter-spacing:.5px}
.slides{position:relative;aspect-ratio:16/10;background:#eef0fa}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s,transform 1.2s;transform:scale(1.04)}
.slide.on{opacity:1;transform:none}
.slide img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.scap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-top:1px solid #eef0fa}
.scap small{display:block;font-size:11px;font-weight:700;color:var(--p);text-transform:uppercase;letter-spacing:.8px}
.scap b{font-size:14.5px;display:block;line-height:1.3}
.sdots{display:flex;gap:6px}
.sdots i{width:8px;height:8px;border-radius:99px;background:#d6e2ec;transition:.3s}
.sdots i.on{width:22px;background:linear-gradient(90deg,var(--p),#fbbf24)}
.f1{left:-50px;top:40px}.f2{right:-20px;top:120px}.f3{left:-40px;bottom:110px}.f4{right:0;bottom:30px}
.hx{padding-bottom:140px}
.hstats{position:relative;z-index:6;margin-top:-76px}
.hs-box{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid #fff;border-radius:24px;box-shadow:0 26px 60px rgba(18,22,61,.14);padding:26px 10px}
.hs-box>div{text-align:center;padding:4px 10px;position:relative}
.hs-box>div+div:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:#e3ecf3}
.hs-box b{display:block;font-family:var(--serif);font-weight:400;font-size:52px;line-height:1.05;color:var(--ink)}
.hs-box>div:nth-child(odd) b{color:var(--p)}.hs-box>div:nth-child(even) b{color:var(--acc)}
.hs-box span{font-size:13px;font-weight:600;color:var(--mut)}
.marq{padding-top:36px}
.scrolld{display:none}
@media(max-width:960px){.hs-box{grid-template-columns:1fr 1fr;row-gap:18px}.hs-box>div:nth-child(3):before{display:none}.f1{left:0}.f2{right:0}.f3{left:0}}
@media(max-width:600px){.hs-box b{font-size:40px}.live{margin-top:24px}}
.hx-r{min-height:580px}
.f1{left:-30px;top:6px}.f2{right:-24px;top:34px}.f3{left:-44px;bottom:6px}.f4{right:6px;bottom:-4px}
@media(max-width:960px){.f1{left:0}.f2{right:0}.f3{left:0}.f4{right:0}}
.f4{right:70px;bottom:-14px}

/* ===== v11: services + richer team ===== */
.svc{background:#fff;position:relative;overflow:hidden}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sv{--c:var(--p);position:relative;border-radius:22px;padding:28px 24px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,#fff),#fff 70%);border:1px solid color-mix(in srgb,var(--c) 22%,#fff);transition:.35s;overflow:hidden}
.sv:before{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:var(--c);opacity:.12;transition:.4s}
.sv:hover{transform:translateY(-8px);box-shadow:0 26px 50px color-mix(in srgb,var(--c) 28%,transparent);border-color:var(--c)}
.sv:hover:before{transform:scale(2.2)}
.sv-i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:var(--c);box-shadow:0 12px 24px color-mix(in srgb,var(--c) 45%,transparent);margin-bottom:18px;position:relative}
.sv h3{font-size:18px;margin-bottom:6px;position:relative}
.sv p{color:var(--mut);font-size:14px;position:relative}

.teamx .tstats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:-20px 0 40px}
.tstats div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 22px;text-align:center;min-width:140px}
.tstats div:nth-child(odd){border-bottom:3px solid var(--p)}.tstats div:nth-child(even){border-bottom:3px solid var(--acc)}
.tstats b{display:block;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.2}
.tstats span{font-size:12px;color:var(--mut);font-weight:600}
.fnd{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center;background:linear-gradient(135deg,#12163d,#10345a 60%,#0c4a6e);color:#fff;border-radius:28px;padding:40px 48px;margin-bottom:34px;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(18,22,61,.25)}
.fnd:before{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.5),transparent 70%)}
.fnd:after{content:"";position:absolute;left:-60px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(43,58,158,.45),transparent 70%)}
.fnd>*{position:relative;z-index:1}
.fnd-p{position:relative;width:220px;height:220px;margin:auto;border-radius:50%;padding:7px;background:linear-gradient(135deg,#ff7a00,#fbbf24,#2b3a9e)}
.fnd-p img,.fnd-p i{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#12163d;color:#fff;font-style:normal;font-family:var(--serif);font-size:110px;border:5px solid #12163d}
.fnd-b{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);background:linear-gradient(135deg,#ff7a00,#fbbf24);color:#fff;font-weight:800;font-size:12px;padding:6px 16px;border-radius:99px;white-space:nowrap;box-shadow:0 10px 22px rgba(255,122,0,.5)}
.fnd-t h3{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,52px);letter-spacing:-.5px;line-height:1.1;margin:12px 0 10px}
.fnd-t p{color:#c5d3e2;font-size:17px;margin-bottom:16px;max-width:560px}
.sk{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.sk i{font-style:normal;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff}
.mb .sk{justify-content:center;margin:12px 0 4px}
.mb .sk i{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.fnd-s{display:flex;gap:10px;flex-wrap:wrap}
.fnd-s a{font-size:13px;font-weight:700;padding:8px 16px;border-radius:99px;background:linear-gradient(135deg,#ff7a00,#fbbf24)}
.fnd-s a:nth-child(2){background:linear-gradient(135deg,#1f2b7a,#5b6bd6)}.fnd-s a:nth-child(3){background:linear-gradient(135deg,#2563eb,#818cf8)}.fnd-s a:last-child{background:linear-gradient(135deg,#16a34a,#4ade80)}
.mb{padding-bottom:26px}
.mb:before{height:96px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#2b3a9e));opacity:.9}
.mb-p{border-color:#fff;margin-top:6px}
.mb h3{margin-top:4px}
.mb-l{display:flex;justify-content:center;gap:8px;margin-top:14px}
.mb-l a{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);display:grid;place-items:center;font-size:12px;font-weight:800;transition:.25s}
.mb-l a:hover{background:var(--c);color:#fff;transform:translateY(-3px)}
.mb-s{display:none}
/* colourful why/solution icons */
#why .card:nth-child(1){--c:#ff7a00}#why .card:nth-child(2){--c:#ec4899}#why .card:nth-child(3){--c:#f59e0b}#why .card:nth-child(4){--c:#2b3a9e}#why .card:nth-child(5){--c:#8b5cf6}#why .card:nth-child(6){--c:#10b981}
#why .card:after{color:var(--c)}
#why .card:hover{box-shadow:0 26px 50px color-mix(in srgb,var(--c) 22%,transparent)}
@media(max-width:1000px){.sgrid{grid-template-columns:1fr 1fr}.fnd{grid-template-columns:1fr;text-align:center;padding:36px 26px;gap:30px}.fnd-t p{margin-inline:auto}.sk,.fnd-s{justify-content:center}}
@media(max-width:600px){.sgrid{grid-template-columns:1fr}.fnd-p{width:180px;height:180px}}
.card a.more:after{content:none}
.tmg{display:flex;flex-wrap:wrap;justify-content:center}
.tmg .mb{flex:0 0 calc(25% - 18px)}
@media(max-width:1000px){.tmg .mb{flex-basis:calc(50% - 12px)}}
@media(max-width:600px){.tmg .mb{flex-basis:100%}}

/* ===== v12: calmer, cleaner palette (orange + sky blue + navy only) ===== */
.blob,.orb.o3{display:none}
.orb{opacity:.55}
.fglow{opacity:.35}
/* headings / eyebrows */
.head h2:after{width:48px;height:3px;background:var(--p)}
.eyebrow,.head small,.brand small.t{background:#fff1e6;color:#e56a00}
/* buttons: simple, flat-ish */
.btn,.pbtn,.nb.d,.lnk2,.card a.more,.wbtn{box-shadow:none;font-weight:600}
.btn.pri,.pbtn{background:#ff7a00;box-shadow:0 6px 14px rgba(255,122,0,.28)}
.btn.pri:hover,.pbtn:hover{background:#e56a00;box-shadow:0 8px 18px rgba(255,122,0,.35);filter:none}
.nb.d,.lnk2,.pj-go{background:#2b3a9e;box-shadow:0 6px 14px rgba(43,58,158,.28)}
.nb.d:hover,.lnk2:hover{background:#1f2b7a;filter:none}
.btn.ghost,.btn.g{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.55);box-shadow:none;color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.24)}
.btn.g{background:#fff;color:var(--ink);border:1px solid var(--line)}
.wbtn,.btn.wa2{background:#22c55e;box-shadow:0 6px 14px rgba(34,197,94,.28)}
.wbtn:hover,.btn.wa2:hover{filter:none;background:#16a34a}
.btn.light{box-shadow:none}
.card a.more{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);box-shadow:none}
.card a.more:hover{background:var(--c);color:#fff}
.ptabs button.on,.ptabs button:nth-child(even).on{background:var(--ink);color:#fff;box-shadow:none}
.fnd-s a,.fnd-s a:nth-child(n){background:var(--p)}
.side .s1{background:#fff1e6;color:var(--ink)}.side .s2{background:var(--ink)}.side .s3{background:#2b3a9e}
.fbtns .btn.pri{background:#ff7a00}
.fcta2 .btn.pri{background:#fff}
/* cards: one accent per card, soft tints */
.card:after{opacity:.05}
.card:hover:after{opacity:.08}
.ico{background:color-mix(in srgb,var(--c) 10%,#fff);box-shadow:none}
.card li:before{background:color-mix(in srgb,var(--c) 12%,#fff)}
#why .card:nth-child(n){--c:#ff7a00}#why .card:nth-child(even){--c:#2b3a9e}
#why .card:after{opacity:.1}
.sv{background:#fff;border:1px solid var(--line)}
.sv-i{box-shadow:none}
.sv:hover{box-shadow:0 18px 36px rgba(18,22,61,.1);border-color:color-mix(in srgb,var(--c) 40%,#fff)}
.sv:before{opacity:.08}
.tc i{background:color-mix(in srgb,var(--c) 14%,#fff)}
.tc:hover{box-shadow:0 12px 26px rgba(18,22,61,.08)}
/* project placeholder + testimonials + team */
.pj-ph{background:linear-gradient(135deg,var(--c),#12163d)}
.fp-v:before{background:#fff1e6}
.fp:nth-child(even) .fp-v:before{background:#e6f4fc}
.fp-badge{background:#ff7a00;box-shadow:none}
.testi{background:#fff8f1}
.tm .who i,.who img{background:#12163d}
.mb:before{background:color-mix(in srgb,var(--c) 14%,#fff);opacity:1}
.mb-p{background:var(--c)}
.mb-p i{color:#fff}
.mb span{color:var(--c)}
.tstats div:nth-child(n){border-bottom:3px solid #fed7aa}
.tstats div:nth-child(even){border-bottom-color:#bae6fd}
/* hero / stats / about */
.hs-box b,.hs-box>div:nth-child(n) b{color:var(--ink)}
.hs-box>div:nth-child(odd) b{color:var(--p)}
.ac:nth-child(n){border-top-width:3px}
.step:before{background:#ff7a00;box-shadow:0 8px 18px rgba(255,122,0,.3)}
.dark{background:#12163d}
.dark:before{background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px)}
.dark .btn.light{color:#e56a00}
.brand{background:#f4f6fd}
.m2-side{background:#12163d}
.stats b{color:var(--p)}
.live-c a{box-shadow:none}
.hx{background:#fffaf4}
.hx .o2{background:rgba(43,58,158,.22)}.hx .o1{background:rgba(255,122,0,.2)}
.fc b,.fc:nth-child(n) b{background:#fff1e6}
.fc.f2 b,.fc.f3 b{background:#e6f4fc}
.chart span:nth-child(even),.sc span:nth-child(even){background:linear-gradient(180deg,#ffc27a,#ff7a00)}
footer:before{background:var(--p)}
.fsoc a:hover{background:var(--p)}
.tc{padding:22px 12px 18px;gap:12px}
.tc img{width:44px;height:44px;object-fit:contain;transition:.3s}
.tc:hover img{transform:scale(1.15) rotate(-4deg)}
.tc:hover{border-color:#ffc27a}

/* ===== trusted clients ===== */
.cl{background:#fff;padding:80px 0}
.clg{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.clc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.3s}
.clc:hover{transform:translateY(-6px);border-color:#ffc27a;box-shadow:0 18px 36px rgba(18,22,61,.1)}
.clc-l{height:96px;display:grid;place-items:center;padding:16px;background:#fafcfe;border-bottom:1px solid var(--line)}
.clc-l img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.3s}
.clc:hover .clc-l img{filter:none;opacity:1}
.clc-w{font-weight:800;font-size:17px;text-align:center;color:#64748b;line-height:1.25;transition:.3s}
.clc:hover .clc-w{color:var(--p)}
.clc-n{padding:12px 10px;text-align:center}
.clc-n b{display:block;font-size:14px}
.clc-n small{font-size:12px;color:var(--mut)}
.cl-note{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;margin-top:34px;font-size:14px;font-weight:600;color:#475569}
.cl-note span{display:inline-flex;gap:6px;align-items:center}
.cl-note span:first-letter{color:var(--p)}
@media(max-width:1000px){.clg{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.clg{grid-template-columns:1fr 1fr}.cl{padding:60px 0}}

/* ===== lazy scroll: progress bar, staggered reveals, deferred rendering ===== */
.prog{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff7a00,#2b3a9e);z-index:100}
.rv{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.fp:nth-child(odd) .fp-v.rv,.fp-v{transition:inherit}
section,.cl,.dark{scroll-margin-top:76px}
/* render below-the-fold sections only when they approach the viewport */
#about,#clients,#solutions,#custom,#services,.tech,#projects,#why,#process,#testimonials,#team,.faqs,.dark,#contact{content-visibility:auto;contain-intrinsic-size:auto 780px}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.prog{display:none}}

/* clients section now sits just above the footer */
.cl{background:#f4f6fd;padding:80px 0 90px}
.clg{grid-template-columns:repeat(4,1fr)}
.clc-l{height:104px;background:#fff}
.clc-l img{max-height:60px;filter:none;opacity:1}
.clc:hover .clc-l img{transform:scale(1.05)}
.clc-l img{transition:.3s}
@media(max-width:1000px){.clg{grid-template-columns:repeat(2,1fr)}}

/* social icons (footer + contact card) */
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
footer .soc a,.info .soc a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;margin:0;padding:0;transition:.25s}
footer .soc a:hover,.info .soc a:hover{background:var(--p);color:#fff;padding:0;transform:translateY(-3px)}
footer .soc a.wa-i,.info .soc a.wa-i{background:#22c55e}
footer .soc a.wa-i:hover,.info .soc a.wa-i:hover{background:#16a34a}
.soc svg{display:block}

/* ===== clients: compact horizontal cards ===== */
.cl{background:#fffaf4;padding:80px 0 90px}
.clg{grid-template-columns:repeat(4,1fr);gap:16px}
.clc{flex-direction:row;align-items:center;gap:14px;padding:14px 16px;border:1px solid #fed7aa;border-radius:16px;background:#fff;overflow:visible}
.clc:hover{transform:translateY(-3px);border-color:var(--p);box-shadow:0 12px 26px rgba(255,122,0,.14)}
.clc-l{flex:none;width:56px;height:56px;border-radius:14px;border:1px solid #f1ece6;background:#fff;padding:7px;height:56px;display:grid;place-items:center}
.clc-l img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none;opacity:1}
.clc-i{font-weight:800;font-size:22px;color:var(--p)}
.clc-n{padding:0;text-align:left;min-width:0}
.clc-n b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:.2s}
.clc:hover .clc-n b{color:var(--p)}
.clc-n small{font-size:12.5px;color:var(--mut)}
@media(max-width:1000px){.clg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.clg{grid-template-columns:1fr}}

/* ===== v6: new TechBitans brand (navy + orange) ===== */
:root{--p:#ff7a00;--p2:#ffa233;--acc:#2b3a9e;--sky:#2b3a9e;--ink:#12163d;--ink2:#1b2158;--bg:#f6f7fd;--line:#e3e6f4;--mut:#5b6385}
header{background:rgba(255,255,255,.88)!important}
.logo img{height:50px}
.tag{background:linear-gradient(90deg,#fff2e3,#e9ecff);border-color:#ffd9b0;color:var(--ink)}
.tag b{background:linear-gradient(90deg,var(--p),var(--acc));-webkit-background-clip:text;background-clip:text}
.hx{background:radial-gradient(620px 460px at 92% 30%,rgba(43,58,158,.14),transparent 70%),radial-gradient(520px 420px at 4% 80%,rgba(255,122,0,.14),transparent 70%),#fffaf4}
.hx:before{background-image:radial-gradient(rgba(43,58,158,.2) 1.4px,transparent 1.4px)}
.hx h1{color:var(--ink)}
.rw{color:var(--acc);border-color:var(--acc)}
.ring{border-color:rgba(43,58,158,.4)}.r2{border-color:rgba(255,122,0,.55)}
.pbtn{background:linear-gradient(135deg,#ff7a00,#ffa233)!important;box-shadow:0 12px 26px rgba(255,122,0,.35)}
.nb.d{background:linear-gradient(135deg,#2b3a9e,#3f4fc4)!important;box-shadow:0 10px 24px rgba(43,58,158,.35)}
.f2 b,.f3 b{background:#e9ecff}.fc b{background:#fff2e3}
.dk,.show,.cta{background:linear-gradient(135deg,#12163d,#1f2766)}
.stats b{color:var(--p)}
.logo-note{display:none}
footer .flogo{background:#fff}
.orbx{position:relative;width:340px;height:340px;display:grid;place-items:center;z-index:2}
.orbx img{width:250px;height:250px;border-radius:56px;box-shadow:0 40px 80px rgba(18,22,61,.35),0 0 0 8px rgba(255,255,255,.7);animation:bob 6s ease-in-out infinite;position:relative;z-index:2}
.orbx-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.35),rgba(43,58,158,.18) 55%,transparent 70%);filter:blur(10px)}
@keyframes bob{50%{transform:translateY(-14px) rotate(-2deg)}}
.ob{position:absolute;z-index:3;background:#fff;border-radius:12px;padding:7px 14px;font-weight:700;font-size:13px;color:var(--ink);box-shadow:0 14px 30px rgba(18,22,61,.18);animation:float 6s ease-in-out infinite}
.ob.q1{left:-10px;top:30px;color:var(--p)}.ob.q2{right:-26px;top:60px;color:#e0432b;animation-delay:-1s}.ob.q3{left:-30px;bottom:70px;color:#14a06a;animation-delay:-2s}
.ob.q4{right:-14px;bottom:40px;color:var(--acc);animation-delay:-3s}.ob.q5{left:50%;top:-24px;color:#fff;background:linear-gradient(135deg,var(--p),var(--acc));animation-delay:-4s}
@media(max-width:600px){.orbx{width:260px;height:260px}.orbx img{width:190px;height:190px;border-radius:44px}}