:root{--navy:#0b1a4a;--blue:#1677ff;--blue2:#0b5ed7;--sky:#19b5fe;--soft:#eef5ff;--bg:#fff;--card:#fff;--text:#1b2347;--muted:#566080;--line:#e3ebfa}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:#1677ff #eef5ff;scroll-padding-top:80px}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;font-size:17px;background:var(--bg);color:var(--text);line-height:1.65;animation:fadein .6s ease}
h1,h2,h3,h4,.btn,.stat b{font-family:'Poppins','Segoe UI',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
::selection{background:#bfe0ff;color:#0b1a4a}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#19b5fe,#1677ff);border-radius:10px}::-webkit-scrollbar-track{background:#eef5ff}
.container{width:min(1150px,92%);margin:auto}
.grad{background:linear-gradient(90deg,var(--blue2),var(--sky),var(--blue2));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:200% 0}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue);color:#fff;padding:10px 18px;border-radius:8px;z-index:200}.skip:focus{left:8px}
.prog{position:fixed;top:0;left:0;height:4px;width:0;z-index:100;background:linear-gradient(90deg,var(--blue),var(--sky))}
/* loader */
#loader{position:fixed;inset:0;background:#fff;z-index:300;display:grid;place-items:center;transition:opacity .5s,visibility .5s}
#loader img{width:90px;animation:pulse2 1s ease-in-out infinite}
#loader.hide{opacity:0;visibility:hidden}
@keyframes pulse2{50%{transform:scale(1.15)}}
/* header */
header{position:fixed;top:0;width:100%;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.sc{box-shadow:0 6px 24px rgba(22,70,160,.12)}
nav{display:flex;justify-content:space-between;align-items:center;height:76px;gap:14px}
.logo img{height:48px;width:auto}
nav ul{display:flex;gap:28px;list-style:none}
nav ul a{font-weight:500;color:var(--muted);transition:.25s;position:relative;padding:6px 0}
nav ul a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--blue);transition:.3s}
nav ul a:hover,nav ul a.act{color:var(--blue)}nav ul a:hover::after,nav ul a.act::after{width:100%}
.tg{display:flex;gap:8px}.tg button{border:1px solid var(--line);background:var(--soft);color:var(--navy);border-radius:50px;padding:6px 12px;cursor:pointer;font-weight:600;min-height:36px}
.menu{display:none;font-size:1.8rem;cursor:pointer;color:var(--navy);background:none;border:0;min-width:44px;min-height:44px}
/* buttons */
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:13px 30px;border-radius:50px;font-weight:600;color:#fff;border:0;cursor:pointer;transition:.3s;box-shadow:0 10px 25px rgba(22,119,255,.3);font-size:1rem;position:relative;overflow:hidden;background-image:linear-gradient(90deg,var(--blue),var(--sky),var(--blue2));background-size:200% 100%;min-height:44px}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,119,255,.4);background-position:100% 0}
.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.btn.o{background:#fff;background-image:none;color:var(--blue2);border:1.5px solid var(--blue);box-shadow:none}
.btn.wa-btn{background-image:linear-gradient(135deg,#25d366,#128c7e)}
.rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:rp .6s linear;pointer-events:none}
@keyframes rp{to{transform:scale(4);opacity:0}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
/* hero */
.hero{min-height:100vh;padding-top:76px;display:flex;align-items:center;position:relative;overflow:hidden;
background:radial-gradient(circle,rgba(22,119,255,.10) 1.5px,transparent 1.6px) 0 0/26px 26px,radial-gradient(circle at 90% 10%,rgba(25,181,254,.22),transparent 45%),radial-gradient(circle at 0% 100%,rgba(22,119,255,.15),transparent 45%),linear-gradient(180deg,#f6faff,#fff)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:#fff;clip-path:ellipse(75% 100% at 50% 100%)}
.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:50px 0;position:relative;z-index:1}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:drift 14s ease-in-out infinite;will-change:transform}
.b1{width:320px;height:320px;background:#19b5fe;top:8%;right:8%}.b2{width:260px;height:260px;background:#1677ff;bottom:12%;left:-60px;animation-delay:-6s}
@keyframes drift{50%{transform:translate(30px,-40px) scale(1.12)}}
.tag{display:inline-flex;gap:6px;padding:7px 18px;border-radius:50px;background:rgba(238,245,255,.85);color:var(--blue2);font-size:.85rem;font-weight:600;margin:0 6px 14px 0;border:1px solid var(--line);backdrop-filter:blur(6px)}
.hero h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.12;margin-bottom:14px;color:var(--navy)}
.typing{font-size:1.25rem;font-weight:600;color:var(--blue2);min-height:2em;margin-bottom:8px}
.typing::after{content:"|";animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.hero p.lead{color:var(--muted);font-size:1.12rem;margin-bottom:28px;max-width:520px}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.slogan{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap;font-weight:600;color:var(--navy)}.slogan span:nth-child(3){color:var(--blue)}.slogan i{font-style:normal;color:#c7d6f2}
.cardwrap{position:relative;justify-self:center;perspective:900px}
.cardwrap::before{content:"";position:absolute;inset:-18px;background:linear-gradient(135deg,var(--sky),var(--blue2));border-radius:34px;opacity:.18;transform:rotate(5deg)}
.cardwrap img{position:relative;width:min(360px,100%);border-radius:24px;box-shadow:0 30px 70px rgba(11,94,215,.28);border:6px solid #fff;background:#dbe9ff;transition:transform .15s ease-out}
.chip{position:absolute;z-index:2;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:50px;padding:8px 16px;font-weight:600;font-size:.85rem;color:var(--navy);box-shadow:0 12px 30px rgba(22,70,160,.18);animation:float 5s ease-in-out infinite;backdrop-filter:blur(6px)}
.c1{top:6%;left:-30px}.c2{bottom:10%;right:-24px;animation-delay:-2s}
@keyframes float{50%{transform:translateY(-14px)}}
/* sections */
section{padding:100px 0;position:relative}
.alt{background:var(--soft)}
.wave{position:absolute;top:-1px;left:0;width:100%;height:46px;fill:#fff;pointer-events:none}
.title{text-align:center;margin-bottom:55px}
.title h2{font-size:2.3rem;color:var(--navy);line-height:1.2}
.title h2::after{content:"";display:block;width:60px;height:4px;border-radius:4px;margin:12px auto 0;background:linear-gradient(90deg,var(--blue),var(--sky))}
.title p{color:var(--muted);max-width:580px;margin:12px auto 0}
.pix{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.pix i{width:10px;height:10px;background:var(--blue);opacity:.9}.pix i:nth-child(2){opacity:.55;background:var(--sky)}.pix i:nth-child(3){opacity:.3}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;transition:.35s;box-shadow:0 6px 20px rgba(22,70,160,.05);position:relative}
.card:hover{transform:translateY(-8px);border-color:var(--blue);box-shadow:0 24px 45px rgba(22,119,255,.18)}
.ic{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e3f0ff,#d3ebff);margin-bottom:18px;transition:.35s}
.ic svg{stroke:#1677ff}.card:hover .ic{background:linear-gradient(135deg,var(--blue),var(--sky));transform:rotate(-8deg) scale(1.08)}.card:hover .ic svg{stroke:#fff}
.card h3{margin-bottom:8px;color:var(--navy);font-size:1.15rem}
.card p{color:var(--muted);font-size:.95rem}
.num{position:absolute;top:18px;right:24px;font-family:'Poppins';font-weight:800;font-size:2rem;color:#e3ecfb}
.ticks{list-style:none;margin:14px 0 0}.ticks li{font-size:.92rem;color:var(--muted);padding-left:26px;position:relative;margin-bottom:6px}
.ticks li::before{content:"✓";position:absolute;left:0;color:#fff;background:var(--blue);width:18px;height:18px;border-radius:50%;font-size:.7rem;display:grid;place-items:center;top:3px}
.more{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}
.more span{background:#fff;border:1px solid var(--line);border-radius:50px;padding:8px 18px;font-weight:500;font-size:.92rem;color:var(--navy)}
/* steps, tech, industry */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;counter-reset:n}
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 26px 26px;counter-increment:n;transition:.3s}
.step:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(22,119,255,.15)}
.step::before{content:counter(n);position:absolute;top:-18px;left:24px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-weight:700;display:grid;place-items:center;box-shadow:0 8px 18px rgba(22,119,255,.4)}
.step h3{color:var(--navy);margin-bottom:6px;font-size:1.1rem}.step p{color:var(--muted);font-size:.93rem}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.chips span{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 22px;font-weight:600;color:var(--navy);box-shadow:0 6px 16px rgba(22,70,160,.06);transition:.3s}
.chips span:hover{transform:translateY(-4px);border-color:var(--blue);color:var(--blue)}
/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about p{color:var(--muted);margin-bottom:16px}.about .title{text-align:left;margin-bottom:20px}.about .title h2::after{margin-left:0}
.founder{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:16px;padding:18px 22px;margin:22px 0}
.founder .av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.3rem;flex:none}
.founder b{color:var(--navy);display:block;font-size:1.1rem}.founder small{color:var(--muted);letter-spacing:.25em;text-transform:uppercase}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.stat{background:var(--card);border-radius:18px;padding:28px;text-align:center;border:1px solid var(--line);box-shadow:0 6px 20px rgba(22,70,160,.06)}
.stat b{font-size:2rem;display:block}.stat span{color:var(--muted)}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
/* work */
.shot{border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(22,70,160,.18);border:1px solid var(--line);background:#dbe9ff}
.shot img{width:100%;transition:transform .6s}.shot:hover img{transform:scale(1.05)}
/* packages */
.card.pop{border-color:var(--blue);box-shadow:0 20px 45px rgba(22,119,255,.18)}
.card.pop::before{content:"Most Popular";position:absolute;top:-14px;right:22px;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:50px;box-shadow:0 8px 18px rgba(22,119,255,.35)}
.pk-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center}
.pk-actions a.ask{font-weight:600;color:#128c7e;font-size:.92rem}.pk-actions a.ask:hover{text-decoration:underline}
.tablewrap{overflow-x:auto;margin-top:40px;border-radius:18px;border:1px solid var(--line);background:var(--card)}
table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:.95rem}
th{background:var(--soft);color:var(--navy);font-family:'Poppins'}td:first-child,th:first-child{text-align:left;font-weight:600}tr:last-child td{border-bottom:0}.y{color:#16a34a;font-weight:700}.nn{color:#b4bdd6}
/* qr */
.qr{display:grid;grid-template-columns:auto auto 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,var(--navy),var(--blue2));border-radius:30px;padding:40px;color:#fff}
.qr figure{text-align:center;font-size:.85rem}.qr img{width:200px;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.35);margin-bottom:8px;background:#fff}
.qr h2{font-size:2rem;margin-bottom:12px}.qr p{opacity:.88;margin-bottom:24px}.qr .btn.o{border-color:#fff;background:transparent;color:#fff}
/* testimonials (hidden until real) */
#reviews[hidden]{display:none}
/* faq */
.faq{max-width:780px;margin:auto}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:14px;transition:.3s}
.faq details[open]{border-color:var(--blue);box-shadow:0 10px 25px rgba(22,119,255,.12)}
.faq summary{cursor:pointer;font-weight:600;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";color:var(--blue);font-size:1.4rem;line-height:1}.faq details[open] summary::after{content:"–"}
.faq p{color:var(--muted);margin-top:10px}
/* contact */
#contact{background:linear-gradient(180deg,var(--soft),#fff)}
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.info>a,.info>div.row{display:flex;gap:16px;margin-bottom:20px;align-items:center}
.info .ic{margin:0;flex:none;background:linear-gradient(135deg,var(--blue),var(--blue2))}.info .ic svg{stroke:#fff}
.info small{color:var(--muted);display:block;line-height:1.3}.info b{color:var(--navy);word-break:break-word}
.map{border:0;width:100%;height:230px;border-radius:18px;box-shadow:0 10px 30px rgba(22,70,160,.12);background:#dbe9ff}
.dir{display:inline-block;margin:10px 0 20px;font-weight:600;color:var(--blue2)}.dir:hover{text-decoration:underline}
.copy{background:none;border:0;color:var(--blue);cursor:pointer;font-weight:600;font-size:.8rem;margin-left:6px}
form{background:var(--card);padding:34px;border-radius:22px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(22,70,160,.1);position:relative}
label{display:block;font-weight:600;font-size:.88rem;color:var(--navy);margin-bottom:6px}label span{color:#ef4444}
input,textarea,select{width:100%;padding:13px 16px;margin-bottom:16px;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;color:var(--text);font:inherit}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--blue);background:#fff}
input:not(:placeholder-shown):valid,textarea:not(:placeholder-shown):valid{border-color:#22c55e}
input:not(:placeholder-shown):invalid{border-color:#ef4444}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.phone{display:grid;grid-template-columns:90px 1fr;gap:10px}
.count{text-align:right;font-size:.78rem;color:var(--muted);margin:-10px 0 12px}
.fbtns{display:flex;gap:10px;flex-wrap:wrap}
.note{color:var(--muted);font-size:.85rem;margin-top:12px}
#thanks{display:none;margin-top:14px;padding:12px 16px;border-radius:12px;background:#e8f8ee;color:#166534;font-weight:600}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
/* footer */
footer{background:var(--navy);color:#b8c4ee;text-align:center;padding:50px 20px 34px;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;right:-60px;bottom:-60px;width:280px;height:280px;background:url(images/icon.png) no-repeat center/contain;opacity:.06}
.fcols{display:grid;grid-template-columns:1.4fr .9fr 1fr 1.2fr;gap:30px;text-align:left;max-width:1050px;margin:0 auto 26px;position:relative}
.fcols>div{opacity:0;transform:translateY(20px);transition:.7s}.fcols.show>div{opacity:1;transform:none}.fcols.show>div:nth-child(2){transition-delay:.12s}.fcols.show>div:nth-child(3){transition-delay:.24s}.fcols.show>div:nth-child(4){transition-delay:.36s}
.fcols h4{color:#fff;margin-bottom:10px}.fcols a,.fcols p{display:block;color:#b8c4ee;font-size:.93rem;margin-bottom:6px}
.fcols a{position:relative;width:fit-content}.fcols a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:#fff;transition:.3s}.fcols a:hover{color:#fff}.fcols a:hover::after{width:100%}
.fcols img{height:44px;width:auto;background:#fff;padding:6px 14px;border-radius:12px;margin-bottom:12px}
.fbot{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.9rem;position:relative}
/* floating */
.wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px rgba(37,211,102,.5);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.bubble{position:fixed;right:90px;bottom:34px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-weight:600;font-size:.9rem;color:var(--navy);box-shadow:0 12px 30px rgba(22,70,160,.18);opacity:0;transform:translateX(10px);pointer-events:none;transition:.4s}
.bubble.show{opacity:1;transform:none}
.top{position:fixed;left:22px;bottom:22px;z-index:60;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--blue2);border:1.5px solid var(--blue);display:grid;place-items:center;font-size:1.3rem;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 8px 20px rgba(22,70,160,.15)}
.top.show{opacity:1;pointer-events:auto}.top:hover{background:var(--blue);color:#fff}
.dots{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:12px}
.dots a{width:10px;height:10px;border-radius:50%;background:#c7d6f2;transition:.3s;display:block}.dots a.act{background:var(--blue);transform:scale(1.5)}
.glow{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(25,181,254,.14),transparent 65%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);left:-999px;top:-999px}
.callbar{display:none}
.reveal{opacity:0;transform:translateY(30px);transition:.7s}.reveal.show{opacity:1;transform:none}
.cookie{display:none}
/* dark */
[data-theme=dark]{--bg:#0b1226;--card:#121c3d;--text:#e8ecf8;--muted:#a3aed0;--line:#223055;--soft:#111b3a;--navy:#e8ecf8}
[data-theme=dark] header{background:rgba(11,18,38,.92)}
[data-theme=dark] .hero{background:radial-gradient(circle at 90% 10%,rgba(25,181,254,.18),transparent 45%),#0b1226}[data-theme=dark] .hero::after,[data-theme=dark] .wave{background:#0b1226;fill:#0b1226}
[data-theme=dark] .btn.o,[data-theme=dark] .top,[data-theme=dark] .bubble,[data-theme=dark] .more span,[data-theme=dark] .chip,[data-theme=dark] #loader{background:#121c3d}
[data-theme=dark] .logo img{background:#fff;border-radius:8px;padding:2px 6px}[data-theme=dark] #contact{background:linear-gradient(180deg,#111b3a,#0b1226)}
[data-theme=dark] .num{color:#223055}
/* tablet / phone */
@media(max-width:1100px){.dots{display:none}.fcols{grid-template-columns:1fr 1fr}}
@media(max-width:850px){
.hero .container,.about,.contact,.mv{grid-template-columns:1fr}
.qr{grid-template-columns:1fr;text-align:center;padding:30px}.qr img{margin:0 auto 8px}
.menu{display:block}nav>.btn{display:none}.tg{margin-left:auto}
nav ul{position:fixed;top:0;right:-100%;width:78%;max-width:320px;height:100vh;background:#fff;flex-direction:column;padding:90px 30px 30px;transition:right .35s;box-shadow:-10px 0 40px rgba(0,0,0,.15);z-index:70}
[data-theme=dark] nav ul{background:#0b1226}
nav ul.open{right:0}
.chip{display:none}.row2{grid-template-columns:1fr}.fcols{grid-template-columns:1fr;text-align:center}.fcols a{margin:0 auto 6px}.fcols img{margin:0 auto 12px}
.callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(22,70,160,.12)}
.callbar a{flex:1;text-align:center;padding:14px 6px;font-weight:600;color:var(--blue2)}.callbar a+a{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}
body{padding-bottom:52px}.wa,.top{bottom:70px}.bubble{bottom:82px}.glow{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal,.fcols>div{opacity:1;transform:none}}
@media print{header,.callbar,.wa,.top,.bubble,.dots,.prog,#loader,.glow,form,.map,.hero::after{display:none!important}body{padding:0;font-size:12pt}section{padding:20px 0}.reveal,.fcols>div{opacity:1;transform:none}a[href^=http]::after{content:" (" attr(href) ")";font-size:9pt}}

.social{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.social a{background:rgba(255,255,255,.1);border-radius:50px;padding:6px 14px;font-size:.85rem;margin:0;color:#fff}.social a:hover{background:var(--blue)}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.badges span{border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px 10px;font-size:.8rem;color:#fff}
.rev .stars{color:#f5a623;letter-spacing:2px}.rev .who{display:flex;gap:12px;align-items:center;margin-top:14px}.rev .who img{width:46px;height:46px;border-radius:50%;object-fit:cover}.rev .who b{color:var(--navy);display:block}.rev .who small{color:var(--muted)}
.price{font-family:'Poppins';font-weight:700;color:var(--blue2);margin:4px 0 8px}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:520px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:0 14px 40px rgba(22,70,160,.25);z-index:250;display:flex;gap:12px;align-items:center;font-size:.9rem}

/* ===== visual upgrade ===== */
.strip{position:relative;z-index:5;margin-top:-90px;margin-bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 70px rgba(11,94,215,.18);overflow:hidden}
.strip>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:26px 14px;position:relative;transition:.3s}
.strip>div+div::before{content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line)}
.strip>div:hover{background:linear-gradient(180deg,#f2f8ff,#fff)}
.strip svg{width:34px;height:34px;margin-bottom:6px;transition:.3s}.strip>div:hover svg{transform:translateY(-4px) scale(1.1)}
.strip b{font-family:'Poppins';color:var(--navy);font-size:1rem}.strip small{color:var(--muted)}
/* service cards: gradient top accent + glow */
#services .card{overflow:hidden;background:linear-gradient(180deg,#fff,#f7fbff)}
#services .card::after{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform .45s}
#services .card:hover::after{transform:scaleX(1)}
#services .card::before{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(25,181,254,.22),transparent 70%);transition:.5s}
#services .card:hover::before{transform:scale(1.6)}
/* process steps connected by a line */
@media(min-width:851px){.steps{position:relative}.steps::before{content:"";position:absolute;top:2px;left:8%;right:8%;border-top:2px dashed #b9d6ff}}
.step::before{z-index:1}
/* featured package: animated gradient border */
.card.pop{border:2px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,var(--blue),var(--sky),#8b5cf6,var(--blue)) border-box;background-size:100% 100%,300% 300%;animation:bd 6s linear infinite}
@keyframes bd{to{background-position:0 0,300% 0}}
.card.pop::before{z-index:2}
/* marquee */
.marquee{overflow:hidden;position:relative;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:14px;width:max-content;animation:mq 32s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track span{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 26px;font-weight:600;color:var(--navy);box-shadow:0 6px 16px rgba(22,70,160,.06);white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
/* big CTA banner */
.cta-sec{padding:70px 0 90px}
.cta{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding:54px 50px;border-radius:32px;color:#fff;background:linear-gradient(120deg,#0b1a4a,#0b5ed7 55%,#19b5fe);box-shadow:0 30px 70px rgba(11,94,215,.35)}
.cta::before,.cta::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.cta::before{width:300px;height:300px;right:-80px;top:-120px}.cta::after{width:200px;height:200px;left:30%;bottom:-120px}
.cta h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:8px;position:relative}.cta p{opacity:.9;position:relative;max-width:520px}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.cta .btn:not(.wa-btn){background:#fff;background-image:none;color:var(--blue2)}
/* section rhythm: soft glows behind alt sections */
.alt{background:radial-gradient(circle at 10% 0,rgba(25,181,254,.10),transparent 40%),radial-gradient(circle at 100% 100%,rgba(22,119,255,.08),transparent 40%),var(--soft)}
/* why-us cards: icon ring + number glow */
#why .card:hover{background:linear-gradient(160deg,#fff,#eaf4ff)}
/* contact form: glass panel */
form{background:rgba(255,255,255,.85);backdrop-filter:blur(10px)}
/* better headings */
.title h2{letter-spacing:-.5px}
[data-theme=dark] .strip{background:rgba(18,28,61,.92)}[data-theme=dark] #services .card{background:linear-gradient(180deg,#121c3d,#0f1836)}[data-theme=dark] form{background:rgba(18,28,61,.85)}[data-theme=dark] .alt{background:var(--soft)}
@media(max-width:850px){.strip{grid-template-columns:1fr 1fr;margin-top:-60px}.strip>div:nth-child(3)::before{display:none}.cta{padding:36px 26px;text-align:center;justify-content:center}.cta-btns{justify-content:center}}
@media(prefers-reduced-motion:reduce){.track{animation:none}.card.pop{animation:none}}