@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@600;700;800&display=swap');

:root {
  --bg:        #0d0f14;
  --bg2:       #13161e;
  --bg3:       #1a1e2a;
  --surface:   #1f2333;
  --border:    rgba(255,255,255,0.07);
  --accent:    #00d4aa;
  --accent2:   #0099ff;
  --accent-glow: rgba(0,212,170,0.22);
  --accent2-glow: rgba(0,153,255,0.18);
  --text:      #e8eaf0;
  --text-muted:#8892a4;
  --text-dim:  #555f75;
  --white:     #ffffff;
  --radius:    18px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --transition: all 0.32s cubic-bezier(0.4,0,0.2,1);
  --shadow:    0 8px 40px rgba(0,0,0,0.35);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:80px;}
body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--text);line-height:1.7;overflow-x:hidden;background:var(--bg);}
h1,h2,h3,h4,h5,h6{font-family:'Syne',sans-serif;line-height:1.15;font-weight:700;color:var(--white);}
a{text-decoration:none;color:inherit;transition:var(--transition);}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;}
.container{max-width:1200px;margin:0 auto;padding:0 28px;}

/* ===== NAVBAR ===== */
.navbar{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  padding:20px 0;background:transparent;transition:var(--transition);
}
.navbar.scrolled{
  background:rgba(13,15,20,0.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  padding:13px 0;
  border-bottom:1px solid var(--border);
  box-shadow:0 4px 30px rgba(0,0,0,0.3);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:11px;}
.logo svg{width:36px;height:36px;}
.logo-text{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;color:var(--white);}
.logo-text span{color:var(--accent);}

.nav-links{display:flex;align-items:center;gap:38px;}
.nav-links a{font-size:0.9rem;font-weight:500;color:var(--text-muted);position:relative;letter-spacing:0.2px;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:var(--transition);}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

.nav-cta{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:var(--bg) !important;padding:10px 24px;border-radius:50px;
  font-weight:700;font-size:0.88rem;letter-spacing:0.3px;
}
.nav-cta::after{display:none !important;}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow);}

.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.menu-toggle span{width:26px;height:2px;background:var(--white);border-radius:3px;transition:var(--transition);}

/* ===== HERO ===== */
.hero{
  min-height:100vh;display:flex;align-items:center;
  background:var(--bg);position:relative;overflow:hidden;
  padding:130px 0 90px;
}
.hero::before{
  content:'';position:absolute;top:-20%;right:-10%;
  width:650px;height:650px;
  background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);
  border-radius:50%;animation:float 8s ease-in-out infinite;
}
.hero::after{
  content:'';position:absolute;bottom:-25%;left:-5%;
  width:500px;height:500px;
  background:radial-gradient(circle,var(--accent2-glow) 0%,transparent 65%);
  border-radius:50%;animation:float 10s ease-in-out infinite reverse;
}
@keyframes float{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-30px) scale(1.05);}}

.hero-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:70px;align-items:center;position:relative;z-index:2;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.25);
  padding:7px 16px;border-radius:50px;
  font-size:0.78rem;color:var(--accent);font-weight:600;
  letter-spacing:1px;text-transform:uppercase;margin-bottom:22px;
}
.hero-badge::before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%;animation:blink 2s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.25;}}

.hero h1{font-size:clamp(2.4rem,4.5vw,3.8rem);margin-bottom:22px;line-height:1.1;}
.hero h1 .highlight{
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-desc{font-size:1.05rem;color:var(--text-muted);margin-bottom:38px;max-width:490px;line-height:1.85;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}

.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:var(--bg);padding:14px 32px;border-radius:50px;
  font-weight:700;font-size:0.95rem;
  display:inline-flex;align-items:center;gap:8px;
  border:none;cursor:pointer;transition:var(--transition);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px var(--accent-glow);}

.btn-outline{
  border:1.5px solid var(--border);color:var(--text);
  padding:12px 28px;border-radius:50px;
  font-weight:600;font-size:0.95rem;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,0.04);cursor:pointer;transition:var(--transition);
}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);}

