/*
Theme Name: MAS Digital Solutions
Theme URI: https://mas01.com
Author: MAS Digital Solutions
Author URI: https://mas01.com
Description: Premium Meridian Gold light theme with Apple-style Liquid Glass for MAS Digital Solutions agency
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: mas-digital
*/

/* ============================================================
   MERIDIAN GOLD  -  Light + Liquid Glass
============================================================ */
:root{
  --slate-900:#0F141C; --slate-800:#1E293B; --slate-700:#334155;
  --slate-600:#475569; --slate-500:#64748B; --slate-400:#94A3B8; --slate-300:#CBD5E1;
  --amber:#F59E0B; --amber-700:#B45309; --amber-600:#D97706; --amber-300:#FBBF24; --amber-100:#FBEFD8;
  --cloud:#F5F5F3; --paper:#FFFFFF; --mist:#EEF1F4; --line:#E4E7EC;
  --ink:#1E293B; --muted:#5B6470;
  --glass-bg:rgba(255,255,255,.45);
  --glass-bg-strong:rgba(255,255,255,.62);
  --glass-brd:rgba(255,255,255,.6);
  --glass-hi:inset 0 1px 1px rgba(255,255,255,.85);
  --glass-shadow:0 10px 34px rgba(15,20,28,.12);
  --display:'Barlow Condensed',sans-serif;
  --body:'Barlow','Inter',sans-serif;
  --rad:16px;
  --amber-rgb:245,158,11;
  --slate-rgb:30,41,59;
  --on-amber:#3A2606;
  --accent:#F59E0B;
  --accent-rgb:245,158,11;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--body);
  background:var(--cloud);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
em{font-style:normal;color:var(--amber-600)}
::selection{background:var(--amber);color:var(--on-amber)}

.container{max-width:1240px;margin:0 auto;padding:0 32px}

/* Liquid glass SVG filter host */
.glass-svg{position:absolute;width:0;height:0;overflow:hidden}

.glass{
  background:var(--glass-bg);
  backdrop-filter:blur(12px) saturate(180%);
  -webkit-backdrop-filter:blur(12px) saturate(180%);
  border:1px solid var(--glass-brd);
  box-shadow:var(--glass-hi),var(--glass-shadow);
}

