*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#1C2633;--bg2:#212D3B;--card:#253445;--card-h:#2A3A4D;--accent:#c6f91f;--accent-d:rgba(198,249,31,.12);--accent-g:rgba(198,249,31,.25);--t1:#F0F2F5;--t2:rgba(240,242,245,.72);--tm:rgba(240,242,245,.45);--bd:rgba(255,255,255,.09);--bd-h:rgba(255,255,255,.18);--glass:rgba(33,45,59,.85);--r:12px;--rl:20px;--rx:28px;--tr:.35s cubic-bezier(.16,1,.3,1);--topbar-h:38px}
html{scroll-behavior:smooth}
body{font-family:'SolaimanLipi',sans-serif;background:var(--bg);color:var(--t1);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-d);border-radius:10px}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-d);padding:6px 16px;border-radius:100px;margin-bottom:16px}
.section-header{text-align:center;margin-bottom:64px}
.section-header h2{font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2;margin-bottom:16px}
.section-header p{color:var(--t2);max-width:600px;margin:0 auto;font-size:16px}
.tg{background:linear-gradient(135deg,var(--accent),#a8e600,#7dd328);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg-fx .orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.06}
.bg-fx .o1{width:600px;height:600px;background:var(--accent);top:-200px;right:-200px;animation:of1 20s ease-in-out infinite}
.bg-fx .o2{width:500px;height:500px;background:#1a56db;bottom:-150px;left:-150px;animation:of2 25s ease-in-out infinite}
.bg-fx .o3{width:350px;height:350px;background:#7c3aed;top:50%;left:50%;transform:translate(-50%,-50%);animation:of3 18s ease-in-out infinite}
.bg-fx .gr{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px}
@keyframes of1{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,80px)}}
@keyframes of2{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-60px)}}
@keyframes of3{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}
.ptc{position:fixed;inset:0;z-index:0;pointer-events:none}
.pt{position:absolute;width:2px;height:2px;background:var(--accent);border-radius:50%;opacity:0;animation:ptA linear infinite}
@keyframes ptA{0%{opacity:0;transform:translateY(0) scale(0)}15%{opacity:.4}85%{opacity:.06}100%{opacity:0;transform:translateY(-100vh) scale(1)}}
.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:1100;background:#fff;color:#000;border-bottom:1px solid rgba(0,0,0,.10);display:flex;align-items:center;box-shadow:0 2px 14px rgba(0,0,0,.08)}
.topbar-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:700;line-height:1.35;color:#000}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#000}.topbar-left i,.topbar-right i{font-size:13px;color:#000}.topbar-right{gap:18px}.topbar-right span{display:inline-flex;align-items:center;gap:7px;color:#000}
header{position:fixed;top:var(--topbar-h);left:0;right:0;z-index:1000;padding:14px 0;transition:var(--tr);background:rgba(28,38,51,.55);backdrop-filter:blur(12px)}
header.scrolled{background:rgba(28,38,51,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--bd);padding:10px 0}
.hi{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 24px}
.logo img{height:42px;width:auto;border-radius:8px}
nav ul{display:flex;list-style:none;gap:2px}
nav ul li a{text-decoration:none;color:var(--t2);font-size:13px;padding:8px 12px;border-radius:8px;transition:var(--tr);position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap}
nav ul li a:hover,nav ul li a.active{color:var(--t1);background:rgba(255,255,255,.06)}
nav ul li a.active::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:16px;height:2px;background:var(--accent);border-radius:2px}
.nav-app{color:#000!important;background:var(--accent)!important;border:1px solid var(--accent)!important;font-weight:700}
.ha{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:var(--tr);white-space:nowrap;font-family:inherit}
.btn-g{background:transparent;color:var(--t2);border:1px solid var(--bd)}.btn-g:hover{color:var(--t1);border-color:var(--bd-h);background:rgba(255,255,255,.04)}
.btn-p{background:var(--accent);color:#000}.btn-p:hover{background:#d4ff3f;box-shadow:0 0 30px var(--accent-g);transform:translateY(-2px)}
.btn-o{background:transparent;color:var(--accent);border:1px solid rgba(198,249,31,.3)}.btn-o:hover{background:var(--accent-d);border-color:var(--accent)}
.btn-gl{background:rgba(255,255,255,.07);color:var(--t1);border:1px solid var(--bd);backdrop-filter:blur(10px)}.btn-gl:hover{background:rgba(255,255,255,.12);border-color:var(--bd-h)}
.btn-lg{padding:14px 32px;font-size:15px;border-radius:12px}
.mob-t{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.mob-t span{display:block;width:24px;height:2px;background:var(--t1);border-radius:2px;transition:var(--tr)}
.mob-t.a span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mob-t.a span:nth-child(2){opacity:0}.mob-t.a span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob-m{display:none;position:fixed;inset:0;z-index:999;background:rgba(28,38,51,.97);backdrop-filter:blur(30px);flex-direction:column;align-items:center;justify-content:center;gap:8px}
.mob-m.open{display:flex}
.mob-m a{color:var(--t2);text-decoration:none;font-size:20px;padding:14px 40px;border-radius:12px;transition:var(--tr);width:80%;text-align:center}
.mob-m a:hover{color:var(--t1);background:rgba(255,255,255,.06)}
.mq-s{position:fixed;top:calc(var(--topbar-h) + 70px);left:0;right:0;z-index:999;padding:8px 0;border-bottom:none;overflow:hidden;background:transparent;backdrop-filter:none;box-shadow:none;transition:transform .4s ease,opacity .4s ease}
.mq-s.hide{transform:translateY(-100%);opacity:0;pointer-events:none}
header.scrolled~.mq-s{top:calc(var(--topbar-h) + 62px)}
.mq-t{display:flex;gap:48px;animation:mqA 35s linear infinite;width:max-content}
.mq-i{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;font-size:13px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.mq-i i{color:#fff;font-size:12px}
@keyframes mqA{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:calc(110px + var(--topbar-h));z-index:1}
.h-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:calc(100vh - 120px)}
.h-text{display:flex;flex-direction:column;justify-content:center}
.h-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-d);border:1px solid rgba(198,249,31,.2);padding:8px 20px;border-radius:100px;margin-bottom:24px;animation:bP 3s ease-in-out infinite;width:fit-content}
@keyframes bP{0%,100%{box-shadow:0 0 0 0 rgba(198,249,31,.1)}50%{box-shadow:0 0 0 12px rgba(198,249,31,0)}}
.h-text h2{font-size:clamp(26px,3.8vw,46px);font-weight:700;line-height:1.2;margin-bottom:18px}
.h-text p{color:var(--t2);font-size:15px;margin-bottom:24px;max-width:500px}
.h-stats{display:flex;gap:36px;margin-bottom:28px}
.h-stats .hs h3{font-size:24px;font-weight:700;color:var(--accent)}.h-stats .hs p{font-size:12px;color:var(--tm);margin-bottom:0}
.h-btns{display:flex;gap:14px;flex-wrap:wrap}
.h-visual{display:flex;align-items:center;justify-content:center;position:relative}
.h-anim-wrap{width:100%;max-width:500px;aspect-ratio:1/1;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transform:scale(1.12);transform-origin:center}
.h-anim-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .7s ease;pointer-events:none}
.h-anim-slide.active{opacity:1;pointer-events:all;z-index:2}
.h-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,var(--accent-g) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:1}
.h-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(198,249,31,.08);border-radius:50%;z-index:0;animation:rP 4s ease-in-out infinite}
.h-ring.r1{width:105%;height:105%}.h-ring.r2{width:125%;height:125%;border-color:rgba(198,249,31,.04);animation-delay:1s}
@keyframes rP{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.5}}
.h-glow,.h-ring{display:none!important}
.s-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.s-dot{width:40px;height:4px;background:rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:var(--tr)}.s-dot.active{background:var(--accent);width:56px}
.s-arr{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--bd);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);z-index:10;backdrop-filter:blur(10px)}
.s-arr:hover{background:var(--accent-d);color:var(--accent);border-color:rgba(198,249,31,.3)}
.s-arr.prev{left:24px}.s-arr.next{right:24px}
.anim-sonod{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;justify-content:center}
.cert-stack{position:relative;width:240px;height:160px}
.cert-card{position:absolute;width:220px;height:140px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.cert-card:nth-child(1){top:0;left:0;opacity:.3;transform:rotate(-8deg) scale(.9)}
.cert-card:nth-child(2){top:8px;left:10px;opacity:.6;transform:rotate(-3deg) scale(.95)}
.cert-card:nth-child(3){top:16px;left:20px;opacity:1;transform:rotate(0) scale(1);animation:certIn .8s ease 1s both}
@keyframes certIn{0%{opacity:0;transform:rotate(0) scale(.8) translateY(-30px)}100%{opacity:1;transform:rotate(0) scale(1) translateY(0)}}
.cert-top{display:flex;align-items:center;gap:8px}
.cert-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-d);display:flex;align-items:center;justify-content:center;color:#000;font-size:12px}
.cert-title{font-size:10px;color:var(--tm);font-weight:600;letter-spacing:.5px}
.cert-name{font-size:13px;font-weight:700;color:var(--t1)}
.cert-type{font-size:10px;color:var(--accent);font-weight:600}
.cert-bar{display:flex;gap:4px;align-items:center}
.cert-bar-line{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.cert-bar-fill{height:100%;background:var(--accent);border-radius:4px;width:0;animation:certBar 2s ease 1.5s infinite}
@keyframes certBar{0%,10%{width:0}70%,90%{width:100%}100%{width:100%;opacity:0}}
.cert-stamp{position:absolute;bottom:20px;right:30px;width:50px;height:50px;border:2px solid rgba(198,249,31,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:stampIn .5s ease 2.5s both}
.cert-stamp i{font-size:18px;color:rgba(198,249,31,.6)}
@keyframes stampIn{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.sonod-badges{display:flex;gap:10px}
.sonod-badge{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 16px;font-size:12px;color:var(--t2);animation:fadeU .5s ease both}
.sonod-badge:nth-child(1){animation-delay:2.8s}.sonod-badge:nth-child(2){animation-delay:3.1s}.sonod-badge:nth-child(3){animation-delay:3.4s}
.sonod-badge i{color:var(--accent);font-size:14px}
@keyframes fadeU{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
.anim-app{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;justify-content:center}
.phone{width:180px;height:320px;background:var(--card);border:2px solid var(--bd);border-radius:28px;padding:12px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.phone::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:rgba(255,255,255,.15);border-radius:4px}
.phone-s{width:100%;height:100%;background:linear-gradient(180deg,#1a3a2a,#182029);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}
.phone-s .p-logo{font-size:40px;color:var(--accent);animation:appIn 1s ease .5s both}
@keyframes appIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}
.phone-s .p-name{font-size:14px;font-weight:700;opacity:0;animation:fadeU .5s ease 1s both}
.phone-s .p-desc{font-size:10px;color:var(--tm);opacity:0;animation:fadeU .5s ease 1.3s both}
.dl-prog{position:absolute;bottom:40px;left:20px;right:20px}
.dl-bg{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden}
.dl-fill{height:100%;background:var(--accent);border-radius:6px;width:0;animation:dlP 3s ease-in-out infinite}
@keyframes dlP{0%{width:0}80%{width:100%}100%{width:100%;opacity:0}}
.dl-txt{font-size:10px;color:var(--tm);text-align:center;margin-top:6px;opacity:0;animation:fadeU .5s ease 1.5s both}
.dl-badges{display:flex;gap:10px}
.dl-b{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 16px;font-size:12px;color:var(--t2);animation:fadeU .5s ease both}
.dl-b:nth-child(1){animation-delay:2.5s}.dl-b:nth-child(2){animation-delay:2.8s}
.dl-b i{font-size:18px;color:var(--accent)}
.anim-fast{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;justify-content:center}
.fast-board{width:280px;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.fast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.fast-header span{font-size:12px;color:var(--tm);font-weight:600}
.fast-status{display:flex;gap:4px}
.fast-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.1);animation:fDot 2s ease-in-out infinite}
.fast-dot:nth-child(1){animation-delay:0s}.fast-dot:nth-child(2){animation-delay:.3s}.fast-dot:nth-child(3){animation-delay:.6s}
@keyframes fDot{0%,100%{background:rgba(255,255,255,.1)}50%{background:var(--accent)}}
.fast-meters{display:flex;flex-direction:column;gap:12px}
.fast-meter{display:flex;align-items:center;gap:10px}
.fast-meter-label{font-size:11px;color:var(--tm);min-width:70px;text-align:right}
.fast-meter-bar{flex:1;height:8px;background:rgba(255,255,255,.06);border-radius:8px;overflow:hidden}
.fast-meter-fill{height:100%;border-radius:8px;width:0;transition:width 1.5s ease}
.fast-meter:nth-child(1) .fast-meter-fill{background:var(--accent);animation:fmF 3s ease .3s infinite}
.fast-meter:nth-child(2) .fast-meter-fill{background:#06d6a0;animation:fmF 3s ease .6s infinite}
.fast-meter:nth-child(3) .fast-meter-fill{background:#1a56db;animation:fmF 3s ease .9s infinite}
.fast-meter:nth-child(4) .fast-meter-fill{background:#f59e0b;animation:fmF 3s ease 1.2s infinite}
@keyframes fmF{0%,15%{width:0}60%,85%{width:var(--w)}100%{width:var(--w);opacity:.3}}
.fast-meter:nth-child(1){--w:95%}.fast-meter:nth-child(2){--w:88%}.fast-meter:nth-child(3){--w:76%}.fast-meter:nth-child(4){--w:92%}
.fast-meter-val{font-size:11px;color:var(--t1);font-weight:700;min-width:30px;opacity:0;animation:fadeU .3s ease both}
.fast-meter:nth-child(1) .fast-meter-val{animation-delay:1.8s}.fast-meter:nth-child(2) .fast-meter-val{animation-delay:2.1s}.fast-meter:nth-child(3) .fast-meter-val{animation-delay:2.4s}.fast-meter:nth-child(4) .fast-meter-val{animation-delay:2.7s}
.fast-checks{display:flex;gap:12px;margin-top:4px}
.fast-chk{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--t2);opacity:0;animation:fadeU .4s ease both}
.fast-chk:nth-child(1){animation-delay:3s}.fast-chk:nth-child(2){animation-delay:3.3s}.fast-chk:nth-child(3){animation-delay:3.6s}
.fast-chk i{color:var(--accent);font-size:10px}
.anim-ocr{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;justify-content:center}
.nid{width:280px;height:170px;background:linear-gradient(135deg,#1a3a5c,#0f2a45);border:1px solid rgba(26,86,219,.3);border-radius:14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.nid::before{content:'বাংলাদেশ';position:absolute;top:12px;right:16px;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:1px}
.nid-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.nid-fl{width:24px;height:16px;background:linear-gradient(90deg,#006a4e 33%,#f42a41 33% 66%,#006a4e 66%);border-radius:2px}
.nid-t{font-size:11px;color:rgba(255,255,255,.5)}
.nid-fs{display:flex;flex-direction:column;gap:6px}
.nid-f{height:8px;background:rgba(255,255,255,.08);border-radius:4px;position:relative;overflow:hidden}
.nid-f:nth-child(1){width:60%}.nid-f:nth-child(2){width:80%}.nid-f:nth-child(3){width:50%}.nid-f:nth-child(4){width:70%}
.nid-scan{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 20px var(--accent-g);animation:scL 2.5s ease-in-out infinite}
@keyframes scL{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.nid-ff{position:absolute;left:0;top:0;height:100%;background:var(--accent);border-radius:4px;width:0;opacity:.4}
.nid-f:nth-child(1) .nid-ff{animation:nF 2.5s ease .3s infinite}.nid-f:nth-child(2) .nid-ff{animation:nF 2.5s ease .6s infinite}.nid-f:nth-child(3) .nid-ff{animation:nF 2.5s ease .9s infinite}.nid-f:nth-child(4) .nid-ff{animation:nF 2.5s ease 1.2s infinite}
@keyframes nF{0%,20%{width:0}60%,100%{width:100%}}
.ocr-r{width:280px;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px 20px}
.ocr-row{display:flex;align-items:center;gap:10px;padding:6px 0;opacity:0;animation:ocrIn .4s ease both}
.ocr-row:nth-child(1){animation-delay:1.2s}.ocr-row:nth-child(2){animation-delay:1.6s}.ocr-row:nth-child(3){animation-delay:2s}.ocr-row:nth-child(4){animation-delay:2.4s}
@keyframes ocrIn{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}
.ocr-row i{color:var(--accent);font-size:11px;width:16px;text-align:center}
.ocr-row span{font-size:12px;color:var(--t2)}.ocr-row .v{color:var(--t1);font-weight:600}
.anim-voice{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;justify-content:center}
.mic-c{position:relative;width:100px;height:100px}
.mic-circle{width:100px;height:100px;border-radius:50%;background:var(--accent-d);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;animation:micP 2s ease-in-out infinite}
.mic-circle i{font-size:36px;color:var(--accent)}
@keyframes micP{0%,100%{box-shadow:0 0 0 0 rgba(198,249,31,.3)}50%{box-shadow:0 0 0 20px rgba(198,249,31,0)}}
.v-waves{position:absolute;inset:-20px;pointer-events:none}
.v-w{position:absolute;top:50%;left:50%;width:140px;height:140px;border:2px solid var(--accent);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.5)}
.v-w:nth-child(1){animation:vW 2s ease-out infinite}.v-w:nth-child(2){animation:vW 2s ease-out infinite .4s}.v-w:nth-child(3){animation:vW 2s ease-out infinite .8s}
@keyframes vW{0%{opacity:.6;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
.v-form{width:280px;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px 24px}
.v-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);opacity:.2;transition:opacity .6s ease}
.v-row.filled{opacity:1}.v-row:last-child{border-bottom:none}
.v-row label{font-size:11px;color:var(--tm);min-width:60px;text-align:right}
.v-row .fld{flex:1;height:10px;background:rgba(198,249,31,.1);border-radius:4px;overflow:hidden;position:relative}
.v-row .fld-f{position:absolute;left:0;top:0;height:100%;background:var(--accent);border-radius:4px;width:0;transition:width 1.2s ease}
.v-row.filled .fld-f{width:100%}
.v-row:nth-child(1).filled{transition-delay:.3s}.v-row:nth-child(2).filled{transition-delay:1s}.v-row:nth-child(3).filled{transition-delay:1.7s}.v-row:nth-child(4).filled{transition-delay:2.4s}.v-row:nth-child(5).filled{transition-delay:3.1s}
.v-chk{color:var(--accent);font-size:12px;opacity:0;transition:opacity .3s}.v-row.filled .v-chk{opacity:1}
.anim-tax{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;justify-content:center}
.tax-receipt{width:260px;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.2);position:relative;overflow:hidden}
.tax-receipt::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#06d6a0,var(--accent))}
.tax-head{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--bd)}
.tax-head h4{font-size:14px;font-weight:700;margin-bottom:4px}
.tax-head span{font-size:10px;color:var(--tm)}
.tax-rows{display:flex;flex-direction:column;gap:8px}
.tax-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;opacity:0;animation:fadeU .4s ease both}
.tax-row:nth-child(1){animation-delay:.5s}.tax-row:nth-child(2){animation-delay:.8s}.tax-row:nth-child(3){animation-delay:1.1s}.tax-row:nth-child(4){animation-delay:1.4s}
.tax-row .tl{font-size:12px;color:var(--tm)}.tax-row .tv{font-size:13px;font-weight:700;color:var(--t1)}
.tax-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;margin-top:8px;border-top:2px solid var(--accent);opacity:0;animation:fadeU .5s ease 1.8s both}
.tax-total .tl{font-size:13px;font-weight:700;color:var(--t1)}.tax-total .tv{font-size:20px;font-weight:700;color:var(--accent)}
.tax-paid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:28px;font-weight:900;color:rgba(198,249,31,.15);letter-spacing:4px;border:3px solid rgba(198,249,31,.15);padding:4px 16px;border-radius:8px;opacity:0;animation:stampIn .6s ease 2.5s both}
.tax-methods{display:flex;gap:8px}
.tax-m{width:48px;height:48px;border-radius:12px;background:var(--card);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;animation:fadeU .4s ease both;transition:var(--tr)}
.tax-m:nth-child(1){animation-delay:3s;color:#E2136E}.tax-m:nth-child(2){animation-delay:3.2s;color:#F6921E}.tax-m:nth-child(3){animation-delay:3.4s;color:#8C3494}.tax-m:nth-child(4){animation-delay:3.6s;color:var(--accent)}
.tax-m:hover{transform:translateY(-4px);border-color:rgba(198,249,31,.2)}

/* Chrome Extension hero animation */
.anim-ext{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;transform:scale(1.08)}
.ext-browser{width:340px;background:linear-gradient(145deg,rgba(37,52,69,.98),rgba(28,38,51,.96));border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;position:relative;animation:extFloat 4s ease-in-out infinite}
@keyframes extFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.ext-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.ext-dots{display:flex;gap:6px}.ext-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}
.ext-address{flex:1;height:28px;border-radius:100px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:10px;color:var(--t2);white-space:nowrap;overflow:hidden}.ext-address i{color:var(--accent)}
.ext-body{position:relative;padding:24px 22px 26px;min-height:245px}
.ext-chrome-badge{position:absolute;top:16px;right:18px;width:60px;height:60px;border-radius:18px;background:rgba(198,249,31,.12);border:1px solid rgba(198,249,31,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px rgba(198,249,31,.12);animation:extPulse 2.4s ease-in-out infinite}.ext-chrome-badge i{font-size:32px;color:var(--accent)}
@keyframes extPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(198,249,31,.22)}50%{transform:scale(1.06);box-shadow:0 0 0 14px rgba(198,249,31,0)}}
.ext-title{font-size:17px;font-weight:700;color:var(--t1);margin-bottom:6px;max-width:220px}.ext-sub{font-size:11px;color:var(--tm);margin-bottom:18px;max-width:220px}
.ext-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.ext-row{display:flex;align-items:center;gap:9px}.ext-label{width:64px;font-size:10px;color:var(--tm);text-align:right}.ext-line{flex:1;height:10px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}.ext-fill{height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,var(--accent),#06d6a0);animation:extFill 3.4s ease-in-out infinite}.ext-row:nth-child(2) .ext-fill{animation-delay:.28s}.ext-row:nth-child(3) .ext-fill{animation-delay:.56s}.ext-row:nth-child(4) .ext-fill{animation-delay:.84s}
@keyframes extFill{0%,18%{width:0}55%,85%{width:100%}100%{width:100%;opacity:.25}}
.ext-check{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;font-size:9px;opacity:0;animation:extCheck 3.4s ease-in-out infinite}.ext-row:nth-child(2) .ext-check{animation-delay:.28s}.ext-row:nth-child(3) .ext-check{animation-delay:.56s}.ext-row:nth-child(4) .ext-check{animation-delay:.84s}
@keyframes extCheck{0%,45%{opacity:0;transform:scale(.5)}58%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}
.ext-scan{position:absolute;left:18px;right:18px;top:105px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);filter:drop-shadow(0 0 12px var(--accent));opacity:0;animation:extScan 3.4s ease-in-out infinite}
@keyframes extScan{0%{transform:translateY(0);opacity:0}12%{opacity:1}78%{opacity:1}100%{transform:translateY(115px);opacity:0}}
.ext-status{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ext-chip{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid rgba(198,249,31,.18);border-radius:100px;padding:9px 14px;font-size:12px;color:var(--t2);box-shadow:0 10px 28px rgba(0,0,0,.12);opacity:0;animation:fadeU .5s ease both}.ext-chip:nth-child(1){animation-delay:1.3s}.ext-chip:nth-child(2){animation-delay:1.55s}.ext-chip:nth-child(3){animation-delay:1.8s}.ext-chip i{color:var(--accent)}

.h-anim-slide[data-s="6"]{inset:0;align-items:center;justify-content:center}
.h-anim-slide[data-s="6"] .anim-ext{margin:0 auto;max-width:420px}
@media(max-width:480px){.ext-browser{width:290px}.anim-ext{transform:scale(1)}}

.about{position:relative;z-index:1;padding:120px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-visual{position:relative}
.about-img-frame{position:relative;border-radius:var(--rx);overflow:hidden;border:1px solid var(--bd);height:420px;background:radial-gradient(circle at 50% 45%,rgba(198,249,31,.12),transparent 34%),linear-gradient(135deg,#243244,var(--bg2));display:flex;align-items:center;justify-content:center}
.about-img-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}
.about-img-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,38,51,.05),rgba(28,38,51,.28));pointer-events:none}
.about-service-anim{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:34px}
.agency-card{position:absolute;width:138px;min-height:126px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.agency-card i{width:54px;height:54px;border-radius:16px;background:var(--accent-d);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 0 26px rgba(198,249,31,.12)}
.agency-card span{font-size:13px;font-weight:700;color:var(--t1);line-height:1.35}.agency-card.union{left:34px;top:70px;animation:agencyFloat 4.5s ease-in-out infinite}.agency-card.municipality{right:34px;bottom:70px;animation:agencyFloat 4.5s ease-in-out infinite 1s}
.cert-processing-card{position:relative;width:235px;border-radius:22px;background:linear-gradient(180deg,rgba(37,52,69,.98),rgba(33,45,59,.96));border:1px solid rgba(198,249,31,.2);box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 40px rgba(198,249,31,.08);padding:24px 22px;animation:certMainFloat 4s ease-in-out infinite}
.cert-processing-card::before{content:'';position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(120deg,transparent,rgba(198,249,31,.24),transparent);opacity:.45;z-index:-1;animation:borderSweep 3s linear infinite}.cert-process-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cert-process-head i{width:42px;height:42px;border-radius:14px;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;font-size:17px;animation:iconPop 2.4s ease-in-out infinite}.cert-process-head strong{font-size:15px;line-height:1.35;color:var(--t1)}.cert-process-head span{display:block;font-size:11px;color:var(--tm);font-weight:600}.cert-process-lines{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.cert-process-lines span{height:7px;border-radius:10px;background:rgba(255,255,255,.09);position:relative;overflow:hidden}.cert-process-lines span::after{content:'';position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--accent),#06d6a0);border-radius:10px;animation:lineReady 2.8s ease-in-out infinite}.cert-process-lines span:nth-child(2)::after{animation-delay:.25s}.cert-process-lines span:nth-child(3)::after{animation-delay:.5s}.cert-ready{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:800;background:var(--accent-d);border:1px solid rgba(198,249,31,.18);padding:8px 12px;border-radius:999px}.cert-ready i{animation:checkPulse 1.8s ease-in-out infinite}.flow-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(198,249,31,.8);opacity:0}.flow-dot.d1{left:165px;top:130px;animation:dotToCert1 3s ease-in-out infinite}.flow-dot.d2{right:165px;bottom:130px;animation:dotToCert2 3s ease-in-out infinite 1s}
@keyframes agencyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes certMainFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes borderSweep{0%{filter:hue-rotate(0deg);opacity:.25}50%{opacity:.65}100%{filter:hue-rotate(45deg);opacity:.25}}@keyframes iconPop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lineReady{0%,12%{width:0}65%,90%{width:100%}100%{width:100%;opacity:.35}}@keyframes checkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes dotToCert1{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}70%{opacity:1;transform:translate(80px,70px) scale(1)}100%{opacity:0;transform:translate(110px,90px) scale(.3)}}@keyframes dotToCert2{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}70%{opacity:1;transform:translate(-80px,-70px) scale(1)}100%{opacity:0;transform:translate(-110px,-90px) scale(.3)}}
.about-fc{position:absolute;bottom:-20px;right:-20px;z-index:5;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bd);border-radius:var(--r);padding:20px 28px;display:flex;align-items:center;gap:16px}
.about-fc .ai{width:48px;height:48px;border-radius:12px;background:var(--accent-d);display:flex;align-items:center;justify-content:center;color:#000;font-size:20px}
.about-fc .an{font-size:28px;font-weight:700;color:var(--accent)}.about-fc .al{font-size:12px;color:var(--tm)}
.at-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-d);padding:6px 16px;border-radius:100px;margin-bottom:20px;letter-spacing:.08em;text-transform:uppercase}
.about-text h2{font-size:clamp(28px,3.5vw,40px);font-weight:700;margin-bottom:20px;line-height:1.2}
.about-text p{color:var(--t2);margin-bottom:14px;font-size:15px}
.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.af{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:10px;font-size:13px;color:var(--t2);transition:var(--tr)}.af:hover{border-color:rgba(198,249,31,.2);background:var(--accent-d)}.af i{color:var(--accent);font-size:14px;width:18px;text-align:center}
.services{position:relative;z-index:1;padding:120px 0}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc-card{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:var(--rl);padding:28px 22px;transition:var(--tr);overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:var(--tr)}
.svc-card:hover{border-color:rgba(198,249,31,.2);background:var(--card-h);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.svc-card:hover::before{opacity:1}
.svc-card .nb{position:absolute;top:14px;right:14px;background:var(--accent);color:#000;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px}
.si{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;color:#fff}
.svc-card h3{font-size:15px;font-weight:600;margin-bottom:8px}.svc-card .ss{color:var(--tm);font-size:13px;margin-bottom:16px;line-height:1.6}
.sd-btn{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;background:none;border:none;font-family:inherit;padding:6px 0;transition:var(--tr)}.sd-btn:hover{gap:10px}
.svc-card.vgf-card{border-color:rgba(198,249,31,.2);background:linear-gradient(135deg,rgba(198,249,31,.06),var(--card))}
.svc-card.vgf-card .si{animation:vgfPulse 2s ease-in-out infinite}
@keyframes vgfPulse{0%,100%{box-shadow:0 0 0 0 rgba(198,249,31,.3)}50%{box-shadow:0 0 0 12px rgba(198,249,31,0)}}
.vgf-rice-icons{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.vgf-rice-icon{font-size:18px;animation:riceBounce 1.5s ease-in-out infinite}
.vgf-rice-icon:nth-child(2){animation-delay:.2s}.vgf-rice-icon:nth-child(3){animation-delay:.4s}.vgf-rice-icon:nth-child(4){animation-delay:.6s}
@keyframes riceBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.sm-ov{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.sm-ov.open{opacity:1;pointer-events:all}
.sm-md{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rx);max-width:620px;width:100%;max-height:85vh;overflow-y:auto;padding:40px;transform:translateY(30px) scale(.95);transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative}
.sm-ov.open .sm-md{transform:translateY(0) scale(1)}
.sm-cl{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--bd);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:var(--tr)}.sm-cl:hover{background:rgba(255,255,255,.1);color:var(--t1)}
.sm-md .sIcon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:20px}
.sm-md h3{font-size:22px;font-weight:700;margin-bottom:12px}
.sm-md .sDesc{color:var(--t2);font-size:15px;line-height:1.8;margin-bottom:20px}
.sm-md .sTags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.sm-md .sTag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--tm);background:rgba(255,255,255,.04);padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.06)}
.sm-md .sTag i{font-size:10px;color:var(--accent)}
.sm-md .sLink{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:15px;font-weight:600;text-decoration:none;transition:var(--tr)}.sm-md .sLink:hover{gap:14px}
.vgf-anim-box{width:100%;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:28px;margin-bottom:24px;position:relative;overflow:hidden}
.vgf-anim-box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(198,249,31,.04),transparent);pointer-events:none}
.vgf-scene{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;min-height:180px}
.vgf-center-bag{position:relative;z-index:2}
.vgf-bag{width:90px;height:110px;background:linear-gradient(180deg,#f5f0e1,#e8dcc8);border:2px solid #d4c5a0;border-radius:8px 8px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.2);animation:bagFloat 3s ease-in-out infinite}
@keyframes bagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.vgf-bag::before{content:'';position:absolute;top:-8px;left:15px;right:15px;height:16px;border:2px solid #d4c5a0;border-bottom:none;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#d4c5a0,#c4b590,#d4c5a0)}
.vgf-bag-text{font-size:16px;font-weight:800;color:#5a4a2a}
.vgf-bag-label{font-size:10px;color:#8a7a5a;font-weight:600}
.vgf-bag-icon{font-size:28px;margin-bottom:2px}
.vgf-person{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0}
.vgf-person.p1{animation:personIn .6s ease 1.5s both}.vgf-person.p2{animation:personIn .6s ease 2s both}.vgf-person.p3{animation:personIn .6s ease 2.5s both}
@keyframes personIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.vgf-person-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-d);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent);border:2px solid rgba(198,249,31,.3)}
.vgf-person-label{font-size:10px;color:var(--tm);font-weight:600}
.vgf-arrow{position:absolute;color:var(--accent);font-size:16px;opacity:0}
.vgf-arrow.a1{left:calc(50% - 80px);top:50%;transform:translateY(-50%);animation:arrowP .8s ease 1.8s both}
.vgf-arrow.a2{left:calc(50% + 60px);top:50%;transform:translateY(-50%) scaleX(-1);animation:arrowP .8s ease 2.3s both}
.vgf-arrow.a3{left:50%;top:calc(50% + 60px);transform:translateX(-50%) rotate(90deg);animation:arrowP .8s ease 2.8s both}
@keyframes arrowP{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}100%{opacity:.6;transform:translateY(-50%) scale(1)}}
.vgf-mini-bag{width:30px;height:36px;background:linear-gradient(180deg,#f5f0e1,#e8dcc8);border:1.5px solid #d4c5a0;border-radius:4px 4px 8px 8px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#5a4a2a;position:absolute;opacity:0}
.vgf-mini-bag.mb1{animation:bagFly 1.2s ease 2s both}.vgf-mini-bag.mb2{animation:bagFly2 1.2s ease 2.5s both}.vgf-mini-bag.mb3{animation:bagFly3 1.2s ease 3s both}
@keyframes bagFly{0%{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}30%{opacity:1}100%{opacity:0;left:15%;top:50%;transform:translate(-50%,-50%) scale(.5)}}
@keyframes bagFly2{0%{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}30%{opacity:1}100%{opacity:0;left:85%;top:50%;transform:translate(-50%,-50%) scale(.5)}}
@keyframes bagFly3{0%{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}30%{opacity:1}100%{opacity:0;left:50%;top:90%;transform:translate(-50%,-50%) scale(.5)}}
.vgf-eid-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:10px;font-weight:700;padding:4px 12px;border-radius:100px;animation:bP 2s ease-in-out infinite}
.features{position:relative;z-index:1;padding:120px 0}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fc{padding:36px 28px;border-radius:var(--rl);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--bd);transition:var(--tr);position:relative;overflow:hidden}
.fc::after{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;border-radius:50%;background:var(--accent-d);filter:blur(60px);opacity:0;transition:var(--tr)}
.fc:hover{border-color:rgba(198,249,31,.15);transform:translateY(-4px)}.fc:hover::after{opacity:.15}
.fi{width:52px;height:52px;border-radius:14px;background:var(--accent-d);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px;position:relative;z-index:1}
.fc h3{font-size:17px;font-weight:600;margin-bottom:10px;position:relative;z-index:1}.fc p{color:var(--t2);font-size:14px;position:relative;z-index:1}
.portal{position:relative;z-index:1;padding:120px 0}
.pt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pt-card{text-align:center;padding:40px 24px;border-radius:var(--rl);background:var(--card);border:1px solid var(--bd);transition:var(--tr);cursor:pointer}
.pt-card:hover{border-color:rgba(198,249,31,.2);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.15)}
.pt-icon{width:64px;height:64px;border-radius:16px;background:var(--accent-d);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px}
.pt-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.pt-card p{color:var(--tm);font-size:13px}
.partners{position:relative;z-index:1;padding:120px 0}
.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pr-card{text-align:center;padding:36px 20px;border-radius:var(--rl);background:var(--card);border:1px solid var(--bd);transition:var(--tr)}.pr-card:hover{border-color:var(--bd-h);transform:translateY(-4px)}
.pr-logo{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:28px;color:var(--tm)}
.pr-card h3{font-size:13px;font-weight:500;color:var(--t2);margin-bottom:12px;line-height:1.5}
.stats{position:relative;z-index:1;padding:100px 0}
.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.st-card{text-align:center;padding:40px 24px;border-radius:var(--rl);background:linear-gradient(135deg,rgba(198,249,31,.05),rgba(198,249,31,.01));border:1px solid rgba(198,249,31,.1);transition:var(--tr)}.st-card:hover{transform:translateY(-4px);border-color:rgba(198,249,31,.25)}
.st-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-d);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 16px}
.st-num{font-size:42px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:8px}.st-lbl{font-size:14px;color:var(--tm)}
.cta{position:relative;z-index:1}
.cta-bg{position:relative;width:100%;background:linear-gradient(135deg,rgba(198,249,31,.06),rgba(198,249,31,.02) 50%,rgba(26,86,219,.04));border-top:1px solid rgba(198,249,31,.1);border-bottom:1px solid rgba(198,249,31,.1);overflow:hidden}
.cta-bg .cd{position:absolute;border-radius:50%;pointer-events:none}
.cta-bg .cd1{width:500px;height:500px;top:-200px;right:-100px;background:radial-gradient(circle,rgba(198,249,31,.1),transparent 70%);filter:blur(80px)}
.cta-bg .cd2{width:400px;height:400px;bottom:-150px;left:-100px;background:radial-gradient(circle,rgba(26,86,219,.08),transparent 70%);filter:blur(80px)}
.cta-bg .cg{position:absolute;inset:0;background-image:linear-gradient(rgba(198,249,31,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(198,249,31,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.cta-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cta-content h2{font-size:clamp(26px,3.5vw,40px);font-weight:700;margin-bottom:16px;line-height:1.2}
.cta-content p{color:var(--t2);font-size:16px;margin-bottom:32px;max-width:520px;line-height:1.8}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap}
.cta-illustration{position:relative;width:100%;max-width:400px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin:0 auto}
.illust-phone{width:120px;height:200px;background:var(--card);border:2px solid var(--bd);border-radius:24px;position:relative;z-index:3;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:illustFloat 4s ease-in-out infinite}
@keyframes illustFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.illust-phone::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:30px;height:3px;background:rgba(255,255,255,.15);border-radius:3px}
.illust-phone-screen{position:absolute;top:16px;left:10px;right:10px;bottom:16px;background:linear-gradient(180deg,#1a3a2a,#182029);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.illust-phone-screen i{font-size:32px;color:var(--accent);animation:illustIconPulse 2s ease-in-out infinite}
@keyframes illustIconPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
.illust-phone-screen span{font-size:10px;color:var(--tm);font-weight:600}
.illust-doc{position:absolute;width:60px;height:80px;background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.illust-doc::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:var(--accent);opacity:0;animation:docCheck 3s ease 1s infinite}
@keyframes docCheck{0%,40%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.illust-doc .doc-line{height:3px;background:rgba(255,255,255,.1);border-radius:3px}
.illust-doc .doc-line:nth-child(1){width:80%}.illust-doc .doc-line:nth-child(2){width:60%}.illust-doc .doc-line:nth-child(3){width:70%}
.illust-doc.d1{top:10%;left:5%;animation:docFloat1 5s ease-in-out infinite}.illust-doc.d2{top:15%;right:5%;animation:docFloat2 5s ease-in-out infinite .5s}.illust-doc.d3{bottom:15%;left:10%;animation:docFloat1 5s ease-in-out infinite 1s}
@keyframes docFloat1{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(5px,-8px) rotate(2deg)}}
@keyframes docFloat2{0%,100%{transform:translate(0,0) rotate(3deg)}50%{transform:translate(-5px,-8px) rotate(-2deg)}}
.illust-ring{position:absolute;border:1.5px dashed rgba(198,249,31,.15);border-radius:50%;z-index:1;animation:illustRing 8s linear infinite}
.illust-ring.ir1{width:200px;height:200px;animation-duration:10s}.illust-ring.ir2{width:300px;height:300px;animation-duration:15s;animation-direction:reverse}.illust-ring.ir3{width:380px;height:380px;animation-duration:20s}
@keyframes illustRing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.illust-dot{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;opacity:.4;z-index:2;animation:illustDotP 3s ease-in-out infinite}
.illust-dot.id1{top:20%;left:20%}.illust-dot.id2{top:30%;right:15%;animation-delay:.5s}.illust-dot.id3{bottom:25%;left:25%;animation-delay:1s}.illust-dot.id4{bottom:20%;right:20%;animation-delay:1.5s}.illust-dot.id5{top:50%;left:8%;animation-delay:2s}
@keyframes illustDotP{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}
.auto-process{position:relative;z-index:1;padding:120px 0}
.zoom-track{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;position:relative;padding:40px 0}
.zoom-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:200px;flex-shrink:0;padding:24px 16px;border-radius:var(--rl);transition:all .8s cubic-bezier(.16,1,.3,1);transform:scale(.72);opacity:.4;filter:blur(2px);cursor:default;position:relative}
.zoom-step.zoom-active{transform:scale(1.08);opacity:1;filter:blur(0);background:linear-gradient(135deg,rgba(198,249,31,.08),rgba(198,249,31,.02));border:1px solid rgba(198,249,31,.2);box-shadow:0 0 60px rgba(198,249,31,.1);z-index:3}
.zoom-circ{width:80px;height:80px;border-radius:50%;background:var(--card);border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--tm);margin-bottom:16px;transition:all .8s ease}
.zoom-step.zoom-active .zoom-circ{border-color:var(--accent);color:var(--accent);background:var(--accent-d);box-shadow:0 0 30px rgba(198,249,31,.15)}
.zoom-num{position:absolute;top:16px;left:calc(50% + 20px);width:24px;height:24px;border-radius:50%;background:var(--card);border:1px solid var(--bd);color:var(--tm);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .8s ease}
.zoom-step.zoom-active .zoom-num{background:var(--accent);color:#000;border-color:var(--accent)}
.zoom-step h3{font-size:14px;font-weight:700;margin-bottom:6px;transition:color .8s ease}
.zoom-step.zoom-active h3{color:var(--accent)}
.zoom-step p{color:var(--tm);font-size:12px;line-height:1.6;max-width:170px}
.zoom-connector{width:40px;height:2px;background:var(--bd);flex-shrink:0;position:relative;overflow:hidden}
.zoom-connector::after{content:'';position:absolute;top:0;left:0;height:100%;width:0;background:var(--accent);transition:width .6s ease}
.zoom-connector.filled::after{width:100%}
.contact-page{position:fixed;inset:0;z-index:3000;background:var(--bg);transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);overflow-y:auto}
.contact-page.open{transform:translateX(0)}
.cp-inner{max-width:700px;margin:0 auto;padding:120px 24px 60px}
.cp-back{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;background:none;border:none;font-family:inherit;margin-bottom:32px;transition:var(--tr)}.cp-back:hover{gap:12px}
.cp-inner h1{font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:8px}
.cp-inner>.cp-sub{color:var(--tm);font-size:15px;margin-bottom:40px}
.cp-form{display:flex;flex-direction:column;gap:20px}
.cp-field{display:flex;flex-direction:column;gap:6px}
.cp-field label{font-size:13px;font-weight:600;color:var(--t2)}
.cp-field input,.cp-field textarea,.cp-field select{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;color:var(--t1);font-size:14px;font-family:inherit;transition:var(--tr);outline:none;resize:vertical}
.cp-field input:focus,.cp-field textarea:focus,.cp-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-d)}
.cp-field textarea{min-height:120px}
.cp-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cp-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.cp-info-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px;display:flex;align-items:center;gap:14px;transition:var(--tr)}
.cp-info-card:hover{border-color:rgba(198,249,31,.2)}
.cp-info-card i{font-size:20px;color:var(--accent);width:40px;height:40px;border-radius:10px;background:var(--accent-d);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cp-info-card strong{display:block;font-size:13px;color:var(--t1);margin-bottom:2px}
.cp-info-card span{font-size:12px;color:var(--tm)}
.legal-ov{position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.legal-ov.open{opacity:1;pointer-events:all}
.legal-md{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rx);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;padding:48px 40px;transform:translateY(30px) scale(.95);transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative}
.legal-ov.open .legal-md{transform:translateY(0) scale(1)}
.legal-cl{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--bd);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:var(--tr)}.legal-cl:hover{background:rgba(255,255,255,.1);color:var(--t1)}
.legal-md h2{font-size:24px;font-weight:700;margin-bottom:8px}
.legal-md .legal-upd{font-size:12px;color:var(--tm);margin-bottom:28px}
.legal-md h3{font-size:16px;font-weight:700;color:var(--accent);margin:24px 0 10px}
.legal-md h3:first-of-type{margin-top:0}
.legal-md p,.legal-md li{color:var(--t2);font-size:14px;line-height:1.9;margin-bottom:10px}
.legal-md ul{padding-left:20px;margin-bottom:16px}
.legal-md ul li{margin-bottom:6px}