.hero-image{position:relative;border-radius:var(--radius);overflow:hidden;}
.hero-image img{width:100%;height:480px;object-fit:cover;border-radius:var(--radius);}
.hero-image::before{
  content:'';position:absolute;inset:-2px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  border-radius:calc(var(--radius)+2px);z-index:-1;opacity:0.5;
}
.hero-image::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(13,15,20,0.4) 0%,transparent 60%);
  border-radius:var(--radius);
}

/* ===== STATS BAR ===== */
.stats-bar{
  background:var(--bg2);padding:60px 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  position:relative;
}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;}
.stat-item h3{
  font-size:2.8rem;font-weight:800;margin-bottom:6px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.stat-item p{color:var(--text-muted);font-size:0.88rem;font-weight:500;letter-spacing:0.5px;}

/* ===== SECTIONS ===== */
.section{padding:100px 0;}
.section-alt{background:var(--bg2);}
.section-dark{background:var(--bg3);}

.section-header{text-align:center;max-width:660px;margin:0 auto 64px;}
.section-label{
  display:inline-block;font-size:0.75rem;font-weight:700;
  color:var(--accent);letter-spacing:2.5px;
  text-transform:uppercase;margin-bottom:14px;
}
.section-header h2{font-size:clamp(1.9rem,3.5vw,2.7rem);margin-bottom:16px;}
.section-header p{font-size:1rem;color:var(--text-muted);line-height:1.85;}

/* ===== SERVICES GRID ===== */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.service-card{
  background:var(--surface);border-radius:var(--radius);
  overflow:hidden;border:1px solid var(--border);
  transition:var(--transition);position:relative;
}
.service-card:hover{transform:translateY(-8px);border-color:rgba(0,212,170,0.35);box-shadow:0 20px 50px rgba(0,0,0,0.4);}
.service-card-img-wrap{overflow:hidden;}
.service-card-img{width:100%;height:210px;object-fit:cover;transition:var(--transition);}
.service-card:hover .service-card-img{transform:scale(1.06);}
.service-card-body{padding:26px;}
.service-card-body h3{font-size:1.1rem;margin-bottom:10px;color:var(--white);}
.service-card-body p{font-size:0.88rem;color:var(--text-muted);line-height:1.75;}
.service-tag{
  display:inline-block;font-size:0.7rem;font-weight:700;
  background:rgba(0,212,170,0.12);color:var(--accent);
  border-radius:4px;padding:3px 10px;margin-bottom:12px;letter-spacing:0.8px;text-transform:uppercase;
}

/* ===== PROCESS ===== */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;}
.process-grid::before{
  content:'';position:absolute;top:44px;left:20%;right:20%;
  height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);z-index:0;
}
.process-step{text-align:center;position:relative;z-index:1;}
.step-number{
  width:88px;height:88px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:800;color:var(--bg);
  margin:0 auto 28px;box-shadow:0 8px 30px var(--accent-glow);
}
.process-step h3{font-size:1.1rem;margin-bottom:10px;color:var(--white);}
.process-step p{font-size:0.88rem;color:var(--text-muted);max-width:260px;margin:0 auto;}