/* ============================================================
   NAV
============================================================ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:14px 40px;margin:0;
  transition:padding .3s, background .3s, box-shadow .3s;
}
.nav.stuck{
  padding:9px 40px;
  background:var(--glass-bg-strong);
  backdrop-filter:blur(16px) saturate(180%);
  -webkit-backdrop-filter:blur(16px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.5);
  box-shadow:0 6px 24px rgba(15,20,28,.08);
}
.nlogo{display:flex;align-items:center;gap:10px;cursor:pointer}
.nlogo-img{height:46px;width:auto;transition:height .3s}
.nav.stuck .nlogo-img{height:40px}
.nlogo-txt{font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:.06em;color:var(--slate-800);line-height:1}
.nlogo-txt span{color:var(--amber-600)}

.nlinks{display:flex;gap:30px;list-style:none}
.nlinks a{
  font-family:var(--display);font-weight:600;font-size:.92rem;letter-spacing:.04em;
  color:var(--slate-700);position:relative;padding:4px 0;transition:color .2s;
}
.nlinks a::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--amber);transition:width .25s}
.nlinks a:hover{color:var(--slate-900)}
.nlinks a:hover::after{width:100%}

.nright{display:flex;align-items:center;gap:12px}
.nbtn{
  font-family:var(--display);font-weight:600;font-size:.85rem;letter-spacing:.05em;
  padding:10px 20px;border-radius:10px;transition:all .25s;white-space:nowrap;
}
.nbtn-o{
  color:var(--slate-800);
  background:var(--glass-bg);
  backdrop-filter:blur(8px) saturate(160%);
  -webkit-backdrop-filter:blur(8px) saturate(160%);
  border:1px solid var(--glass-brd);
  box-shadow:var(--glass-hi);
}
.nbtn-o:hover{background:rgba(255,255,255,.7);transform:translateY(-1px)}
.nbtn-f{
  color:#fff;background:var(--slate-800);
  box-shadow:0 6px 18px rgba(var(--slate-rgb),.28);
}
.nbtn-f:hover{background:var(--slate-900);transform:translateY(-1px);box-shadow:0 10px 26px rgba(var(--slate-rgb),.36)}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{width:24px;height:2px;background:var(--slate-800);border-radius:2px;transition:.3s}

/* ============================================================
   HERO
============================================================ */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  padding:120px 0 60px;overflow:hidden;
  background:
    radial-gradient(900px 600px at 78% 30%, rgba(var(--amber-rgb),.10), transparent 60%),
    radial-gradient(800px 600px at 12% 70%, rgba(var(--slate-rgb),.08), transparent 60%),
    var(--cloud);
}
.hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(var(--slate-rgb),.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--slate-rgb),.04) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%);
  mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%);
}
.hero-bloom{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.hb1{width:480px;height:480px;background:rgba(var(--amber-rgb),.30);top:-80px;right:-60px}
.hb2{width:420px;height:420px;background:rgba(var(--slate-rgb),.18);bottom:-120px;left:-80px}
.hb3{width:300px;height:300px;background:rgba(var(--accent-rgb),.22);top:40%;left:42%}

.hero-wm{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:var(--display);font-weight:900;font-size:clamp(8rem,20vw,22rem);
  letter-spacing:.02em;color:rgba(var(--slate-rgb),.035);white-space:nowrap;
  pointer-events:none;user-select:none;z-index:0;
}

.hero-content{max-width:620px;position:relative;z-index:10}
.hero-cat{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--amber-700);background:var(--amber-100);
  padding:7px 16px;border-radius:30px;margin-bottom:26px;
  border:1px solid rgba(var(--amber-rgb),.25);
}
.hero-h{
  font-family:var(--display);font-weight:800;
  font-size:clamp(2.8rem,6vw,4.9rem);line-height:.98;letter-spacing:-.01em;
  color:var(--slate-900);margin-bottom:24px;
}
.hero-body{font-size:1.12rem;color:var(--muted);max-width:520px;margin-bottom:36px}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

.hbtn-p{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:.04em;
  color:var(--on-amber);background:linear-gradient(180deg,var(--amber-300),var(--amber));
  padding:15px 32px;border-radius:12px;
  box-shadow:0 10px 26px rgba(var(--amber-rgb),.34),var(--glass-hi);
  transition:transform .25s,box-shadow .25s;
}
.hbtn-p:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(var(--amber-rgb),.45)}
.hbtn-o{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:.04em;color:var(--slate-800);
  background:var(--glass-bg);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-hi);
  padding:13px 26px;border-radius:12px;transition:transform .25s,background .25s;
}
.hbtn-o:hover{transform:translateY(-2px);background:rgba(255,255,255,.7)}
.play-ico{width:34px;height:34px;border-radius:50%;background:var(--slate-800);color:var(--amber-300);display:flex;align-items:center;justify-content:center;font-size:.7rem}

