/*
Theme Name: Vijay E Tax Solutions Premium
Theme URI: https://example.com/
Author: REVIECOM GLOBAL TECHNOLOGIES PRIVATE LIMITED
Description: Premium WordPress conversion of the supplied Vijay E Tax Solutions website. Preserves the original design, sections, colours, motion and payment/review UI.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: vijay-e-tax-solutions
Tags: custom-logo, custom-menu, featured-images, full-width-template, translation-ready
*/
/* Original embedded stylesheet 01 */

:root{--navy:#07151A;--navy2:#0E2A2B;--blue:#12B8B0;--cyan:#66F0D4;--gold:#F2B95E;--violet:#7357FF;--ink:#13252A;--muted:#64767A;--bg:#F4F8F7;--white:#fff;--line:#DDE9E6;--shadow:0 28px 90px rgba(4,29,31,.15);--radius:28px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.top{background:#061426;color:#dce8f6;font-size:13px;padding:9px 0}.top .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.2px}.logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#041014,#071E22 48%,#123B3A);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 8px 25px #1266d633}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:2px}.links{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:800}.links a:hover{color:var(--blue)}.menu{display:none;border:0;background:transparent;font-size:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.25s}.btn-primary{background:linear-gradient(135deg,#F4C76B,#D88A3D);color:#fff;box-shadow:0 12px 28px #1266d633}.btn-primary:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:var(--navy);border-color:#d9e3ef}.btn-gold{background:var(--gold);color:#071a33}
.hero{background:radial-gradient(circle at 82% 8%,#66f0d455,transparent 19%),radial-gradient(circle at 15% 88%,#7357ff38,transparent 24%),radial-gradient(circle at 58% 48%,#f2b95e25,transparent 30%),linear-gradient(135deg,#041014,#071E22 55%,#123B3A);color:white;padding:105px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#8fe5f4;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;margin-bottom:18px}.hero h1{font-size:clamp(40px,5.5vw,72px);line-height:1.05;letter-spacing:-2px;margin-bottom:22px}.hero h1 span{color:#7fe0ef}.hero p{font-size:18px;color:#d3e1ef;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-card{background:linear-gradient(180deg,#ffffff15,#ffffff08);border:1px solid #ffffff20;border-radius:28px;padding:28px;box-shadow:0 25px 70px #0004}.hero-card h3{font-size:22px;margin-bottom:18px}.check{display:flex;gap:11px;margin:13px 0;color:#dce9f6}.check b{color:#78ddec}
.stats{margin-top:-32px;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.stat{padding:24px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:25px;color:var(--navy)}.stat span{font-size:13px;color:var(--muted)}
section{padding:90px 0}.section-head{max-width:760px;margin-bottom:38px}.kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.12;color:var(--navy);margin:8px 0 14px}.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(7,26,51,.05);transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(13,31,61,.15);border-color:#365cff35}.icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#E9FFFA,#EEF7F5);color:#078F89;box-shadow:inset 0 0 0 1px #c47a4418;display:grid;place-items:center;font-size:22px;margin-bottom:17px}.card h3{font-size:20px;color:var(--navy);margin-bottom:9px}.card p{color:var(--muted);font-size:14px}.card a{display:inline-block;margin-top:15px;color:var(--blue);font-weight:800;font-size:13px}
.dark{background:var(--navy);color:#fff}.dark .section-head h2{color:#fff}.dark .section-head p{color:#bdcce0}.dark .card{background:#0c294b;border-color:#ffffff14;color:white}.dark .card h3{color:white}.dark .card p{color:#c0d0e2}.dark .icon{background:#ffffff12;color:#8fe5f4}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature-list{display:grid;gap:14px;margin-top:25px}.feature{display:flex;gap:14px;padding:17px;background:white;border:1px solid var(--line);border-radius:15px}.feature .num{font-weight:900;color:var(--blue)}.feature p{color:var(--muted);font-size:14px}.panel{background:radial-gradient(circle at 80% 15%,#66f0d433,transparent 28%),radial-gradient(circle at 20% 80%,#7357ff25,transparent 28%),linear-gradient(145deg,#0E2A2B,#07151A);border-radius:30px;padding:38px;color:#fff;box-shadow:var(--shadow)}.panel h3{font-size:29px;margin-bottom:13px}.panel p{color:#cbd9e8}.panel ul{margin:20px 0 0 18px;color:#dbe7f2}
.service{scroll-margin-top:100px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.service-card h3{color:var(--navy);margin-bottom:10px}.service-card p,.service-card li{color:var(--muted);font-size:14px}.service-card ul{padding-left:19px;margin-top:10px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:white;border:1px solid var(--line);padding:25px;border-radius:20px}.step b{font-size:32px;color:#c8d6e6}.step h3{margin:8px 0;color:var(--navy)}.step p{font-size:14px;color:var(--muted)}
.faq{max-width:900px}.faq details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 20px;margin:10px 0}.faq summary{cursor:pointer;font-weight:800;color:var(--navy)}.faq p{color:var(--muted);font-size:14px;margin-top:12px}
.cta{background:radial-gradient(circle at 85% 15%,#66f0d455,transparent 24%),radial-gradient(circle at 10% 90%,#7357ff44,transparent 25%),linear-gradient(135deg,#0E2A2B,#087D78);color:#fff;border-radius:30px;padding:48px}.cta h2{font-size:40px;line-height:1.1;margin-bottom:12px}.cta p{color:#dbeafa;max-width:750px}.cta .actions{margin-top:22px}
footer{background:#061426;color:#b9c9da;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footer-title{color:#fff;font-weight:900;margin-bottom:14px}.footer-grid a{display:block;font-size:14px;margin:7px 0}.footer-grid a:hover{color:#7fe0ef}.copy{border-top:1px solid #ffffff12;margin-top:45px;padding-top:20px;font-size:12px;display:flex;justify-content:space-between;gap:15px}
.float{position:fixed;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;z-index:1200;box-shadow:0 12px 30px #0004}.call{left:22px;background:#1266d6}.wa{right:22px;background:#159447}
@media(max-width:900px){.links{display:none}.menu{display:block}.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:75px 0}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}}
@media(max-width:560px){.container{width:min(94%,520px)}.top .container{justify-content:center;text-align:center}.nav{height:68px}.brand{font-size:14px}.logo{width:40px;height:40px}.cards,.steps,.footer-grid,.stats-grid{grid-template-columns:1fr}.stat{border-right:0}.hero h1{font-size:42px;letter-spacing:-1px}.hero p{font-size:16px}.actions .btn{width:100%}section{padding:65px 0}.cta{padding:32px 24px}.cta h2{font-size:31px}.float{bottom:16px;width:50px;height:50px}.call{left:14px}.wa{right:14px}}

/* Premium visual layer */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#12b8b012 1px,transparent 1px);background-size:24px 24px}
.hero-card{position:relative;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,#66f0d555,transparent,#f2b95e45,transparent,#7357ff38,transparent);animation:spin 10s linear infinite}
.hero-card>*{position:relative;z-index:1}
@keyframes spin{to{transform:rotate(360deg)}}
.eyebrow:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));display:inline-block}
.section-head h2{letter-spacing:-1px}
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);transition:.6s}
.btn:hover:after{left:140%}
.float{animation:pulse 2.8s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 12px 30px #0004}50%{box-shadow:0 12px 36px #12b8b055,0 0 0 8px #12b8b012}}
.wa{animation-delay:.8s}
.feature{transition:.25s}
.feature:hover{transform:translateX(4px);box-shadow:0 10px 30px rgba(13,31,61,.07)}
details[open]{border-color:#365cff45;box-shadow:0 12px 30px rgba(13,31,61,.06)}

/* Executive-luxury WOW layer */
body{background:linear-gradient(180deg,#f7f4ee 0%,#f3f0ea 42%,#eeeae2 100%)}
header{background:rgba(250,248,243,.94);box-shadow:0 8px 30px rgba(20,20,20,.05)}
.brand small{color:#A9653A}
.hero{position:relative}
.hero:after{content:"";position:absolute;width:520px;height:520px;right:-210px;top:-180px;border:1px solid #e9c98235;border-radius:50%;box-shadow:0 0 0 70px #e9c98208,0 0 0 140px #8ed8c508;pointer-events:none}
.hero h1{font-weight:850}
.hero h1 span{color:#E9C982;text-shadow:0 0 35px #e9c98222}
.hero-card{background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #e9c98238;box-shadow:0 30px 90px #0007;backdrop-filter:blur(14px)}
.hero-card:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff0b;border-radius:20px;pointer-events:none}
.stats-grid{background:#fffdf9}
.stat strong{background:linear-gradient(90deg,#17191d,#a9653a);-webkit-background-clip:text;background-clip:text;color:transparent}
.card,.service-card,.step,details,.feature{background:rgba(255,255,255,.88);backdrop-filter:blur(8px)}
.card,.service-card{position:relative;overflow:hidden}
.card:before,.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#e9c982,#c47a44,#8ed8c5);transform:scaleX(0);transform-origin:left;transition:.35s}
.card:hover:before,.service-card:hover:before{transform:scaleX(1)}
.kicker{color:#A9653A}
.btn-gold{background:linear-gradient(135deg,#E9C982,#C78A4C);box-shadow:0 12px 30px #c47a4433}
.dark{background:linear-gradient(135deg,#101114,#1B1D21)}
.dark .card{background:linear-gradient(145deg,#1c1f24,#151619);border-color:#ffffff12}
.dark .card p{color:#c5c5c2}
footer{background:#0b0c0f}
.call{background:linear-gradient(135deg,#27292d,#A9653A)}
.wa{background:linear-gradient(135deg,#177b61,#8ed8c5);color:#08271f}

/* Signature WOW system */
body{background:radial-gradient(circle at 12% 0%,#66f0d414,transparent 20%),linear-gradient(180deg,#F8FBFA,#F1F6F5)}
header{background:rgba(248,251,250,.90);box-shadow:0 10px 35px rgba(4,29,31,.07)}
.brand small{color:#C88736}
.hero{min-height:680px;display:flex;align-items:center;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;width:760px;height:760px;right:-300px;top:-270px;border-radius:50%;border:1px solid #66f0d42b;box-shadow:0 0 0 80px #66f0d408,0 0 0 160px #7357ff07;z-index:-1;animation:orbit 14s linear infinite}
.hero:after{content:"";position:absolute;left:7%;bottom:7%;width:180px;height:180px;border-radius:50%;background:#f2b95e12;filter:blur(35px);z-index:-1}
@keyframes orbit{to{transform:rotate(360deg)}}
.hero h1{font-size:clamp(44px,6.5vw,82px);letter-spacing:-3.2px;text-shadow:0 10px 45px #0005}
.hero h1 span{color:#66F0D4;text-shadow:0 0 42px #66f0d44d}
.hero p{max-width:690px}
.hero-card{border-radius:32px;background:linear-gradient(145deg,#ffffff18,#ffffff07);border:1px solid #66f0d455;box-shadow:0 35px 110px #0009;backdrop-filter:blur(22px)}
.hero-card:before{animation:spin 8s linear infinite}
.hero-card h3{font-size:24px}
.stats-grid{border:1px solid #d5e7e2;box-shadow:0 25px 70px rgba(4,29,31,.11)}
.stat strong{font-size:29px}
.section-head h2{font-weight:850}
.card,.service-card,.step,details,.feature{box-shadow:0 10px 38px rgba(4,29,31,.06)}
.card:hover,.service-card:hover{transform:translateY(-9px) scale(1.01);box-shadow:0 28px 75px rgba(4,29,31,.15)}
.card:before,.service-card:before{height:4px;background:linear-gradient(90deg,#66f0d4,#12b8b0,#f2b95e,#7357ff)}
.icon{box-shadow:0 10px 25px #12b8b014}
.dark{background:radial-gradient(circle at 88% 12%,#66f0d41c,transparent 22%),radial-gradient(circle at 8% 88%,#7357ff1c,transparent 25%),#07151A}
.dark .section-head h2{color:#F8FFFD}
.panel{border:1px solid #66f0d41c}
.cta{border:1px solid #66f0d430;box-shadow:0 30px 90px rgba(4,29,31,.22)}
.btn-primary{background:linear-gradient(135deg,#12B8B0,#087B78);box-shadow:0 14px 35px #12b8b033}
.btn-gold{background:linear-gradient(135deg,#F7D17A,#D99442);color:#07151A}
.float{backdrop-filter:blur(10px)}
.call{background:linear-gradient(135deg,#12B8B0,#075D5A)}
.wa{background:linear-gradient(135deg,#25B77B,#66F0D4);color:#05261F}

/* =========================
   VIJAY E TAX SOLUTIONS — WOW CONTACT + PAY SYSTEM
   ========================= */
:root{
  --wow-ink:#071B22;
  --wow-deep:#041116;
  --wow-teal:#12C9B5;
  --wow-mint:#74F6D5;
  --wow-gold:#FFD36A;
  --wow-orange:#FF9B54;
  --wow-purple:#8B6CFF;
  --wow-white:#F8FFFD;
  --wow-text:#17323A;
  --wow-muted:#5B7178;
}
.top{
  position:relative;
  z-index:1100;
  padding:10px 0;
  color:#E9FFFA;
  background:
    radial-gradient(circle at 12% 50%,rgba(116,246,213,.16),transparent 24%),
    radial-gradient(circle at 82% 50%,rgba(139,108,255,.18),transparent 28%),
    linear-gradient(105deg,#031116,#082B30 48%,#07171F);
  border-bottom:1px solid rgba(116,246,213,.22);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
  overflow:hidden;
}
.top:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 48%,transparent 72%);
  transform:translateX(-120%);animation:topSweep 7s ease-in-out infinite;
}
@keyframes topSweep{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
.top-inner{display:flex!important;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1}
.top-left,.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.top-status,.top-hours{font-size:12px;font-weight:800;letter-spacing:.2px}
.top-status{display:inline-flex;align-items:center;gap:8px}
.top-status i{width:8px;height:8px;border-radius:50%;background:var(--wow-mint);box-shadow:0 0 0 5px rgba(116,246,213,.1),0 0 18px var(--wow-mint);animation:statusPulse 1.8s ease-in-out infinite}
@keyframes statusPulse{50%{transform:scale(1.25);box-shadow:0 0 0 8px rgba(116,246,213,.04),0 0 25px var(--wow-mint)}}
.top-hours{color:#A9C9CB}
.top-contact{
  min-height:36px;padding:6px 12px;border-radius:12px;
  display:inline-flex;align-items:center;gap:8px;
  color:#fff;border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 22px rgba(0,0,0,.15);
  transition:.3s ease;white-space:nowrap;
}
.top-contact:hover{transform:translateY(-2px);border-color:rgba(116,246,213,.5);box-shadow:0 12px 30px rgba(18,201,181,.2)}
.call-top{background:linear-gradient(135deg,#0D7F7B,#12C9B5)}
.help-top{background:linear-gradient(135deg,#5B43D6,#8B6CFF)}
.top-contact strong{font-size:11px;letter-spacing:.3px}
.top-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:1000;font-size:12px}
.pay-nav{
  color:#7A4D05!important;
  background:linear-gradient(135deg,#FFE58D,#FFB957);
  padding:9px 14px;border-radius:10px;
  box-shadow:0 8px 22px rgba(255,183,87,.25);
  position:relative;overflow:hidden;
}
.pay-nav:after{
  content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  transform:skewX(-20deg);transition:.6s;
}
.pay-nav:hover:after{left:140%}
.pay-nav:hover{color:#07151A!important;transform:translateY(-1px)}

.pay-section{padding:95px 0;position:relative;overflow:hidden;background:
  radial-gradient(circle at 15% 30%,rgba(18,201,181,.13),transparent 27%),
  radial-gradient(circle at 88% 65%,rgba(139,108,255,.12),transparent 30%),
  linear-gradient(180deg,#F4FAF8,#EDF6F4)}
.pay-card{
  position:relative;display:grid;grid-template-columns:1.5fr .5fr;gap:25px;
  padding:48px;border-radius:34px;overflow:hidden;
  background:
    radial-gradient(circle at 82% 15%,rgba(116,246,213,.15),transparent 22%),
    linear-gradient(135deg,#06171D,#0A3033 58%,#111C2B);
  color:#fff;border:1px solid rgba(116,246,213,.26);
  box-shadow:0 35px 100px rgba(4,29,31,.28);
}
.pay-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.05) 48%,transparent 68%);
  transform:translateX(-120%);animation:paySweep 8s ease-in-out infinite;
}
@keyframes paySweep{0%,40%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
.pay-content,.pay-side{position:relative;z-index:2}
.pay-kicker{color:var(--wow-mint)!important}
.pay-content h2{font-size:clamp(34px,4.5vw,58px);line-height:1.05;letter-spacing:-2px;margin:9px 0 17px}
.pay-content>p{max-width:760px;color:#CBE4E2;font-size:16px}
.pay-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.pay-points div{
  padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;
  background:rgba(255,255,255,.045);backdrop-filter:blur(8px)
}
.pay-points b{display:block;color:var(--wow-gold);font-size:13px;margin-bottom:7px}
.pay-points span{font-size:13px;color:#D6E8E6;font-weight:700}
.pay-side{
  align-self:stretch;display:flex;flex-direction:column;justify-content:center;
  padding:28px;border-radius:25px;
  background:linear-gradient(145deg,rgba(255,211,106,.14),rgba(139,108,255,.12));
  border:1px solid rgba(255,211,106,.2);
}
.pay-badge{
  width:68px;height:68px;border-radius:22px;display:grid;place-items:center;
  font-size:30px;font-weight:1000;color:#1D1607;
  background:linear-gradient(135deg,#FFE89B,#FF9D54);
  box-shadow:0 15px 40px rgba(255,157,84,.24);margin-bottom:18px;
  animation:badgeFloat 3s ease-in-out infinite;
}
@keyframes badgeFloat{50%{transform:translateY(-6px) rotate(2deg)}}
.pay-side h3{font-size:23px;margin-bottom:8px}
.pay-side p{color:#CFE3E1;font-size:14px;margin-bottom:17px}
.pay-side a{color:var(--wow-mint);font-weight:900}
.pay-btn{font-size:15px!important;padding:15px 22px!important}

.float{
  position:fixed;bottom:24px;width:auto;min-width:58px;height:58px;
  padding:0 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  gap:9px;color:#fff;font-weight:900;z-index:1200;
  box-shadow:0 15px 40px rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(12px);transition:.3s ease;
  animation:floatPulse 2.8s ease-in-out infinite;
}
.float:hover{transform:translateY(-4px) scale(1.03)}
.float-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:13px}
.float-label{font-size:12px;white-space:nowrap}
.call{left:22px;background:linear-gradient(135deg,#067B78,#16CDB9,#08706E)}
.wa{right:22px;background:linear-gradient(135deg,#513CCB,#7B5FFF,#12C9B5)}
@keyframes floatPulse{0%,100%{box-shadow:0 15px 40px rgba(0,0,0,.22)}50%{box-shadow:0 18px 48px rgba(18,201,181,.22),0 0 0 8px rgba(116,246,213,.06)}}

@media(max-width:900px){
  .top-inner{justify-content:center}
  .top-left{justify-content:center}
  .top-actions{justify-content:center}
  .pay-card{grid-template-columns:1fr;padding:36px}
  .pay-side{min-height:210px}
  .pay-points{grid-template-columns:1fr}
}
@media(max-width:560px){
  .top{padding:9px 0}
  .top-left{gap:5px;flex-direction:column}
  .top-status,.top-hours{font-size:10px}
  .top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .top-contact{justify-content:center;padding:7px 8px;font-size:10px;gap:5px}
  .top-contact strong{display:none}
  .top-icon{width:22px;height:22px}
  .pay-card{padding:28px 20px;border-radius:25px}
  .pay-content h2{font-size:34px;letter-spacing:-1px}
  .pay-content>p{font-size:14px}
  .pay-side{padding:22px}
  .float{bottom:13px;height:50px;min-width:50px;padding:0 11px;border-radius:15px;gap:6px}
  .float-icon{width:25px;height:25px}
  .float-label{font-size:10px}
  .call{left:10px}
  .wa{right:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}


/* Google Reviews WOW section */
.google-reviews-section{
  padding:105px 0;
  background:
    radial-gradient(circle at 8% 15%,rgba(18,201,181,.12),transparent 23%),
    radial-gradient(circle at 92% 75%,rgba(139,108,255,.13),transparent 26%),
    linear-gradient(180deg,#F8FCFB,#EDF6F4);
  position:relative;overflow:hidden
}
.google-review-shell{
  position:relative;padding:45px;border-radius:34px;
  background:linear-gradient(135deg,#06171D,#0A3033 56%,#111D2D);
  border:1px solid rgba(116,246,213,.25);
  box-shadow:0 35px 100px rgba(4,29,31,.25);overflow:hidden
}
.google-review-shell:before{
  content:"";position:absolute;inset:-50%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(116,246,213,.09) 70deg,transparent 145deg,rgba(139,108,255,.08) 230deg,transparent 300deg);
  animation:reviewOrbit 16s linear infinite;pointer-events:none
}
@keyframes reviewOrbit{to{transform:rotate(360deg)}}
.google-review-head,.review-grid,.google-review-actions{position:relative;z-index:2}
.google-review-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}
.google-kicker{color:#74F6D5!important}
.google-review-head h2{color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.08;margin:8px 0 12px;letter-spacing:-1.8px}
.google-review-head p{color:#C8DFDC;max-width:650px}
.google-rating{
  display:flex;align-items:center;gap:14px;padding:15px 19px;border-radius:20px;
  background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(12px);min-width:220px
}
.google-g{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(135deg,#fff,#DDFBF5);color:#0A706A;font-weight:1000;font-size:25px;
  box-shadow:0 8px 25px rgba(116,246,213,.15)
}
.google-rating strong{color:#fff;font-size:26px}.google-rating strong span{font-size:13px;color:#9DB8B6}
.stars,.review-stars{letter-spacing:2px;color:#FFD36A;text-shadow:0 0 15px rgba(255,211,106,.25)}
.google-rating small{color:#9DB8B6;font-size:11px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.google-review{
  min-height:240px;padding:23px;border-radius:23px;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);
  transition:.35s ease;position:relative;overflow:hidden
}
.google-review:after{
  content:"";position:absolute;left:-30%;right:-30%;top:-80px;height:130px;
  background:linear-gradient(90deg,transparent,rgba(116,246,213,.10),transparent);
  transform:rotate(-7deg);transition:.5s
}
.google-review:hover{transform:translateY(-7px);border-color:rgba(116,246,213,.38);box-shadow:0 22px 55px rgba(0,0,0,.18)}
.google-review:hover:after{top:100%;opacity:.3}
.review-top{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.avatar{
  width:43px;height:43px;border-radius:50%;display:grid;place-items:center;
  color:#06231F;background:linear-gradient(135deg,#74F6D5,#FFD36A);font-weight:1000
}
.review-top b{display:block;color:#fff;font-size:14px}.review-top span{display:block;color:#9DB8B6;font-size:10px;margin-top:2px}
.review-google{margin-left:auto;color:#fff;background:#fff1;border-radius:8px;padding:5px 8px;font-weight:1000}
.review-stars{font-size:15px;margin-bottom:12px}
.google-review p{color:#D5E6E4;font-size:14px;line-height:1.65}
.review-full{display:none;color:#C9DFDC;font-size:13px;line-height:1.65;margin-top:10px}
.review-full.expanded{display:block}
.read-more-review{
  margin-top:12px;border:0;background:transparent;color:#74F6D5;font-weight:900;cursor:pointer;padding:0
}
.google-review-actions{
  display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,255,255,.11)
}
.review-proof{color:#AFC7C5;font-size:12px;font-weight:800}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#74F6D5;box-shadow:0 0 14px #74F6D5;margin-right:7px;animation:statusPulse 1.8s infinite}
.google-view-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;
  color:#061B1F;background:linear-gradient(135deg,#FFD36A,#FF9B54);font-weight:900;
  box-shadow:0 12px 28px rgba(255,157,84,.18);transition:.3s
}
.google-view-btn:hover{transform:translateY(-2px);box-shadow:0 17px 35px rgba(255,157,84,.25)}
@media(max-width:900px){
  .google-review-head{align-items:flex-start;flex-direction:column}
  .google-rating{width:100%}
  .review-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .google-review-shell{padding:27px 18px;border-radius:26px}
  .google-review-head h2{font-size:34px;letter-spacing:-1px}
  .google-review-actions{align-items:stretch;flex-direction:column}
  .google-view-btn{width:100%}
}


/* FINAL READABILITY + WOW POLISH */
body{font-size:16px;line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 50% 15%,rgba(116,246,213,.045),transparent 30%)}
section{position:relative}
section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section){background-image:radial-gradient(circle at 90% 10%,rgba(18,201,181,.035),transparent 25%)}
.section-head p,.card p,.service-card p,.service-card li,.step p,.faq p,.feature p{font-size:15px;line-height:1.75}
.card h3,.service-card h3,.step h3{line-height:1.25}
.card,.service-card,.step,.feature,.faq details{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.card:hover,.service-card:hover,.step:hover{transform:translateY(-8px)}
.card:after,.service-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(116,246,213,.10),transparent 35%,rgba(139,108,255,.07));opacity:0;transition:.35s}
.card:hover:after,.service-card:hover:after{opacity:1}
.hero p{font-size:19px;line-height:1.75}
.hero-card .check{font-size:15px;line-height:1.55}
.dark .service-card,.dark .card{color:#F4FFFD}
.dark .service-card p,.dark .card p{color:#D2E3E1}
.dark .feature{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1)}
.dark .feature p{color:#C8DBD8}
.faq summary{font-size:16px;line-height:1.5}
.btn{letter-spacing:.1px}
.google-review-shell{box-shadow:0 40px 110px rgba(4,29,31,.30)}
.google-review{min-height:225px}
.google-review p{font-size:14px;line-height:1.72}
.review-top b{text-transform:none}
@media(max-width:560px){
 body{font-size:15px}
 .hero p{font-size:16px}
 .section-head p,.card p,.service-card p,.service-card li,.step p,.faq p,.feature p{font-size:14px}
 .google-review p{font-size:14px}
}


/* =========================================================
   FINAL PREMIUM TYPOGRAPHY + WOW MOTION SYSTEM
   ========================================================= */
:root{
  --font-main:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  --text-strong:#09252C;
  --text-body:#314A51;
  --text-muted:#60767C;
  --surface:#FFFFFF;
  --surface-soft:#F7FCFA;
  --border-soft:rgba(8,55,59,.12);
  --teal:#0AAE9E;
  --mint:#62E9CC;
  --gold:#F4BE58;
  --violet:#8068FF;
}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-main)!important;
  color:var(--text-body);
  font-size:16px;
  line-height:1.75;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,.brand,.btn,.kicker,.top-contact,.pay-nav,.google-view-btn,.float-label,.stat strong{
  font-family:var(--font-display)!important;
}
h1,h2,h3,h4,h5,h6{
  color:var(--text-strong);
  font-weight:850;
  letter-spacing:-.025em;
  text-wrap:balance;
}
p,li{font-weight:500}
.card p,.service-card p,.service-card li,.step p,.faq p,.feature p,
.google-review p,.pay-content>p,.pay-side p,.section-head p{
  color:var(--text-body);
  font-weight:500;
}
.card h3,.service-card h3,.step h3,.feature b,.faq summary{
  color:var(--text-strong);
  font-weight:850;
}
.section-head h2{font-weight:900}
.section-head p{font-size:16px;line-height:1.8}
.dark .section-head p,.dark .card p,.dark .service-card p,.dark .service-card li,
.dark .step p,.dark .feature p{color:#D2E2E0}
.dark .card h3,.dark .service-card h3,.dark .step h3,.dark .feature b{color:#F6FFFD}

/* Premium animated page atmosphere */
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 15% 20%,rgba(98,233,204,.035),transparent 18%),
    radial-gradient(circle at 82% 72%,rgba(128,104,255,.035),transparent 20%);
  animation:pageBreathe 12s ease-in-out infinite alternate;
}
@keyframes pageBreathe{
  from{opacity:.55;transform:scale(1)}
  to{opacity:1;transform:scale(1.04)}
}

/* Rich section colour flow */
section{position:relative;isolation:isolate}
section:not(.dark):not(.hero):not(.pay-section):not(.google-reviews-section):after{
  content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(10,174,158,.18),rgba(244,190,88,.18),rgba(128,104,255,.14),transparent);
  opacity:.7;
}

/* Cards: premium glass, animated border, lift and shine */
.card,.service-card,.step,.feature,.faq details{
  border:1px solid var(--border-soft)!important;
  box-shadow:0 14px 42px rgba(7,38,43,.07),0 2px 8px rgba(7,38,43,.035)!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),
             box-shadow .38s ease,
             border-color .38s ease,
             background .38s ease!important;
}
.card:after,.service-card:after,.step:after,.feature:after,.faq details:after{
  content:"";
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.65) 48%,transparent 70%);
  transform:translateX(-125%);opacity:0;
}
.card,.service-card,.step,.feature,.faq details{position:relative;overflow:hidden}
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  transform:translateY(-9px);
  border-color:rgba(10,174,158,.32)!important;
  box-shadow:0 28px 72px rgba(7,38,43,.14),0 0 0 1px rgba(98,233,204,.06)!important;
}
.card:hover:after,.service-card:hover:after,.step:hover:after,.feature:hover:after,.faq details:hover:after{
  opacity:1;animation:cardShine 1.1s ease forwards;
}
@keyframes cardShine{to{transform:translateX(125%)}}

/* Animated top accent for every premium card */
.card:before,.service-card:before{
  height:4px!important;
  background:linear-gradient(90deg,var(--mint),var(--teal),var(--gold),var(--violet))!important;
  background-size:250% 100%!important;
  animation:gradientFlow 5s linear infinite;
}
@keyframes gradientFlow{to{background-position:250% 0}}

/* Icons */
.icon{
  border:1px solid rgba(10,174,158,.13);
  transition:transform .35s ease,box-shadow .35s ease;
}
.card:hover .icon{transform:translateY(-3px) rotate(-3deg) scale(1.07);box-shadow:0 14px 32px rgba(10,174,158,.16)}

/* Buttons */
.btn{
  letter-spacing:.01em;
  box-shadow:0 10px 28px rgba(5,40,44,.10);
}
.btn:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 17px 38px rgba(5,40,44,.17);
}
.btn-primary,.btn-gold{
  background-size:220% 220%!important;
  animation:buttonFlow 5s ease infinite;
}
@keyframes buttonFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Hero text entrance */
.hero h1{animation:heroTextIn .9s cubic-bezier(.2,.8,.2,1) both}
.hero p{animation:heroTextIn .9s .12s cubic-bezier(.2,.8,.2,1) both}
.hero .actions{animation:heroTextIn .9s .22s cubic-bezier(.2,.8,.2,1) both}
.hero-card{animation:heroCardIn 1s .1s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroTextIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes heroCardIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}

/* Stats */
.stat{transition:background .3s ease,transform .3s ease}
.stat:hover{background:linear-gradient(135deg,#fff,#F1FCF9);transform:translateY(-2px)}
.stat strong{font-weight:950}

/* Dark cards */
.dark .card,.dark .service-card,.dark .step{
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.dark .card:hover,.dark .service-card:hover,.dark .step:hover{
  border-color:rgba(98,233,204,.34)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.30),0 0 30px rgba(10,174,158,.07)!important;
}

/* FAQ */
.faq details[open]{
  transform:translateY(-3px);
  border-color:rgba(10,174,158,.38)!important;
  box-shadow:0 18px 48px rgba(7,38,43,.11)!important;
}
.faq summary{font-size:16px}
.faq summary::marker{color:var(--teal)}

/* Floating contact buttons */
.float{
  font-family:var(--font-main)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 0 0 rgba(98,233,204,.20)!important;
}
.float:hover{
  box-shadow:0 20px 50px rgba(0,0,0,.25),0 0 0 7px rgba(98,233,204,.08)!important;
}
.float-icon{transition:transform .3s ease}
.float:hover .float-icon{transform:scale(1.12) rotate(-6deg)}

/* Pay section */
.pay-section .pay-card{
  box-shadow:0 38px 110px rgba(4,29,31,.30),0 0 60px rgba(10,174,158,.06);
}
.pay-points div{transition:.35s ease}
.pay-points div:hover{transform:translateY(-5px);border-color:rgba(116,246,213,.32);background:rgba(255,255,255,.075)}

/* Review cards */
.google-review{
  box-shadow:0 16px 45px rgba(0,0,0,.16)!important;
  transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease!important;
}
.google-review:hover{
  transform:translateY(-8px) scale(1.008);
  box-shadow:0 28px 65px rgba(0,0,0,.24)!important;
}
.avatar{transition:transform .35s ease}
.google-review:hover .avatar{transform:scale(1.08) rotate(4deg)}
.review-stars{animation:starsGlow 2.8s ease-in-out infinite alternate}
@keyframes starsGlow{to{text-shadow:0 0 22px rgba(255,211,106,.55)}}

/* Footer */
footer a{transition:color .25s ease,transform .25s ease}
footer a:hover{transform:translateX(4px)}

/* Accessibility: strong keyboard focus */
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:3px solid rgba(10,174,158,.42);
  outline-offset:4px;border-radius:8px;
}

/* Mobile readability */
@media(max-width:560px){
  body{font-size:15px;line-height:1.7}
  .card p,.service-card p,.service-card li,.step p,.feature p,.faq p{font-size:14px;line-height:1.72}
  .section-head p{font-size:15px}
  .hero h1{line-height:1.06}
  .hero-card{padding:24px!important}
}

/* Respect reduced-motion preferences */
@media(prefers-reduced-motion:reduce){
  body:before,.card:before,.service-card:before,.btn-primary,.btn-gold,
  .hero h1,.hero p,.hero .actions,.hero-card,.review-stars{animation:none!important}
  *,*:before,*:after{transition-duration:.01ms!important}
}


/* =========================================================
   FINAL TEXT CLARITY PATCH — CRISP, SHARP & HIGH CONTRAST
   ========================================================= */
html{font-size:16px}
body{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#18363D!important;
  line-height:1.75!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

/* Never apply blur/filter to text-bearing surfaces */
.card,.service-card,.step,.feature,.faq details,
.hero-card,.panel,.cta,.pay-card,.pay-side,.google-review,
.google-rating,.pay-points div,.top-contact{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Keep decorative blur only on pseudo/background layers */
.hero:after,.hero:before,.pay-glow,.pay-card:before,
.google-review-shell:before,body:before{
  pointer-events:none!important;
}

/* Light sections — dark, readable body text */
.card p,.service-card p,.service-card li,.step p,
.feature p,.faq p,.section-head p{
  color:#314B52!important;
  opacity:1!important;
  text-shadow:none!important;
}
.card h3,.service-card h3,.step h3,.feature b,
.faq summary,.section-head h2{
  color:#09262D!important;
  opacity:1!important;
  text-shadow:none!important;
}
.kicker{color:#087F77!important;opacity:1!important}

/* Dark sections — high contrast */
.dark .section-head h2,
.dark .card h3,.dark .service-card h3,.dark .step h3,
.dark .feature b{color:#F5FFFD!important;opacity:1!important}
.dark .section-head p,.dark .card p,.dark .service-card p,
.dark .service-card li,.dark .step p,.dark .feature p{
  color:#D9E9E7!important;opacity:1!important;text-shadow:none!important;
}
.dark .kicker{color:#70EED5!important}

/* Hero */
.hero h1,.hero h1 span,.hero p,.hero-card h3,.hero-card .check,
.hero-card .check span{opacity:1!important;text-shadow:none!important}
.hero p{color:#E1EFED!important;font-size:18px!important;line-height:1.75!important}
.hero-card h3{color:#FFFFFF!important}
.hero-card .check{color:#E1EFED!important}
.hero-card .check b{color:#74F6D5!important}

/* Pay section */
.pay-content h2,.pay-side h3{color:#FFFFFF!important;opacity:1!important;text-shadow:none!important}
.pay-content>p,.pay-side p,.pay-points span{
  color:#D8EAE7!important;opacity:1!important;text-shadow:none!important;
}
.pay-kicker{color:#74F6D5!important}

/* Google reviews */
.google-review-head h2{color:#FFFFFF!important;opacity:1!important;text-shadow:none!important}
.google-review-head p,.google-review p{
  color:#D9E9E7!important;opacity:1!important;text-shadow:none!important;
}
.google-review .review-top b{color:#FFFFFF!important}
.google-review .review-top span,
.google-rating small{color:#B9D0CC!important;opacity:1!important}
.review-full{color:#D0E5E1!important;opacity:1!important}
.read-more-review{color:#74F6D5!important}

/* Stats */
.stat strong{color:#0A2B32!important;opacity:1!important}
.stat span{color:#526B72!important;opacity:1!important}

/* Contact CTA */
.cta h2{color:#FFFFFF!important;text-shadow:none!important}
.cta p{color:#E0EFED!important;opacity:1!important}

/* Footer */
footer{color:#C8D8D6!important}
footer p,footer a,.copy{color:#C8D8D6!important;opacity:1!important}
.footer-title{color:#FFFFFF!important}

/* Navigation/top bar */
.links a{color:#17353B!important}
.links a:hover{color:#087F77!important}
.top-status{color:#E8FAF7!important}
.top-hours{color:#B8D2CE!important}

/* Better reading rhythm */
.card p,.service-card p,.service-card li,.step p,.feature p,
.faq p,.google-review p,.pay-content>p,.pay-side p{
  letter-spacing:.005em!important;
  word-spacing:.02em!important;
}

/* Prevent accidental low-opacity text from old layers */
p,li,span,b,strong,h1,h2,h3,h4,h5,h6,a,label,summary{
  text-shadow:none;
}

/* Smooth animation without sacrificing clarity */
.card,.service-card,.step,.feature,.faq details,.google-review{
  will-change:transform;
}

/* Small screens */
@media(max-width:560px){
  body{font-size:15px!important}
  .hero p{font-size:16px!important;line-height:1.7!important}
  .section-head p{font-size:15px!important;line-height:1.72!important}
  .card p,.service-card p,.service-card li,.step p,
  .feature p,.faq p,.google-review p{font-size:14px!important;line-height:1.72!important}
  .card h3,.service-card h3,.step h3{font-size:19px!important}
}

/* Accessibility */
@media(prefers-contrast:more){
  .card,.service-card,.step,.feature,.faq details{
    border-color:#71888D!important;
  }
}


/* =========================================================
   ABSOLUTE CLARITY MODE — PREMIUM WITHOUT SOFT TEXT
   ========================================================= */
*{
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
body{
  font-family:Arial,"Segoe UI",sans-serif!important;
  color:#18343A!important;
  background:#F4F8F7!important;
}

/* No blur anywhere on containers that contain readable content. */
header,
.hero-card,
.card,.service-card,.step,.feature,.faq details,
.panel,.cta,.pay-card,.pay-side,.google-review-shell,.google-review,
.google-rating,.pay-points div,.top-contact,.float{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

/* Disable text glow/shadow: shadows stay only on cards, never glyphs. */
h1,h2,h3,h4,h5,h6,p,span,b,strong,a,li,label,summary{
  text-shadow:none!important;
  filter:none!important;
}

/* Stop background/foreground opacity tricks from affecting readability. */
p,li,span,b,strong,h1,h2,h3,h4,h5,h6,a,summary{
  opacity:1!important;
}

/* Crisp light cards */
.card,.service-card,.step,.feature,.faq details{
  background:#FFFFFF!important;
}
.card p,.service-card p,.service-card li,.step p,.feature p,.faq p{
  color:#304B52!important;
}
.card h3,.service-card h3,.step h3,.feature b,.faq summary{
  color:#09262D!important;
}

/* Crisp dark areas */
.dark{
  background:#07181E!important;
}
.dark .card,.dark .service-card,.dark .step{
  background:#10282E!important;
}
.dark .card h3,.dark .service-card h3,.dark .step h3,.dark .feature b,
.dark .section-head h2{
  color:#FFFFFF!important;
}
.dark .card p,.dark .service-card p,.dark .service-card li,
.dark .step p,.dark .feature p,.dark .section-head p{
  color:#D9E9E7!important;
}

/* Hero: crisp solid glass substitute */
.hero-card{
  background:rgba(8,27,32,.96)!important;
}
.hero-card h3,.hero-card span,.hero-card .check{
  color:#F4FFFD!important;
}
.hero p{color:#E4F1EF!important}
.hero h1,.hero h1 span{ text-shadow:none!important }

/* Pay / reviews: solid readable surfaces */
.pay-card{
  background:#071A20!important;
}
.pay-content h2,.pay-side h3,.google-review-head h2{
  text-shadow:none!important;
}
.pay-content>p,.pay-side p,.pay-points span{
  color:#DCEBE8!important;
}
.google-review{
  background:#10272D!important;
}
.google-review p{color:#E0EEEB!important}
.google-review .review-top b{color:#FFFFFF!important}
.google-review .review-top span{color:#BBD1CE!important}

/* Footer */
footer{background:#061318!important}
footer p,footer a,.copy{color:#C8D9D6!important}

/* Keep premium animation, but animate only shells/accents, never text. */
.hero h1,.hero p,.hero .actions,.hero-card{
  animation:none!important;
}
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  transform:translateY(-6px)!important;
}
.card:after,.service-card:after,.step:after,.feature:after,.faq details:after{
  animation:none!important;
}
.card:hover:after,.service-card:hover:after,.step:hover:after,.feature:hover:after,.faq details:hover:after{
  opacity:0!important;
}

/* Make headings and body copy breathe */
.hero h1{line-height:1.08!important}
.section-head h2{line-height:1.15!important}
.card p,.service-card p,.service-card li,.step p,.feature p,.faq p{
  line-height:1.72!important;
}

/* Mobile: clarity over density */
@media(max-width:560px){
  body{font-size:15px!important}
  h1{letter-spacing:-.02em!important}
  .hero p,.section-head p{font-size:15px!important}
  .card p,.service-card p,.service-card li,.step p,.feature p,.faq p{
    font-size:14px!important;
  }
}


/* =========================================================
   VISUAL BUG FIX — HERO + TOP BAR + CRISP TYPOGRAPHY
   ========================================================= */

/* Top contact strip stays visible and never sits behind navigation */
.top{
  position:sticky!important;
  top:0!important;
  z-index:3000!important;
  min-height:58px!important;
  display:block!important;
  background:#04171D!important;
  color:#EFFFFB!important;
  opacity:1!important;
}
.top .container,
.top-inner{
  min-height:58px!important;
}
header{
  position:sticky!important;
  top:58px!important;
  z-index:2900!important;
  background:#F8FCFB!important;
  opacity:1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Navigation is now fully crisp */
.brand,.brand span,.brand small,.links a{
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
}
.brand{color:#12343B!important}
.brand small{color:#C88736!important}
.links a{color:#15363D!important}

/* HERO: restore white heading — previous global heading rule was overriding it */
.hero h1{
  color:#FFFFFF!important;
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
  font-weight:900!important;
  line-height:1.08!important;
}
.hero h1 span{
  color:#62E9CC!important;
  opacity:1!important;
  text-shadow:0 0 22px rgba(98,233,204,.18)!important;
}
.hero p{
  color:#E5F2F0!important;
  opacity:1!important;
}
.hero-card{
  background:#0B292E!important;
  border:1px solid rgba(98,233,204,.32)!important;
  box-shadow:0 25px 65px rgba(0,0,0,.28)!important;
}
.hero-card h3{
  color:#FFFFFF!important;
  opacity:1!important;
}
.hero-card .check,
.hero-card .check span{
  color:#E2F0EE!important;
  opacity:1!important;
}
.hero-card .check b{color:#62E9CC!important}

/* Remove any accidental low-opacity visual treatment from main text */
.hero h1,.hero p,.hero-card h3,.hero-card span,
.section-head h2,.section-head p,
.card h3,.card p,.service-card h3,.service-card p,
.step h3,.step p,.feature b,.feature p,
.faq summary,.faq p{
  mix-blend-mode:normal!important;
}

/* Slightly cleaner hero sizing */
.hero h1{font-size:clamp(42px,6vw,76px)!important;letter-spacing:-2.4px!important}

/* Top bar actions remain sharp */
.top-contact{
  opacity:1!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Mobile sticky offsets */
@media(max-width:560px){
  .top{min-height:88px!important}
  .top .container,.top-inner{min-height:88px!important}
  header{top:88px!important}
  .hero h1{
    font-size:clamp(39px,12vw,56px)!important;
    letter-spacing:-1.6px!important;
    line-height:1.06!important;
  }
}


/* ============================================================
   VIJAY E TAX SOLUTIONS — FINAL SITE-WIDE READABILITY OVERRIDE
   CRISP TEXT / NO TEXT BLUR / PREMIUM MOTION
   ============================================================ */

/* ---------- GLOBAL TEXT ENGINE ---------- */
html,body{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
body{
  color:#1D3940!important;
  font-size:16px!important;
  line-height:1.72!important;
  text-shadow:none!important;
}
body *{
  text-shadow:none!important;
}
h1,h2,h3,h4,h5,h6,p,li,span,a,b,strong,small,label,summary{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* ---------- TOP CONTACT BAR: CLEAR, STABLE ---------- */
.top{
  position:relative!important;
  top:auto!important;
  z-index:3000!important;
  min-height:58px!important;
  background:#04171D!important;
  color:#F2FFFC!important;
  box-shadow:0 7px 24px rgba(0,0,0,.18)!important;
}
.top-inner{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
}
.top-status{color:#E9FFFA!important}
.top-hours{color:#BBD2CF!important}
.top-contact{color:#FFFFFF!important;filter:none!important;opacity:1!important}
.call-top{background:linear-gradient(135deg,#087E79,#12BFAE)!important}
.help-top{background:linear-gradient(135deg,#5741D5,#8068FF)!important}

/* Header sticks cleanly beneath the viewport edge */
header{
  position:sticky!important;
  top:0!important;
  z-index:2900!important;
  background:#F8FCFB!important;
  box-shadow:0 7px 25px rgba(6,40,45,.08)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.brand,.brand span{color:#17353B!important}
.brand small{color:#B8742E!important}
.links a{color:#17353B!important}

/* ---------- HERO: WHITE TEXT, ALWAYS VISIBLE ---------- */
.hero{
  color:#FFFFFF!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(98,233,204,.18),transparent 20%),
    radial-gradient(circle at 20% 90%,rgba(128,104,255,.14),transparent 25%),
    linear-gradient(135deg,#031216 0%,#06282D 54%,#0B3A39 100%)!important;
}
.hero h1{
  color:#FFFFFF!important;
  font-size:clamp(42px,6vw,78px)!important;
  font-weight:900!important;
  line-height:1.06!important;
  letter-spacing:-2.5px!important;
  opacity:1!important;
  filter:none!important;
}
.hero h1 span{
  color:#63EBD0!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:0 0 18px rgba(99,235,208,.16)!important;
}
.hero p{
  color:#E4F1EF!important;
  font-size:18px!important;
  line-height:1.76!important;
}
.eyebrow{color:#75EFD7!important}
.hero .btn-primary{
  color:#06201F!important;
  background:linear-gradient(135deg,#63EBD0,#12BFAE)!important;
}
.hero .btn-light{
  color:#0A252B!important;
  background:#FFFFFF!important;
}
.hero-card{
  background:#0C2A30!important;
  border:1px solid rgba(99,235,208,.34)!important;
  box-shadow:0 25px 65px rgba(0,0,0,.30)!important;
}
.hero-card h3{color:#FFFFFF!important;font-weight:900!important}
.hero-card .check,
.hero-card .check span{color:#E6F3F0!important}
.hero-card .check b{color:#63EBD0!important}

/* ---------- ALL LIGHT-SECTIONS ---------- */
section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section){
  color:#1D3940!important;
}
.section-head h2{
  color:#092A31!important;
  font-weight:900!important;
  opacity:1!important;
}
.section-head p{
  color:#405A61!important;
  opacity:1!important;
}
.kicker{color:#087F77!important}

/* ---------- ALL CARDS: SOLID SURFACE + CRISP CONTENT ---------- */
.card,.service-card,.step,.feature,.faq details{
  background:#FFFFFF!important;
  color:#1D3940!important;
  border:1px solid #D6E5E1!important;
  box-shadow:0 13px 40px rgba(7,38,43,.075)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.card h3,.service-card h3,.step h3{
  color:#092A31!important;
  font-weight:850!important;
}
.card p,.service-card p,.service-card li,.step p,
.feature p,.faq p{
  color:#405A61!important;
  opacity:1!important;
  line-height:1.72!important;
}
.feature b,.faq summary{
  color:#092A31!important;
  font-weight:850!important;
}
.card a{color:#087F77!important}

/* Premium card hover — movement only, no blur */
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  transform:translateY(-7px)!important;
  border-color:#66CFC1!important;
  box-shadow:0 24px 58px rgba(7,38,43,.14)!important;
}

/* Animated accent, not text */
.card:before,.service-card:before{
  background:linear-gradient(90deg,#63EBD0,#12BFAE,#FFD36A,#8068FF)!important;
  background-size:240% 100%!important;
  animation:siteAccentFlow 5s linear infinite!important;
}
@keyframes siteAccentFlow{to{background-position:240% 0}}

/* ---------- DARK SECTIONS ---------- */
.dark{
  color:#F4FFFD!important;
  background:#07191F!important;
}
.dark .section-head h2{
  color:#FFFFFF!important;
}
.dark .section-head p{
  color:#D6E8E5!important;
}
.dark .card,.dark .service-card,.dark .step{
  background:#102B31!important;
  border-color:rgba(116,238,213,.16)!important;
}
.dark .card h3,.dark .service-card h3,.dark .step h3{
  color:#FFFFFF!important;
}
.dark .card p,.dark .service-card p,.dark .service-card li,.dark .step p{
  color:#D7E8E5!important;
}
.dark .feature{
  background:#102B31!important;
  border-color:rgba(116,238,213,.16)!important;
}
.dark .feature b{color:#FFFFFF!important}
.dark .feature p{color:#D7E8E5!important}

/* ---------- PAY US ---------- */
.pay-section{background:#F1F8F6!important}
.pay-card{
  background:#071A20!important;
  color:#FFFFFF!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.pay-content h2,.pay-side h3{
  color:#FFFFFF!important;
}
.pay-content>p,.pay-side p,.pay-points span{
  color:#DCEBE8!important;
}
.pay-kicker{color:#74F6D5!important}
.pay-points div{
  background:#102B31!important;
  border-color:rgba(116,238,213,.16)!important;
}

/* ---------- GOOGLE REVIEWS ---------- */
.google-reviews-section{background:#F1F8F6!important}
.google-review-shell{
  background:#071A20!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.google-review-head h2{
  color:#FFFFFF!important;
}
.google-review-head p{
  color:#D6E8E5!important;
}
.google-review{
  background:#102B31!important;
  border-color:rgba(116,238,213,.16)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.google-review .review-top b{color:#FFFFFF!important}
.google-review .review-top span{color:#BCD1CE!important}
.google-review p{color:#DDEBE9!important}
.review-full{color:#D2E6E2!important}

/* ---------- CTA ---------- */
.cta{
  color:#FFFFFF!important;
  background:linear-gradient(135deg,#08262C,#087D78)!important;
}
.cta h2{color:#FFFFFF!important}
.cta p{color:#E0EFED!important}

/* ---------- STATS ---------- */
.stats-grid{background:#FFFFFF!important}
.stat strong{color:#092A31!important}
.stat span{color:#526B72!important}

/* ---------- FOOTER ---------- */
footer{
  background:#061419!important;
  color:#C9D9D6!important;
}
footer p,footer a,.copy{color:#C9D9D6!important}
.footer-title{color:#FFFFFF!important}
footer a:hover{color:#74EED5!important}

/* ---------- FLOATING BUTTONS ---------- */
.float{
  filter:none!important;
  opacity:1!important;
  background-image:linear-gradient(135deg,#087F7A,#12C9B5)!important;
}
.float.wa{
  background-image:linear-gradient(135deg,#5841D8,#8068FF)!important;
}
.float-label,.float-icon{color:#FFFFFF!important}

/* ---------- REMOVE BLUR FROM ANY TEXT CONTAINER ---------- */
header,main,section,footer,
header *,main *,section *,footer *{
  filter:none!important;
}
.hero:before,.hero:after,
.pay-card:before,.pay-card:after,
.google-review-shell:before,
body:before{
  pointer-events:none!important;
}

/* ---------- MOBILE: READABILITY FIRST ---------- */
@media(max-width:900px){
  header{top:0!important}
  .top{position:relative!important}
  .top-inner{padding:7px 0!important}
  .hero h1{font-size:clamp(40px,8vw,64px)!important}
}
@media(max-width:560px){
  .top{min-height:88px!important}
  .top .container,.top-inner{min-height:88px!important}
  header{top:0!important}
  .hero h1{
    font-size:clamp(38px,11.5vw,54px)!important;
    line-height:1.07!important;
    letter-spacing:-1.5px!important;
  }
  .hero p{font-size:16px!important;line-height:1.72!important}
  .section-head h2{font-size:32px!important;line-height:1.13!important}
  .section-head p{font-size:15px!important;line-height:1.72!important}
  .card p,.service-card p,.service-card li,.step p,
  .feature p,.faq p,.google-review p{
    font-size:14px!important;
    line-height:1.72!important;
  }
}

/* ---------- ACCESSIBILITY ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:3px solid #63EBD0!important;
  outline-offset:4px!important;
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


/* =========================================================
   FOOTER — PREMIUM WOW UPGRADE
   ========================================================= */
footer{
  position:relative!important;
  overflow:hidden!important;
  padding:78px 0 25px!important;
  background:
    radial-gradient(circle at 8% 15%,rgba(98,233,204,.13),transparent 24%),
    radial-gradient(circle at 88% 75%,rgba(128,104,255,.15),transparent 27%),
    linear-gradient(135deg,#031217 0%,#061E24 48%,#0A2930 100%)!important;
  border-top:1px solid rgba(98,233,204,.20)!important;
}
footer:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(98,233,204,.07),transparent);
  transform:translateX(-100%);
  animation:footerSweep 9s ease-in-out infinite;
}
footer:after{
  content:"";position:absolute;width:520px;height:520px;
  right:-280px;top:-330px;border-radius:50%;
  border:1px solid rgba(98,233,204,.12);
  box-shadow:0 0 0 70px rgba(98,233,204,.035),0 0 0 140px rgba(128,104,255,.025);
  animation:footerOrbit 18s linear infinite;
  pointer-events:none;
}
@keyframes footerSweep{
  0%,38%{transform:translateX(-100%)}
  70%,100%{transform:translateX(100%)}
}
@keyframes footerOrbit{to{transform:rotate(360deg)}}

footer .container{position:relative;z-index:2}
.footer-grid{
  display:grid!important;
  grid-template-columns:1.45fr 1fr 1fr 1.05fr!important;
  gap:42px!important;
}
.footer-grid>div{
  position:relative;
}
.footer-grid>div:not(:first-child){
  padding-left:24px;
  border-left:1px solid rgba(255,255,255,.09);
}
.footer-title{
  position:relative;
  color:#FFFFFF!important;
  font-size:15px!important;
  letter-spacing:.8px!important;
  text-transform:uppercase;
  margin-bottom:18px!important;
}
.footer-title:after{
  content:"";display:block;width:42px;height:3px;margin-top:9px;
  border-radius:5px;
  background:linear-gradient(90deg,#62E9CC,#F4BE58,#8068FF);
  background-size:220% 100%;
  animation:footerAccent 4s linear infinite;
}
@keyframes footerAccent{to{background-position:220% 0}}

footer .footer-grid>div:first-child .footer-title{
  font-size:19px!important;
  letter-spacing:.3px!important;
}
footer .footer-grid>div:first-child p{
  max-width:410px;
  color:#CDE0DD!important;
  font-size:14px!important;
  line-height:1.8!important;
}
footer .footer-grid a{
  color:#C5D9D5!important;
  font-size:13px!important;
  font-weight:650!important;
  padding:4px 0!important;
  transition:transform .3s ease,color .3s ease,padding-left .3s ease!important;
}
footer .footer-grid a:hover{
  color:#72EED6!important;
  transform:translateX(6px)!important;
  padding-left:3px!important;
}
footer .footer-grid>div:last-child a:first-of-type{
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:850!important;
}

/* Footer contact highlight */
footer .footer-grid>div:last-child:before{
  content:"GET IN TOUCH";
  display:inline-flex;
  margin-bottom:12px;
  padding:5px 9px;
  border:1px solid rgba(98,233,204,.18);
  border-radius:999px;
  color:#72EED6;
  background:rgba(98,233,204,.06);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
}

/* Premium copyright strip */
.copy{
  position:relative;
  margin-top:48px!important;
  padding:21px 0 2px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  color:#9FBAB6!important;
  font-size:11px!important;
}
.copy:before{
  content:"";
  position:absolute;left:0;top:-1px;width:125px;height:1px;
  background:linear-gradient(90deg,#62E9CC,#F4BE58,transparent);
  box-shadow:0 0 14px rgba(98,233,204,.25);
}
.copy span:last-child{
  color:#88A4A0!important;
  text-align:right;
}

/* Subtle footer card feeling for link columns */
.footer-grid>div:not(:first-child){
  transition:transform .3s ease;
}
.footer-grid>div:not(:first-child):hover{
  transform:translateY(-3px);
}

/* Responsive */
@media(max-width:900px){
  .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:34px!important;
  }
  .footer-grid>div:nth-child(3){
    border-left:0;
    padding-left:0;
  }
}
@media(max-width:560px){
  footer{padding:60px 0 20px!important}
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .footer-grid>div:not(:first-child){
    padding-left:0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.09);
    padding-top:24px;
  }
  .copy{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    line-height:1.65!important;
  }
  .copy span:last-child{text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
  footer:before,footer:after,.footer-title:after{animation:none!important}
}


/* =========================================================
   CORPORATE BACKGROUND — CLEAN EXECUTIVE FINISH
   ========================================================= */
body{
  background:
    radial-gradient(circle at 0% 0%,rgba(13,126,119,.055),transparent 22%),
    radial-gradient(circle at 100% 18%,rgba(128,104,255,.045),transparent 20%),
    linear-gradient(180deg,#F8FAFA 0%,#F3F7F6 48%,#EEF3F2 100%)!important;
}

/* Very subtle corporate grid — adds depth without reducing readability */
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(8,55,59,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,55,59,.025) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.45;
  animation:corporateGrid 18s ease-in-out infinite alternate;
}
@keyframes corporateGrid{
  from{transform:translate3d(0,0,0);opacity:.35}
  to{transform:translate3d(0,-8px,0);opacity:.55}
}

/* Floating corporate light fields */
body:after{
  content:"";
  position:fixed;
  width:420px;height:420px;
  right:-180px;top:34%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(10,174,158,.065),transparent 68%);
  filter:none;
  z-index:-1;
  pointer-events:none;
  animation:corporateOrb 12s ease-in-out infinite alternate;
}
@keyframes corporateOrb{
  from{transform:translateY(0) scale(.95)}
  to{transform:translateY(35px) scale(1.08)}
}

/* Main content sections use premium white corporate surfaces */
section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section){
  background:transparent!important;
}

/* Subtle separation between major sections */
section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section):after{
  opacity:.55!important;
}

/* Cards sit cleanly above the background */
.card,.service-card,.step,.feature,.faq details{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(8,55,59,.11)!important;
}

/* Stats strip */
.stats-grid{
  background:#FFFFFF!important;
  box-shadow:0 22px 65px rgba(8,55,59,.10)!important;
}

/* Keep dark corporate sections strong and intentional */
.dark{
  background:
    radial-gradient(circle at 88% 12%,rgba(98,233,204,.09),transparent 22%),
    linear-gradient(135deg,#06161B 0%,#08272D 52%,#0B3034 100%)!important;
}

/* Pay and reviews remain premium anchor sections */
.pay-section{
  background:
    radial-gradient(circle at 8% 15%,rgba(10,174,158,.08),transparent 25%),
    linear-gradient(180deg,#F4F8F7,#EDF3F2)!important;
}
.google-reviews-section{
  background:
    radial-gradient(circle at 92% 20%,rgba(128,104,255,.07),transparent 24%),
    linear-gradient(180deg,#F5F9F8,#EDF3F2)!important;
}

/* Premium section rhythm */
section:not(.hero){
  position:relative;
}
section:not(.hero) .container{
  position:relative;
  z-index:1;
}

/* Corporate hover: restrained, executive rather than flashy */
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  box-shadow:0 24px 58px rgba(8,55,59,.13)!important;
}

/* Mobile: reduce decorative density */
@media(max-width:560px){
  body:before{
    background-size:34px 34px;
    opacity:.28;
  }
  body:after{
    width:260px;height:260px;
    right:-150px;
  }
}
@media(prefers-reduced-motion:reduce){
  body:before,body:after{animation:none!important}
}


/* =========================================================
   VE LOGO — UNIQUE, CRISP & HIGH-READABILITY
   ========================================================= */
.logo{
  position:relative!important;
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,#031317,#0A3338)!important;
  border:1px solid rgba(98,233,204,.42)!important;
  box-shadow:
    0 10px 28px rgba(3,30,35,.20),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
  overflow:hidden!important;
  isolation:isolate;
}
.logo:before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:13px;
  border:1px solid rgba(255,211,106,.22);
  pointer-events:none;
}
.logo:after{
  content:"";
  position:absolute;
  width:85px;height:2px;
  left:-70px;top:50%;
  background:linear-gradient(90deg,transparent,#74F6D5,transparent);
  transform:rotate(-35deg);
  animation:logoSweep 4.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes logoSweep{
  0%,35%{left:-75px;opacity:0}
  50%{opacity:1}
  75%,100%{left:65px;opacity:0}
}
.logo-v,.logo-e{
  position:relative;
  z-index:2;
  display:inline-block;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-1.5px!important;
  filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
}
.logo-v{
  color:#FFFFFF!important;
}
.logo-e{
  color:#62E9CC!important;
}

/* Make the brand wording beside VE sharper and easier to scan */
.brand{
  gap:13px!important;
  color:#092A31!important;
  font-weight:900!important;
}
.brand > span:last-child{
  line-height:1.2!important;
  color:#092A31!important;
  font-weight:900!important;
}
.brand small{
  margin-top:4px!important;
  color:#A9672E!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:1.7px!important;
}

/* Slight logo interaction */
.brand:hover .logo{
  transform:translateY(-2px) rotate(-1deg);
  border-color:rgba(98,233,204,.68)!important;
  box-shadow:0 14px 34px rgba(10,174,158,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.logo{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}

/* Mobile logo remains unmistakable */
@media(max-width:560px){
  .logo{
    width:43px!important;height:43px!important;flex-basis:43px!important;
    border-radius:13px!important;
  }
  .logo-v,.logo-e{font-size:20px!important}
  .brand{gap:10px!important}
  .brand > span:last-child{font-size:13px!important}
  .brand small{font-size:7px!important;letter-spacing:1.25px!important}
}
@media(prefers-reduced-motion:reduce){
  .logo:after{animation:none!important}
}


/* =========================================================
   SIGNATURE 5-COLOUR WOW FLOW
   Teal • Mint • Gold • Violet • Coral
   Premium motion, controlled saturation, crisp text
   ========================================================= */
:root{
  --c1:#12B8A6; /* Teal */
  --c2:#67E8D0; /* Mint */
  --c3:#F4BE58; /* Gold */
  --c4:#8068FF; /* Violet */
  --c5:#FF7E67; /* Coral */
}

/* Five-colour moving accent line */



/* Premium five-colour section accents */
.section-head h2{
  position:relative;
}
.section-head h2:after{
  content:"";
  display:block;
  width:76px;height:4px;
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5));
  background-size:250% 100%;
  animation:fiveAccent 6s ease-in-out infinite;
}
@keyframes fiveAccent{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Cards: animated five-colour top edge */
.card:before,.service-card:before{
  background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c1))!important;
  background-size:320% 100%!important;
  animation:cardFiveFlow 6s linear infinite!important;
}
@keyframes cardFiveFlow{
  to{background-position:320% 0}
}

/* Icons get a very subtle five-colour halo on hover */
.card:hover .icon{
  box-shadow:
    0 12px 30px rgba(18,184,166,.13),
    0 0 0 1px rgba(128,104,255,.08);
}

/* Buttons: premium animated five-colour gradient */
.btn-primary{
  color:#06221F!important;
  background:linear-gradient(120deg,var(--c1),var(--c2),var(--c3),var(--c4))!important;
  background-size:300% 300%!important;
  animation:buttonFiveFlow 7s ease infinite!important;
}
.btn-gold{
  background:linear-gradient(120deg,var(--c3),var(--c5),var(--c4),var(--c2))!important;
  background-size:300% 300%!important;
  animation:buttonFiveFlow 7s ease infinite reverse!important;
}
@keyframes buttonFiveFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Hero has five restrained colour light fields */
.hero{
  background:
    radial-gradient(circle at 82% 10%,rgba(103,232,208,.16),transparent 19%),
    radial-gradient(circle at 12% 75%,rgba(128,104,255,.13),transparent 22%),
    radial-gradient(circle at 62% 90%,rgba(244,190,88,.10),transparent 20%),
    radial-gradient(circle at 92% 72%,rgba(255,126,103,.08),transparent 17%),
    linear-gradient(135deg,#031216 0%,#06282D 52%,#0A3635 100%)!important;
}

/* Premium animated border around hero card */
.hero-card{
  border-image:linear-gradient(120deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5)) 1!important;
  animation:heroCardFive 9s linear infinite!important;
}
@keyframes heroCardFive{
  0%,100%{box-shadow:0 25px 65px rgba(0,0,0,.30),0 0 0 rgba(18,184,166,0)}
  50%{box-shadow:0 28px 75px rgba(0,0,0,.32),0 0 28px rgba(128,104,255,.08)}
}

/* Pay + Reviews colour-flow accents */
.pay-card,.google-review-shell{
  border-color:rgba(103,232,208,.25)!important;
}
.pay-card:after,.google-review-shell:after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:0;height:2px;
  background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5));
  background-size:300% 100%;
  animation:fiveAccent 7s linear infinite;
  pointer-events:none;
}

/* Floating buttons: separate premium colour identities */
.float.call{
  background:linear-gradient(135deg,var(--c1),var(--c2),#0B827A)!important;
  background-size:220% 220%!important;
  animation:floatColor 6s ease infinite!important;
}
.float.wa{
  background:linear-gradient(135deg,var(--c4),var(--c5),var(--c1))!important;
  background-size:220% 220%!important;
  animation:floatColor 6s ease infinite reverse!important;
}
@keyframes floatColor{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Footer: elegant five-colour horizon */
footer{
  background:
    radial-gradient(circle at 8% 15%,rgba(103,232,208,.10),transparent 22%),
    radial-gradient(circle at 88% 72%,rgba(128,104,255,.12),transparent 25%),
    radial-gradient(circle at 55% 100%,rgba(255,126,103,.06),transparent 20%),
    linear-gradient(135deg,#031217,#061E24 52%,#0A2930)!important;
}
footer .footer-title:after{
  background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5))!important;
  background-size:300% 100%!important;
  animation:fiveAccent 6s linear infinite!important;
}

/* Keep the five-colour effect sophisticated, never noisy */
@media(max-width:560px){
  body:after{height:2px}
  .section-head h2:after{width:58px;height:3px}
}
@media(prefers-reduced-motion:reduce){
  body:after,.section-head h2:after,.card:before,.service-card:before,
  .btn-primary,.btn-gold,.hero-card,.pay-card:after,
  .google-review-shell:after,.float.call,.float.wa,
  footer .footer-title:after{animation:none!important}
}


/* FINAL: crisp VE brand mark — no blur, no shadow */
.logo{
  width:50px!important;height:50px!important;flex:0 0 50px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:1px!important;
  background:#06252B!important;
  border:2px solid #62E9CC!important;
  border-radius:15px!important;
  box-shadow:0 10px 26px rgba(6,37,43,.18)!important;
  filter:none!important;
}
.logo:before{
  inset:3px!important;
  border:1px solid rgba(244,190,88,.45)!important;
}
.logo-v,.logo-e{
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-1.8px!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
.logo-v{color:#FFFFFF!important}
.logo-e{color:#62E9CC!important}

.brand > span:last-child{
  color:#092A31!important;
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
}
.brand small{
  color:#A9672E!important;
  opacity:1!important;
  text-shadow:none!important;
}
@media(max-width:560px){
  .logo{width:43px!important;height:43px!important;flex-basis:43px!important}
  .logo-v,.logo-e{font-size:20px!important}
}


/* FINAL VE LOGO FIX — plain, crystal-clear left brand mark */
header .brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
header .brand .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 52px!important;
  border-radius:15px!important;
  background:#06252B!important;
  border:2px solid #62E9CC!important;
  color:#FFFFFF!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-1px!important;
  text-align:center!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  text-shadow:none!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(6,37,43,.20)!important;
}
header .brand .logo:before,
header .brand .logo:after{
  display:none!important;
  content:none!important;
}
header .brand > span:last-child{
  display:block!important;
  color:#092A31!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
  line-height:1.2!important;
}
header .brand > span:last-child small{
  display:block!important;
  color:#A9672E!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:560px){
  header .brand{gap:9px!important}
  header .brand .logo{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:13px!important;
    font-size:20px!important;
  }
}


/* =========================================================
   CONTACT INFO BAR — PREMIUM 5-COLOUR WOW TREATMENT
   ========================================================= */
.top{
  position:relative!important;
  overflow:hidden!important;
  padding:9px 0!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(98,233,208,.20),transparent 23%),
    radial-gradient(circle at 42% 0%,rgba(244,190,88,.13),transparent 20%),
    radial-gradient(circle at 78% 50%,rgba(128,104,255,.20),transparent 24%),
    radial-gradient(circle at 96% 100%,rgba(255,126,103,.13),transparent 18%),
    linear-gradient(105deg,#031216 0%,#06272D 38%,#071C2B 70%,#09151F 100%)!important;
  border-bottom:1px solid rgba(103,232,208,.28)!important;
  box-shadow:0 10px 32px rgba(2,22,28,.22)!important;
}
.top:before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-25%;
  width:35%;
  background:linear-gradient(90deg,transparent,rgba(103,232,208,.16),rgba(244,190,88,.13),transparent);
  transform:skewX(-18deg);
  animation:contactLightSweep 7s ease-in-out infinite;
  pointer-events:none;
}
.top:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,#12B8A6,#67E8D0,#F4BE58,#8068FF,#FF7E67,#12B8A6);
  background-size:300% 100%;
  animation:contactLineFlow 7s linear infinite;
  pointer-events:none;
}
@keyframes contactLightSweep{
  0%,30%{left:-35%;opacity:0}
  45%{opacity:1}
  70%,100%{left:115%;opacity:0}
}
@keyframes contactLineFlow{to{background-position:300% 0}}

.top .container,.top-inner{
  position:relative!important;
  z-index:2!important;
}
.top-status{
  color:#F2FFFD!important;
  font-weight:850!important;
  text-shadow:0 1px 12px rgba(98,233,208,.12)!important;
}
.top-status i{
  background:#67E8D0!important;
  box-shadow:0 0 0 5px rgba(103,232,208,.10),0 0 20px rgba(103,232,208,.72)!important;
}
.top-hours{
  color:#C3DCD8!important;
  font-weight:700!important;
}

/* Contact action pills — much stronger contrast */
.top-contact{
  position:relative!important;
  min-height:40px!important;
  padding:6px 13px!important;
  border-radius:13px!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.13)!important;
  overflow:hidden!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
.top-contact:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.20) 50%,transparent 72%);
  transform:translateX(-130%);
  transition:transform .7s ease;
  pointer-events:none;
}
.top-contact:hover:before{transform:translateX(130%)}
.top-contact:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.40)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.27),0 0 24px rgba(103,232,208,.10)!important;
}
.call-top{
  background:linear-gradient(135deg,#087F79,#12B8A6,#0A716C)!important;
}
.help-top{
  background:linear-gradient(135deg,#5540D2,#8068FF,#B064D8)!important;
}
.top-contact span,.top-contact strong{
  position:relative;z-index:2!important;
  color:#FFFFFF!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
.top-contact strong{
  font-size:11px!important;
  font-weight:900!important;
}
.top-icon{
  position:relative;z-index:2!important;
  width:27px!important;height:27px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.17)!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Mobile: keep the bar elegant, not crowded */
@media(max-width:900px){
  .top-inner{gap:10px!important}
}
@media(max-width:560px){
  .top{padding:8px 0!important}
  .top-status{font-size:10px!important}
  .top-hours{font-size:9px!important}
  .top-contact{
    min-height:38px!important;
    padding:5px 8px!important;
    border-radius:11px!important;
  }
  .top-contact strong{display:none!important}
  .top-contact span:not(.top-icon){font-size:10px!important}
  .top-icon{width:24px!important;height:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .top:before,.top:after,.top-contact:before{animation:none!important;transition:none!important}
}


/* =========================================================
   MOBILE MENU — FINAL RELIABLE FIX
   ========================================================= */
@media(max-width:900px){
  header .nav-wrap,
  header .nav-inner{
    position:relative!important;
  }
  .mobile-menu-btn{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    margin-left:auto!important;
    border:1px solid rgba(8,55,59,.15)!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    color:#092A31!important;
    box-shadow:0 8px 24px rgba(8,55,59,.10)!important;
    cursor:pointer!important;
    z-index:4000!important;
  }
  .mobile-menu-btn span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:4px!important;
    background:#092A31!important;
    transition:transform .25s ease,opacity .2s ease!important;
  }
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
  }
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
  }
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
  }
  header .links{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:12px!important;
    right:12px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:12px!important;
    background:#FFFFFF!important;
    border:1px solid #D7E6E2!important;
    border-radius:18px!important;
    box-shadow:0 25px 60px rgba(5,35,41,.20)!important;
    z-index:3999!important;
    max-height:calc(100vh - 110px)!important;
    overflow-y:auto!important;
  }
  header .links.mobile-open{
    display:flex!important;
    animation:mobileMenuIn .22s ease-out both!important;
  }
  header .links a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:11px 14px!important;
    border-radius:11px!important;
    color:#092A31!important;
    background:transparent!important;
    font-weight:800!important;
    text-decoration:none!important;
  }
  header .links a:hover,
  header .links a:focus{
    background:#EDF9F6!important;
    color:#087F77!important;
  }
  header .links .pay-nav{
    color:#654509!important;
    background:linear-gradient(135deg,#FFE69A,#FFC36A)!important;
  }
  header .links .btn-primary{
    color:#06221F!important;
    background:linear-gradient(135deg,#67E8D0,#12B8A6)!important;
    justify-content:center!important;
    margin-top:4px!important;
  }
  body.mobile-menu-open{overflow:hidden!important}
}
@keyframes mobileMenuIn{
  from{opacity:0;transform:translateY(-7px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(min-width:901px){
  .mobile-menu-btn{display:none!important}
}


/* Existing hamburger compatibility */
@media(max-width:900px){
  header .menu.mobile-menu-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    width:44px!important;height:44px!important;
    padding:0!important;
    border:1px solid rgba(8,55,59,.15)!important;
    border-radius:12px!important;
    background:#fff!important;
    cursor:pointer!important;
    z-index:4000!important;
  }
  header .menu.mobile-menu-btn span{
    display:block!important;width:20px!important;height:2px!important;
    background:#092A31!important;border-radius:3px!important;
  }
}


/* =========================================================
   MINOR ONLY — CONTACT BAR TEXT BIGGER + BOLDER
   ========================================================= */
.top-status{
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
}
.top-hours{
  font-size:12px!important;
  font-weight:800!important;
}
.top-contact{
  min-height:43px!important;
  padding:7px 15px!important;
  font-size:13px!important;
  font-weight:900!important;
}
.top-contact span:not(.top-icon){
  font-size:13px!important;
  font-weight:900!important;
}
.top-contact strong{
  font-size:12px!important;
  font-weight:950!important;
}
.top-icon{
  width:29px!important;
  height:29px!important;
  font-size:13px!important;
}
@media(max-width:560px){
  .top-status{font-size:11px!important}
  .top-hours{font-size:10px!important}
  .top-contact{
    min-height:40px!important;
    padding:6px 9px!important;
  }
  .top-contact span:not(.top-icon){font-size:11px!important}
  .top-contact strong{font-size:10px!important}
  .top-icon{width:25px!important;height:25px!important}
}


/* MINOR ONLY — requested WhatsApp contact-bar wording */
.top .help-top span:not(.top-icon){
  font-size:13px!important;
  font-weight:950!important;
  color:#FFFFFF!important;
  white-space:nowrap!important;
}
@media(max-width:560px){
  .top .help-top span:not(.top-icon){
    font-size:10.5px!important;
  }
}


/* MINOR ONLY — GREEN WHATSAPP TEXT + PREMIUM FLOW */
.top .help-top span:not(.top-icon){
  color:#8CFFD9!important;
  font-size:13px!important;
  font-weight:950!important;
  background:linear-gradient(90deg,#B8FFE8,#45F0B5,#FFFFFF,#63E9C7,#B8FFE8);
  background-size:300% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:whatsappTextFlow 4s ease-in-out infinite;
  text-shadow:none!important;
}
@keyframes whatsappTextFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.top .help-top .top-icon{
  background:rgba(98,255,205,.20)!important;
  border-color:rgba(98,255,205,.42)!important;
  color:#8CFFD9!important;
  box-shadow:0 0 18px rgba(69,240,181,.20)!important;
}
@media(max-width:560px){
  .top .help-top span:not(.top-icon){
    font-size:10.5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .top .help-top span:not(.top-icon){animation:none!important}
}


/* MINOR ONLY — WhatsApp BUTTON BACKGROUND green flow */
.top .help-top{
  color:#FFFFFF!important;
  background:linear-gradient(
    115deg,
    #075E54 0%,
    #128C7E 22%,
    #25D366 45%,
    #12BFA6 68%,
    #075E54 100%
  )!important;
  background-size:300% 300%!important;
  animation:whatsappBackgroundFlow 5s ease-in-out infinite!important;
  border-color:rgba(115,255,202,.42)!important;
  box-shadow:
    0 9px 28px rgba(37,211,102,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.top .help-top:before{
  background:linear-gradient(
    110deg,
    transparent 20%,
    rgba(255,255,255,.24) 48%,
    transparent 72%
  )!important;
}
.top .help-top span:not(.top-icon){
  color:#FFFFFF!important;
  background:none!important;
  -webkit-text-fill-color:#FFFFFF!important;
  animation:none!important;
}
.top .help-top .top-icon{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#FFFFFF!important;
}
@keyframes whatsappBackgroundFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce){
  .top .help-top{animation:none!important}
}


/* =========================================================
   ABOUT US — PREMIUM CORPORATE WOW SECTION
   ========================================================= */
.about-section{
  position:relative;
  padding:100px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 20%,rgba(18,184,166,.07),transparent 24%),
    radial-gradient(circle at 92% 80%,rgba(128,104,255,.07),transparent 25%),
    linear-gradient(180deg,#F8FAFA,#EEF4F2)!important;
}
.about-head{max-width:850px;margin-bottom:42px}
.about-head h2{max-width:780px}
.about-head p{max-width:820px}
.about-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
  align-items:stretch;
}
.about-story,.about-card,.about-cta{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(8,55,59,.12);
  border-radius:28px;
  background:#FFFFFF;
  box-shadow:0 18px 55px rgba(7,38,43,.08);
}
.about-story{padding:38px}
.about-story:before,.about-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#12B8A6,#67E8D0,#F4BE58,#8068FF,#FF7E67);
  background-size:300% 100%;
  animation:aboutFlow 6s linear infinite;
}
@keyframes aboutFlow{to{background-position:300% 0}}
.about-badge{
  width:58px;height:58px;
  display:grid;place-items:center;
  margin-bottom:22px;
  border-radius:17px;
  background:#06252B;
  border:2px solid #62E9CC;
  color:#FFFFFF;
  font-size:22px;font-weight:950;
  letter-spacing:-1px;
  box-shadow:0 12px 30px rgba(6,37,43,.16);
}
.about-story h3{
  color:#092A31!important;
  font-size:29px;
  line-height:1.18;
  margin-bottom:16px;
}
.about-story p{
  color:#405A61!important;
  font-size:15px;
  line-height:1.78;
}
.about-values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:27px;
}
.about-values div{
  padding:16px;
  border-radius:17px;
  background:#F4F9F7;
  border:1px solid #DFEBE8;
  transition:.3s ease;
}
.about-values div:hover{
  transform:translateY(-5px);
  border-color:#65CFC1;
  box-shadow:0 14px 30px rgba(8,55,59,.09);
}
.about-values strong{
  display:block;
  color:#087F77;
  font-size:12px;
  margin-bottom:8px;
}
.about-values span{
  display:block;
  color:#092A31;
  font-size:14px;
  font-weight:900;
}
.about-values small{
  display:block;
  color:#61757A;
  font-size:11px;
  line-height:1.5;
  margin-top:4px;
}
.about-side{
  display:grid;
  gap:18px;
}
.about-card{
  padding:32px;
  background:#09252B;
  border-color:rgba(98,233,204,.18);
}
.about-card h3{color:#FFFFFF!important;font-size:25px;margin:10px 0 17px}
.about-card-icon{
  width:45px;height:45px;display:grid;place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#67E8D0,#12B8A6);
  color:#06221F;font-weight:1000;
}
.about-card ul{list-style:none;padding:0;margin:0}
.about-card li{
  position:relative;
  padding:9px 0 9px 25px;
  color:#D9E9E7!important;
  font-size:14px;
  line-height:1.55;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.about-card li:last-child{border-bottom:0}
.about-card li:before{
  content:"✓";
  position:absolute;left:0;top:9px;
  color:#67E8D0;font-weight:950;
}
.about-cta{
  padding:25px 28px;
  display:flex;
  flex-direction:column;
  gap:5px;
  background:linear-gradient(135deg,#FFF7DF,#FFF0D1);
  border-color:rgba(244,190,88,.28);
}
.about-cta span{color:#80632B;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:1px}
.about-cta strong{color:#4B350F;font-size:18px}
.about-cta a{
  color:#087F77!important;
  font-size:13px;font-weight:950;
  margin-top:5px;
}
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr}
  .about-values{grid-template-columns:1fr}
}
@media(max-width:560px){
  .about-section{padding:70px 0}
  .about-story{padding:26px 20px}
  .about-card{padding:25px 20px}
  .about-story h3{font-size:25px}
}


/* FINAL MINOR FIX — ABOUT US MENU VISIBILITY */
header .links a[href="#about"]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* =========================================================
   ABOUT US — EXPANDED PROFESSIONAL CONTENT
   ========================================================= */
.about-head p + p{margin-top:12px}
.about-story h3{margin-top:30px}
.about-story h3:first-of-type{margin-top:0}
.about-service-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:22px 0 8px;
}
.about-mini-card{
  padding:18px;
  border:1px solid #DFEBE8;
  border-radius:18px;
  background:#F7FAF9;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.about-mini-card:hover{
  transform:translateY(-4px);
  border-color:#66CFC1;
  box-shadow:0 12px 28px rgba(8,55,59,.09);
}
.about-mini-card strong{
  display:block;
  color:#092A31!important;
  font-size:14px;
  font-weight:900;
  margin-bottom:7px;
}
.about-mini-card p{
  margin:0!important;
  color:#52686D!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.about-card p{
  color:#D9E9E7!important;
  line-height:1.72;
}
.about-card li strong{color:#FFFFFF!important}
.about-commitment p strong{color:#67E8D0!important}
.about-closing{
  position:relative;
  margin-top:24px;
  padding:34px 38px;
  border-radius:26px;
  background:linear-gradient(135deg,#06242A,#0A3A3A);
  border:1px solid rgba(103,232,208,.20);
  box-shadow:0 20px 55px rgba(7,38,43,.13);
  overflow:hidden;
}
.about-closing:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#12B8A6,#67E8D0,#F4BE58,#8068FF,#FF7E67);
  background-size:300% 100%;
  animation:aboutFlow 6s linear infinite;
}
.about-closing h3{
  color:#FFFFFF!important;
  margin:0 0 10px;
  font-size:23px;
}
.about-closing p{
  color:#D8E9E6!important;
  max-width:1050px;
  margin:7px 0;
  line-height:1.75;
}
@media(max-width:900px){
  .about-service-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .about-closing{padding:26px 20px}
}


/* =========================================================
   DEVELOPER CREDIT — PREMIUM FOOTER DESIGN
   ========================================================= */
.developer-credit{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:11px;
  margin:30px auto 0;
  padding:14px 20px;
  max-width:max-content;
  border:1px solid rgba(103,232,208,.18);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(103,232,208,.045));
  box-shadow:0 12px 30px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.07);
}
.developer-label{
  color:#91ABA7!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:1.4px!important;
  white-space:nowrap;
}
.developer-credit a{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  color:#FFFFFF!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.25px;
  text-decoration:none!important;
  transition:transform .3s ease,color .3s ease!important;
}
.developer-credit a:hover{
  transform:translateY(-2px);
  color:#67E8D0!important;
}
.developer-mark{
  display:grid;
  place-items:center;
  width:27px;height:27px;
  border-radius:8px;
  color:#06221F!important;
  font-size:10px!important;
  font-weight:1000!important;
  background:linear-gradient(135deg,#67E8D0,#12B8A6,#F4BE58);
  background-size:200% 200%;
  animation:developerMarkFlow 4s ease-in-out infinite;
  box-shadow:0 5px 15px rgba(18,184,166,.18);
}
@keyframes developerMarkFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(max-width:560px){
  .developer-credit{
    margin-top:24px;
    padding:12px 14px;
    border-radius:17px;
    flex-direction:column;
    gap:7px;
    text-align:center;
  }
  .developer-credit a{
    font-size:10px!important;
    line-height:1.35;
  }
}
@media(prefers-reduced-motion:reduce){
  .developer-mark{animation:none!important}
}


/* =========================================================
   FOOTER CONTENT + SERVICE LINKS — PREMIUM COMPLETE
   ========================================================= */
.footer-brand-column p{
  max-width:430px!important;
}
.footer-tagline{
  display:inline-block;
  margin-top:14px;
  padding:7px 11px;
  border-radius:999px;
  color:#73EED6!important;
  background:rgba(103,232,208,.06);
  border:1px solid rgba(103,232,208,.16);
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.35px;
}
.footer-note{
  margin-top:14px!important;
  color:#AFC5C1!important;
  font-size:11px!important;
  line-height:1.65!important;
}
footer .footer-grid a{
  display:block!important;
  margin:2px 0!important;
}
html{scroll-padding-top:90px}


/* =========================================================
   MINOR ONLY — HOW MAY I HELP YOU? MATCH WHATSAPP FLOATING
   PREMIUM GREEN COLOUR FLOW
   ========================================================= */
.top .help-top{
  background:
    linear-gradient(
      120deg,
      #075E54 0%,
      #128C7E 22%,
      #25D366 45%,
      #20E0A0 62%,
      #128C7E 82%,
      #075E54 100%
    )!important;
  background-size:300% 300%!important;
  animation:whatsappHelpGreenFlow 5s ease-in-out infinite!important;
  border-color:rgba(103,255,198,.48)!important;
  box-shadow:
    0 9px 28px rgba(37,211,102,.28),
    0 0 22px rgba(37,211,102,.12),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.top .help-top:before{
  background:linear-gradient(
    110deg,
    transparent 20%,
    rgba(255,255,255,.28) 48%,
    transparent 72%
  )!important;
}
.top .help-top .top-icon{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#FFFFFF!important;
  box-shadow:0 0 16px rgba(103,255,198,.24)!important;
}
.top .help-top span:not(.top-icon){
  color:#FFFFFF!important;
  background:none!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-weight:950!important;
  text-shadow:0 1px 8px rgba(0,55,42,.20)!important;
}
@keyframes whatsappHelpGreenFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce){
  .top .help-top{animation:none!important}
}


/* =========================================================
   MINOR ONLY — RIGHT FLOATING WHATSAPP BUTTON
   MATCH THE GREEN WHATSAPP WOW FLOW
   ========================================================= */
.float.wa{
  background:
    linear-gradient(
      120deg,
      #075E54 0%,
      #128C7E 22%,
      #25D366 45%,
      #20E0A0 62%,
      #128C7E 82%,
      #075E54 100%
    )!important;
  background-size:300% 300%!important;
  animation:whatsappFloatingGreenFlow 5s ease-in-out infinite!important;
  border:2px solid rgba(103,255,198,.45)!important;
  box-shadow:
    0 14px 34px rgba(37,211,102,.30),
    0 0 24px rgba(37,211,102,.16),
    inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.float.wa:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(
    110deg,
    transparent 20%,
    rgba(255,255,255,.25) 48%,
    transparent 72%
  )!important;
  transform:translateX(-130%)!important;
  animation:whatsappFloatingShine 4.5s ease-in-out infinite!important;
  pointer-events:none!important;
}
.float.wa svg,
.float.wa i,
.float.wa span{
  position:relative!important;
  z-index:2!important;
  color:#FFFFFF!important;
  fill:currentColor!important;
}
@keyframes whatsappFloatingGreenFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes whatsappFloatingShine{
  0%,35%{transform:translateX(-130%);opacity:0}
  50%{opacity:1}
  75%,100%{transform:translateX(130%);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .float.wa{animation:none!important}
  .float.wa:before{animation:none!important}
}


/* =========================================================
   MINOR ONLY — ABOUT US LEFT SPACE BALANCE
   ========================================================= */
.about-section .about-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;
  align-items:stretch!important;
}
.about-section .about-story{
  width:100%!important;
  min-height:100%!important;
  box-sizing:border-box!important;
}
.about-section .about-side{
  width:100%!important;
}
.about-section .about-story > p,
.about-section .about-story > h3{
  max-width:none!important;
}
.about-section .about-story{
  padding:40px!important;
}
.about-section .about-service-grid{
  width:100%!important;
}
@media(max-width:900px){
  .about-section .about-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .about-section .about-story{
    padding:26px 20px!important;
  }
}


/* =========================================================
   SUPPORTING INDIVIDUALS & BUSINESSES — COMPLETE LEFT FLOW
   ========================================================= */
.about-support-panel{
  position:relative;
  margin-top:28px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(135deg,#F5FAF8,#EEF7F4);
  border:1px solid #D8EAE5;
  overflow:hidden;
}
.about-support-panel:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#12B8A6,#67E8D0,#F4BE58,#8068FF);
}
.about-support-title{
  color:#092A31!important;
  font-size:17px;
  font-weight:950;
  margin-bottom:16px;
}
.about-support-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.about-support-grid > div{
  padding:15px;
  border-radius:16px;
  background:#FFFFFF;
  border:1px solid #E0ECE9;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.about-support-grid > div:hover{
  transform:translateY(-3px);
  border-color:#65CFC1;
  box-shadow:0 10px 25px rgba(8,55,59,.08);
}
.support-number{
  display:block;
  color:#0B9A8D!important;
  font-size:10px;
  font-weight:950;
  margin-bottom:5px;
}
.about-support-grid strong{
  display:block;
  color:#092A31!important;
  font-size:13px;
  font-weight:900;
  margin-bottom:5px;
}
.about-support-grid p{
  margin:0!important;
  color:#52686D!important;
  font-size:11px!important;
  line-height:1.6!important;
}
@media(max-width:900px){
  .about-support-grid{grid-template-columns:1fr}
}


/* =========================================================
   ABOUT US — FILL REMAINING LEFT CONTENT SPACE
   ========================================================= */
.about-support-extra{
  margin-top:30px;
}
.about-support-extra h3{
  color:#092A31!important;
  margin-top:28px!important;
}
.about-support-extra h3:first-child{
  margin-top:0!important;
}
.about-support-extra p{
  color:#52686D!important;
  font-size:14px!important;
  line-height:1.76!important;
}
.about-principles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin:23px 0 8px;
}
.about-principles > div{
  padding:16px;
  border-radius:17px;
  background:linear-gradient(145deg,#FFFFFF,#F3F9F7);
  border:1px solid #DDEBE7;
  box-shadow:0 8px 24px rgba(8,55,59,.05);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.about-principles > div:hover{
  transform:translateY(-4px);
  border-color:#63CFC0;
  box-shadow:0 14px 30px rgba(8,55,59,.09);
}
.about-principles strong{
  display:block;
  color:#087F77!important;
  font-size:12px;
  font-weight:950;
  margin-bottom:6px;
}
.about-principles span{
  display:block;
  color:#5A6F74!important;
  font-size:10.5px;
  line-height:1.55;
}
@media(max-width:900px){
  .about-principles{grid-template-columns:1fr}
}


/* =========================================================
   LEFT ABOUT US COLUMN — FILL THE ACTUAL BLANK SPACE
   ========================================================= */
.about-left-expansion{
  margin-top:30px;
}
.about-left-expansion h3{
  color:#092A31!important;
  margin:30px 0 12px!important;
}
.about-left-expansion h3:first-child{
  margin-top:0!important;
}
.about-left-expansion p{
  color:#52686D!important;
  font-size:14px!important;
  line-height:1.76!important;
  margin:0 0 12px!important;
}
.about-left-highlights{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:24px 0 6px;
}
.about-left-highlights > div{
  padding:15px 12px;
  border:1px solid #DDEBE7;
  border-radius:16px;
  background:linear-gradient(145deg,#FFFFFF,#F3F9F7);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.about-left-highlights > div:hover{
  transform:translateY(-4px);
  border-color:#62CFC0;
  box-shadow:0 12px 28px rgba(8,55,59,.08);
}
.about-left-highlights span{
  display:block;
  color:#0B9A8D!important;
  font-size:10px;
  font-weight:950;
  margin-bottom:6px;
}
.about-left-highlights strong{
  display:block;
  color:#092A31!important;
  font-size:12px;
  font-weight:950;
  margin-bottom:5px;
}
.about-left-highlights p{
  margin:0!important;
  color:#60757A!important;
  font-size:10px!important;
  line-height:1.5!important;
}
@media(max-width:900px){
  .about-left-highlights{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .about-left-highlights{grid-template-columns:1fr}
}


/* =========================================================
   CLEAR & PRACTICAL COMMUNICATION — LEFT SIDE EXPANSION
   ========================================================= */
.about-communication-expansion{
  margin-top:30px;
}
.about-communication-expansion h3{
  color:#092A31!important;
  margin:30px 0 12px!important;
}
.about-communication-expansion h3:first-child{
  margin-top:0!important;
}
.about-communication-expansion p{
  color:#52686D!important;
  font-size:14px!important;
  line-height:1.76!important;
  margin:0 0 12px!important;
}
.about-communication-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin:23px 0 7px;
}
.about-communication-points > div{
  padding:16px 14px;
  border-radius:17px;
  background:linear-gradient(145deg,#FFFFFF,#F3F9F7);
  border:1px solid #DDEBE7;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.about-communication-points > div:hover{
  transform:translateY(-4px);
  border-color:#62CFC0;
  box-shadow:0 12px 28px rgba(8,55,59,.08);
}
.about-communication-points span{
  display:block;
  color:#0B9A8D!important;
  font-size:10px;
  font-weight:950;
  margin-bottom:6px;
}
.about-communication-points strong{
  display:block;
  color:#092A31!important;
  font-size:12px;
  font-weight:950;
  margin-bottom:5px;
}
.about-communication-points p{
  margin:0!important;
  color:#60757A!important;
  font-size:10px!important;
  line-height:1.5!important;
}
@media(max-width:900px){
  .about-communication-points{grid-template-columns:1fr}
}



/* Original embedded stylesheet 02 */

/* FINAL MENU: Home + About Us */
header .links{display:flex!important;visibility:visible!important;opacity:1!important}
header .links a[href="#home"],header .links a[href="#about"]{
  display:flex!important;visibility:visible!important;opacity:1!important;
}
@media(max-width:900px){
  header .links{display:none!important}
  header .links.mobile-open{display:flex!important}
}


/* Original embedded stylesheet 03 */

/* FINAL SERVICE NAVIGATION FIX */
html{scroll-behavior:smooth;scroll-padding-top:105px}
section[id]{scroll-margin-top:105px}


/* Original embedded stylesheet 04 */

html{scroll-behavior:smooth;scroll-padding-top:110px}
section[id]{scroll-margin-top:110px}
a[href^="#"]{cursor:pointer!important}


/* Original embedded stylesheet 05 */

html{scroll-behavior:smooth;scroll-padding-top:110px}
section[id]{scroll-margin-top:110px}
header .links a[href^="#"]{cursor:pointer!important}


/* Original embedded stylesheet 06 */

/* FINAL ATTRACTIVE THEME — DESIGN ONLY; CONTENT UNCHANGED */
:root{
  --navy:#082B33;
  --navy2:#0E4650;
  --teal:#00B8A9;
  --mint:#63F2D0;
  --gold:#F5B94C;
  --purple:#725CFF;
  --ink:#16363E;
  --body:#304D55;
  --muted:#60767D;
  --bg:#F5FAF9;
  --white:#FFFFFF;
  --line:#D8E9E6;
}

html{scroll-behavior:smooth}
body{
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(0,184,169,.08),transparent 24%),
    radial-gradient(circle at 92% 32%,rgba(114,92,255,.055),transparent 23%),
    linear-gradient(180deg,#F9FCFB 0%,#F1F7F6 100%)!important;
  line-height:1.75!important;
  letter-spacing:.005em;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  color:#082B33!important;
  font-weight:850!important;
  letter-spacing:-.025em;
}
p,li{color:#304D55}
a{transition:color .25s ease,transform .25s ease}

.top{
  background:
    radial-gradient(circle at 15% 50%,rgba(99,242,208,.18),transparent 24%),
    radial-gradient(circle at 85% 50%,rgba(114,92,255,.18),transparent 26%),
    linear-gradient(105deg,#03171D,#08373E 52%,#071B27)!important;
  color:#E9FFFA!important;
  border-bottom:1px solid rgba(99,242,208,.25);
}
header{
  background:rgba(250,253,252,.96)!important;
  border-bottom:1px solid rgba(8,43,51,.10)!important;
  box-shadow:0 8px 32px rgba(8,43,51,.08)!important;
}
.brand{color:#082B33!important}
.brand small{color:#C4872F!important}
.logo{
  background:linear-gradient(135deg,#06171D,#0B5960 58%,#00B8A9)!important;
  box-shadow:0 10px 30px rgba(0,184,169,.22)!important;
}
.links a{color:#183D45!important}
.links a:hover{color:#009E92!important}

.btn{
  border-radius:13px!important;
  font-weight:800!important;
  box-shadow:0 10px 26px rgba(8,43,51,.12)!important;
}
.btn-primary{
  background:linear-gradient(135deg,#00B8A9,#087E78)!important;
  color:#fff!important;
}
.btn-gold{
  background:linear-gradient(135deg,#FFD875,#E39A3F)!important;
  color:#09272D!important;
}
.btn-light{
  background:#fff!important;
  color:#082B33!important;
  border-color:#D3E3E0!important;
}

.hero{
  background:
    radial-gradient(circle at 82% 10%,rgba(99,242,208,.22),transparent 22%),
    radial-gradient(circle at 12% 88%,rgba(114,92,255,.17),transparent 25%),
    radial-gradient(circle at 58% 50%,rgba(245,185,76,.10),transparent 30%),
    linear-gradient(135deg,#04151B,#07343A 54%,#07565A)!important;
  min-height:680px;
}
.hero h1,.hero h1 span{color:#FFFFFF!important}
.hero h1 span{color:#63F2D0!important}
.hero p{color:#E3F2F0!important}
.eyebrow{color:#A4F8E5!important}
.hero-card{
  background:linear-gradient(145deg,rgba(7,33,39,.96),rgba(10,64,68,.94))!important;
  border:1px solid rgba(99,242,208,.28)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.30)!important;
}
.hero-card h3{color:#FFFFFF!important}
.hero-card .check{color:#E0F1EE!important}
.hero-card .check b{color:#63F2D0!important}

.stats-grid{
  background:#FFFFFF!important;
  border:1px solid #D6E8E4!important;
  box-shadow:0 25px 65px rgba(8,43,51,.12)!important;
}
.stat strong{
  color:#082B33!important;
  background:none!important;
}
.stat span{color:#587078!important}

section{position:relative}
.section-head h2{color:#082B33!important}
.section-head p{color:#304D55!important}

.card,.service-card,.step,.feature,.faq details{
  background:#FFFFFF!important;
  border:1px solid #D8E9E6!important;
  border-radius:22px!important;
  box-shadow:0 12px 38px rgba(8,43,51,.065)!important;
}
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(0,184,169,.36)!important;
  box-shadow:0 25px 65px rgba(8,43,51,.13)!important;
}
.card h3,.service-card h3,.step h3,.feature b,.faq summary{
  color:#082B33!important;
}
.card p,.service-card p,.service-card li,.step p,.feature p,.faq p{
  color:#304D55!important;
}
.icon{
  background:linear-gradient(135deg,#E4FFF8,#DFF5F2)!important;
  color:#008E84!important;
  border:1px solid rgba(0,184,169,.15)!important;
}
.card a{color:#008E84!important}

.dark{
  background:
    radial-gradient(circle at 88% 12%,rgba(99,242,208,.10),transparent 23%),
    radial-gradient(circle at 8% 88%,rgba(114,92,255,.10),transparent 25%),
    #061A20!important;
}
.dark .section-head h2,
.dark .card h3,.dark .service-card h3,.dark .step h3,.dark .feature b{
  color:#F7FFFD!important;
}
.dark .section-head p,.dark .card p,.dark .service-card p,.dark .service-card li,.dark .step p,.dark .feature p{
  color:#D6E8E5!important;
}
.dark .card,.dark .service-card,.dark .step{
  background:#0D2A31!important;
  border-color:rgba(99,242,208,.13)!important;
}

.panel{
  background:
    radial-gradient(circle at 82% 15%,rgba(99,242,208,.15),transparent 28%),
    linear-gradient(145deg,#09272D,#0A555A)!important;
  border:1px solid rgba(99,242,208,.22)!important;
}
.panel h3{color:#fff!important}
.panel p,.panel li{color:#D9EBE8!important}

.cta{
  background:
    radial-gradient(circle at 85% 15%,rgba(99,242,208,.20),transparent 25%),
    radial-gradient(circle at 10% 90%,rgba(114,92,255,.20),transparent 26%),
    linear-gradient(135deg,#07323A,#078C82)!important;
  border:1px solid rgba(99,242,208,.25)!important;
  box-shadow:0 30px 85px rgba(8,43,51,.22)!important;
}
.cta h2{color:#fff!important}
.cta p{color:#E0F1EE!important}

footer{
  background:linear-gradient(135deg,#041419,#061F26 58%,#07151D)!important;
  color:#C9DCD9!important;
}
.footer-title{color:#fff!important}
footer p,footer a,.copy{color:#C9DCD9!important}
footer a:hover{color:#63F2D0!important}

.float{
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
.call{background:linear-gradient(135deg,#00AFA2,#006E6A)!important}
.wa{background:linear-gradient(135deg,#6A56E8,#00B8A9)!important;color:#fff!important}

@media(max-width:560px){
  body{font-size:15px!important}
  h1,h2,h3{letter-spacing:-.018em}
  .hero{min-height:auto}
  .card,.service-card,.step,.feature,.faq details{border-radius:18px!important}
  .hero-card{border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition-duration:.01ms!important}
}


/* Original embedded stylesheet 07 */

/* ABSOLUTE CRISP TEXT — CONTENT/STRUCTURE UNCHANGED */
html{font-size:16px!important}
body{
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  color:#18363D!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

/* Never blur/filter readable content */
h1,h2,h3,h4,h5,h6,p,span,b,strong,a,li,label,summary,small{
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
  -webkit-font-smoothing:antialiased!important;
}

/* Explicitly remove blur from all content surfaces */
header,.top,.hero-card,.card,.service-card,.step,.feature,.faq details,
.panel,.cta,.pay-card,.pay-side,.google-review-shell,.google-review,
.google-rating,.pay-points div,.top-contact,.float,
.about-section,.about-story,.about-side,.about-card,
.about-support-extra,.about-support-panel,.about-mini-card,
.about-communication-expansion,.about-communication-points,
.about-left-expansion,.about-left-highlights,.about-principles{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* LIGHT AREA — maximum practical contrast */
section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section){
  color:#18363D!important;
}
.section-head h2,.about-story h3,.about-card h3,
.card h3,.service-card h3,.step h3,.feature b,.faq summary,
.about-support-title,.about-mini-card strong,.about-principles strong,
.about-communication-points strong,.about-left-highlights strong{
  color:#082B33!important;
  opacity:1!important;
}
.section-head p,.about-story p,.about-card p,.about-support-grid p,
.about-mini-card p,.about-communication-expansion p,
.about-communication-points p,.about-left-expansion p,
.about-left-highlights p,.about-principles span,
.card p,.service-card p,.service-card li,.step p,
.feature p,.faq p{
  color:#304C54!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* DARK AREA — maximum contrast */
.dark .section-head h2,.dark .card h3,.dark .service-card h3,
.dark .step h3,.dark .feature b{
  color:#FFFFFF!important;
}
.dark .section-head p,.dark .card p,.dark .service-card p,
.dark .service-card li,.dark .step p,.dark .feature p{
  color:#DDEBE8!important;
}

/* HERO — clean white/mint text */
.hero h1{color:#FFFFFF!important}
.hero h1 span{color:#63F2D0!important;text-shadow:none!important}
.hero p{color:#E6F3F0!important}
.hero-card h3{color:#FFFFFF!important}
.hero-card .check,.hero-card .check span{color:#E3F1EF!important}
.hero-card .check b{color:#63F2D0!important}

/* PAY / REVIEW / CTA — crisp text */
.pay-content h2,.pay-side h3,.google-review-head h2,.cta h2{
  color:#FFFFFF!important;
}
.pay-content>p,.pay-side p,.pay-points span,.cta p,
.google-review-head p,.google-review p{
  color:#DCEBE8!important;
}
.google-review .review-top b{color:#FFFFFF!important}
.google-review .review-top span,.google-rating small{color:#BCD1CE!important}
.read-more-review{color:#74F6D5!important}

/* NAV + TOP */
.links a{color:#183A42!important}
.links a:hover{color:#008F84!important}
.brand{color:#082B33!important}
.top-status{color:#E9FFFA!important}
.top-hours{color:#B9D1CD!important}

/* Prevent gradient text from becoming low-contrast */
.stat strong{
  color:#082B33!important;
  background:none!important;
  -webkit-text-fill-color:#082B33!important;
}
.stat span{color:#526B72!important}

/* Keep decorative animation, but absolutely no text animation/filter */
.hero h1,.hero p,.hero-card h3,.hero-card .check,
.section-head h2,.section-head p,
.card h3,.card p,.service-card h3,.service-card p,
.step h3,.step p,.feature b,.feature p,
.faq summary,.faq p{
  filter:none!important;
  text-shadow:none!important;
}

/* Mobile: readable without shrinking too far */
@media(max-width:560px){
  body{font-size:15px!important;line-height:1.72!important}
  .section-head p,.about-story p,.about-card p,
  .about-support-grid p,.about-mini-card p,
  .about-communication-expansion p,.about-left-expansion p,
  .about-principles span,.card p,.service-card p,.service-card li,
  .step p,.feature p,.faq p{
    font-size:14px!important;
    line-height:1.72!important;
  }
}


/* Original embedded stylesheet 08 */

/* =========================================================
   FINAL READABILITY OVERRIDE
   DESIGN/COLORS ONLY — NO CONTENT CHANGES
   ========================================================= */

/* Global: no blur/filter on any readable element or its surface */
html,body{filter:none!important}
body,*{
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
h1,h2,h3,h4,h5,h6,p,li,a,span,strong,b,small,label,summary{
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* IMPORTANT: decorative pseudo-elements must never sit above text */
.about-story:before,.about-card:before,.about-closing:before,
.card:before,.service-card:before{
  pointer-events:none!important;
}

/* LIGHT CONTENT — strong readable contrast */
.about-story,
.about-section .about-story,
.about-mini-card,
.about-support-grid > div,
.about-principles > div,
.card,.service-card,.step,.feature,.faq details{
  color:#17383F!important;
}
.about-story h3,
.about-section .about-story h3,
.about-mini-card strong,
.about-support-title,
.about-support-grid strong,
.about-principles strong,
.card h3,.service-card h3,.step h3,.feature b,.faq summary{
  color:#082B33!important;
  -webkit-text-fill-color:#082B33!important;
}
.about-story p,
.about-section .about-story p,
.about-mini-card p,
.about-support-grid p,
.about-principles span,
.card p,.service-card p,.service-card li,.step p,.feature p,.faq p{
  color:#304C54!important;
  -webkit-text-fill-color:#304C54!important;
}

/* =========================================================
   DARK ABOUT CARD — THIS WAS THE MAIN CONTRAST BUG
   ========================================================= */
.about-card,
.about-card.about-commitment,
.about-card.about-relationships{
  background:#09252B!important;
  color:#E8F4F1!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.about-card h3,
.about-card .about-support-extra h3,
.about-card .about-support-extra h3:first-child,
.about-card.about-commitment h3,
.about-card.about-relationships h3{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:none!important;
  opacity:1!important;
}
.about-card p,
.about-card .about-support-extra p,
.about-card.about-commitment p,
.about-card.about-relationships p{
  color:#DDEBE8!important;
  -webkit-text-fill-color:#DDEBE8!important;
  text-shadow:none!important;
  opacity:1!important;
}
.about-card li{
  color:#DDEBE8!important;
  -webkit-text-fill-color:#DDEBE8!important;
}
.about-card li strong{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
.about-card-icon{
  color:#06221F!important;
  -webkit-text-fill-color:#06221F!important;
}

/* Dark closing/support surfaces */
.about-closing{
  color:#E4F2EF!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.about-closing h3,
.about-closing strong{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
.about-closing p,
.about-closing span,
.about-closing li{
  color:#DDEBE8!important;
  -webkit-text-fill-color:#DDEBE8!important;
}

/* DARK SECTIONS — keep every heading/body readable */
.dark .section-head h2,
.dark .section-head h3,
.dark .card h3,
.dark .service-card h3,
.dark .step h3,
.dark .feature b,
.dark .faq summary{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
.dark .section-head p,
.dark .card p,
.dark .service-card p,
.dark .service-card li,
.dark .step p,
.dark .feature p,
.dark .faq p{
  color:#DDEBE8!important;
  -webkit-text-fill-color:#DDEBE8!important;
}

/* HERO */
.hero h1,.hero h2,.hero h3,.hero-card h3{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.hero h1 span{color:#63F2D0!important;-webkit-text-fill-color:#63F2D0!important}
.hero p,.hero-card .check,.hero-card .check span{color:#E7F3F1!important;-webkit-text-fill-color:#E7F3F1!important}
.hero-card .check b{color:#63F2D0!important;-webkit-text-fill-color:#63F2D0!important}

/* PAY */
.pay-card,.pay-side{filter:none!important;backdrop-filter:none!important}
.pay-content h2,.pay-side h3{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.pay-content>p,.pay-side p,.pay-points span{color:#DDEBE8!important;-webkit-text-fill-color:#DDEBE8!important}
.pay-points b{color:#FFD36A!important;-webkit-text-fill-color:#FFD36A!important}

/* GOOGLE REVIEWS */
.google-review-shell,.google-review,.google-rating{
  filter:none!important;
  backdrop-filter:none!important;
}
.google-review-head h2,.google-review .review-top b{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.google-review-head p,.google-review p{color:#DDEBE8!important;-webkit-text-fill-color:#DDEBE8!important}
.google-review .review-top span,.google-rating small{color:#BCD1CE!important;-webkit-text-fill-color:#BCD1CE!important}
.read-more-review{color:#74F6D5!important;-webkit-text-fill-color:#74F6D5!important}

/* CTA */
.cta h2{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.cta p{color:#E0F0ED!important;-webkit-text-fill-color:#E0F0ED!important}

/* NAVIGATION / TOP BAR */
header .links a{color:#183A42!important;-webkit-text-fill-color:#183A42!important}
header .links a:hover{color:#008F84!important;-webkit-text-fill-color:#008F84!important}
.brand{color:#082B33!important}
.top-status{color:#E9FFFA!important}
.top-hours{color:#C1D6D2!important}

/* FOOTER */
footer,footer p,footer a,.copy{color:#C9DCD9!important;-webkit-text-fill-color:#C9DCD9!important}
.footer-title{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
footer a:hover{color:#63F2D0!important;-webkit-text-fill-color:#63F2D0!important}

/* Stats: don't use gradient text */
.stat strong{
  background:none!important;
  color:#082B33!important;
  -webkit-text-fill-color:#082B33!important;
}
.stat span{color:#526B72!important;-webkit-text-fill-color:#526B72!important}

/* No opacity/filters from legacy layers can fade text */
p,li,span,strong,b,h1,h2,h3,h4,h5,h6,a,label,summary{
  opacity:1!important;
  filter:none!important;
}


/* Original embedded stylesheet 09 */

/* =========================================================
   VIJAY E TAX SOLUTIONS — FINAL WOW COLOUR FLOW SYSTEM
   Content/layout untouched. Decorative motion only.
   ========================================================= */

:root{
  --flow-teal:#10C9B5;
  --flow-mint:#72F4D4;
  --flow-gold:#FFD36A;
  --flow-orange:#FF9855;
  --flow-violet:#8068FF;
  --flow-blue:#4DA7FF;
}

/* Animated colour atmosphere */
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(16,201,181,.075),transparent 22%),
    radial-gradient(circle at 92% 18%,rgba(128,104,255,.06),transparent 24%),
    radial-gradient(circle at 45% 92%,rgba(255,211,106,.055),transparent 24%),
    #F4F8F7 !important;
}

/* Moving ambient light, never applied to text */
body:after{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 30%,rgba(16,201,181,.055),transparent 17%),
    radial-gradient(circle at 78% 24%,rgba(128,104,255,.045),transparent 18%),
    radial-gradient(circle at 55% 78%,rgba(255,211,106,.04),transparent 18%);
  animation:ambientFlow 18s ease-in-out infinite alternate;
}
@keyframes ambientFlow{
  0%{transform:translate3d(-2%,0,0) scale(1)}
  50%{transform:translate3d(2%,-1%,0) scale(1.035)}
  100%{transform:translate3d(-1%,2%,0) scale(1.02)}
}

/* Navigation colour-flow accent */
header{
  border-bottom:1px solid transparent !important;
  background-image:
    linear-gradient(rgba(248,251,250,.96),rgba(248,251,250,.96)),
    linear-gradient(90deg,var(--flow-teal),var(--flow-gold),var(--flow-violet),var(--flow-mint));
  background-origin:border-box;
  background-clip:padding-box,border-box;
  background-size:100% 100%,300% 100%;
  animation:navBorderFlow 9s linear infinite;
}
@keyframes navBorderFlow{
  to{background-position:0 0,300% 0}
}

/* Hero: rich moving colour field */
.hero{
  background:
    radial-gradient(circle at 80% 18%,rgba(114,244,212,.22),transparent 21%),
    radial-gradient(circle at 17% 82%,rgba(128,104,255,.18),transparent 25%),
    radial-gradient(circle at 55% 45%,rgba(255,211,106,.12),transparent 27%),
    linear-gradient(125deg,#041116,#082C31 48%,#071A25) !important;
}
.hero:after{
  animation:heroHalo 13s ease-in-out infinite alternate !important;
}
@keyframes heroHalo{
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-25px,18px,0) rotate(12deg)}
  100%{transform:translate3d(18px,-15px,0) rotate(24deg)}
}

/* Hero card: animated spectrum edge */
.hero-card{
  border:1px solid transparent !important;
  background:
    linear-gradient(145deg,rgba(8,27,32,.97),rgba(7,30,35,.97)) padding-box,
    linear-gradient(120deg,var(--flow-mint),var(--flow-teal),var(--flow-gold),var(--flow-violet),var(--flow-mint)) border-box !important;
  background-size:100% 100%,300% 300% !important;
  animation:heroCardBorder 8s linear infinite !important;
}
@keyframes heroCardBorder{
  to{background-position:0 0,300% 0}
}

/* Buttons — flowing premium gradient */
.btn-primary,.btn-gold,.google-view-btn{
  background-size:300% 300% !important;
  animation:buttonSpectrum 5s ease-in-out infinite !important;
}
@keyframes buttonSpectrum{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.btn-primary:hover,.btn-gold:hover,.google-view-btn:hover{
  filter:saturate(1.12) brightness(1.04);
}

/* Card colour-flow top line */
.card:before,.service-card:before{
  background:
    linear-gradient(90deg,var(--flow-mint),var(--flow-teal),var(--flow-gold),var(--flow-orange),var(--flow-violet),var(--flow-mint)) !important;
  background-size:400% 100% !important;
  animation:cardSpectrum 6s linear infinite !important;
}
@keyframes cardSpectrum{
  to{background-position:400% 0}
}

/* Subtle card colour bloom on hover */
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  border-color:rgba(16,201,181,.34) !important;
}
.card:hover:after,.service-card:hover:after{
  background:
    radial-gradient(circle at 0% 0%,rgba(114,244,212,.11),transparent 34%),
    linear-gradient(120deg,transparent 20%,rgba(255,255,255,.62) 48%,transparent 70%) !important;
}

/* Icons gently cycle through the brand spectrum */
.icon{
  background:
    linear-gradient(135deg,rgba(114,244,212,.20),rgba(255,255,255,.92)) !important;
  color:#087F77 !important;
  animation:iconGlow 5s ease-in-out infinite;
}
@keyframes iconGlow{
  0%,100%{box-shadow:0 10px 25px rgba(16,201,181,.10)}
  50%{box-shadow:0 14px 34px rgba(128,104,255,.16)}
}

/* Stats: premium active glow */
.stat:hover{
  background:
    radial-gradient(circle at 50% 0%,rgba(114,244,212,.16),transparent 55%),
    #fff !important;
}
.stat strong{
  background:linear-gradient(90deg,#092B32,var(--flow-teal),#A9653A,var(--flow-violet),#092B32);
  background-size:300% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  animation:statFlow 7s linear infinite;
}
@keyframes statFlow{to{background-position:300% 0}}

/* Dark section gets a slow aurora */
.dark{
  background:
    radial-gradient(circle at 88% 12%,rgba(114,244,212,.14),transparent 23%),
    radial-gradient(circle at 8% 86%,rgba(128,104,255,.13),transparent 25%),
    radial-gradient(circle at 52% 50%,rgba(255,211,106,.055),transparent 30%),
    #07181E !important;
}

/* CTA: moving luxury colour wash */
.cta{
  background:
    radial-gradient(circle at 82% 18%,rgba(114,244,212,.20),transparent 24%),
    radial-gradient(circle at 12% 88%,rgba(128,104,255,.18),transparent 27%),
    radial-gradient(circle at 55% 50%,rgba(255,211,106,.08),transparent 30%),
    linear-gradient(125deg,#07191E,#087D78,#0B514F) !important;
  background-size:auto,auto,auto,220% 220% !important;
  animation:ctaFlow 10s ease-in-out infinite alternate;
}
@keyframes ctaFlow{
  from{background-position:center,center,center,0% 50%}
  to{background-position:center,center,center,100% 50%}
}

/* Pay card spectrum */
.pay-card{
  background:
    radial-gradient(circle at 82% 12%,rgba(114,244,212,.18),transparent 23%),
    radial-gradient(circle at 18% 88%,rgba(128,104,255,.14),transparent 24%),
    linear-gradient(125deg,#06171D,#0A3033,#111C2B) !important;
  background-size:auto,auto,250% 250% !important;
  animation:payColourFlow 11s ease-in-out infinite alternate !important;
}
@keyframes payColourFlow{
  from{background-position:center,center,0% 50%}
  to{background-position:center,center,100% 50%}
}

/* Pay badge */
.pay-badge{
  background:
    linear-gradient(135deg,var(--flow-gold),var(--flow-orange),var(--flow-violet),var(--flow-gold)) !important;
  background-size:250% 250% !important;
  animation:badgeSpectrum 5s ease-in-out infinite, badgeFloat 3s ease-in-out infinite !important;
}
@keyframes badgeSpectrum{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Google reviews — premium aurora */
.google-review-shell{
  background:
    radial-gradient(circle at 10% 15%,rgba(114,244,212,.13),transparent 22%),
    radial-gradient(circle at 90% 75%,rgba(128,104,255,.13),transparent 24%),
    linear-gradient(125deg,#06171D,#0A3033,#111D2D) !important;
  background-size:auto,auto,230% 230% !important;
  animation:reviewsFlow 12s ease-in-out infinite alternate;
}
@keyframes reviewsFlow{
  from{background-position:center,center,0% 50%}
  to{background-position:center,center,100% 50%}
}
.google-review{
  transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease,background .38s ease !important;
}
.google-review:hover{
  background:
    linear-gradient(145deg,rgba(114,244,212,.13),rgba(255,255,255,.045)) !important;
}

/* Floating Call / WhatsApp — distinct but coordinated */
.call{
  background:linear-gradient(120deg,#08706E,var(--flow-teal),#075D5A) !important;
  background-size:220% 220% !important;
  animation:floatPulse 2.8s ease-in-out infinite, floatColour 5s ease-in-out infinite !important;
}
.wa{
  background:linear-gradient(120deg,#513CCB,var(--flow-violet),#12C9B5) !important;
  background-size:220% 220% !important;
  animation:floatPulse 2.8s ease-in-out infinite, floatColour 6s ease-in-out infinite !important;
}
@keyframes floatColour{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Footer: subtle moving top accent */
footer{
  position:relative;
  border-top:1px solid transparent;
  background:
    linear-gradient(#061318,#061318) padding-box,
    linear-gradient(90deg,var(--flow-teal),var(--flow-gold),var(--flow-violet),var(--flow-mint)) border-box !important;
  background-size:100% 100%,350% 100% !important;
  animation:footerFlow 10s linear infinite !important;
}
@keyframes footerFlow{to{background-position:0 0,350% 0}}

/* Top bar colour sweep remains elegant */
.top{
  background:
    radial-gradient(circle at 12% 50%,rgba(114,246,213,.18),transparent 24%),
    radial-gradient(circle at 82% 50%,rgba(139,108,255,.20),transparent 28%),
    linear-gradient(105deg,#031116,#082B30 48%,#07171F) !important;
}

/* Smooth reveal for sections when they naturally enter */
section{
  scroll-margin-top:100px;
}
section:not(.hero){
  --flow-section-alpha:1;
}

/* Prevent motion overload on small screens */
@media(max-width:560px){
  body:after{animation-duration:24s}
  .hero-card,.pay-card,.google-review-shell{animation-duration:12s !important}
  .card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
    transform:translateY(-4px) !important;
  }
}

/* Respect accessibility */
@media(prefers-reduced-motion:reduce){
  body:after,
  header,.hero:after,.hero-card,
  .btn-primary,.btn-gold,.google-view-btn,
  .card:before,.service-card:before,.icon,
  .stat strong,.cta,.pay-card,.pay-badge,
  .google-review-shell,.call,.wa,footer{
    animation:none !important;
  }
}


/* Original embedded stylesheet 10 */

/* =========================================================
   VIJAY E TAX SOLUTIONS — UNIQUE SIGNATURE DESIGN
   Design-only enhancement. Existing content preserved.
   ========================================================= */

:root{
  --sig-teal:#0ABFAE;
  --sig-mint:#78F2D3;
  --sig-gold:#F6C85F;
  --sig-violet:#7564FF;
  --sig-ink:#08262D;
}

/* Signature background grid */
body{
  background:
    linear-gradient(rgba(10,191,174,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,191,174,.028) 1px,transparent 1px),
    #F4F8F7 !important;
  background-size:42px 42px !important;
}

/* Distinctive diagonal navigation accent */
header{
  box-shadow:0 12px 38px rgba(5,45,48,.08) !important;
}
header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-2px;height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    var(--sig-teal) 18%,
    var(--sig-gold) 38%,
    var(--sig-violet) 62%,
    var(--sig-mint) 82%,
    transparent 100%);
  background-size:220% 100%;
  animation:signatureLine 8s linear infinite;
}
@keyframes signatureLine{
  to{background-position:220% 0}
}

/* Hero gets a unique architectural halo */
.hero{
  overflow:hidden !important;
}
.hero:before{
  width:680px !important;
  height:680px !important;
  right:-250px !important;
  top:-250px !important;
  border:1px solid rgba(120,242,211,.24) !important;
  box-shadow:
    0 0 0 45px rgba(120,242,211,.035),
    0 0 0 105px rgba(117,100,255,.025),
    0 0 0 175px rgba(246,200,95,.018) !important;
}
.hero:after{
  width:260px !important;
  height:260px !important;
  left:48% !important;
  bottom:-180px !important;
  background:linear-gradient(135deg,rgba(120,242,211,.10),rgba(117,100,255,.08)) !important;
  filter:blur(28px) !important;
}

/* Hero heading: distinctive underline marker */
.hero h1{
  position:relative;
  display:inline-block;
}
.hero h1:after{
  content:"";
  position:absolute;
  left:2px;
  bottom:-12px;
  width:110px;
  height:4px;
  border-radius:20px;
  background:linear-gradient(90deg,var(--sig-teal),var(--sig-gold),var(--sig-violet));
  background-size:200% 100%;
  animation:markerFlow 4s ease-in-out infinite alternate;
}
@keyframes markerFlow{
  from{background-position:0 0;width:78px}
  to{background-position:100% 0;width:145px}
}

/* Unique cards: asymmetric corner detail */
.card,.service-card,.step,.feature,.faq details{
  border-radius:22px !important;
}
.card:nth-child(3n+1),
.service-card:nth-child(3n+1){
  border-top-left-radius:34px !important;
}
.card:nth-child(3n+2),
.service-card:nth-child(3n+2){
  border-bottom-right-radius:34px !important;
}
.card:nth-child(3n),
.service-card:nth-child(3n){
  border-top-right-radius:34px !important;
}

/* Signature corner glow */
.card:after,.service-card:after{
  background:
    radial-gradient(circle at 100% 0%,rgba(120,242,211,.16),transparent 28%),
    linear-gradient(120deg,transparent 20%,rgba(255,255,255,.55) 48%,transparent 70%) !important;
}

/* Service cards get a numbered visual rail */
.service-card{
  border-left:3px solid transparent !important;
  background-image:
    linear-gradient(#fff,#fff),
    linear-gradient(180deg,var(--sig-teal),var(--sig-gold),var(--sig-violet)) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
}

/* Stats become a floating command strip */
.stats-grid{
  border-radius:26px !important;
  transform:translateY(0);
  box-shadow:
    0 25px 70px rgba(5,45,48,.12),
    0 0 0 1px rgba(10,191,174,.05) !important;
}
.stat{
  position:relative;
}
.stat:not(:last-child):after{
  content:"";
  position:absolute;
  right:0;top:24%;height:52%;width:1px;
  background:linear-gradient(180deg,transparent,var(--sig-teal),transparent);
}

/* Unique section separators */
section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section):before{
  content:"";
  position:absolute;
  top:28px;
  left:50%;
  width:54px;height:4px;
  border-radius:10px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--sig-teal),var(--sig-gold),var(--sig-violet));
  opacity:.55;
}

/* Dark sections receive a premium framed edge */
.dark{
  border-top:1px solid rgba(120,242,211,.12) !important;
  border-bottom:1px solid rgba(117,100,255,.10) !important;
}

/* CTA unique capsule geometry */
.cta{
  position:relative;
  border-radius:36px !important;
  overflow:hidden;
}
.cta:before{
  content:"";
  position:absolute;
  width:180px;height:180px;
  right:-65px;top:-70px;
  border:1px solid rgba(255,211,106,.30);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(255,211,106,.035),
             0 0 0 60px rgba(120,242,211,.025);
  animation:ctaOrbit 10s linear infinite;
  pointer-events:none;
}
@keyframes ctaOrbit{
  to{transform:rotate(360deg)}
}

/* Pay card: signature diagonal visual */
.pay-card{
  border-radius:38px !important;
}
.pay-card:after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-180px;bottom:-220px;
  border:1px solid rgba(255,211,106,.20);
  border-radius:50%;
  box-shadow:
    0 0 0 45px rgba(255,211,106,.025),
    0 0 0 90px rgba(117,100,255,.025);
  animation:payRing 12s linear infinite;
  pointer-events:none;
}
@keyframes payRing{
  to{transform:rotate(-360deg)}
}

/* Review cards use alternating visual geometry */
.google-review:nth-child(odd){
  border-radius:28px 18px 28px 18px !important;
}
.google-review:nth-child(even){
  border-radius:18px 28px 18px 28px !important;
}

/* Premium avatar ring */
.avatar{
  box-shadow:0 0 0 3px rgba(120,242,211,.10),0 8px 22px rgba(10,191,174,.12);
}

/* Unique floating contact shapes */
.float{
  border-radius:20px 10px 20px 10px !important;
}
.call{border-radius:10px 20px 10px 20px !important}
.wa{border-radius:20px 10px 20px 10px !important}

/* Footer signature line */
footer:before{
  content:"";
  position:absolute;
  top:0;left:10%;right:10%;height:2px;
  background:linear-gradient(90deg,transparent,var(--sig-teal),var(--sig-gold),var(--sig-violet),transparent);
  background-size:300% 100%;
  animation:footerSignature 9s linear infinite;
}
@keyframes footerSignature{
  to{background-position:300% 0}
}

/* Keep all decorative effects safe on mobile */
@media(max-width:560px){
  .hero h1:after{bottom:-9px}
  .stats-grid{border-radius:22px !important}
  .stat:not(:last-child):after{display:none}
  section:not(.hero):not(.dark):not(.pay-section):not(.google-reviews-section):before{
    top:18px;
  }
  .cta,.pay-card{border-radius:28px !important}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  header:after,.hero:before,.hero h1:after,
  .cta:before,.pay-card:after,footer:before{
    animation:none !important;
  }
}


/* Original embedded stylesheet 11 */

/* =========================================================
   ULTIMATE UNIQUE COLOUR — "AURORA CHAMPAGNE"
   Design/colour only. Existing content preserved.
   ========================================================= */
:root{
  --aurora:#00D6C3;
  --ice:#8CFFE7;
  --champagne:#FFE08A;
  --coral:#FF8C69;
  --royal:#7B61FF;
  --deep:#06151B;
}

/* Signature luxury background */
body{
  background:
    radial-gradient(circle at 12% 10%,rgba(0,214,195,.095),transparent 20%),
    radial-gradient(circle at 88% 22%,rgba(123,97,255,.075),transparent 22%),
    radial-gradient(circle at 52% 96%,rgba(255,224,138,.065),transparent 22%),
    #F5FAF8 !important;
}

/* Brand spectrum */
.brand .logo{
  background:
    linear-gradient(135deg,#031015,#0B3435,#063E4A) !important;
  border:1px solid rgba(140,255,231,.28);
  box-shadow:
    0 10px 30px rgba(0,214,195,.20),
    0 0 0 1px rgba(255,224,138,.10);
}

/* Unique top bar */
.top{
  background:
    radial-gradient(circle at 8% 50%,rgba(0,214,195,.22),transparent 23%),
    radial-gradient(circle at 92% 50%,rgba(123,97,255,.20),transparent 25%),
    linear-gradient(105deg,#031116,#07373B 48%,#11152B) !important;
}

/* Hero: aurora + champagne luxury */
.hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(140,255,231,.24),transparent 20%),
    radial-gradient(circle at 15% 82%,rgba(123,97,255,.20),transparent 24%),
    radial-gradient(circle at 52% 42%,rgba(255,224,138,.13),transparent 26%),
    linear-gradient(120deg,#031015 0%,#06272D 43%,#0A2030 72%,#15152A 100%) !important;
}
.hero h1 span{
  background:linear-gradient(90deg,var(--ice),var(--champagne),var(--aurora));
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  animation:wowTextFlow 5s ease-in-out infinite alternate;
}
@keyframes wowTextFlow{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}

/* Hero card gets a champagne-aurora border */
.hero-card{
  background:
    linear-gradient(145deg,rgba(4,22,27,.98),rgba(8,31,37,.98)) padding-box,
    linear-gradient(135deg,var(--aurora),var(--ice),var(--champagne),var(--royal),var(--aurora)) border-box !important;
  border:1px solid transparent !important;
  background-size:100% 100%,350% 350% !important;
  animation:wowBorder 8s linear infinite !important;
}
@keyframes wowBorder{
  to{background-position:0 0,350% 0}
}

/* Buttons: uncommon teal/champagne/royal blend */
.btn-primary{
  background:linear-gradient(120deg,#00AFA0,#00D6C3,#7B61FF,#00AFA0) !important;
  background-size:300% 300% !important;
  color:#03171B !important;
}
.btn-gold{
  background:linear-gradient(120deg,#FFE08A,#FFB86B,#FF8C69,#FFE08A) !important;
  background-size:300% 300% !important;
  color:#241507 !important;
}
.btn-primary,.btn-gold{
  animation:wowButton 5s ease-in-out infinite !important;
}
@keyframes wowButton{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Cards: aurora-to-champagne accent */
.card:before,.service-card:before{
  background:
    linear-gradient(90deg,var(--aurora),var(--ice),var(--champagne),var(--coral),var(--royal),var(--aurora)) !important;
  background-size:450% 100% !important;
  animation:wowAccent 7s linear infinite !important;
}
@keyframes wowAccent{
  to{background-position:450% 0}
}
.card:hover,.service-card:hover,.step:hover{
  box-shadow:
    0 28px 75px rgba(5,45,48,.14),
    0 0 35px rgba(0,214,195,.055) !important;
}

/* Icons use a jewel-like gradient */
.icon{
  background:
    linear-gradient(135deg,rgba(140,255,231,.28),rgba(255,224,138,.16)) !important;
  color:#087E78 !important;
  border-color:rgba(0,214,195,.20) !important;
}

/* Stats champagne-metallic text */
.stat strong{
  background:
    linear-gradient(90deg,#08282F,var(--aurora),#B77B2B,var(--champagne),#08282F);
  background-size:350% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  animation:wowStat 8s linear infinite;
}
@keyframes wowStat{to{background-position:350% 0}}

/* Dark sections: midnight aurora */
.dark{
  background:
    radial-gradient(circle at 90% 10%,rgba(0,214,195,.17),transparent 23%),
    radial-gradient(circle at 8% 90%,rgba(123,97,255,.16),transparent 25%),
    radial-gradient(circle at 55% 48%,rgba(255,224,138,.065),transparent 29%),
    #06151B !important;
}

/* CTA: signature sunset-aurora */
.cta{
  background:
    radial-gradient(circle at 82% 18%,rgba(140,255,231,.22),transparent 23%),
    radial-gradient(circle at 13% 87%,rgba(123,97,255,.20),transparent 25%),
    radial-gradient(circle at 54% 52%,rgba(255,224,138,.11),transparent 27%),
    linear-gradient(125deg,#062027,#087E78,#164D5B,#27204A) !important;
  background-size:auto,auto,auto,300% 300% !important;
  animation:wowCta 11s ease-in-out infinite alternate !important;
}
@keyframes wowCta{
  from{background-position:center,center,center,0% 50%}
  to{background-position:center,center,center,100% 50%}
}

/* Pay section: premium midnight-jewel */
.pay-card{
  background:
    radial-gradient(circle at 82% 10%,rgba(140,255,231,.19),transparent 22%),
    radial-gradient(circle at 15% 88%,rgba(123,97,255,.17),transparent 25%),
    radial-gradient(circle at 56% 48%,rgba(255,224,138,.08),transparent 27%),
    linear-gradient(125deg,#04151B,#07363A,#151A32) !important;
}

/* Google reviews: unique jewel-room feel */
.google-review-shell{
  background:
    radial-gradient(circle at 10% 12%,rgba(0,214,195,.15),transparent 22%),
    radial-gradient(circle at 90% 80%,rgba(123,97,255,.16),transparent 24%),
    linear-gradient(125deg,#04161C,#07363A,#151A31) !important;
}
.google-rating{
  border-color:rgba(255,224,138,.20) !important;
}
.google-g{
  background:linear-gradient(135deg,#F8FFFF,#DFFFF4,#FFE08A) !important;
  color:#08746C !important;
}

/* Floating buttons — premium contrast */
.call{
  background:linear-gradient(120deg,#057F78,#00D6C3,#08736D) !important;
  background-size:250% 250% !important;
  animation:floatPulse 2.8s ease-in-out infinite,wowFloat 5s ease-in-out infinite !important;
}
.wa{
  background:linear-gradient(120deg,#5740D4,#7B61FF,#00CDBA) !important;
  background-size:250% 250% !important;
  animation:floatPulse 2.8s ease-in-out infinite,wowFloat 6s ease-in-out infinite !important;
}
@keyframes wowFloat{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Footer — midnight with aurora edge */
footer{
  background:
    radial-gradient(circle at 15% 0%,rgba(0,214,195,.09),transparent 25%),
    radial-gradient(circle at 85% 0%,rgba(123,97,255,.09),transparent 25%),
    #041116 !important;
}
footer:before{
  background:linear-gradient(90deg,transparent,var(--aurora),var(--champagne),var(--royal),transparent) !important;
  background-size:350% 100% !important;
}

/* Mobile remains clean and premium */
@media(max-width:560px){
  .hero h1 span{animation-duration:7s}
  .cta,.pay-card,.google-review-shell{background-size:auto,auto,auto,220% 220% !important}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .hero h1 span,.hero-card,.btn-primary,.btn-gold,
  .card:before,.service-card:before,.stat strong,
  .cta,.call,.wa{
    animation:none !important;
  }
}


/* Original embedded stylesheet 12 */

/* =========================================================
   PREMIUM CONTENT CARDS — "SIGNATURE GLASS ARCHITECTURE"
   Content itself is untouched; presentation gets WOW treatment.
   ========================================================= */

:root{
  --pc-teal:#00D6C3;
  --pc-mint:#8CFFE7;
  --pc-gold:#FFE08A;
  --pc-violet:#7B61FF;
  --pc-coral:#FF8C69;
  --pc-ink:#08262D;
}

/* Core content cards */
.card,.service-card,.step,.feature,.faq details{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,252,250,.98)) !important;
  border:1px solid rgba(8,73,77,.12) !important;
  box-shadow:
    0 16px 42px rgba(5,42,47,.075),
    0 3px 12px rgba(5,42,47,.035) !important;
  transition:
    transform .45s cubic-bezier(.2,.8,.2,1),
    box-shadow .45s ease,
    border-color .45s ease !important;
}

/* Premium ambient corner light */
.card:after,.service-card:after,.step:after,.feature:after,.faq details:after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-105px;top:-105px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(0,214,195,.14),rgba(123,97,255,.055) 42%,transparent 70%);
  opacity:.72;
  pointer-events:none;
  z-index:-1;
  transform:scale(.8);
  transition:transform .6s ease,opacity .6s ease;
}

/* Animated premium edge */
.card:before,.service-card:before{
  content:"";
  position:absolute !important;
  left:0;right:0;top:0;height:4px !important;
  background:
    linear-gradient(90deg,
      var(--pc-teal),
      var(--pc-mint),
      var(--pc-gold),
      var(--pc-coral),
      var(--pc-violet),
      var(--pc-teal)) !important;
  background-size:500% 100% !important;
  animation:premiumEdge 8s linear infinite !important;
  z-index:3;
}
@keyframes premiumEdge{
  to{background-position:500% 0}
}

/* Elegant content hover */
.card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
  transform:translateY(-11px) !important;
  border-color:rgba(0,214,195,.30) !important;
  box-shadow:
    0 30px 75px rgba(5,42,47,.14),
    0 0 0 1px rgba(140,255,231,.07),
    0 12px 38px rgba(0,214,195,.055) !important;
}
.card:hover:after,.service-card:hover:after,.step:hover:after,
.feature:hover:after,.faq details:hover:after{
  transform:scale(1.35);
  opacity:1;
}

/* Premium inner frame */
.card,.service-card{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 16px 42px rgba(5,42,47,.075),
    0 3px 12px rgba(5,42,47,.035) !important;
}
.card:hover,.service-card:hover{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.9),
    0 30px 75px rgba(5,42,47,.14),
    0 0 35px rgba(0,214,195,.055) !important;
}

/* Icon becomes a premium jewel tile */
.card .icon,.service-card .icon{
  position:relative;
  background:
    linear-gradient(135deg,rgba(140,255,231,.30),rgba(255,224,138,.16)) !important;
  border:1px solid rgba(0,214,195,.18) !important;
  box-shadow:
    0 10px 26px rgba(0,180,160,.10),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition:transform .45s ease,box-shadow .45s ease !important;
}
.card:hover .icon,.service-card:hover .icon{
  transform:translateY(-5px) rotate(-4deg) scale(1.08) !important;
  box-shadow:
    0 16px 34px rgba(0,180,160,.17),
    0 0 0 6px rgba(140,255,231,.055) !important;
}

/* Headings feel more editorial */
.card h3,.service-card h3,.step h3{
  position:relative;
  z-index:2;
  letter-spacing:-.02em !important;
}
.card h3:after,.service-card h3:after{
  content:"";
  display:block;
  width:34px;height:3px;
  margin-top:9px;
  border-radius:10px;
  background:linear-gradient(90deg,var(--pc-teal),var(--pc-gold));
  transition:width .4s ease;
}
.card:hover h3:after,.service-card:hover h3:after{
  width:68px;
}

/* Content text gets stronger visual hierarchy */
.card p,.service-card p,.service-card li,.step p,.feature p,.faq p{
  position:relative;
  z-index:2;
  color:#304B52 !important;
}
.card a{
  position:relative;
  z-index:2;
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border-radius:11px;
  color:#087E78 !important;
  background:rgba(0,214,195,.065);
  border:1px solid rgba(0,214,195,.12);
  transition:all .35s ease !important;
}
.card a:after{
  content:"→";
  transition:transform .3s ease;
}
.card a:hover{
  background:linear-gradient(135deg,rgba(0,214,195,.12),rgba(123,97,255,.08));
  border-color:rgba(0,214,195,.25);
  transform:translateX(3px);
}
.card a:hover:after{transform:translateX(4px)}

/* Service cards: premium left rail + depth */
.service-card{
  border-left:4px solid transparent !important;
  background-image:
    linear-gradient(#fff,#fff),
    linear-gradient(180deg,var(--pc-teal),var(--pc-gold),var(--pc-violet)) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
}
.service-card ul{
  position:relative;
  z-index:2;
}
.service-card li::marker{
  color:#0ABFAE;
}

/* Process cards become milestone tiles */
.step{
  padding-top:31px !important;
}
.step b{
  display:inline-flex;
  width:48px;height:48px;
  align-items:center;justify-content:center;
  border-radius:15px;
  color:#08756E !important;
  background:linear-gradient(135deg,#DFFFF5,#FFF0C5);
  box-shadow:0 9px 22px rgba(0,180,160,.10);
  font-size:20px !important;
  transition:transform .4s ease,box-shadow .4s ease;
}
.step:hover b{
  transform:rotate(-5deg) scale(1.08);
  box-shadow:0 14px 30px rgba(0,180,160,.16);
}

/* Feature rows become premium information strips */
.feature{
  border-radius:19px !important;
  background:
    linear-gradient(100deg,#fff,rgba(248,253,251,.98)) !important;
}
.feature .num{
  min-width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#08756E !important;
  background:linear-gradient(135deg,#DFFFF5,#FFF0C5);
}

/* FAQ premium open state */
.faq details[open]{
  background:
    linear-gradient(105deg,rgba(0,214,195,.045),rgba(255,255,255,.98),rgba(123,97,255,.035)) !important;
  border-color:rgba(0,214,195,.34) !important;
}
.faq details[open] summary{
  color:#08756E !important;
}

/* Dark content cards */
.dark .card,.dark .service-card,.dark .step{
  background:
    linear-gradient(145deg,#102D33,#0B2027) !important;
  border-color:rgba(140,255,231,.12) !important;
}
.dark .card p,.dark .service-card p,.dark .service-card li,.dark .step p{
  color:#D9E9E7 !important;
}
.dark .card h3,.dark .service-card h3,.dark .step h3{
  color:#F5FFFD !important;
}
.dark .card a{
  color:#78F2D3 !important;
  background:rgba(0,214,195,.075);
  border-color:rgba(120,242,211,.15);
}

/* Mobile: preserve premium feel without excessive lift */
@media(max-width:560px){
  .card,.service-card,.step,.feature,.faq details{
    border-radius:20px !important;
  }
  .card:hover,.service-card:hover,.step:hover,.feature:hover,.faq details:hover{
    transform:translateY(-5px) !important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .card:before,.service-card:before{
    animation:none !important;
  }
  .card,.service-card,.step,.feature,.faq details,
  .card:after,.service-card:after,.step:after,.feature:after,.faq details:after,
  .card .icon,.service-card .icon,.step b{
    transition:none !important;
  }
}


/* Original embedded stylesheet 13 */

/* =========================================================
   ULTRA PREMIUM CARDS — "JEWEL FLOAT" DESIGN
   Presentation-only. Existing content/layout preserved.
   ========================================================= */

:root{
  --j-teal:#00D8C4;
  --j-mint:#9BFFE9;
  --j-gold:#FFE39A;
  --j-violet:#806BFF;
  --j-ink:#07272E;
}

/* Elevated card architecture */
.card,.service-card,.step,.feature,.faq details{
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 18px 45px rgba(4,43,48,.075),
    0 5px 14px rgba(4,43,48,.035) !important;
  transform-style:preserve-3d;
}

/* Luxurious inner frame */
.card,.service-card{
  border:1px solid transparent !important;
  background:
    linear-gradient(145deg,#FFFFFF 0%,#FBFEFD 58%,#F4FAF8 100%) padding-box,
    linear-gradient(135deg,
      rgba(0,216,196,.32),
      rgba(155,255,233,.20),
      rgba(255,227,154,.28),
      rgba(128,107,255,.20)) border-box !important;
}

/* Premium corner jewel */
.card:after,.service-card:after{
  width:240px !important;
  height:240px !important;
  right:-145px !important;
  top:-145px !important;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(155,255,233,.24) 0,
      rgba(0,216,196,.10) 22%,
      rgba(128,107,255,.045) 43%,
      transparent 70%) !important;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s ease !important;
}
.card:hover:after,.service-card:hover:after{
  transform:scale(1.55) rotate(15deg) !important;
}

/* Floating highlight strip */
.card,.service-card,.step{
  overflow:hidden !important;
}
.card:before,.service-card:before{
  height:5px !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      var(--j-teal) 15%,
      var(--j-mint) 35%,
      var(--j-gold) 55%,
      var(--j-violet) 78%,
      transparent 100%) !important;
  background-size:240% 100% !important;
  animation:jewelSweep 5.5s linear infinite !important;
}
@keyframes jewelSweep{
  from{background-position:-120% 0}
  to{background-position:120% 0}
}

/* Micro depth on hover */
.card:hover,.service-card:hover{
  transform:translateY(-13px) scale(1.012) !important;
  box-shadow:
    0 34px 82px rgba(4,43,48,.145),
    0 0 0 1px rgba(0,216,196,.10),
    0 0 38px rgba(0,216,196,.055) !important;
}

/* Headline gets a premium accent */
.card h3,.service-card h3{
  position:relative;
  z-index:4;
}
.card h3:after,.service-card h3:after{
  width:42px !important;
  height:3px !important;
  margin-top:11px !important;
  background:linear-gradient(90deg,var(--j-teal),var(--j-gold),var(--j-violet)) !important;
  background-size:220% 100% !important;
  animation:jewelTextLine 4s ease-in-out infinite alternate;
}
@keyframes jewelTextLine{
  from{width:34px;background-position:0 0}
  to{width:82px;background-position:100% 0}
}

/* Icon = premium glass jewel */
.card .icon,.service-card .icon{
  border-radius:17px !important;
  background:
    linear-gradient(145deg,#E7FFF8,#FFF8DF 52%,#F0EDFF) !important;
  border:1px solid rgba(0,175,160,.16) !important;
  box-shadow:
    0 13px 30px rgba(0,150,140,.12),
    inset 0 1px 0 #fff !important;
}
.card:hover .icon,.service-card:hover .icon{
  transform:translateY(-7px) rotate(-5deg) scale(1.10) !important;
  box-shadow:
    0 18px 38px rgba(0,150,140,.18),
    0 0 0 7px rgba(155,255,233,.06) !important;
}

/* Paragraph readability stays crisp */
.card p,.service-card p,.service-card li{
  position:relative;
  z-index:4;
  color:#304B52 !important;
}

/* Premium CTA link pill */
.card a{
  border-radius:13px !important;
  background:
    linear-gradient(135deg,rgba(0,216,196,.09),rgba(128,107,255,.06)) !important;
  border:1px solid rgba(0,180,165,.14) !important;
  box-shadow:0 5px 15px rgba(0,150,140,.055);
}

/* Service card has a subtle vertical jewel rail */
.service-card{
  border-left:4px solid transparent !important;
  background-image:
    linear-gradient(#fff,#fff),
    linear-gradient(180deg,var(--j-teal),var(--j-gold),var(--j-violet)) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
}

/* Process tiles */
.step{
  background:
    linear-gradient(145deg,#FFFFFF,#F7FCFA) !important;
}
.step b{
  background:
    linear-gradient(135deg,#DFFFF5,#FFF0C6,#EAE6FF) !important;
  color:#087A72 !important;
  box-shadow:
    0 12px 27px rgba(0,160,150,.11),
    inset 0 1px 0 #fff !important;
}
.step:hover{
  box-shadow:
    0 30px 70px rgba(4,43,48,.13),
    0 0 28px rgba(0,216,196,.05) !important;
}

/* Feature strips */
.feature{
  background:
    linear-gradient(100deg,#FFFFFF,#F9FDFC) !important;
  box-shadow:
    0 12px 32px rgba(4,43,48,.055) !important;
}
.feature:hover{
  box-shadow:
    0 22px 48px rgba(4,43,48,.105) !important;
}

/* FAQ — premium active panel */
.faq details[open]{
  background:
    linear-gradient(105deg,
      rgba(0,216,196,.065),
      #FFFFFF 48%,
      rgba(128,107,255,.055)) !important;
  box-shadow:
    0 22px 52px rgba(4,43,48,.10),
    0 0 0 1px rgba(0,216,196,.08) !important;
}

/* Dark premium cards */
.dark .card,.dark .service-card,.dark .step{
  background:
    linear-gradient(145deg,#102E35,#0A2028) !important;
  border-color:rgba(155,255,233,.14) !important;
}
.dark .card:hover,.dark .service-card:hover,.dark .step:hover{
  box-shadow:
    0 32px 78px rgba(0,0,0,.30),
    0 0 38px rgba(0,216,196,.07) !important;
}

/* Mobile refinement */
@media(max-width:560px){
  .card:hover,.service-card:hover{
    transform:translateY(-7px) scale(1.005) !important;
  }
  .card:after,.service-card:after{
    opacity:.55;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .card:before,.service-card:before,
  .card h3:after,.service-card h3:after{
    animation:none !important;
  }
}


/* Original embedded stylesheet 14 */

/* ========================= PAY US — PREMIUM WOW SYSTEM ========================= */
.pay-wow-section{padding:105px 0;background:
  radial-gradient(circle at 7% 12%,rgba(16,201,181,.14),transparent 25%),
  radial-gradient(circle at 93% 80%,rgba(128,104,255,.13),transparent 28%),
  radial-gradient(circle at 52% 55%,rgba(255,211,106,.08),transparent 24%),#F3F9F7;overflow:hidden}
.pay-wow-shell{position:relative;padding:48px;border-radius:38px;background:linear-gradient(135deg,#041318 0%,#082A30 46%,#111A2B 100%);border:1px solid rgba(114,244,212,.25);box-shadow:0 45px 120px rgba(4,29,31,.30);overflow:hidden}
.pay-wow-shell:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(114,244,212,.09) 55deg,transparent 120deg,rgba(128,104,255,.08) 210deg,transparent 285deg);animation:payOrbit 18s linear infinite;pointer-events:none}
.pay-wow-shell:after{content:"";position:absolute;inset:1px;border-radius:37px;border:1px solid rgba(255,255,255,.045);pointer-events:none}
@keyframes payOrbit{to{transform:rotate(360deg)}}
.pay-wow-header,.pay-wow-grid,.pay-instruction{position:relative;z-index:2}
.pay-wow-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:32px}
.pay-wow-kicker{color:#74F6D5!important;font-size:12px!important;letter-spacing:2px!important}
.pay-wow-header h2{color:#fff;font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-2.5px;margin:9px 0 15px}
.pay-wow-header h2 span{background:linear-gradient(90deg,#74F6D5,#FFD36A,#8B6CFF);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:payTextFlow 5s ease-in-out infinite}
@keyframes payTextFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.pay-wow-header p{max-width:820px;color:#D7EAE7!important;font-size:16px;line-height:1.75}
.pay-secure-badge{min-width:125px;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(116,246,213,.14),rgba(139,108,255,.13));border:1px solid rgba(116,246,213,.22);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.15)}
.pay-secure-badge span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#74F6D5,#FFD36A);color:#09241F;font-weight:1000;font-size:20px;animation:securePulse 2.5s ease-in-out infinite}
.pay-secure-badge b{font-size:11px;line-height:1.25;letter-spacing:.5px}
@keyframes securePulse{50%{transform:scale(1.08) rotate(3deg);box-shadow:0 0 25px rgba(116,246,213,.25)}}
.pay-wow-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:stretch}
.pay-methods{display:grid;gap:16px}
.pay-method{position:relative;padding:23px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:.35s ease}
.pay-method:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#74F6D5,#10C9B5,#FFD36A,#8068FF);background-size:250% 100%;animation:payGradient 5s linear infinite}
@keyframes payGradient{to{background-position:250% 0}}
.pay-method:hover{transform:translateY(-5px);border-color:rgba(116,246,213,.35);box-shadow:0 20px 55px rgba(0,0,0,.20)}
.method-top{display:flex;align-items:center;gap:13px;margin-bottom:16px}.method-icon{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#FFD36A,#FF9855);color:#171206;font-weight:1000;font-size:22px;box-shadow:0 10px 28px rgba(255,157,84,.16)}
.gpay-icon{background:linear-gradient(135deg,#fff,#DDFBF5);color:#0A706A;font-size:23px}.upi-icon{background:linear-gradient(135deg,#8068FF,#10C9B5);color:#fff;font-size:13px;letter-spacing:-.5px}
.method-label{display:block;color:#74F6D5;font-size:10px;font-weight:900;letter-spacing:1.6px;margin-bottom:3px}.method-top h3{color:#fff!important;font-size:19px;line-height:1.25;margin:0}
.bank-details{display:grid;gap:9px}.detail-row{display:grid;grid-template-columns:125px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)}.detail-row span{color:#9FC1BE;font-size:11px;font-weight:800}.detail-row strong{color:#F5FFFD;font-size:13px;word-break:break-word}.copy-mini{border:0;border-radius:8px;padding:6px 9px;background:rgba(116,246,213,.12);color:#74F6D5;font-weight:900;font-size:10px;cursor:pointer;transition:.25s}.copy-mini:hover{background:#74F6D5;color:#06241F}
.method-copy{color:#CFE2DF!important;font-size:13px;line-height:1.7;margin:0 0 14px}.gpay-number{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(116,246,213,.08),rgba(139,108,255,.07));border:1px solid rgba(116,246,213,.13)}.gpay-number span{color:#9FC1BE;font-size:11px;font-weight:800}.gpay-number strong{color:#FFD36A;font-size:22px;letter-spacing:.4px}.gpay-number a{margin-left:auto;color:#74F6D5;font-weight:900;font-size:11px}
.upi-copy-box{display:flex;align-items:center;gap:8px;padding:12px;border-radius:14px;background:#06161B;border:1px solid rgba(116,246,213,.20)}.upi-copy-box code{flex:1;color:#FFD36A;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:900;word-break:break-all}.copy-upi-btn,.qr-copy-btn{border:0;border-radius:10px;padding:10px 13px;background:linear-gradient(135deg,#74F6D5,#10C9B5);color:#06241F;font-weight:1000;font-size:11px;cursor:pointer;box-shadow:0 9px 24px rgba(16,201,181,.16);transition:.25s}.copy-upi-btn:hover,.qr-copy-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(16,201,181,.23)}.copy-status{display:block;color:#8FB4B0;font-size:10px;margin-top:7px}
.qr-payment-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:23px;border-radius:27px;background:linear-gradient(145deg,#F8FFFD,#E9F8F4);border:1px solid rgba(116,246,213,.30);box-shadow:0 25px 70px rgba(0,0,0,.19);overflow:hidden}.qr-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(16,201,181,.22),transparent 68%);top:-90px;right:-90px;animation:qrGlow 5s ease-in-out infinite alternate}.qr-glow:after{content:"";position:absolute;inset:45px;border-radius:50%;border:1px solid rgba(128,104,255,.18);animation:qrRing 7s linear infinite}.qr-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2;margin-bottom:15px}.qr-chip{padding:7px 10px;border-radius:10px;background:#09252C;color:#74F6D5;font-size:9px;font-weight:1000;letter-spacing:1.3px}.qr-live{color:#0A716A;font-size:9px;font-weight:1000;letter-spacing:.6px}.qr-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10C9B5;box-shadow:0 0 0 4px rgba(16,201,181,.12);animation:qrDot 1.6s ease-in-out infinite}
@keyframes qrGlow{to{transform:translate(-20px,20px) scale(1.08)}}@keyframes qrRing{to{transform:rotate(360deg)}}@keyframes qrDot{50%{transform:scale(1.3)}}
.qr-frame{position:relative;width:min(100%,340px);aspect-ratio:1/1;padding:14px;border-radius:22px;background:#fff;box-shadow:0 20px 45px rgba(7,38,43,.18);border:1px solid #D4E9E4;z-index:2;overflow:hidden}.qr-frame img{width:100%;height:100%;object-fit:contain;display:block}.qr-corner{position:absolute;width:22px;height:22px;border:3px solid #10C9B5;z-index:3}.qr-c1{left:8px;top:8px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}.qr-c2{right:8px;top:8px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.qr-c3{left:8px;bottom:8px;border-right:0;border-top:0;border-radius:0 0 0 8px}.qr-scan-line{position:absolute;left:12%;right:12%;top:-10%;height:2px;background:linear-gradient(90deg,transparent,#10C9B5,#FFD36A,transparent);box-shadow:0 0 12px rgba(16,201,181,.55);animation:qrScan 3.2s ease-in-out infinite;z-index:4}.qr-frame:after{content:"";position:absolute;inset:14px;border:1px solid rgba(16,201,181,.08);border-radius:15px;pointer-events:none}
@keyframes qrScan{0%{top:7%}50%{top:93%}100%{top:7%}}
.qr-upi{position:relative;z-index:2;width:100%;text-align:center;margin:15px 0 10px}.qr-upi span{display:block;color:#63817D;font-size:9px;font-weight:900;letter-spacing:1.5px}.qr-upi strong{display:block;color:#092B32;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;margin-top:3px;word-break:break-all}.qr-copy-btn{position:relative;z-index:2;width:100%}.qr-note{position:relative;z-index:2;color:#5A7270!important;text-align:center;font-size:10px!important;line-height:1.55!important;margin:10px 0 0;max-width:280px}
.pay-instruction{display:flex;align-items:center;gap:13px;margin-top:22px;padding:17px 18px;border-radius:18px;background:linear-gradient(90deg,rgba(116,246,213,.10),rgba(255,211,106,.08));border:1px solid rgba(116,246,213,.16)}.instruction-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#74F6D5,#FFD36A);color:#08241F;font-weight:1000}.pay-instruction strong{display:block;color:#fff;font-size:13px}.pay-instruction span{display:block;color:#B9D1CD;font-size:11px;line-height:1.5;margin-top:2px}.pay-instruction .btn{margin-left:auto;white-space:nowrap}
@media(max-width:900px){.pay-wow-shell{padding:35px 26px}.pay-wow-grid{grid-template-columns:1fr}.qr-payment-card{max-width:560px;margin:auto;width:100%}.pay-secure-badge{min-width:auto}.pay-instruction{align-items:flex-start;flex-wrap:wrap}.pay-instruction .btn{margin-left:51px}}
@media(max-width:560px){.pay-wow-section{padding:70px 0}.pay-wow-shell{padding:27px 17px;border-radius:28px}.pay-wow-shell:after{border-radius:27px}.pay-wow-header{flex-direction:column;gap:14px}.pay-wow-header h2{font-size:35px;letter-spacing:-1px}.pay-wow-header p{font-size:14px}.pay-secure-badge{align-self:flex-start}.pay-method{padding:18px;border-radius:19px}.method-top h3{font-size:17px}.detail-row{grid-template-columns:1fr auto;gap:5px}.detail-row span{grid-column:1 / -1}.detail-row strong{font-size:12px}.copy-mini{align-self:center}.gpay-number{align-items:flex-start;flex-direction:column;gap:3px}.gpay-number strong{font-size:20px}.gpay-number a{margin-left:0}.upi-copy-box{align-items:stretch;flex-direction:column}.qr-payment-card{padding:17px;border-radius:22px}.qr-frame{padding:11px}.pay-instruction{padding:15px}.pay-instruction .btn{width:100%;margin-left:0}.pay-instruction span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pay-wow-shell:before,.pay-wow-header h2 span,.pay-secure-badge span,.pay-method:before,.qr-glow,.qr-glow:after,.qr-live i,.qr-scan-line{animation:none!important}}


/* Original embedded stylesheet 15 */

/* PAY US — TEXT READABILITY ONLY */
.pay-section .pay-card,
.pay-section .pay-card * {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  text-shadow: none !important;
  filter: none !important;
}
.pay-section .pay-content h2 {
  color:#FFFFFF !important;
  font-weight:900 !important;
  opacity:1 !important;
  line-height:1.12 !important;
}
.pay-section .pay-content > p {
  color:#F0FFFC !important;
  font-weight:600 !important;
  opacity:1 !important;
  line-height:1.75 !important;
}
.pay-section .pay-points div {
  background:#12373B !important;
  border-color:rgba(116,246,213,.30) !important;
}
.pay-section .pay-points b {
  color:#FFD96F !important;
  font-weight:900 !important;
  opacity:1 !important;
}
.pay-section .pay-points span {
  color:#F3FFFC !important;
  font-weight:650 !important;
  opacity:1 !important;
  line-height:1.65 !important;
}
.pay-section .pay-side {
  background:#172D35 !important;
  border-color:rgba(255,211,106,.30) !important;
}
.pay-section .pay-side h3 {
  color:#FFFFFF !important;
  font-weight:900 !important;
  opacity:1 !important;
}
.pay-section .pay-side p {
  color:#F0FFFC !important;
  font-weight:600 !important;
  opacity:1 !important;
  line-height:1.7 !important;
}
.pay-section .pay-side a {
  color:#74F6D5 !important;
  font-weight:900 !important;
}
@media (max-width:560px){
  .pay-section .pay-content > p,
  .pay-section .pay-side p,
  .pay-section .pay-points span {
    font-size:14px !important;
    line-height:1.7 !important;
  }
}


/* Original embedded stylesheet 16 */

/* MINOR FIX — Pay Us title spacing/size only */
.pay-wow-header h2{
  font-size:clamp(32px,4vw,52px)!important;
  line-height:1.14!important;
  letter-spacing:-1.2px!important;
  word-spacing:2px!important;
  white-space:normal!important;
  margin:10px 0 18px!important;
}
.pay-wow-header h2 span{
  display:inline!important;
  margin-left:5px!important;
  white-space:nowrap!important;
}
@media(max-width:560px){
  .pay-wow-header h2{
    font-size:32px!important;
    line-height:1.16!important;
    letter-spacing:-.6px!important;
    word-spacing:1px!important;
    margin:8px 0 16px!important;
  }
  .pay-wow-header h2 span{
    margin-left:3px!important;
    white-space:normal!important;
  }
}


/* Original embedded stylesheet 17 */

/* MINOR FIX — Pay Us title readability only */
.pay-wow-header h2{
  color:#FFFFFF!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-weight:900!important;
}
.pay-wow-header h2 span{
  color:#74F6D5!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#74F6D5!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-weight:900!important;
  animation:none!important;
}

/* FINAL DEVELOPER CREDIT — premium colour flow + subtle animation */
.developer-credit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
}
.developer-label{
  color:#DCEAE8!important;
  font-weight:800;
  letter-spacing:.08em;
  font-size:11px;
}
.developer-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:950;
  text-decoration:none!important;
  background:linear-gradient(90deg,#74F6D5,#FFD36A,#8B6CFF,#74F6D5);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:developerColourFlow 5s ease-in-out infinite;
  transition:transform .3s ease,filter .3s ease;
}
.developer-mark{
  width:23px;
  height:23px;
  display:inline-grid;
  place-items:center;
  border-radius:7px;
  color:#071B22!important;
  -webkit-text-fill-color:#071B22!important;
  background:linear-gradient(135deg,#74F6D5,#FFD36A);
  box-shadow:0 0 0 1px rgba(116,246,213,.25),0 5px 18px rgba(116,246,213,.18);
  font-size:9px;
  font-weight:1000;
  animation:developerMarkFloat 2.8s ease-in-out infinite;
}
.developer-link:after{
  content:"";
  position:absolute;
  left:30px;
  right:0;
  bottom:-4px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#74F6D5,#FFD36A,#8B6CFF,#74F6D5);
  background-size:260% 100%;
  transform:scaleX(.2);
  transform-origin:center;
  opacity:.45;
  animation:developerUnderline 3.2s ease-in-out infinite;
}
.developer-link:hover{
  transform:translateY(-2px);
  filter:drop-shadow(0 0 10px rgba(116,246,213,.3));
}
.developer-link:hover:after{
  transform:scaleX(1);
  opacity:1;
}
@keyframes developerColourFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes developerUnderline{
  0%,100%{transform:scaleX(.2);opacity:.35}
  50%{transform:scaleX(1);opacity:.95}
}
@keyframes developerMarkFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-2px) rotate(-3deg)}
}
@media(max-width:560px){
  .developer-credit{gap:4px;text-align:center}
  .developer-label{font-size:9px}
  .developer-link{font-size:10px;gap:5px}
  .developer-mark{width:20px;height:20px;font-size:8px}
  .developer-link:after{left:25px}
}
@media(prefers-reduced-motion:reduce){
  .developer-link,.developer-link:after,.developer-mark{animation:none!important}
}


/* CIRCLE CONTENT — premium flowing colour rings */
.logo,.icon,.avatar,.pay-badge{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
}
.logo:before,.icon:before,.avatar:before,.pay-badge:before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  padding:2px;
  background:conic-gradient(
    from 0deg,
    #10C9B5,
    #72F4D4,
    #FFD36A,
    #FF9855,
    #8068FF,
    #4DA7FF,
    #10C9B5
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  z-index:-1;
  animation:contentCircleFlow 7s linear infinite;
}
.logo:after,.icon:after,.avatar:after,.pay-badge:after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(114,244,212,.16);
  box-shadow:
    0 0 18px rgba(16,201,181,.10),
    0 0 30px rgba(128,104,255,.06);
  z-index:-2;
  animation:contentCirclePulse 3.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes contentCircleFlow{
  to{transform:rotate(360deg)}
}
@keyframes contentCirclePulse{
  0%,100%{transform:scale(.98);opacity:.45}
  50%{transform:scale(1.06);opacity:.95}
}
.card:hover .icon:before,
.avatar:hover:before,
.pay-badge:hover:before{
  animation-duration:3.5s;
}
@media(max-width:560px){
  .logo:before,.icon:before,.avatar:before,.pay-badge:before{inset:-2px}
  .logo:after,.icon:after,.avatar:after,.pay-badge:after{inset:-5px}
}
@media(prefers-reduced-motion:reduce){
  .logo:before,.logo:after,.icon:before,.icon:after,
  .avatar:before,.avatar:after,.pay-badge:before,.pay-badge:after{
    animation:none!important;
  }
}


/* Contact Us — clickable email */
.contact-email,
a[href="mailto:vijayetaxsolutions2020@gmail.com"]{
  color:inherit;
  text-decoration:none;
  transition:color .25s ease, transform .25s ease, filter .25s ease;
}
a[href="mailto:vijayetaxsolutions2020@gmail.com"]:hover{
  color:#63F2D0!important;
  transform:translateY(-1px);
  filter:drop-shadow(0 0 7px rgba(99,242,208,.22));
}


/* Contact Us email — clearly visible and readable */
.contact-email-visible{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  margin:14px auto 0!important;
  padding:10px 14px!important;
  border:1px solid rgba(99,242,208,.20)!important;
  border-radius:12px!important;
  background:rgba(116,246,213,.055)!important;
  box-sizing:border-box!important;
}
.contact-email-visible .contact-email-icon{
  color:#63F2D0!important;
  font-size:15px!important;
  line-height:1!important;
}
.contact-email-visible a{
  display:inline-block!important;
  color:#E6FFFA!important;
  -webkit-text-fill-color:#E6FFFA!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  word-break:break-word!important;
}
.contact-email-visible a:hover{
  color:#63F2D0!important;
  -webkit-text-fill-color:#63F2D0!important;
}
@media(max-width:560px){
  .contact-email-visible{padding:9px 10px!important;gap:7px!important}
  .contact-email-visible a{font-size:12px!important}
}


/* Footer email — always visible */
footer .footer-contact-email{
  position:relative;
  z-index:5;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  margin:24px auto 18px!important;
  padding:13px 18px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(99,242,208,.24)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(16,201,181,.08),rgba(128,104,255,.08),rgba(255,211,106,.07))!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
}
footer .footer-email-icon{
  color:#63F2D0!important;
  -webkit-text-fill-color:#63F2D0!important;
  font-size:16px!important;
  opacity:1!important;
}
footer .footer-contact-email a{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:14px!important;
  font-weight:850!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  word-break:break-word!important;
  transition:color .25s ease,transform .25s ease!important;
}
footer .footer-contact-email a:hover{
  color:#63F2D0!important;
  -webkit-text-fill-color:#63F2D0!important;
  transform:translateY(-1px);
}
@media(max-width:560px){
  footer .footer-contact-email{
    margin:20px auto 15px!important;
    padding:11px 10px!important;
  }
  footer .footer-contact-email a{
    font-size:12px!important;
  }
}


/* Get In Touch — email belongs inside this footer column */
footer .get-touch-email{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:12px 0 14px!important;
  padding:0!important;
  width:auto!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
footer .get-touch-email-icon{
  flex:0 0 auto!important;
  color:#63F2D0!important;
  -webkit-text-fill-color:#63F2D0!important;
  font-size:15px!important;
  line-height:1.6!important;
}
footer .get-touch-email a{
  color:#E6FFFA!important;
  -webkit-text-fill-color:#E6FFFA!important;
  font-size:13px!important;
  line-height:1.6!important;
  font-weight:750!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  word-break:break-word!important;
}
footer .get-touch-email a:hover{
  color:#63F2D0!important;
  -webkit-text-fill-color:#63F2D0!important;
}
@media(max-width:560px){
  footer .get-touch-email a{font-size:12px!important}
}



/* WordPress theme integration: keep the supplied design intact. */
.admin-bar header { top: 32px; }
.links li { list-style: none; }
.brand .custom-logo { display:block; width:auto; max-width:170px; max-height:54px; object-fit:contain; }
.links ul { display: flex; align-items: center; gap: 18px; margin: 0; padding: 0; }
.links .current-menu-item > a, .links .current_page_item > a { color: var(--blue, #12B8B0); }
.site-content { min-height: 45vh; }
.site-content > .container { width: min(1180px,92%); margin: 0 auto; padding: 55px 0; }
.site-content .entry-title { margin-bottom: 24px; }
.site-content .entry-content img { max-width: 100%; height: auto; }
.site-content .entry-content a { text-decoration: underline; }
.site-content .navigation, .site-content .pagination { margin: 30px 0; }
.site-content input, .site-content textarea, .site-content select { max-width: 100%; }
.mobile-menu-btn { cursor: pointer; }
@media(max-width:782px){ .admin-bar header { top: 46px; } }