.pr-card{position:relative;overflow:hidden}
.pr-logo{height:74px;width:74px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--bd);margin:0 auto 16px;overflow:hidden}
.pr-logo img{width:100%;height:100%;object-fit:contain;padding:10px;display:block}
.pr-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}
.pr-actions a,.pr-actions button{width:36px;height:36px;border-radius:10px;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:var(--t2);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:var(--tr);font-family:'SolaimanLipi',sans-serif}
.pr-actions a:hover,.pr-actions button:hover{background:var(--accent-d);border-color:rgba(198,249,31,.3);color:var(--accent);transform:translateY(-2px)}

.faq-page{position:fixed;inset:0;z-index:3000;background:var(--bg);transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);overflow-y:auto}
.faq-page.open{transform:translateX(0)}
.faq-page-inner{max-width:1080px;margin:0 auto;padding:110px 24px 70px}
.faq-page .section-header{margin-bottom:40px}
.faq{position:relative;z-index:1;padding:110px 0 100px;background:linear-gradient(180deg,transparent,rgba(198,249,31,.025),transparent)}
.faq-wrap{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:var(--tr)}
.faq-item:hover{border-color:rgba(198,249,31,.22);background:var(--card-h)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;background:transparent;border:none;color:var(--t1);padding:18px 22px;cursor:pointer;font-family:'SolaimanLipi',sans-serif;font-size:15px;font-weight:700;line-height:1.5}
.faq-q i{color:var(--accent);transition:var(--tr);flex-shrink:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;color:var(--t2);font-size:14px;line-height:1.9;padding:0 22px}
.faq-item.open .faq-a{max-height:260px;padding:0 22px 20px}
.faq-item.open .faq-q i{transform:rotate(180deg)}
@media(max-width:768px){.faq{padding:80px 0}.pr-actions a,.pr-actions button{width:34px;height:34px}}