/* 3D glass-tower scene */
.city-wrap{
  position:absolute;right:-40px;top:50%;transform:translateY(-46%);
  width:640px;height:640px;perspective:1400px;z-index:3;pointer-events:none;
}
.city-scene{
  position:absolute;inset:0;transform-style:preserve-3d;
  transform:rotateX(18deg) rotateY(-22deg);
  transition:transform .25s ease-out;
}
.platform{
  position:absolute;left:50%;top:55%;width:430px;height:430px;
  transform:translate(-50%,-50%) rotateX(90deg);transform-style:preserve-3d;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--amber-rgb),.14), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.7), rgba(226,232,240,.45));
  border:1px solid rgba(255,255,255,.7);border-radius:22px;
  box-shadow:0 0 70px rgba(var(--amber-rgb),.18), inset 0 0 60px rgba(255,255,255,.4);
}
.bld{
  position:absolute;left:50%;bottom:50%;transform-style:preserve-3d;border-radius:8px 8px 4px 4px;
  background:linear-gradient(160deg, rgba(255,255,255,.62), rgba(203,213,225,.34));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.85), 0 18px 40px rgba(15,20,28,.10);
}
.bld::after{
  content:'';position:absolute;inset:10px 10px auto 10px;height:42%;border-radius:4px;
  background:repeating-linear-gradient(180deg,rgba(var(--slate-rgb),.10) 0 2px,transparent 2px 11px);
  opacity:.7;
}
.b1{width:96px;height:280px;transform:translate(-210px,0) translateZ(40px)}
.b1-cap{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:60%;height:10px;border-radius:4px;background:linear-gradient(90deg,var(--amber-300),var(--amber));box-shadow:0 0 18px rgba(var(--amber-rgb),.6)}
.b2{width:118px;height:360px;transform:translate(-96px,0) translateZ(120px);background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(148,163,184,.32))}
.b3{width:104px;height:230px;transform:translate(40px,0) translateZ(20px)}
.b4{width:130px;height:430px;transform:translate(150px,0) translateZ(96px)}
.b4::before{content:'';position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:54%;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--amber-300),var(--amber));box-shadow:0 0 20px rgba(var(--amber-rgb),.6);z-index:2}
.b5{width:90px;height:180px;transform:translate(268px,0) translateZ(8px)}
.b6{width:80px;height:150px;transform:translate(-300px,0) translateZ(70px)}
.b7{width:70px;height:120px;transform:translate(96px,0) translateZ(150px);background:linear-gradient(160deg,rgba(var(--amber-rgb),.30),rgba(255,255,255,.4))}
.b8{width:64px;height:96px;transform:translate(210px,0) translateZ(160px)}
.city-reflection{display:none}

/* hero stat bar */
.hero-bar{
  position:absolute;left:0;right:0;bottom:26px;z-index:8;
  max-width:980px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  padding:18px 10px;border-radius:18px;
  background:var(--glass-bg);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-hi),var(--glass-shadow);
}
.hbar-item{text-align:center;border-right:1px solid rgba(var(--slate-rgb),.10)}
.hbar-item:last-child{border-right:none}
.hbar-n{display:block;font-family:var(--display);font-weight:800;font-size:2.1rem;color:var(--slate-900);line-height:1}
.hbar-l{display:block;font-size:.74rem;letter-spacing:.04em;color:var(--muted);margin-top:4px}

/* ============================================================
   TICKER
============================================================ */
.ticker{background:var(--slate-900);overflow:hidden;padding:16px 0;white-space:nowrap}
.ticker-track{display:inline-flex;gap:0;animation:tick 36s linear infinite}
.ticker-item{
  font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.55);padding:0 32px;position:relative;
}
.ticker-item::after{content:'\25C6';color:var(--amber);margin-left:32px;font-size:.6rem;vertical-align:middle}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   SECTIONS - shared
============================================================ */
.sec{position:relative;padding:120px 0;overflow:hidden}
.sec-label{
  font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--amber-700);margin-bottom:16px;display:flex;align-items:center;gap:10px;
}
.sec-label::before{content:'';width:30px;height:2px;background:var(--amber)}
.sec-h{
  font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,4.4vw,3.4rem);
  line-height:1.02;letter-spacing:-.01em;color:var(--slate-900);
}
.sec-sub{font-size:1.06rem;color:var(--muted);max-width:520px;margin-top:20px}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}