/* ===== ABOUT / WHY US ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.about-img{border-radius:var(--radius);overflow:hidden;position:relative;}
.about-img img{width:100%;height:460px;object-fit:cover;border-radius:var(--radius);}
.about-img::before{
  content:'';position:absolute;inset:-2px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  border-radius:calc(var(--radius)+2px);z-index:-1;opacity:0.4;
}
.about-content h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:18px;}
.about-content>p{font-size:0.97rem;color:var(--text-muted);margin-bottom:14px;line-height:1.85;}

.about-features{margin-top:30px;display:flex;flex-direction:column;gap:18px;}
.about-feature{display:flex;align-items:flex-start;gap:16px;}
.feature-icon{
  width:46px;height:46px;min-width:46px;
  background:rgba(0,212,170,0.1);border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,212,170,0.2);
}
.feature-icon svg{width:22px;height:22px;color:var(--accent);}
.about-feature h4{font-size:0.98rem;margin-bottom:3px;color:var(--white);}
.about-feature p{font-size:0.85rem;color:var(--text-muted);margin:0;}

/* ===== TESTIMONIALS ===== */
.testimonials-strip{
  background:linear-gradient(135deg,var(--bg3),var(--bg2));
  padding:80px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testimonial-card{
  background:var(--surface);border-radius:var(--radius);padding:32px;
  border:1px solid var(--border);transition:var(--transition);
}
.testimonial-card:hover{border-color:rgba(0,212,170,0.3);transform:translateY(-4px);}
.stars{color:var(--accent);font-size:1rem;letter-spacing:2px;margin-bottom:14px;}
.testimonial-card p{font-size:0.92rem;color:var(--text-muted);line-height:1.8;margin-bottom:20px;font-style:italic;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.author-avatar{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  display:flex;align-items:center;justify-content:center;
  font-family:'Syne',sans-serif;font-weight:700;font-size:1rem;color:var(--bg);
}
.author-name{font-size:0.9rem;font-weight:600;color:var(--white);}
.author-loc{font-size:0.78rem;color:var(--text-dim);}

/* ===== CTA BANNER ===== */
.cta-banner{
  background:linear-gradient(135deg,var(--bg3) 0%,#0a1a2e 100%);
  padding:90px 0;text-align:center;position:relative;overflow:hidden;
  border-top:1px solid var(--border);
}
.cta-banner::before{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:600px;height:600px;
  background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);
  border-radius:50%;
}
.cta-banner h2{font-size:clamp(1.9rem,3.5vw,2.8rem);margin-bottom:16px;position:relative;}
.cta-banner p{font-size:1.05rem;color:var(--text-muted);margin-bottom:36px;position:relative;}
.btn-white{
  background:var(--white);color:var(--bg);
  padding:16px 40px;border-radius:50px;
  font-weight:700;font-size:0.95rem;
  display:inline-flex;align-items:center;gap:8px;
  transition:var(--transition);position:relative;
}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.3);}

/* ===== FOOTER ===== */
.footer{background:var(--bg2);padding:72px 0 0;border-top:1px solid var(--border);}
.footer-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:40px;padding-bottom:50px;border-bottom:1px solid var(--border);
}
.footer-brand p{font-size:0.88rem;line-height:1.85;margin-top:14px;max-width:290px;color:var(--text-muted);}
.footer h4{color:var(--white);font-size:0.95rem;margin-bottom:20px;}
.footer ul li{margin-bottom:12px;}
.footer ul a{font-size:0.88rem;color:var(--text-muted);}
.footer ul a:hover{color:var(--accent);}
.footer-contact li{display:flex;align-items:center;gap:10px;font-size:0.88rem;color:var(--text-muted);}
.footer-bottom{
  padding:22px 0;display:flex;justify-content:space-between;align-items:center;
  font-size:0.8rem;color:var(--text-dim);
}

/* ===== INNER PAGES ===== */
.page-hero{
  padding:160px 0 80px;
  background:linear-gradient(135deg,var(--bg) 0%,var(--bg3) 100%);
  text-align:center;position:relative;overflow:hidden;
}
.page-hero::before{
  content:'';position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);
  width:500px;height:500px;
  background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);
  border-radius:50%;
}
.page-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:14px;position:relative;}
.page-hero p{font-size:1.05rem;color:var(--text-muted);max-width:600px;margin:0 auto;position:relative;}

/* About mission cards */
.about-mission{padding:90px 0;}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mission-card{
  background:var(--surface);border-radius:var(--radius);padding:36px;
  border:1px solid var(--border);text-align:center;transition:var(--transition);
}
.mission-card:hover{transform:translateY(-6px);border-color:rgba(0,212,170,0.35);}
.mission-icon{
  width:68px;height:68px;
  background:linear-gradient(135deg,rgba(0,212,170,0.15),rgba(0,153,255,0.15));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  margin:0 auto 22px;border:1px solid rgba(0,212,170,0.2);
}
.mission-icon svg{width:28px;height:28px;color:var(--accent);}
.mission-card h3{font-size:1.1rem;margin-bottom:10px;}
.mission-card p{font-size:0.88rem;color:var(--text-muted);line-height:1.75;}