footer{position:relative;z-index:1;border-top:1px solid var(--bd)}
.ft-main{padding:80px 0 40px}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:48px}
.ft-brand img{height:44px;margin-bottom:8px;border-radius:8px}
.ft-brand h3{font-size:18px;margin-bottom:12px}
.ft-brand p{color:var(--tm);font-size:14px;margin-bottom:24px;line-height:1.8}
.soc-links{display:flex;gap:10px}
.soc-links a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);color:var(--tm);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;transition:var(--tr)}.soc-links a:hover{background:var(--accent-d);color:#000}
.ft-col h4{font-size:14px;font-weight:600;color:var(--t1);margin-bottom:24px;text-transform:uppercase;letter-spacing:.08em}
.ft-col ul{list-style:none}.ft-col ul li{margin-bottom:12px}
.ft-col ul li a{color:var(--tm);text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;transition:var(--tr);cursor:pointer}.ft-col ul li a:hover{color:var(--accent)}
.ft-col ul li a i{font-size:10px;transition:var(--tr)}.ft-col ul li a:hover i{transform:translateX(4px)}
.ci{display:flex;gap:14px;margin-bottom:20px}.ci i{color:var(--accent);font-size:16px;margin-top:4px;min-width:20px;text-align:center}
.ci strong{display:block;font-size:13px;color:var(--t1);margin-bottom:2px}.ci p{font-size:13px;color:var(--tm);line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:24px 0;display:flex;justify-content:space-between;align-items:center}
.ft-bottom p{font-size:13px;color:var(--tm)}
.ft-bottom-links{display:flex;gap:24px}.ft-bottom-links a{color:var(--tm);text-decoration:none;font-size:13px;transition:var(--tr);cursor:pointer}.ft-bottom-links a:hover{color:var(--accent)}
.btt{position:fixed;bottom:30px;right:30px;z-index:999;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#000;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;opacity:0;transform:translateY(20px);transition:var(--tr);box-shadow:0 0 30px rgba(198,249,31,.3)}
.btt.vis{opacity:1;transform:translateY(0)}.btt:hover{background:#d4ff3f;transform:translateY(-4px)}
.rv{opacity:0;transform:translateY(40px);filter:blur(6px);transition:opacity .8s ease,transform .8s ease,filter .8s ease}
.rv.vis{opacity:1;transform:translateY(0);filter:blur(0)}
@media(max-width:1024px){.h-content{grid-template-columns:1fr;text-align:center}.h-text p{margin-left:auto;margin-right:auto}.h-stats{justify-content:center}.h-btns{justify-content:center}.h-visual{display:none}.about-grid,.cta-inner{grid-template-columns:1fr;gap:40px}.svc-grid,.feat-grid,.pt-grid,.pr-grid,.st-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{text-align:center;padding:60px 32px}.cta-btns{justify-content:center}.cta-content p{margin-left:auto;margin-right:auto}.cta-illustration{max-width:300px}.ft-grid{grid-template-columns:1fr 1fr;gap:40px}.zoom-track{gap:8px}.zoom-connector{width:20px}}
@media(max-width:768px){nav{display:none}.ha .btn-g{display:none}.mob-t{display:flex}.svc-grid{grid-template-columns:1fr 1fr}.feat-grid{grid-template-columns:1fr}.pt-grid,.pr-grid,.st-grid{grid-template-columns:1fr 1fr}.about-feats{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr}.ft-bottom{flex-direction:column;gap:12px;text-align:center}.s-arr{display:none}.zoom-step{width:160px;padding:16px 10px}.zoom-circ{width:60px;height:60px;font-size:22px}.zoom-connector{width:12px}.cp-row{grid-template-columns:1fr}.cp-info{grid-template-columns:1fr}}
@media(max-width:480px){.h-text h2{font-size:24px}.h-stats{flex-direction:column;gap:14px}.h-btns{flex-direction:column}.h-btns .btn{width:100%;justify-content:center}.svc-grid,.pt-grid,.pr-grid,.st-grid{grid-template-columns:1fr}.zoom-step{width:130px}.zoom-circ{width:50px;height:50px;font-size:18px}.zoom-connector{display:none}.zoom-track{flex-direction:column;gap:8px}.legal-md{padding:32px 20px}}


/* Professional animated icon system */
:root{--icon-ring:rgba(198,249,31,.22);--icon-shadow:0 14px 35px rgba(0,0,0,.22),0 0 22px rgba(198,249,31,.12)}
.si,.fi,.pt-icon,.st-icon,.cert-icon,.about-fc .ai,.pt-card .pt-icon,.fc .fi,.pr-actions a,.pr-actions button,.section-tag i,.cp-info-card i,.zoom-circ,.mic-circle,.tax-m,.sonod-badge i,.dl-b i,.fast-chk i,.af i{
  position:relative;overflow:hidden;isolation:isolate;will-change:transform,box-shadow;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease,background .35s ease,color .35s ease;
}
.si::before,.fi::before,.pt-icon::before,.st-icon::before,.cert-icon::before,.about-fc .ai::before,.pr-actions a::before,.pr-actions button::before,.cp-info-card i::before,.zoom-circ::before,.mic-circle::before,.tax-m::before{
  content:'';position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.34) 50%,rgba(255,255,255,.15) 55%,transparent 100%);transform:translateX(-140%) rotate(18deg);z-index:-1;pointer-events:none;
}
.si::after,.fi::after,.pt-icon::after,.st-icon::after,.cert-icon::after,.about-fc .ai::after,.cp-info-card i::after{
  content:'';position:absolute;inset:-5px;border:1px solid var(--icon-ring);border-radius:inherit;opacity:0;transform:scale(.82);pointer-events:none;
}
.svc-card:hover .si,.fc:hover .fi,.pt-card:hover .pt-icon,.st-card:hover .st-icon,.about-fc:hover .ai,.cp-info-card:hover i,.cert-card:hover .cert-icon,.tax-m:hover{
  transform:translateY(-4px) scale(1.06);box-shadow:var(--icon-shadow);border-color:rgba(198,249,31,.35);
}
.svc-card:hover .si::before,.fc:hover .fi::before,.pt-card:hover .pt-icon::before,.st-card:hover .st-icon::before,.about-fc:hover .ai::before,.pr-actions a:hover::before,.pr-actions button:hover::before,.cp-info-card:hover i::before,.zoom-step.zoom-active .zoom-circ::before,.tax-m:hover::before{
  animation:iconShine 1.15s ease forwards;
}
.svc-card:hover .si::after,.fc:hover .fi::after,.pt-card:hover .pt-icon::after,.st-card:hover .st-icon::after,.about-fc:hover .ai::after,.cp-info-card:hover i::after{
  animation:iconRing 1.15s ease forwards;
}
.si i,.fi i,.pt-icon i,.st-icon i,.cert-icon i,.about-fc .ai i,.section-tag i,.cp-info-card i,.zoom-circ i,.pr-actions i,.btn i,.faq-q i{
  transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;
}
.svc-card:hover .si i,.fc:hover .fi i,.pt-card:hover .pt-icon i,.st-card:hover .st-icon i,.about-fc:hover .ai i,.pr-actions a:hover i,.pr-actions button:hover i,.btn:hover i,.cp-info-card:hover i{
  transform:scale(1.12) rotate(-4deg);filter:drop-shadow(0 0 10px rgba(198,249,31,.38));
}
.section-tag i{animation:iconSoftPulse 2.8s ease-in-out infinite;color:var(--accent)}
.nav-app i,.btn-p i{animation:iconMicroBounce 2.4s ease-in-out infinite}
.mq-i i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:transparent;color:#fff!important;box-shadow:none;text-shadow:0 2px 10px rgba(0,0,0,.35);animation:noticeIcon 2.1s ease-in-out infinite}
.pr-card{position:relative;overflow:hidden}.pr-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(198,249,31,.08),transparent 42%);opacity:0;transition:opacity .35s ease;pointer-events:none}.pr-card:hover::before{opacity:1}
.pr-logo{width:82px;height:82px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(0,0,0,.18);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.pr-logo img{width:64px;height:64px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease}
.pr-card:hover .pr-logo{transform:translateY(-5px) scale(1.04);border-color:rgba(198,249,31,.28);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 28px rgba(198,249,31,.12)}
.pr-card:hover .pr-logo img{transform:scale(1.07);filter:drop-shadow(0 0 14px rgba(198,249,31,.22)) drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.pr-actions a,.pr-actions button{border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:var(--accent);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.pr-actions a:hover,.pr-actions button:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 30px rgba(0,0,0,.22),0 0 18px rgba(198,249,31,.16);background:var(--accent);color:#102033;border-color:var(--accent)}
.faq-q i{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-d);box-shadow:0 0 0 1px rgba(198,249,31,.12);animation:iconSoftPulse 3s ease-in-out infinite}
.faq-item.open .faq-q i{transform:rotate(180deg) scale(1.06);background:var(--accent);color:#102033}
@keyframes iconShine{0%{transform:translateX(-140%) rotate(18deg)}100%{transform:translateX(140%) rotate(18deg)}}
@keyframes iconRing{0%{opacity:0;transform:scale(.82)}45%{opacity:.75}100%{opacity:0;transform:scale(1.35)}}
@keyframes iconSoftPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(198,249,31,0))}50%{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(198,249,31,.28))}}
@keyframes iconMicroBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes noticeIcon{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.18)}50%{transform:scale(1.12);box-shadow:0 0 0 8px rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.section-tag i,.nav-app i,.btn-p i,.mq-i i,.faq-q i{animation:none!important}.si::before,.fi::before,.pt-icon::before,.st-icon::before,.cert-icon::before,.about-fc .ai::before,.pr-actions a::before,.pr-actions button::before,.cp-info-card i::before,.zoom-circ::before,.mic-circle::before,.tax-m::before{display:none!important}}