/* ============================================================
   SERVICES
============================================================ */
.sec-svcs{background:linear-gradient(180deg,var(--cloud),var(--mist))}
.svcs-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px;align-items:start}
.svcs-left{position:sticky;top:120px}
.svcs-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.svc{
  background:var(--glass-bg);
  backdrop-filter:url(#liquidglass) blur(3px) saturate(170%);
  -webkit-backdrop-filter:blur(13px) saturate(170%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-hi),var(--glass-shadow);
  border-radius:var(--rad);padding:28px 24px;transition:transform .3s,box-shadow .3s;
  position:relative;overflow:hidden;
}
.svc:hover{transform:translateY(-6px);box-shadow:var(--glass-hi),0 22px 50px rgba(15,20,28,.16)}
.svc-num{font-family:var(--display);font-weight:800;font-size:.9rem;color:var(--amber-600);letter-spacing:.1em}
.svc-ico{
  width:54px;height:54px;border-radius:14px;background:var(--slate-800);color:var(--amber-300);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:14px 0 16px;
  box-shadow:0 8px 20px rgba(var(--slate-rgb),.22);
}
.svc-name{font-family:var(--display);font-weight:700;font-size:1.35rem;color:var(--slate-900);margin-bottom:10px;line-height:1.1}
.svc-desc{font-size:.94rem;color:var(--muted);line-height:1.6}
.svc-arr{margin-top:16px;font-family:var(--display);font-weight:600;font-size:.85rem;letter-spacing:.06em;color:var(--amber-700);display:flex;align-items:center;gap:8px;transition:gap .25s}
.svc:hover .svc-arr{gap:14px}
.sec-svcs-wm,.about-wm,.process-wm,.testi-wm,.contact-wm,.cta-wm{
  position:absolute;font-family:var(--display);font-weight:900;
  color:rgba(var(--slate-rgb),.035);pointer-events:none;user-select:none;z-index:0;letter-spacing:.02em;
}
.sec-svcs-wm{font-size:clamp(7rem,16vw,16rem);right:-2%;bottom:-4%}

/* ============================================================
   ABOUT
============================================================ */
.sec-about{background:var(--paper)}
.about-wm{font-size:clamp(10rem,26vw,28rem);left:50%;top:46%;transform:translate(-50%,-50%)}
.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;position:relative;z-index:2}
.about-visual{position:relative;height:420px;display:flex;align-items:center;justify-content:center}
.av-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(var(--slate-rgb),.12)}
.av-ring:nth-child(1){width:420px;height:420px;animation:spin 26s linear infinite}
.av-ring:nth-child(2){width:300px;height:300px;animation:spin 18s linear infinite reverse}
.av-ring:nth-child(3){width:180px;height:180px;animation:spin 12s linear infinite}
.av-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 16px rgba(var(--amber-rgb),.7)}
.av-dot-1{top:-7px;left:calc(50% - 7px)}
.av-dot-2{bottom:-7px;left:calc(50% - 7px);background:var(--slate-800);box-shadow:0 0 14px rgba(var(--slate-rgb),.5)}
.av-dot-3{top:calc(50% - 7px);right:-7px;background:var(--accent)}
.av-core{
  width:128px;height:128px;border-radius:28px;
  background:linear-gradient(160deg,var(--slate-800),var(--slate-900));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:900;font-size:2rem;color:var(--amber-300);letter-spacing:.04em;
  box-shadow:0 20px 50px rgba(var(--slate-rgb),.32),inset 0 1px 2px rgba(255,255,255,.15);
}
@keyframes spin{to{transform:rotate(360deg)}}
.about-feats{margin-top:34px;display:grid;gap:22px}
.af{display:flex;gap:18px}
.af-num{font-family:var(--display);font-weight:800;font-size:1.1rem;color:var(--amber-600);min-width:34px}
.af-h{font-family:var(--display);font-weight:700;font-size:1.18rem;color:var(--slate-900);margin-bottom:4px}
.af-p{font-size:.94rem;color:var(--muted)}