/* Services detail */
.services-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.service-detail-card{
  display:grid;grid-template-columns:1fr 1fr;
  background:var(--surface);border-radius:var(--radius);
  overflow:hidden;border:1px solid var(--border);transition:var(--transition);
}
.service-detail-card:hover{border-color:rgba(0,212,170,0.3);transform:translateY(-4px);}
.service-detail-img{width:100%;height:100%;min-height:260px;object-fit:cover;}
.service-detail-body{padding:32px;display:flex;flex-direction:column;justify-content:center;}
.service-detail-body h3{font-size:1.2rem;margin-bottom:12px;}
.service-detail-body p{font-size:0.9rem;color:var(--text-muted);line-height:1.75;}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.contact-form{
  background:var(--surface);border-radius:var(--radius);
  padding:40px;border:1px solid var(--border);
}
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:0.84rem;font-weight:600;color:var(--text);margin-bottom:8px;}
.form-group input,.form-group textarea,.form-group select{
  width:100%;padding:14px 18px;border-radius:var(--radius-sm);
  border:1px solid var(--border);font-family:'Plus Jakarta Sans',sans-serif;
  font-size:0.92rem;transition:var(--transition);
  background:var(--bg);color:var(--text);
}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{
  outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-glow);
}
.form-group select option{background:var(--bg);}
.form-group textarea{resize:vertical;min-height:130px;}
.form-submit{width:100%;}

.contact-info-cards{display:flex;flex-direction:column;gap:18px;}
.info-card{
  background:var(--surface);border-radius:var(--radius);padding:28px;
  border:1px solid var(--border);display:flex;align-items:flex-start;gap:18px;
  transition:var(--transition);
}
.info-card:hover{border-color:rgba(0,212,170,0.3);}
.info-card-icon{
  width:52px;height:52px;min-width:52px;
  background:rgba(0,212,170,0.1);border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,212,170,0.2);
}
.info-card-icon svg{width:24px;height:24px;color:var(--accent);}
.info-card h4{font-size:0.98rem;margin-bottom:4px;}
.info-card p{font-size:0.88rem;color:var(--text-muted);}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .hero-grid,.about-grid{grid-template-columns:1fr;text-align:center;}
  .hero-desc{margin:0 auto 36px;}
  .hero-btns{justify-content:center;}
  .hero-image{max-width:560px;margin:0 auto;}
  .about-img{order:-1;}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .services-detail-grid{grid-template-columns:1fr;}
  .service-detail-card{grid-template-columns:1fr;}
  .testimonials-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links{
    position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100vh;
    background:var(--bg2);flex-direction:column;align-items:flex-start;
    padding:80px 32px 32px;gap:24px;transition:var(--transition);
    box-shadow:-10px 0 40px rgba(0,0,0,0.4);border-left:1px solid var(--border);
  }
  .nav-links.active{right:0;}
  .menu-toggle{display:flex;}
  .nav-cta{margin-top:16px;}
  .hero{padding:100px 0 60px;min-height:auto;}
  .hero h1{font-size:2.1rem;}
  .hero-image img{height:300px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;}
  .services-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr;gap:40px;}
  .process-grid::before{display:none;}
  .mission-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}
  .testimonials-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hero h1{font-size:1.75rem;}
  .hero-btns{flex-direction:column;align-items:center;}
  .btn-primary,.btn-outline{width:100%;justify-content:center;}
  .section{padding:64px 0;}
  .stats-grid{grid-template-columns:1fr 1fr;}
}

/* =====================================================
   PAGE-SPECIFIC THEMES — each page has a unique palette
   ===================================================== */

/* ── HOME: Teal + Blue (default, no override needed) ── */