@media(max-width:768px){:root{--topbar-h:64px}.topbar-inner{height:100%;flex-direction:column;justify-content:center;gap:4px;text-align:center;font-size:11px;padding:4px 14px}.topbar-left,.topbar-right{white-space:normal;justify-content:center;gap:6px}.topbar-right{gap:10px;flex-wrap:wrap}.topbar-right span{gap:5px}.agency-card{width:116px;min-height:110px}.agency-card.union{left:16px;top:58px}.agency-card.municipality{right:16px;bottom:58px}.cert-processing-card{width:205px;padding:20px 18px}.about-img-frame{height:380px}.flow-dot{display:none}.h-anim-wrap{transform:scale(1.02)}}
@media(max-width:480px){:root{--topbar-h:76px}.topbar-inner{font-size:10.5px}.about-img-frame{height:360px}.agency-card{width:104px;min-height:98px}.agency-card i{width:44px;height:44px;font-size:20px}.agency-card span{font-size:11px}.cert-processing-card{width:190px;padding:18px 16px}.cert-process-head strong{font-size:13px}.cert-ready{font-size:11px}}

/* Partner logo update: remove border box and increase logo size */
.pr-logo{
  width:100%!important;
  height:110px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.pr-logo img{
  width:auto!important;
  height:auto!important;
  max-width:180px!important;
  max-height:95px!important;
  padding:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));
  transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease;
}
.pr-card:hover .pr-logo{
  transform:translateY(-5px)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.pr-card:hover .pr-logo img{
  transform:scale(1.08);
  filter:drop-shadow(0 0 12px rgba(198,249,31,.18)) drop-shadow(0 8px 18px rgba(0,0,0,.20));
}
@media(max-width:768px){
  .pr-logo{height:98px!important}
  .pr-logo img{max-width:155px!important;max-height:82px!important}
}
@media(max-width:480px){
  .pr-logo{height:92px!important}
  .pr-logo img{max-width:145px!important;max-height:78px!important}
}


/* Requested layout fixes: marquee direction, slider controls, and balanced section gaps */
.mq-s{
  top:calc(var(--topbar-h) + 64px)!important;
  padding:5px 0!important;
  background:rgba(28,38,51,.16)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
header.scrolled~.mq-s{top:calc(var(--topbar-h) + 56px)!important}
.mq-t{
  gap:56px!important;
  width:max-content!important;
  animation:mqA 32s linear infinite!important;
  will-change:transform;
}
@keyframes mqA{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}

.hero{
  min-height:auto!important;
  padding-top:calc(92px + var(--topbar-h))!important;
  padding-bottom:68px!important;
}
.h-content{min-height:580px!important}
.h-visual{
  padding:0 72px 58px!important;
  min-height:540px;
}
.h-anim-wrap{margin:auto!important}
.s-dots{
  left:50%!important;
  right:auto!important;
  bottom:4px!important;
  transform:translateX(-50%)!important;
  justify-content:center!important;
  align-items:center!important;
}
.s-arr.prev{left:8px!important;right:auto!important}
.s-arr.next{right:8px!important;left:auto!important}

.section-header{margin-bottom:42px!important}
.about{padding:76px 0 82px!important}
.services,.features,.auto-process{padding:82px 0!important}
.about-fc{display:none!important}
.svc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.svc-card{min-height:230px;display:flex;flex-direction:column}
.svc-card .sd-btn{margin-top:auto}
.feat-grid{align-items:stretch}
.fc{height:100%}

@media(max-width:1024px){
  .hero{padding-top:calc(86px + var(--topbar-h))!important;padding-bottom:58px!important}
  .h-content{min-height:auto!important;padding:52px 0 34px!important}
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:768px){
  .mq-s{top:calc(var(--topbar-h) + 58px)!important;padding:4px 0!important}
  header.scrolled~.mq-s{top:calc(var(--topbar-h) + 54px)!important}
  .hero{padding-top:calc(76px + var(--topbar-h))!important;padding-bottom:44px!important}
  .section-header{margin-bottom:32px!important}
  .about,.services,.features,.auto-process{padding:62px 0!important}
  .svc-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .mq-t{animation-duration:28s!important;gap:40px!important}
  .hero{padding-top:calc(70px + var(--topbar-h))!important}
}

/* Final verification/tracking popup, contact icon, and slider arrow refinements */
.s-arr.prev{
  left:-74px!important;
  right:auto!important;
}
.s-arr.next{
  right:-74px!important;
  left:auto!important;
}
.verify-ov{
  position:fixed;
  inset:0;
  z-index:3200;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
}
.verify-ov.open{
  opacity:1;
  pointer-events:all;
}
.verify-md{
  width:100%;
  max-width:520px;
  background:linear-gradient(180deg,rgba(33,45,59,.98),rgba(28,38,51,.98));
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  padding:34px;
  position:relative;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 45px rgba(198,249,31,.08);
  transform:translateY(24px) scale(.96);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.verify-ov.open .verify-md{
  transform:translateY(0) scale(1);
}
.verify-cl{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid var(--bd);
  background:rgba(255,255,255,.06);
  color:var(--t2);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:var(--tr);
}
.verify-cl:hover{
  color:#000;
  background:var(--accent);
  border-color:var(--accent);
}
.verify-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:26px;
  padding-right:42px;
}
.verify-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:var(--accent-d);
  color:var(--accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  border:1px solid rgba(198,249,31,.22);
  flex-shrink:0;
}
.verify-icon.tracking-icon{
  background:rgba(139,92,246,.16);
  color:#c4b5fd;
  border-color:rgba(196,181,253,.24);
}
.verify-head span{
  display:block;
  color:var(--accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.verify-head h3{
  font-size:22px;
  line-height:1.35;
  margin:0;
  color:var(--t1);
}
.verify-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.verify-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.verify-field label{
  font-size:13px;
  font-weight:700;
  color:var(--t2);
}
.verify-field input[type="text"]{
  width:100%;
  background:var(--card);
  border:1px solid var(--bd);
  border-radius:14px;
  padding:14px 16px;
  color:var(--t1);
  font-size:15px;
  font-family:inherit;
  outline:none;
  transition:var(--tr);
}
.verify-field input[type="text"]:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-d);
}
.verify-lang-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.verify-lang-tab{
  min-height:48px;
  border-radius:14px;
  border:1px solid var(--bd);
  background:rgba(255,255,255,.05);
  color:var(--t2);
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  transition:var(--tr);
  font-family:inherit;
}
.verify-lang-tab:hover{
  border-color:rgba(198,249,31,.32);
  color:var(--t1);
}
.verify-lang-tab.active{
  background:var(--accent);
  color:#000;
  border-color:var(--accent);
  box-shadow:0 0 25px rgba(198,249,31,.18);
}
.verify-btn{
  justify-content:center;
  width:100%;
  margin-top:4px;
}
.verify-note{
  font-size:13px;
  line-height:1.6;
  color:var(--tm);
  background:rgba(255,255,255,.04);
  border:1px solid var(--bd);
  border-radius:14px;
  padding:12px 14px;
}
.verify-note.err{
  color:#fecaca;
  border-color:rgba(248,113,113,.35);
  background:rgba(248,113,113,.08);
}
.verify-note.ok{
  color:var(--accent);
  border-color:rgba(198,249,31,.25);
  background:var(--accent-d);
}
.contact-only{
  max-width:920px!important;
}
.contact-hero-card{
  text-align:center;
  margin-bottom:34px;
  padding:34px 24px;
  border:1px solid var(--bd);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(198,249,31,.06),rgba(255,255,255,.02));
}
.contact-icon{
  width:70px;
  height:70px;
  border-radius:22px;
  margin:0 auto 16px;
  background:var(--accent-d);
  color:var(--accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  border:1px solid rgba(198,249,31,.22);
}
.contact-info-only{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.contact-info-only .cp-info-card{
  align-items:flex-start!important;
  padding:24px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;
}
.contact-card-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  background:var(--accent-d);
  color:var(--accent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  border:1px solid rgba(198,249,31,.18);
  flex-shrink:0;
}
.contact-info-only .cp-info-card:hover .contact-card-icon{
  background:var(--accent);
  color:#000;
  transform:translateY(-2px);
}
@media(max-width:1180px) and (min-width:1025px){
  .s-arr.prev{left:-46px!important}
  .s-arr.next{right:-46px!important}
}
@media(max-width:1024px){
  .s-arr.prev{left:18px!important}
  .s-arr.next{right:18px!important}
}
@media(max-width:768px){
  .verify-md{padding:28px 20px;border-radius:22px}
  .verify-head{gap:12px;margin-bottom:22px}
  .verify-head h3{font-size:19px}
  .contact-info-only{grid-template-columns:1fr!important}
  .contact-hero-card{padding:28px 18px}
}


/* Final update: compact step/section gaps, left-aligned slider dots, removed arrows */
.s-arr,
.s-arr.prev,
.s-arr.next{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.h-visual{
  padding-left:18px!important;
  padding-right:18px!important;
  padding-bottom:30px!important;
  min-height:500px!important;
}
.s-dots{
  left:24px!important;
  right:auto!important;
  bottom:0!important;
  transform:none!important;
  justify-content:flex-start!important;
}
.s-dot{width:28px!important;height:4px!important}
.s-dot.active{width:46px!important}
.hero{
  padding-bottom:34px!important;
}
.h-content{
  min-height:520px!important;
}
.about,
.services,
.features,
.auto-process{
  padding-top:54px!important;
  padding-bottom:54px!important;
}
.section-header{
  margin-bottom:28px!important;
}
.zoom-track{
  padding:18px 0 8px!important;
  gap:0!important;
}
.zoom-step{
  width:172px!important;
  padding:18px 10px!important;
  transform:scale(.82)!important;
}
.zoom-step.zoom-active{
  transform:scale(1)!important;
}
.zoom-connector{
  width:20px!important;
}
.zoom-circ{
  width:68px!important;
  height:68px!important;
  font-size:24px!important;
  margin-bottom:12px!important;
}
.zoom-step h3{margin-bottom:4px!important}
.zoom-step p{font-size:11.5px!important;line-height:1.45!important}

@media(max-width:1024px){
  .h-visual{display:none!important}
  .hero{padding-bottom:28px!important}
  .about,.services,.features,.auto-process{padding-top:46px!important;padding-bottom:46px!important}
  .zoom-track{gap:6px!important;padding:14px 0 6px!important}
  .zoom-step{width:145px!important;padding:14px 8px!important;transform:scale(.88)!important}
  .zoom-step.zoom-active{transform:scale(1)!important}
  .zoom-connector{width:12px!important}
}
@media(max-width:768px){
  .about,.services,.features,.auto-process{padding-top:38px!important;padding-bottom:38px!important}
  .section-header{margin-bottom:22px!important}
  .zoom-track{flex-direction:column!important;gap:8px!important}
  .zoom-step{width:100%!important;max-width:330px!important;transform:none!important;opacity:.82!important;filter:none!important}
  .zoom-step.zoom-active{transform:none!important;opacity:1!important}
  .zoom-connector{display:none!important}
}
@media(max-width:480px){
  .hero{padding-bottom:24px!important}
  .about,.services,.features,.auto-process{padding-top:32px!important;padding-bottom:32px!important}
}

/* =========================================================
   FINAL CLEAN RESPONSIVE FIXES
   - Marquee below menu, slow right-to-left movement
   - Slider dots at the far left of the slide area
   - Contact card icons visible
   - Modern FAQ redesign
   ========================================================= */
:root{
  --desktop-header-h:78px;
  --desktop-header-scrolled-h:66px;
  --marquee-h:36px;
}

/* Marquee notice bar: stable position under header, never inside menu */
.mq-s{
  position:fixed!important;
  top:calc(var(--topbar-h) + var(--desktop-header-h))!important;
  left:0!important;
  right:0!important;
  height:var(--marquee-h)!important;
  padding:0!important;
  z-index:998!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:rgba(28,38,51,.96)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(198,249,31,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px)!important;
}
header.scrolled~.mq-s{
  top:calc(var(--topbar-h) + var(--desktop-header-scrolled-h))!important;
}
.mq-s.hide{
  transform:translateY(-110%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.mq-t{
  display:flex!important;
  align-items:center!important;
  gap:72px!important;
  width:max-content!important;
  min-width:max-content!important;
  padding-left:100vw!important;
  animation:sonodMarqueeClean 68s linear infinite!important;
  will-change:transform!important;
}
.mq-s:hover .mq-t{
  animation-play-state:paused!important;
}
.mq-i{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  height:var(--marquee-h)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
.mq-i i{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#000!important;
  background:var(--accent)!important;
  font-size:11px!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
@keyframes sonodMarqueeClean{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-100% - 100vw))}
}

/* Hero spacing adjusted for fixed topbar + header + marquee */
.hero{
  padding-top:calc(var(--topbar-h) + var(--desktop-header-h) + var(--marquee-h) + 42px)!important;
  padding-bottom:42px!important;
}
header.scrolled~.mq-s~.mob-m~.hero{
  padding-top:calc(var(--topbar-h) + var(--desktop-header-scrolled-h) + var(--marquee-h) + 42px)!important;
}
.h-content{
  min-height:520px!important;
}
.h-visual{
  position:relative!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:42px!important;
  min-height:510px!important;
}
.h-anim-wrap{
  margin:0 auto!important;
}

/* Slider dots: far left of slide/animation area */
.s-dots{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:8px!important;
  transform:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  z-index:20!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
}
.s-dot{
  width:30px!important;
  height:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.05)!important;
}
.s-dot.active{
  width:54px!important;
  background:var(--accent)!important;
  box-shadow:0 0 18px rgba(198,249,31,.28)!important;
}
.s-arr,.s-arr.prev,.s-arr.next{
  display:none!important;
}

/* Contact info cards: icon must be visible and clean */
.contact-info-only{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  margin-top:28px!important;
}
.contact-info-only .cp-info-card{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:16px!important;
  min-height:118px!important;
  padding:26px 24px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(145deg,rgba(37,52,69,.96),rgba(33,45,59,.82))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
.contact-info-only .cp-info-card::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 0 0,rgba(198,249,31,.10),transparent 38%)!important;
  opacity:.85!important;
  pointer-events:none!important;
}
.contact-info-only .cp-info-card>div:not(.contact-card-icon){
  position:relative!important;
  z-index:2!important;
}
.contact-card-icon,
.contact-icon{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  background:var(--accent)!important;
  color:#111827!important;
  border:1px solid rgba(198,249,31,.65)!important;
  box-shadow:0 12px 28px rgba(198,249,31,.14)!important;
  overflow:visible!important;
}
.contact-card-icon{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  font-size:22px!important;
}
.contact-icon{
  width:76px!important;
  height:76px!important;
  border-radius:24px!important;
  font-size:32px!important;
}
.contact-card-icon i,
.contact-icon i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:auto!important;
  min-height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:1em!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}
.contact-info-only .cp-info-card strong{
  display:block!important;
  color:var(--t1)!important;
  font-size:16px!important;
  margin-bottom:7px!important;
}
.contact-info-only .cp-info-card span{
  display:block!important;
  color:var(--t2)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.contact-info-only .cp-info-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(198,249,31,.32)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.24),0 0 28px rgba(198,249,31,.08)!important;
}
.contact-info-only .cp-info-card:hover .contact-card-icon{
  transform:none!important;
  background:#d4ff3f!important;
  color:#000!important;
}

/* FAQ page redesign */
.faq-page{
  background:radial-gradient(circle at top left,rgba(198,249,31,.08),transparent 34%),radial-gradient(circle at bottom right,rgba(26,86,219,.12),transparent 36%),var(--bg)!important;
}
.faq-page-inner{
  max-width:1120px!important;
  padding:100px 24px 72px!important;
}
.faq-page .cp-back{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  padding:10px 16px!important;
  border-radius:14px!important;
}
.faq-page .section-header{
  max-width:820px!important;
  margin:0 auto 34px!important;
  padding:34px 24px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(37,52,69,.74),rgba(33,45,59,.45))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
}
.faq-page .section-header h2{
  margin-bottom:12px!important;
}
.faq-wrap{
  max-width:980px!important;
  gap:14px!important;
}
.faq-item{
  position:relative!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(37,52,69,.94),rgba(33,45,59,.78))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}