/* ============================================================
   STATS
============================================================ */
.sec-stats{padding:80px 0;background:linear-gradient(160deg,var(--slate-800),var(--slate-900));position:relative;overflow:hidden}
.sec-stats::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 400px at 80% 20%,rgba(var(--amber-rgb),.18),transparent 60%)}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:2}
.st{text-align:center;position:relative}
.st-n{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,5vw,3.6rem);color:#fff;line-height:1}
.st-l{display:block;font-size:.86rem;letter-spacing:.06em;color:rgba(255,255,255,.6);margin-top:8px}
.st-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-family:var(--display);font-weight:900;font-size:6rem;color:rgba(var(--amber-rgb),.08);z-index:-1;pointer-events:none}

/* ============================================================
   PROCESS
============================================================ */
.sec-process{background:var(--mist)}
.process-wm{font-size:clamp(9rem,22vw,22rem);left:-2%;top:0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.proc{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);
  padding:30px 24px;position:relative;transition:transform .3s,box-shadow .3s;
}
.proc:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow)}
.proc-step{font-family:var(--display);font-weight:900;font-size:2.4rem;color:var(--amber);opacity:.5;line-height:1}
.proc-h{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--slate-900);margin:10px 0 8px}
.proc-p{font-size:.92rem;color:var(--muted)}

/* ============================================================
   TESTIMONIALS
============================================================ */
.sec-testi{background:var(--paper)}
.testi-wm{font-size:clamp(8rem,18vw,18rem);right:-2%;top:0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.testi{
  background:var(--cloud);border:1px solid var(--line);border-radius:var(--rad);
  padding:30px 26px;transition:transform .3s,box-shadow .3s;
}
.testi:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow)}
.testi-stars{color:var(--amber);letter-spacing:3px;margin-bottom:16px;font-size:.95rem}
.testi-q{font-size:1rem;color:var(--slate-700);line-height:1.7;margin-bottom:22px}
.testi-by{display:flex;align-items:center;gap:14px}
.testi-av{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--slate-700),var(--slate-900));
  display:flex;align-items:center;justify-content:center;color:var(--amber-300);font-family:var(--display);font-weight:700;
}
.testi-n{font-family:var(--display);font-weight:700;color:var(--slate-900);font-size:1.02rem}
.testi-r{font-size:.82rem;color:var(--muted)}

/* ============================================================
   CONTACT
============================================================ */
.sec-contact{background:linear-gradient(180deg,var(--mist),var(--cloud))}
.contact-wm{font-size:clamp(8rem,18vw,18rem);left:-2%;bottom:-4%}
.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:start;position:relative;z-index:2}
.c-items{margin-top:36px;display:grid;gap:20px}
.ci{display:flex;align-items:center;gap:16px}
.ci-ico{width:48px;height:48px;border-radius:13px;background:var(--slate-800);color:var(--amber-300);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}
.ci-lbl{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ci-v{font-family:var(--display);font-weight:600;font-size:1.08rem;color:var(--slate-900)}

.contact-form{
  background:var(--glass-bg-strong);
  backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-hi),var(--glass-shadow);
  border-radius:20px;padding:34px;
}
.cf-title{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--slate-900);margin-bottom:22px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg{margin-bottom:16px}
.fg label{display:block;font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.06em;color:var(--slate-700);margin-bottom:7px}
.fg input,.fg select,.fg textarea{
  width:100%;padding:12px 15px;border-radius:10px;
  background:rgba(255,255,255,.7);border:1px solid var(--line);
  font-family:var(--body);font-size:.95rem;color:var(--slate-900);outline:none;transition:border .2s,box-shadow .2s;
}
.fg input::placeholder,.fg textarea::placeholder{color:var(--slate-400)}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(var(--amber-rgb),.16)}
.fg textarea{min-height:110px;resize:vertical}
.submit-btn{
  width:100%;border:none;cursor:pointer;margin-top:6px;
  font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:.04em;color:var(--on-amber);
  background:linear-gradient(180deg,var(--amber-300),var(--amber));
  padding:15px;border-radius:12px;box-shadow:0 10px 24px rgba(var(--amber-rgb),.32);transition:transform .2s,box-shadow .2s;
}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(var(--amber-rgb),.42)}
.submit-btn:disabled{opacity:.7;cursor:wait}

