*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#070a11;color:#f4f7fb;font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
:root{--panel:#111724;--border:#293550;--muted:#a9b4c8;--blue:#5577ff;--purple:#9554ff;--green:#25d366;--gold:#ffd166}

.loader{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:#05070c;transition:opacity .55s ease,visibility .55s ease}
.loader.hidden{opacity:0;visibility:hidden}
.loader img{width:min(420px,75vw);border-radius:50%;filter:drop-shadow(0 0 35px rgba(85,119,255,.75));animation:loaderPulse 1.2s ease-in-out infinite}
@keyframes loaderPulse{50%{transform:scale(1.035);filter:drop-shadow(0 0 50px rgba(85,119,255,.95))}}

.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 5.5%;background:rgba(7,10,17,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{width:210px;height:88px;object-fit:contain;border-radius:999px;transition:.35s}
.brand:hover img{transform:scale(1.04);filter:drop-shadow(0 0 14px rgba(85,119,255,.9)) drop-shadow(0 0 25px rgba(149,84,255,.45))}
.nav{display:flex;align-items:center;gap:24px}
.nav a{position:relative;color:#cbd4e5;font-weight:700;transition:.25s}
.nav a:hover{color:#91a4ff}
.nav a::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width .3s}
.nav a:hover::after{width:100%}
.nav-cta{padding:11px 18px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff!important}
.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}

.hero{min-height:86vh;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;padding:105px 5.5%;background:radial-gradient(circle at 82% 14%,rgba(79,124,255,.24),transparent 29%),radial-gradient(circle at 15% 88%,rgba(149,84,255,.16),transparent 27%),linear-gradient(145deg,#05070c,#0d1320 62%,#111a2f)}
.eyebrow{margin:0;color:#8fa1ff;font-size:.77rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
h1,h2,h3{font-family:"Space Grotesk",sans-serif}
.hero h1{margin:.28em 0;font-size:clamp(3rem,6vw,6.2rem);line-height:1.01;letter-spacing:-.05em}
.hero-text{max-width:680px;color:var(--muted);font-size:1.08rem}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:14px 22px;font-weight:800;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 14px 34px rgba(85,119,255,.3)}
.primary{background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff}
.secondary{background:#151b27;color:#fff;border:1px solid #2a354b}
.full{width:100%}
.trust-pills{display:flex;gap:12px;flex-wrap:wrap}
.trust-pills span{padding:10px 14px;border-radius:999px;background:#111827;border:1px solid #27324a;color:#cbd4e4}
.logo-orb{display:grid;place-items:center}
.logo-orb img{width:min(520px,85vw);aspect-ratio:1;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 26px rgba(85,119,255,.58));animation:floatLogo 5s ease-in-out infinite}
@keyframes floatLogo{50%{transform:translateY(-12px)}}

.free-audit{padding:18px 5.5%;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(90deg,#17224c,#25164a);border-block:1px solid rgba(134,151,255,.25)}
.section{padding:100px 5.5%}
.dark-section,.social-pricing,.google-reviews{background:#0b0f18}
.section-head{max-width:770px;margin-bottom:44px}
.section-head h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:.2em 0}
.grid{display:grid;gap:20px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}

.card{display:flex;flex-direction:column;min-height:360px;padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(20,26,40,.98),rgba(12,16,25,.98));border:1px solid rgba(121,140,190,.2);box-shadow:0 20px 50px rgba(0,0,0,.18);transition:.35s}
.card:hover,.project-card:hover,.compare-box:hover{transform:translateY(-8px);border-color:rgba(104,132,255,.85);background:linear-gradient(145deg,rgba(42,60,120,.48),rgba(79,36,119,.23)),#111724;box-shadow:0 32px 80px rgba(0,0,0,.34),0 0 28px rgba(79,124,255,.2)}
.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(79,124,255,.18),rgba(123,92,255,.14));border:1px solid rgba(114,133,255,.28);color:#9eacff;font-size:1.2rem;transition:.3s}
.card:hover .service-icon{transform:rotate(-5deg) scale(1.1);color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 24px rgba(79,124,255,.45)}
.card p,.card li{color:var(--muted)}
.card ul{margin-top:auto}

.project-card{overflow:hidden;border-radius:28px;background:#121827;border:1px solid #25304a;transition:.35s}
.project-copy{padding:28px}
.project-copy span{color:#9aa8ff;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}
.project-copy p{color:var(--muted)}
.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover}

.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
.compare-box{padding:25px;border-radius:24px;background:#111724;border:1px solid #2a3650;transition:.35s}
.compare-old{filter:saturate(.45)}
.compare-new{box-shadow:0 0 30px rgba(85,119,255,.18)}
.compare-art{height:210px;border-radius:17px;background:linear-gradient(145deg,#252d39,#151a22)}
.compare-new .compare-art{background:linear-gradient(145deg,#233f80,#11182a 58%,#432068)}
.compare-arrow{font-size:2.1rem;color:#8094ff}

.price-card{position:relative;min-height:420px}
.price-card h3{font-size:2.5rem;margin:.2em 0}
.price-card .btn{margin-top:auto}
.featured{border-color:#6c7cff}
.popular{position:absolute;top:0;left:0;right:0;padding:8px;text-align:center;border-radius:26px 26px 0 0;background:linear-gradient(90deg,var(--blue),var(--purple));font-size:.78rem;font-weight:800}
.featured .plan{margin-top:30px}

.reviews-section{background:linear-gradient(145deg,#0b0f18,#101527)}
.section.testimonials{
    text-align:center;
    padding:100px 5%;
}

.testimonial-card{
    max-width:600px;
    margin:40px auto;
    padding:40px;
    text-align:center;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
}

.google-review-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 28px;
    background:linear-gradient(90deg,#4f46e5,#8b5cf6);
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
    box-shadow:0 10px 25px rgba(79,70,229,.35);
}

.google-review-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(79,70,229,.5);
}
.testimonial-card{min-height:280px}
.stars{color:var(--gold);font-size:1.25rem;letter-spacing:.08em}
.review-note{color:#7f8ba0;font-size:.86rem}
.google-badge{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;background:#fff;color:#1f2937;font-weight:800}

.faq-list{display:grid;gap:12px;max-width:900px}
details{border:1px solid #293550;border-radius:18px;background:#101624;padding:18px 20px}
summary{cursor:pointer;font-weight:800}
details p{color:var(--muted)}

.contact-section{padding:100px 5.5%;display:grid;grid-template-columns:.88fr 1.12fr;gap:50px;background:radial-gradient(circle at 75% 20%,rgba(79,124,255,.16),transparent 25%),#070a10}
.contact-copy p{color:#b4bdd0}
.contact-form{padding:32px;border-radius:28px;background:#111724;border:1px solid #26314a;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.full-field{grid-column:1/-1}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:700}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #313d58;background:#0b101a;color:#fff;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#7185ff;box-shadow:0 0 0 3px rgba(79,124,255,.14)}
.contact-form button{margin-top:18px}

.footer{text-align:center;padding:45px 5.5%;background:#05070c;color:#98a3b7}
.footer>img{width:220px;height:120px;object-fit:contain;margin:0 auto 14px;border-radius:999px}
.social-icons{display:flex;justify-content:center;gap:16px;margin:20px 0}
.social-icons a{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#111724;color:#fff;font-size:1.25rem;transition:.3s}
.social-icons a:hover{transform:translateY(-4px);background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 20px rgba(85,119,255,.55)}
.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}

.sticky-quote{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;padding:12px 20px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple));font-weight:800;box-shadow:0 14px 40px rgba(85,119,255,.4)}
.floating-actions{position:fixed;right:20px;bottom:20px;z-index:95;display:flex;flex-direction:column;gap:10px}
.float-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 18px 45px rgba(0,0,0,.35);font-size:1.2rem}
.float-btn.call{background:#111827}
.float-btn.email{background:linear-gradient(135deg,var(--blue),var(--purple))}
.float-btn.whatsapp{background:var(--green)}

.popup-overlay,.modal{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:20px;background:rgba(3,5,9,.78);backdrop-filter:blur(8px)}
.popup-overlay.show,.modal.show{display:grid}
.quote-popup,.modal-card{width:min(460px,100%);padding:32px;border-radius:24px;background:#111724;border:1px solid #344263;box-shadow:0 35px 100px rgba(0,0,0,.5)}
.quote-popup{text-align:center}
.popup-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:linear-gradient(90deg,var(--blue),var(--purple))}
.progress-track{height:8px;margin:22px 0;border-radius:999px;background:#252f43;overflow:hidden}
.progress-track div{height:100%;width:100%;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width 1s linear}
.modal-card{position:relative}
.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#1b2434;color:#fff;cursor:pointer}

.cookie-bar{position:fixed;left:18px;right:18px;bottom:18px;z-index:120;display:none;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:18px;background:#111724;border:1px solid #33405b;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.cookie-bar.show{display:flex}
.cookie-actions{display:flex;gap:10px}

.success-banner{display:none;margin:20px 5.5%;padding:18px 20px;border-radius:16px;background:#10281b;border:1px solid #2b8e50;color:#dfffe8;font-weight:700}
.success-banner.show{display:block}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

.policy-page,.thanks-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 15%,rgba(85,119,255,.18),transparent 35%),#070a11}
.policy-card,.thanks-card{width:min(760px,100%);padding:38px;border-radius:28px;background:#111724;border:1px solid #2c3852}
.policy-card p,.thanks-card p{color:var(--muted)}

@media(max-width:1050px){
  .hero,.contact-section{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr}
  .before-after{grid-template-columns:1fr}
  .compare-arrow{transform:rotate(90deg);text-align:center}
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 5.5%;background:#0a0e16;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
}

@media(max-width:680px){
  .brand img{width:165px;height:70px}
  .hero{padding-top:70px}
  .grid-4,.form-grid{grid-template-columns:1fr}
  .full-field{grid-column:auto}
  .section,.contact-section{padding:76px 5%}
  .contact-form{padding:22px}
  .sticky-quote{left:18px;right:88px;transform:none;text-align:center}
  .cookie-bar{align-items:flex-start;flex-direction:column}
}
.testimonial-card{
    max-width:600px;
    margin:40px auto;
    padding:40px;
    text-align:center;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
}

.google-review-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 28px;
    background:linear-gradient(90deg,#4f46e5,#8b5cf6);
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
    box-shadow:0 10px 25px rgba(79,70,229,.35);
}

.google-review-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(79,70,229,.5);
}
.section.testimonials{
    text-align:center;
    padding:60px 5%;
}

.section.testimonials > h2{
    text-align:center;
}
.google-logo{
    width:90px;
    height:auto;
    margin:20px auto;
    display:block;
}