.faq-item::before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:linear-gradient(180deg,var(--accent),rgba(198,249,31,.18))!important;
  opacity:.55!important;
}
.faq-item:hover,
.faq-item.open{
  border-color:rgba(198,249,31,.32)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.24),0 0 26px rgba(198,249,31,.07)!important;
}
.faq-q{
  position:relative!important;
  width:100%!important;
  padding:22px 24px 22px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  color:var(--t1)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.faq-q span{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.faq-q span::before{
  content:'Q'!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--accent)!important;
  color:#000!important;
  font-family:Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  flex:0 0 auto!important;
}
.faq-q i{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(198,249,31,.12)!important;
  color:var(--accent)!important;
  border:1px solid rgba(198,249,31,.20)!important;
  box-shadow:none!important;
  animation:none!important;
}
.faq-item.open .faq-q i{
  background:var(--accent)!important;
  color:#000!important;
  transform:rotate(180deg)!important;
}
.faq-a{
  max-height:0!important;
  padding:0 28px!important;
  color:var(--t2)!important;
  font-size:15px!important;
  line-height:1.9!important;
  transition:max-height .38s ease,padding .38s ease!important;
}
.faq-a p{
  position:relative!important;
  margin:0!important;
  padding:18px 20px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.faq-a strong{
  color:var(--accent)!important;
}
.faq-item.open .faq-a{
  max-height:420px!important;
  padding:0 28px 24px!important;
}

@media(max-width:1180px){
  :root{--desktop-header-h:72px;--desktop-header-scrolled-h:64px}
  nav{display:none!important}
  .mob-t{display:flex!important}
  .ha .btn-g{display:none!important}
  .mq-t{animation-duration:64s!important;gap:58px!important}
}
@media(max-width:1024px){
  .mq-s{top:calc(var(--topbar-h) + 68px)!important;height:34px!important}
  header.scrolled~.mq-s{top:calc(var(--topbar-h) + 62px)!important}
  .hero{padding-top:calc(var(--topbar-h) + 68px + 34px + 34px)!important}
  .h-visual{display:none!important}
  .s-dots{display:none!important}
}
@media(max-width:768px){
  .mq-s{top:calc(var(--topbar-h) + 62px)!important;height:32px!important}
  header.scrolled~.mq-s{top:calc(var(--topbar-h) + 58px)!important}
  .mq-t{animation-duration:58s!important;gap:48px!important}
  .mq-i{height:32px!important;font-size:12px!important}
  .mq-i i{width:19px!important;height:19px!important;min-width:19px!important;font-size:10px!important}
  .hero{padding-top:calc(var(--topbar-h) + 62px + 32px + 28px)!important}
  .contact-info-only{grid-template-columns:1fr!important}
  .contact-info-only .cp-info-card{min-height:auto!important;padding:22px!important}
  .faq-page-inner{padding:92px 16px 56px!important}
  .faq-page .section-header{padding:26px 18px!important;border-radius:24px!important}
  .faq-q{font-size:14px!important;padding:18px 18px 18px 22px!important}
  .faq-q span{gap:9px!important}
  .faq-q span::before{width:26px!important;height:26px!important;border-radius:8px!important;font-size:12px!important}
  .faq-a{padding:0 20px!important;font-size:14px!important}
  .faq-item.open .faq-a{padding:0 20px 20px!important}
}
@media(max-width:480px){
  .mq-s{top:calc(var(--topbar-h) + 58px)!important;height:30px!important}
  header.scrolled~.mq-s{top:calc(var(--topbar-h) + 54px)!important}
  .mq-t{animation-duration:54s!important;gap:42px!important}
  .mq-i{height:30px!important;font-size:11px!important}
  .hero{padding-top:calc(var(--topbar-h) + 58px + 30px + 24px)!important}
  .contact-card-icon{width:46px!important;height:46px!important;border-radius:14px!important;font-size:20px!important}
}