/* ============================================================
   CTA
============================================================ */
.sec-cta{
  position:relative;text-align:center;padding:120px 32px;overflow:hidden;
  background:linear-gradient(160deg,var(--slate-800),var(--slate-900));
}
.sec-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 420px at 50% 0%,rgba(var(--amber-rgb),.20),transparent 62%)}
.cta-wm{font-size:clamp(10rem,26vw,28rem);left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.04)}
.cta-h{position:relative;z-index:2;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.02;color:#fff;margin-bottom:18px}
.cta-h span{-webkit-text-stroke:2px var(--amber);color:transparent}
.cta-p{position:relative;z-index:2;color:rgba(255,255,255,.7);font-size:1.1rem;max-width:560px;margin:0 auto 36px}
.cta-btns{position:relative;z-index:2;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cta-wa{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--display);font-weight:600;font-size:.92rem;color:#fff;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  padding:15px 28px;border-radius:12px;transition:background .25s;
}
.cta-wa:hover{background:rgba(255,255,255,.16)}

/* ============================================================
   FOOTER
============================================================ */
footer{background:var(--slate-900);color:rgba(255,255,255,.7);padding:70px 0 30px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-brand .nlogo{margin-bottom:18px}
.foot-brand .nlogo-img{height:50px}
.foot-brand p{font-size:.92rem;line-height:1.7;max-width:330px;color:rgba(255,255,255,.55)}
.socials{display:flex;gap:12px;margin-top:20px}
.soc{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:all .25s}
.soc:hover{background:var(--amber);color:var(--on-amber);border-color:var(--amber);transform:translateY(-2px)}
.foot-col h5{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.04em;color:#fff;margin-bottom:18px}
.foot-links{list-style:none;display:grid;gap:11px}
.foot-links a{font-size:.9rem;color:rgba(255,255,255,.6);transition:color .2s}
.foot-links a:hover{color:var(--amber-300)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px;font-size:.84rem;color:rgba(255,255,255,.45)}

/* ============================================================
   RESPONSIVE
============================================================ */
@media(max-width:1100px){
  .city-wrap{opacity:.45;right:-160px}
  .svcs-layout{grid-template-columns:1fr;gap:40px}
  .svcs-left{position:static}
  .about-layout,.contact-layout{grid-template-columns:1fr;gap:44px}
  .about-visual{height:340px}
}
@media(max-width:860px){
  .nlinks,.nright{display:none}
  .hamburger{display:flex}
  .nav{padding:12px 22px}
  .container{padding:0 22px}
  .city-wrap{display:none}
  .hero{min-height:auto;padding:140px 0 90px}
  .hero-bar{position:static;margin-top:40px;grid-template-columns:1fr 1fr}
  .hbar-item:nth-child(2){border-right:none}
  .hbar-item{padding:14px 0}
  .stats-row,.process-grid{grid-template-columns:1fr 1fr;gap:20px}
  .testi-grid{grid-template-columns:1fr}
  .svcs-right{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr;gap:30px}
  .sec{padding:80px 0}
}
@media(max-width:480px){
  .f-row{grid-template-columns:1fr}
  .stats-row,.process-grid,.foot-top{grid-template-columns:1fr}
  .hero-bar{grid-template-columns:1fr 1fr}
}


/* ============================================================
   THEME PALETTES  (switcher)
============================================================ */
html[data-theme="aurora"]{
  --slate-900:#060B16; --slate-800:#0F1729; --slate-700:#1E293B;
  --amber:#4F46E5; --amber-700:#3730A3; --amber-600:#4338CA; --amber-300:#818CF8; --amber-100:#EEF0FE;
  --amber-rgb:79,70,229; --slate-rgb:15,23,41; --on-amber:#FFFFFF;
  --cloud:#F7F8FC; --mist:#EDF0F7; --line:#E2E6F0; --muted:#5A6478; --ink:#0F1729;
  --accent:#06B6D4; --accent-rgb:6,182,212;
}
html[data-theme="sunset"]{
  --slate-900:#1A0F0A; --slate-800:#2A1A14; --slate-700:#3D261B;
  --amber:#E0561D; --amber-700:#B23E12; --amber-600:#C2491A; --amber-300:#F0631F; --amber-100:#FBE6DB;
  --amber-rgb:224,86,29; --slate-rgb:42,26,20; --on-amber:#FFFFFF;
  --cloud:#FBF7F4; --mist:#F4ECE6; --line:#ECE0D8; --muted:#7A6A60; --ink:#2A1A14;
  --accent:#7C3AED; --accent-rgb:124,58,237;
}

/* smooth morph between palettes */
body,.nav,.hero,.ticker,.sec,.svc,.proc,.testi,.contact-form,.sec-stats,.sec-cta,footer,
.hbtn-p,.nbtn-f,.svc-ico,.ci-ico,.hero-cat,.theme-nav-btn,.theme-switch-fab,.theme-pop,.proc-step{
  transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease,color .3s ease;
}

/* ============================================================
   THEME SWITCHER UI
============================================================ */
.theme-nav-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:10px;
  border:1px solid var(--glass-brd);background:var(--glass-bg);
  backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);
  color:var(--ink);cursor:pointer;box-shadow:var(--glass-hi);font-size:1rem;
}
.theme-nav-btn:hover{background:rgba(255,255,255,.7);transform:translateY(-1px)}

.theme-switch-fab{
  position:fixed;right:20px;bottom:20px;z-index:940;
  width:52px;height:52px;border-radius:50%;display:none;align-items:center;justify-content:center;
  border:1px solid var(--glass-brd);
  background:linear-gradient(180deg,var(--amber-300),var(--amber));
  color:var(--on-amber);cursor:pointer;font-size:1.2rem;
  box-shadow:0 8px 24px rgba(var(--amber-rgb),.45),var(--glass-hi);
}
.theme-switch-fab:hover{transform:translateY(-2px) scale(1.04)}

.theme-pop{
  position:fixed;top:76px;right:20px;z-index:945;width:216px;padding:10px;
  border-radius:16px;background:var(--glass-bg-strong);
  backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-hi),var(--glass-shadow);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s,transform .2s,visibility .2s;
}
.theme-pop.open{opacity:1;visibility:visible;transform:none}
.theme-pop-title{
  font-family:var(--display);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);padding:6px 8px 10px;
}
.theme-opt{
  display:flex;align-items:center;gap:11px;width:100%;padding:10px;
  border:none;background:none;border-radius:10px;cursor:pointer;text-align:left;
  font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:.02em;color:var(--ink);
  transition:background .15s;
}
.theme-opt:hover{background:rgba(var(--slate-rgb),.06)}
.theme-opt.sel{background:rgba(var(--amber-rgb),.14)}
.theme-opt.sel::after{content:'\2713';margin-left:auto;color:var(--amber-700);font-weight:700}
.theme-sw{display:inline-flex;flex-shrink:0}
.theme-sw i{display:block;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--paper)}
.theme-sw i+i{margin-left:-6px}