/* ── ABOUT: Purple / Violet ── */
body.page-about {
  --accent:      #a78bfa;
  --accent2:     #e879f9;
  --accent-glow: rgba(167,139,250,0.22);
  --accent2-glow:rgba(232,121,249,0.18);
  --bg:   #0f0d18;
  --bg2:  #13111f;
  --bg3:  #1a1728;
  --surface: #201d30;
}
body.page-about .navbar.scrolled{background:rgba(15,13,24,0.93);}
body.page-about .page-hero{
  background:linear-gradient(135deg,#0f0d18 0%,#1a1728 100%);
}
body.page-about .page-hero::before{
  background:radial-gradient(circle,rgba(167,139,250,0.2) 0%,transparent 65%);
}
body.page-about .hero::before{
  background:radial-gradient(circle,rgba(167,139,250,0.2) 0%,transparent 65%);
}
body.page-about .hero::after{
  background:radial-gradient(circle,rgba(232,121,249,0.15) 0%,transparent 65%);
}
body.page-about .cta-banner::before{
  background:radial-gradient(circle,rgba(167,139,250,0.2) 0%,transparent 65%);
}
body.page-about .btn-primary,
body.page-about .nav-cta{
  background:linear-gradient(135deg,#a78bfa,#e879f9);
  color:#fff;
}
body.page-about .step-number,
body.page-about .author-avatar{
  background:linear-gradient(135deg,#a78bfa,#e879f9);
}
body.page-about .mission-icon{
  background:linear-gradient(135deg,rgba(167,139,250,0.15),rgba(232,121,249,0.15));
  border-color:rgba(167,139,250,0.25);
}
body.page-about .mission-icon svg,
body.page-about .feature-icon svg,
body.page-about .info-card-icon svg{color:#a78bfa;}
body.page-about .feature-icon,
body.page-about .info-card-icon{
  background:rgba(167,139,250,0.1);
  border-color:rgba(167,139,250,0.2);
}
body.page-about .section-label{color:#a78bfa;}
body.page-about .stat-item h3,
body.page-about .hero h1 .highlight{
  background:linear-gradient(90deg,#a78bfa,#e879f9);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
body.page-about .hero-badge{
  background:rgba(167,139,250,0.1);border-color:rgba(167,139,250,0.25);color:#a78bfa;
}
body.page-about .hero-badge::before{background:#a78bfa;}
body.page-about .service-card:hover,
body.page-about .mission-card:hover,
body.page-about .info-card:hover{border-color:rgba(167,139,250,0.4);}
body.page-about .service-tag{background:rgba(167,139,250,0.12);color:#a78bfa;}
body.page-about .process-grid::before{
  background:linear-gradient(90deg,transparent,#a78bfa,#e879f9,transparent);
}
body.page-about .footer ul a:hover{color:#a78bfa;}
body.page-about .stats-bar,
body.page-about .footer{background:rgba(19,17,31,0.98);}
body.page-about .nav-links a::after{background:#a78bfa;}
body.page-about .nav-links a:hover{color:#a78bfa;}
body.page-about .btn-outline:hover{border-color:#a78bfa;color:#a78bfa;}
body.page-about svg[stroke="#00d4aa"]{stroke:#a78bfa;}

/* ── SERVICES: Amber / Orange ── */
body.page-services {
  --accent:      #f59e0b;
  --accent2:     #ef4444;
  --accent-glow: rgba(245,158,11,0.22);
  --accent2-glow:rgba(239,68,68,0.18);
  --bg:   #141009;
  --bg2:  #1b1510;
  --bg3:  #221a12;
  --surface: #2a2016;
}
body.page-services .navbar.scrolled{background:rgba(20,16,9,0.93);}
body.page-services .page-hero{
  background:linear-gradient(135deg,#141009 0%,#221a12 100%);
}
body.page-services .page-hero::before{
  background:radial-gradient(circle,rgba(245,158,11,0.2) 0%,transparent 65%);
}
body.page-services .cta-banner::before{
  background:radial-gradient(circle,rgba(245,158,11,0.2) 0%,transparent 65%);
}
body.page-services .btn-primary,
body.page-services .nav-cta{
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  color:#fff;
}
body.page-services .step-number,
body.page-services .author-avatar{
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  color:#fff;
}
body.page-services .mission-icon{
  background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(239,68,68,0.15));
  border-color:rgba(245,158,11,0.25);
}
body.page-services .mission-icon svg,
body.page-services .feature-icon svg,
body.page-services .info-card-icon svg{color:#f59e0b;}
body.page-services .feature-icon,
body.page-services .info-card-icon{
  background:rgba(245,158,11,0.1);
  border-color:rgba(245,158,11,0.2);
}
body.page-services .section-label{color:#f59e0b;}
body.page-services .stat-item h3,
body.page-services .hero h1 .highlight{
  background:linear-gradient(90deg,#f59e0b,#ef4444);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
body.page-services .hero-badge{
  background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.25);color:#f59e0b;
}
body.page-services .hero-badge::before{background:#f59e0b;}
body.page-services .service-card:hover,
body.page-services .service-detail-card:hover,
body.page-services .info-card:hover{border-color:rgba(245,158,11,0.4);}
body.page-services .service-tag{background:rgba(245,158,11,0.12);color:#f59e0b;}
body.page-services .process-grid::before{
  background:linear-gradient(90deg,transparent,#f59e0b,#ef4444,transparent);
}
body.page-services .footer ul a:hover{color:#f59e0b;}
body.page-services .stats-bar,
body.page-services .footer{background:rgba(27,21,16,0.98);}
body.page-services .nav-links a::after{background:#f59e0b;}
body.page-services .nav-links a:hover{color:#f59e0b;}
body.page-services .btn-outline:hover{border-color:#f59e0b;color:#f59e0b;}
body.page-services svg[stroke="#00d4aa"]{stroke:#f59e0b;}

/* ── CONTACT: Sky Blue / Indigo ── */
body.page-contact {
  --accent:      #38bdf8;
  --accent2:     #818cf8;
  --accent-glow: rgba(56,189,248,0.22);
  --accent2-glow:rgba(129,140,248,0.18);
  --bg:   #090d18;
  --bg2:  #0d1220;
  --bg3:  #121828;
  --surface: #1a2035;
}
body.page-contact .navbar.scrolled{background:rgba(9,13,24,0.93);}
body.page-contact .page-hero{
  background:linear-gradient(135deg,#090d18 0%,#121828 100%);
}
body.page-contact .page-hero::before{
  background:radial-gradient(circle,rgba(56,189,248,0.2) 0%,transparent 65%);
}
body.page-contact .cta-banner::before{
  background:radial-gradient(circle,rgba(56,189,248,0.2) 0%,transparent 65%);
}
body.page-contact .btn-primary,
body.page-contact .nav-cta{
  background:linear-gradient(135deg,#38bdf8,#818cf8);
  color:#fff;
}
body.page-contact .step-number,
body.page-contact .author-avatar{
  background:linear-gradient(135deg,#38bdf8,#818cf8);
  color:#fff;
}
body.page-contact .mission-icon{
  background:linear-gradient(135deg,rgba(56,189,248,0.15),rgba(129,140,248,0.15));
  border-color:rgba(56,189,248,0.25);
}
body.page-contact .mission-icon svg,
body.page-contact .feature-icon svg,
body.page-contact .info-card-icon svg{color:#38bdf8;}
body.page-contact .feature-icon,
body.page-contact .info-card-icon{
  background:rgba(56,189,248,0.1);
  border-color:rgba(56,189,248,0.2);
}
body.page-contact .section-label{color:#38bdf8;}
body.page-contact .stat-item h3,
body.page-contact .hero h1 .highlight{
  background:linear-gradient(90deg,#38bdf8,#818cf8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
body.page-contact .hero-badge{
  background:rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.25);color:#38bdf8;
}
body.page-contact .hero-badge::before{background:#38bdf8;}
body.page-contact .service-card:hover,
body.page-contact .info-card:hover{border-color:rgba(56,189,248,0.4);}
body.page-contact .service-tag{background:rgba(56,189,248,0.12);color:#38bdf8;}
body.page-contact .process-grid::before{
  background:linear-gradient(90deg,transparent,#38bdf8,#818cf8,transparent);
}
body.page-contact .footer ul a:hover{color:#38bdf8;}
body.page-contact .stats-bar,
body.page-contact .footer{background:rgba(13,18,32,0.98);}
body.page-contact .nav-links a::after{background:#38bdf8;}
body.page-contact .nav-links a:hover{color:#38bdf8;}
body.page-contact .btn-outline:hover{border-color:#38bdf8;color:#38bdf8;}
body.page-contact .form-group input:focus,
body.page-contact .form-group textarea:focus,
body.page-contact .form-group select:focus{
  border-color:#38bdf8;
  box-shadow:0 0 0 3px rgba(56,189,248,0.18);
}
body.page-contact svg[stroke="#00d4aa"]{stroke:#38bdf8;}