@media(max-width:860px){
  .theme-switch-fab{display:flex}
  .theme-pop{top:auto;bottom:84px}
}

/* ============================================================
   SERVICE CARDS as links + SINGLE / ARCHIVE pages
============================================================ */
.svc{display:flex;flex-direction:column;text-decoration:none}
.svc .svc-arr{margin-top:auto}

/* ---- Single service ---- */
.svc-single{background:var(--paper)}
.svc-single-hero{
  position:relative;overflow:hidden;padding:150px 0 60px;
  background:
    radial-gradient(800px 500px at 80% 10%, rgba(var(--amber-rgb),.12), transparent 60%),
    radial-gradient(700px 500px at 0% 100%, rgba(var(--slate-rgb),.07), transparent 60%),
    var(--cloud);
}
.svc-single-bloom{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.sb1{width:380px;height:380px;background:rgba(var(--amber-rgb),.28);top:-80px;right:-40px}
.sb2{width:300px;height:300px;background:rgba(var(--accent-rgb),.22);bottom:-100px;left:-60px}
.svc-single-wm{
  position:absolute;right:-2%;bottom:-8%;font-family:var(--display);font-weight:900;
  font-size:clamp(7rem,18vw,16rem);color:rgba(var(--slate-rgb),.035);pointer-events:none;user-select:none;z-index:0;
}
.svc-back{display:inline-block;font-family:var(--display);font-weight:600;font-size:.9rem;letter-spacing:.04em;color:var(--amber-700);margin-bottom:26px;position:relative;z-index:2}
.svc-back:hover{color:var(--amber-600)}
.svc-single-head{display:flex;align-items:center;gap:22px;position:relative;z-index:2}
.svc-single-ico{
  width:78px;height:78px;border-radius:20px;background:var(--slate-800);color:var(--amber-300);
  display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;
  box-shadow:0 12px 30px rgba(var(--slate-rgb),.25);
}
.svc-single-title{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,5vw,4rem);line-height:1;color:var(--slate-900)}
.svc-single-sub{font-size:1.2rem;color:var(--muted);max-width:680px;margin-top:22px;position:relative;z-index:2}

.svc-single-body{padding:60px 0 110px;background:var(--paper)}
.svc-single-img{border-radius:18px;overflow:hidden;margin-bottom:40px;box-shadow:var(--glass-shadow)}
.svc-single-img img{width:100%;height:auto;display:block}
.svc-single-content{max-width:780px;font-size:1.08rem;line-height:1.8;color:var(--slate-700)}
.svc-single-content p{margin-bottom:20px}
.svc-single-content h2,.svc-single-content h3{font-family:var(--display);font-weight:700;color:var(--slate-900);margin:30px 0 14px}
.svc-single-content ul,.svc-single-content ol{margin:0 0 20px 22px}
.svc-single-content li{margin-bottom:8px}
.svc-single-content a{color:var(--amber-700);text-decoration:underline}

.svc-single-cta{
  margin-top:54px;padding:40px;border-radius:20px;text-align:center;
  background:var(--glass-bg-strong);border:1px solid var(--glass-brd);box-shadow:var(--glass-hi),var(--glass-shadow);
}
.svc-single-cta h3{font-family:var(--display);font-weight:700;font-size:1.7rem;color:var(--slate-900);margin-bottom:8px}
.svc-single-cta p{color:var(--muted);margin-bottom:24px}
.svc-single-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---- Archive ---- */
.svc-archive{
  position:relative;overflow:hidden;padding:150px 0 110px;
  background:radial-gradient(800px 500px at 85% 6%, rgba(var(--amber-rgb),.10), transparent 60%), var(--cloud);
}
.svc-archive-head{position:relative;z-index:2;max-width:640px;margin-bottom:50px}
.svc-archive-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-archive-cta{position:relative;z-index:2;text-align:center;margin-top:60px}
.svc-archive-cta h3{font-family:var(--display);font-weight:700;font-size:1.7rem;color:var(--slate-900);margin-bottom:20px}

@media(max-width:1000px){.svc-archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){
  .svc-archive-grid{grid-template-columns:1fr}
  .svc-single-head{flex-direction:column;align-items:flex-start;gap:16px}
  .svc-single-hero{padding-top:130px}
}

/* WP admin bar offset (logged-in admins only) */
.admin-bar .nav{top:32px}
@media screen and (max-width:782px){.admin-bar .nav{top:46px}}