/* ============================================================
   AJ PROFESSIONAL UNISEX SALON — Zoho-inspired corporate theme
   Clean white canvas, four signature accents (red · green · blue · yellow),
   rounded tiles, soft shadows and motion on scroll / hover.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
  /* brand accents */
  --z-red:#E42527; --z-green:#089949; --z-blue:#226DB4; --z-yellow:#F9B21D;
  --z-red-d:#C21B1D; --z-green-d:#067A3B; --z-blue-d:#1A5A9E; --z-yellow-d:#D8960A;
  --z-red-t:#FDECEC; --z-green-t:#E6F5EC; --z-blue-t:#E8F1FB; --z-yellow-t:#FEF5E1;
  --z-grad:linear-gradient(90deg,var(--z-red),var(--z-yellow),var(--z-green),var(--z-blue));
  --z-bar:linear-gradient(90deg,var(--z-red) 0 25%,var(--z-green) 25% 50%,var(--z-blue) 50% 75%,var(--z-yellow) 75% 100%);
  --z-bar-v:linear-gradient(180deg,var(--z-red) 0 25%,var(--z-green) 25% 50%,var(--z-blue) 50% 75%,var(--z-yellow) 75% 100%);
  --z-grad-loop:linear-gradient(90deg,var(--z-red),var(--z-yellow),var(--z-green),var(--z-blue),var(--z-red));
  /* neutrals */
  --ink:#1B2430; --text:#4A5565; --muted:#6B7686; --line:#E5E9EF;
  --bg:#FFFFFF; --soft:#F5F8FC; --navy:#111A28; --navy-2:#182234;
  --radius:14px; --radius-sm:8px; --max:1200px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.07);
  --shadow-md:0 10px 28px -10px rgba(16,24,40,.16);
  --shadow-lg:0 28px 56px -20px rgba(16,24,40,.28);
  --ease:cubic-bezier(.22,.9,.28,1);
  /* legacy names still referenced by inline styles / admin.js */
  --ivory:var(--ink); --ivory-dim:var(--text);
  --muted-on-dark:var(--muted); --muted-on-light:var(--muted);
  --gold:var(--z-blue); --gold-light:var(--z-red-d); --gold-deep:var(--z-blue-d);
  --line-on-dark:var(--line); --line-on-light:var(--line);
  --surface:#fff; --surface-2:var(--soft); --glass:#fff; --glass-hover:var(--soft);
  --void:var(--navy); --bg-2:var(--soft); --bg-3:var(--soft);
  --danger:var(--z-red); --ok:var(--z-green);
  --gold-grad:linear-gradient(135deg,var(--z-red),var(--z-red-d));
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;font-synthesis:none;}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  animation:zPageIn .6s var(--ease) both;
}
@keyframes zPageIn{from{opacity:0;}to{opacity:1;}}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{font-family:'Inter',system-ui,sans-serif;font-weight:700;margin:0 0 .45em;line-height:1.2;letter-spacing:-.02em;color:var(--ink);}
p{margin:0 0 1em;}
button{font-family:inherit;cursor:pointer;}
:focus-visible{outline:2px solid var(--z-blue);outline-offset:3px;border-radius:4px;}
::selection{background:rgba(34,109,180,.22);color:var(--ink);}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--soft);}
::-webkit-scrollbar-thumb{background:#C9D3E0;border-radius:8px;border:2px solid var(--soft);}
::-webkit-scrollbar-thumb:hover{background:var(--z-blue);}

/* four-colour scroll progress bar (injected by js/zoho-fx.js) */
.z-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;background:var(--z-bar);transition:width .1s linear;}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
.section{padding:88px 0;background:var(--bg);position:relative;}
.section-tight{padding:56px 0;}
.section-dark,.section-surface{background:var(--soft);}
.section-dark{background:
  radial-gradient(520px 260px at 0% 0%,rgba(228,37,39,.06),transparent 70%),
  radial-gradient(520px 260px at 100% 100%,rgba(34,109,180,.08),transparent 70%),var(--soft);}
.section-dark,.section-surface{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--z-blue);margin:0 0 12px;}
.kicker::before{content:'';width:22px;height:4px;border-radius:2px;background:var(--z-bar);}
@keyframes zSlide{to{background-position:200% 0;}}
.divider{width:56px;height:4px;border-radius:4px;background:var(--z-bar);margin:18px 0 34px;}
.divider.center{margin-left:auto;margin-right:auto;}
h2{font-size:clamp(28px,3.6vw,40px);}

/* ---------- Buttons ---------- */
.btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 28px;font-size:15px;font-weight:600;letter-spacing:.01em;
  border:1.5px solid transparent;border-radius:8px;white-space:nowrap;background:transparent;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .2s,color .2s,border-color .2s;
}
.btn:active{transform:scale(.97);}
.btn-gold{background:var(--z-red);color:#fff;box-shadow:0 8px 20px -8px rgba(228,37,39,.6);}
.btn-gold:hover{background:var(--z-red-d);transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(228,37,39,.65);}
.btn-gold::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;}
.btn-gold:hover::before{transform:translateX(120%);}
.btn-outline-dark,.btn-outline-light{border-color:var(--z-blue);color:var(--z-blue);background:#fff;}
.btn-outline-dark:hover,.btn-outline-light:hover{background:var(--z-blue);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(34,109,180,.55);}
.btn-sm{padding:9px 18px;font-size:13.5px;}
.btn-block{width:100%;}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;}
.btn[disabled]:hover{transform:none;}
.z-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:zRipple .6s ease-out forwards;pointer-events:none;z-index:-1;}
.btn-outline-dark .z-ripple,.btn-outline-light .z-ripple{background:rgba(34,109,180,.25);}
@keyframes zRipple{to{transform:scale(4);opacity:0;}}

/* ---------- Header ---------- */
#site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);transition:box-shadow .3s;}
/* blur lives on a pseudo-element: backdrop-filter on the header itself would trap the fixed mobile drawer inside it */
#site-header::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.93);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);}
#site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--z-bar);opacity:.9;}
#site-header.scrolled{box-shadow:0 8px 26px -14px rgba(16,24,40,.28);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:var(--max);margin:0 auto;transition:padding .3s;}
#site-header.scrolled .nav{padding-top:8px;padding-bottom:8px;}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);transition:opacity .2s;}
.brand:hover{opacity:.9;}
.brand img{height:46px;width:auto;border-radius:10px;box-shadow:0 4px 12px -4px rgba(16,24,40,.35);transition:transform .35s var(--ease);}
.brand:hover img{transform:rotate(-4deg) scale(1.05);}
.brand-text{display:flex;flex-direction:column;line-height:1.2;}
.brand-text strong{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);}
.brand-text span{font-size:10.5px;letter-spacing:.2em;font-weight:600;color:var(--z-blue);}
.nav-links{display:flex;align-items:center;gap:26px;}
.nav-links a{position:relative;font-size:14.5px;font-weight:500;color:var(--text);padding:8px 2px;transition:color .2s;}
.nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:3px;border-radius:3px;background:var(--z-bar);transition:right .35s var(--ease);}
.nav-links a:hover,.nav-links a.active{color:var(--z-blue);}
.nav-links a:hover::after,.nav-links a.active::after{right:0;}
.nav-links a .nav-ico{display:none;}
.admin-only-mobile{display:none;}
.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-toggle{display:none;background:#fff;border:1.5px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:8px;font-size:16px;transition:border-color .2s,background-color .2s;}
.nav-toggle:hover{border-color:var(--z-blue);background:var(--z-blue-t);}
.nav-drawer-head{display:none;}
.nav-backdrop{position:fixed;inset:0;background:rgba(17,26,40,.5);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:85;display:none;}
.nav-backdrop.open{opacity:1;pointer-events:auto;}

@media (max-width:940px){
  .nav-backdrop{display:block;}
  .nav-links{position:fixed;top:0;right:0;height:100%;width:min(86vw,340px);background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 40px rgba(16,24,40,.22);flex-direction:column;align-items:stretch;gap:0;padding:24px 20px;transform:translateX(100%);opacity:0;pointer-events:none;transition:opacity .28s,transform .38s var(--ease);overflow-y:auto;z-index:90;}
  .nav-links.open{opacity:1;transform:none;pointer-events:auto;}
  .nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line);}
  .nav-drawer-head span{font-size:15px;font-weight:700;color:var(--ink);}
  .nav-drawer-close{background:var(--soft);border:0;color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:14px;transition:transform .25s,background-color .2s;}
  .nav-drawer-close:hover{transform:rotate(90deg);background:var(--z-red-t);color:var(--z-red);}
  .nav-links a{width:100%;padding:12px 4px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;font-size:15.5px;opacity:0;transform:translateX(16px);transition:opacity .3s,transform .35s var(--ease),color .15s;}
  .nav-links a::after{display:none;}
  .nav-links.open a{opacity:1;transform:none;}
  .nav-links.open a:nth-child(2){transition-delay:.04s}.nav-links.open a:nth-child(3){transition-delay:.08s}.nav-links.open a:nth-child(4){transition-delay:.12s}
  .nav-links.open a:nth-child(5){transition-delay:.16s}.nav-links.open a:nth-child(6){transition-delay:.2s}.nav-links.open a:nth-child(7){transition-delay:.24s}
  .nav-links.open a:nth-child(8){transition-delay:.28s}.nav-links.open a:nth-child(9){transition-delay:.32s}.nav-links.open a:nth-child(10){transition-delay:.36s}
  .nav-links a .nav-ico{display:flex;width:34px;height:34px;flex:none;border-radius:10px;align-items:center;justify-content:center;font-size:16px;background:var(--z-blue-t);transition:transform .25s;}
  .nav-links a:nth-child(4n+2) .nav-ico{background:var(--z-red-t);} .nav-links a:nth-child(4n+3) .nav-ico{background:var(--z-green-t);}
  .nav-links a:nth-child(4n+4) .nav-ico{background:var(--z-yellow-t);} .nav-links a:nth-child(4n+5) .nav-ico{background:var(--z-blue-t);}
  .nav-links a:active .nav-ico{transform:scale(.9);}
  .nav-links a.active{color:var(--z-blue);font-weight:600;}
  .admin-only-mobile{display:flex;color:var(--muted);}
  .nav-links .btn{margin-top:18px;border-bottom:0;}
  .nav-toggle{display:inline-flex;}
  .nav-cta .btn-sm-desktop{display:none;}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(700px 420px at 8% 0%,rgba(228,37,39,.09),transparent 65%),
  radial-gradient(620px 420px at 100% 10%,rgba(34,109,180,.12),transparent 65%),
  radial-gradient(600px 400px at 60% 100%,rgba(8,153,73,.09),transparent 65%),
  radial-gradient(460px 300px at 20% 100%,rgba(249,178,29,.12),transparent 65%),#fff;}
.hero-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.hero>.hero-deco{position:absolute;}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:var(--max);margin:0 auto;padding:52px 24px 96px;}
.hero h1{font-size:clamp(34px,4.8vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin-bottom:20px;animation:zSlideIn .9s var(--ease) .1s both;}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--z-red),var(--z-yellow-d),var(--z-green),var(--z-blue),var(--z-red));background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:zShine 7s linear infinite;}
@keyframes zShine{to{background-position:300% center;}}
.hero p.lead{font-size:18px;color:var(--text);max-width:50ch;margin-bottom:30px;animation:zSlideIn .9s var(--ease) .25s both;}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;background:var(--z-blue-t);color:var(--z-blue-d);}
.badge::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--z-green);box-shadow:0 0 0 0 rgba(8,153,73,.6);animation:zPing 2s infinite;}
@keyframes zPing{70%{box-shadow:0 0 0 8px rgba(8,153,73,0);}100%{box-shadow:0 0 0 0 rgba(8,153,73,0);}}
.hero .badge{animation:zRise .8s var(--ease) both;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:zRise .9s var(--ease) .4s both;}
.hero-actions .btn-gold{animation:zGlow 3s ease-in-out 1.5s infinite;}
@keyframes zGlow{0%,100%{box-shadow:0 8px 20px -8px rgba(228,37,39,.6);}50%{box-shadow:0 8px 30px -4px rgba(228,37,39,.8);}}
@keyframes zRise{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
@keyframes zSlideIn{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:none;}}
.hero-stats{display:flex;gap:0;margin-top:42px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;animation:zRise .9s var(--ease) .55s both;}
.hero-stats div{flex:1 1 120px;padding:16px 18px;border-right:1px solid var(--line);position:relative;transition:background-color .25s;}
.hero-stats div:last-child{border-right:0;}
.hero-stats div::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:var(--c,var(--z-blue));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);}
.hero-stats div:hover{background:var(--soft);}
.hero-stats div:hover::before{transform:scaleX(1);}
.hero-stats div:nth-child(1){--c:var(--z-red)}.hero-stats div:nth-child(2){--c:var(--z-green)}.hero-stats div:nth-child(3){--c:var(--z-blue)}.hero-stats div:nth-child(4){--c:var(--z-yellow)}
.hero-stats div strong{display:block;font-size:26px;font-weight:800;color:var(--c,var(--z-blue));letter-spacing:-.03em;line-height:1.2;}
.hero-stats div span{display:block;font-size:12px;color:var(--muted);font-weight:500;}

/* floating Zoho-style colour tiles */
.zt{position:absolute;width:46px;height:46px;border-radius:12px;opacity:.9;animation:zFloat 9s ease-in-out infinite;translate:calc(var(--hx,0) * 34px) calc(var(--hy,0) * 34px);transition:translate .5s ease-out;box-shadow:0 14px 26px -12px rgba(16,24,40,.35);}
.zt-1{background:var(--z-red);left:3%;top:14%;transform:rotate(-12deg);}
.zt-2{background:var(--z-green);left:46%;top:7%;width:30px;height:30px;border-radius:9px;animation-delay:1.5s;animation-duration:11s;}
.zt-3{background:var(--z-blue);left:5%;top:70%;width:38px;height:38px;animation-delay:3s;}
.zt-4{background:var(--z-yellow);left:44%;top:84%;width:34px;height:34px;animation-delay:4.5s;animation-duration:8s;}
.zt-5{background:var(--z-red);right:4%;top:78%;width:24px;height:24px;border-radius:7px;animation-delay:2s;opacity:.7;}
.zt-6{background:var(--z-blue);right:3%;top:8%;width:28px;height:28px;border-radius:8px;animation-delay:5s;opacity:.7;}
@keyframes zFloat{0%,100%{transform:translateY(0) rotate(-8deg);}50%{transform:translateY(-26px) rotate(14deg);}}
.hd-ring{position:absolute;border-radius:50%;border:2px solid rgba(34,109,180,.25);left:6%;top:36%;width:220px;height:220px;opacity:0;animation:zRing 7s ease-out infinite;}
.hr-2{animation-delay:3.5s;border-color:rgba(228,37,39,.22);}
@keyframes zRing{0%{transform:scale(.4);opacity:.8;}100%{transform:scale(2.6);opacity:0;}}

/* hero logo tile */
.hero-logo{position:relative;width:min(180px,60vw);margin:0 0 20px;padding:3px;border-radius:20px;isolation:isolate;animation:zRise 1s var(--ease) both,zBob 6s ease-in-out 1s infinite;}
.hl-ring{position:absolute;inset:0;border-radius:20px;z-index:-1;overflow:hidden;}
.hl-ring::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,var(--z-red),var(--z-yellow),var(--z-green),var(--z-blue),var(--z-red));animation:zSpin 5s linear infinite;}
.hl-card{position:relative;border-radius:17px;overflow:hidden;background:#000;box-shadow:var(--shadow-lg);}
.hl-card img{width:100%;height:auto;transform:scale(1.02);transition:transform .6s;}
.hero-logo:hover .hl-card img{transform:scale(1.07);}
.hl-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);animation:zShineSweep 4.5s ease-in-out 1.6s infinite;}
.hl-orb{position:absolute;width:11px;height:11px;border-radius:50%;z-index:2;}
.hl-orb.o1{top:-5px;right:22px;background:var(--z-yellow);animation:zPulse 2.8s ease-in-out infinite;}
.hl-orb.o2{bottom:-5px;left:30px;background:var(--z-green);animation:zPulse 2.8s ease-in-out 1.2s infinite;}
@keyframes zSpin{to{transform:rotate(360deg);}}
@keyframes zBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes zShineSweep{0%{transform:translateX(-120%);}45%,100%{transform:translateX(120%);}}
@keyframes zPulse{0%,100%{transform:scale(.7);opacity:.6;}50%{transform:scale(1.3);opacity:1;}}

/* hero photo stage */
.hero-stage{position:relative;perspective:1200px;animation:zRise 1s var(--ease) .15s both;}
.hero-glow{position:absolute;inset:6% -8%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(34,109,180,.3),rgba(228,37,39,.12) 60%,transparent 75%);filter:blur(40px);animation:zBreath 5s ease-in-out infinite;}
@keyframes zBreath{0%,100%{opacity:.6;transform:scale(.96);}50%{opacity:1;transform:scale(1.05);}}
.hero-border{position:absolute;inset:-3px;z-index:1;border-radius:22px;overflow:hidden;pointer-events:none;}
.hero-border::before{content:'';position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 40%,var(--z-red) 50%,var(--z-yellow) 62%,var(--z-green) 74%,var(--z-blue) 86%,transparent 96%);animation:zSpin 7s linear infinite;}
.hero-visual{position:relative;z-index:2;aspect-ratio:4/5;border-radius:20px;background:var(--navy);display:flex;align-items:flex-end;padding:22px;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .4s var(--ease);transform-style:preserve-3d;will-change:transform;animation:zWipe 1.2s var(--ease) .1s backwards;}
@keyframes zWipe{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 -20px -20px 0);}}
.hv-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.hv-img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;animation:zKen 20s ease-in-out infinite alternate;}
@keyframes zKen{0%{transform:scale(1.04);}100%{transform:scale(1.2) translate(-2.5%,-3%);}}
.hero-visual::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(17,26,40,.82) 100%);}
.hero-visual::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;animation:zSweep 6s ease-in-out 2s infinite;}
@keyframes zSweep{0%{background-position:150% 0;}45%,100%{background-position:-50% 0;}}
.hv-light{position:absolute;z-index:2;top:-6%;right:-8%;width:70%;height:40%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent 75%);filter:blur(16px);mix-blend-mode:screen;animation:zFlicker 4.5s ease-in-out infinite;}
@keyframes zFlicker{0%,100%{opacity:.35;}45%{opacity:.9;}70%{opacity:.8;}}
.hero-visual .tag{position:relative;z-index:3;display:flex;gap:10px;align-items:center;background:#fff;color:var(--ink);padding:12px 16px;font-size:13px;border-radius:10px;box-shadow:var(--shadow-md);animation:zRise .9s var(--ease) .9s both;}
.hero-visual .tag strong{color:var(--z-green);font-size:15px;font-weight:700;}
.float-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;padding:10px 16px 10px 10px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);translate:calc(var(--px,0) * 22px) calc(var(--py,0) * 22px);transition:translate .25s ease-out;opacity:0;animation:zPop .7s var(--ease) both,zBobChip 6s ease-in-out infinite;}
.float-chip .ci{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--z-yellow-t);}
.chip-2 .ci{background:var(--z-red-t);} .chip-3 .ci{background:var(--z-green-t);}
.float-chip strong{display:block;font-size:14px;color:var(--ink);line-height:1.2;}
.float-chip small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;}
.chip-1{top:9%;left:-34px;animation-delay:1.1s,1.8s;}
.chip-2{top:44%;right:-30px;animation-delay:1.4s,2.4s;}
.chip-3{bottom:22%;left:-26px;animation-delay:1.7s,3s;}
@keyframes zPop{from{opacity:0;transform:scale(.7) translateY(14px);}to{opacity:1;transform:none;}}
@keyframes zBobChip{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.spark{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;pointer-events:none;opacity:0;animation:zSpark 6s ease-in infinite;background:var(--z-yellow);box-shadow:0 0 12px 3px rgba(249,178,29,.7);}
.s1{left:14%;bottom:8%;} .s2{left:38%;bottom:4%;animation-delay:1.3s;background:var(--z-red);box-shadow:0 0 12px 3px rgba(228,37,39,.6);}
.s3{left:62%;bottom:10%;animation-delay:2.6s;background:var(--z-green);box-shadow:0 0 12px 3px rgba(8,153,73,.6);}
.s4{left:82%;bottom:6%;animation-delay:3.8s;background:var(--z-blue);box-shadow:0 0 12px 3px rgba(34,109,180,.6);} .s5{left:50%;bottom:2%;animation-delay:4.9s;width:5px;height:5px;}
@keyframes zSpark{0%{opacity:0;transform:translateY(0) scale(.6);}15%{opacity:1;}100%{opacity:0;transform:translateY(-260px) scale(1.3);}}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;padding:44px 24px 64px;}
  .hero-visual{aspect-ratio:4/3;padding:12px;}
  .hero-logo{margin-inline:auto;}
  .chip-1{left:8px;top:6%;} .chip-2{right:8px;top:auto;bottom:30%;} .chip-3{display:none;}
  .float-chip{padding:8px 12px 8px 8px;} .float-chip .ci{width:30px;height:30px;font-size:15px;} .float-chip strong{font-size:12.5px;}
  .hero-visual .tag{width:100%;padding:9px 12px;font-size:11.5px;}
  .zt-2,.zt-4{display:none;}
}
@media (max-width:420px){.float-chip small{display:none;}}

/* category launcher tiles (home) */
.cat-strip{position:relative;z-index:2;margin-top:-44px;}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.cat-tile{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;position:relative;overflow:hidden;}
.cat-tile::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);}
.cat-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--c);}
.cat-tile:hover::after{transform:scaleX(1);}
.cat-ico{width:52px;height:52px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--ct);transition:transform .4s var(--ease);}
.cat-tile:hover .cat-ico{transform:rotate(-8deg) scale(1.12);}
.cat-tile b{display:block;color:var(--ink);font-size:16px;font-weight:700;line-height:1.2;}
.cat-tile small{color:var(--muted);font-size:12.5px;}
.cat-tile:nth-child(1){--c:var(--z-red);--ct:var(--z-red-t)}.cat-tile:nth-child(2){--c:var(--z-green);--ct:var(--z-green-t)}
.cat-tile:nth-child(3){--c:var(--z-blue);--ct:var(--z-blue-t)}.cat-tile:nth-child(4){--c:var(--z-yellow);--ct:var(--z-yellow-t)}
@media (max-width:940px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.cat-grid{grid-template-columns:1fr;gap:12px;}.cat-strip{margin-top:-30px;}}

/* ---------- Page header (inner pages) ---------- */
.page-head{position:relative;overflow:hidden;padding:64px 0 52px;background:
  radial-gradient(500px 240px at 0% 0%,rgba(228,37,39,.08),transparent 70%),
  radial-gradient(520px 260px at 100% 0%,rgba(34,109,180,.12),transparent 70%),
  radial-gradient(420px 220px at 55% 120%,rgba(8,153,73,.08),transparent 70%),var(--soft);
  border-bottom:1px solid var(--line);}
.page-head .wrap{position:relative;z-index:1;}
.page-head::before,.page-head::after{content:'';position:absolute;border-radius:12px;opacity:.9;animation:zFloat 10s ease-in-out infinite;}
.page-head::before{width:34px;height:34px;right:12%;top:26%;background:var(--z-yellow);}
.page-head::after{width:22px;height:22px;right:6%;bottom:22%;background:var(--z-red);animation-delay:2s;}
.page-head h1{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.03em;animation:zRise .7s var(--ease) both;}
.page-head p{color:var(--text);max-width:62ch;margin:0;font-size:17px;animation:zRise .7s var(--ease) .08s both;}
.crumb{display:inline-block;font-size:12px;font-weight:700;color:var(--z-blue);letter-spacing:.1em;margin-bottom:14px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);animation:zRise .7s var(--ease) both;}

/* ---------- Grids ---------- */
.grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(3,1fr);} .grid-4{grid-template-columns:repeat(4,1fr);} .grid-2{grid-template-columns:repeat(2,1fr);}
@media (max-width:940px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}}

/* ---------- Cards ---------- */
.feature,.review-card,.offer-card,.summary-box{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;}
.feature{padding:28px 24px;--c:var(--z-blue);--ct:var(--z-blue-t);}
.grid>.feature:nth-child(4n+1),.grid>.review-card:nth-child(4n+1),.grid>.offer-card:nth-child(4n+1){--c:var(--z-red);--ct:var(--z-red-t);}
.grid>.feature:nth-child(4n+2),.grid>.review-card:nth-child(4n+2),.grid>.offer-card:nth-child(4n+2){--c:var(--z-green);--ct:var(--z-green-t);}
.grid>.feature:nth-child(4n+3),.grid>.review-card:nth-child(4n+3),.grid>.offer-card:nth-child(4n+3){--c:var(--z-blue);--ct:var(--z-blue-t);}
.grid>.feature:nth-child(4n+4),.grid>.review-card:nth-child(4n+4),.grid>.offer-card:nth-child(4n+4){--c:var(--z-yellow-d);--ct:var(--z-yellow-t);}
.feature::before,.review-card::before,.offer-card::before{content:'';position:absolute;left:0;top:0;right:0;height:4px;background:var(--c,var(--z-blue));transform:scaleX(.28);transform-origin:left;transition:transform .5s var(--ease);}
.feature:hover,.review-card:hover,.offer-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent;}
.feature:hover::before,.review-card:hover::before,.offer-card:hover::before{transform:scaleX(1);}
.feature .num{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 10px;margin-bottom:16px;border-radius:12px;background:var(--ct,var(--z-blue-t));color:var(--c,var(--z-blue));font-size:15px;font-weight:800;letter-spacing:.02em;transition:transform .45s var(--ease),background-color .3s,color .3s;}
.feature:hover .num{transform:rotate(-8deg) scale(1.12);background:var(--c);color:#fff;}
.feature h3{font-size:19px;margin-bottom:8px;}
.feature p{color:var(--text);font-size:14.5px;margin:0;}
.spotlight::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(34,109,180,.09),transparent 65%);opacity:0;transition:opacity .3s;}
.spotlight:hover::after{opacity:1;}

.review-card{padding:26px;}
.review-card::after{content:'“';position:absolute;right:20px;top:2px;font-size:84px;font-weight:800;line-height:1;color:var(--ct,var(--z-blue-t));pointer-events:none;}
.stars{color:var(--z-yellow);letter-spacing:3px;margin-bottom:10px;font-size:15px;}
.review-card p{font-size:14.5px;color:var(--text);position:relative;z-index:1;}
.review-card .who{font-size:15px;font-weight:700;color:var(--ink);}

.offer-card{padding:30px 26px;}
.offer-card .save{position:absolute;top:22px;right:22px;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:4px 11px;border-radius:999px;background:var(--z-green-t);color:var(--z-green-d);}
.offer-card h3{font-size:21px;margin-bottom:10px;max-width:78%;}
.offer-card p{color:var(--text);font-size:14.5px;}
.offer-price{display:flex;align-items:baseline;gap:10px;margin:18px 0 22px;}
.offer-price strong{font-size:28px;font-weight:800;color:var(--z-blue);}
.offer-price s{color:var(--muted);font-size:14px;}

/* list rows */
.service-row,.product-row,.stylist-row{position:relative;border-bottom:1px solid var(--line);border-radius:10px;transition:background-color .25s,transform .3s var(--ease),box-shadow .3s;}
.service-row::before,.product-row::before,.stylist-row::before{content:'';position:absolute;left:0;top:14%;bottom:14%;width:4px;border-radius:4px;background:var(--z-bar-v);transform:scaleY(0);transition:transform .35s var(--ease);}
.service-row:hover,.product-row:hover,.stylist-row:hover{background:var(--soft);transform:translateX(4px);box-shadow:var(--shadow-sm);}
.service-row:hover::before,.product-row:hover::before,.stylist-row:hover::before{transform:scaleY(1);}
.service-row{display:grid;grid-template-columns:1.6fr 2.2fr .7fr .7fr 118px;gap:18px;align-items:center;padding:22px 18px;}
.service-row .name,.product-row .name{font-size:17.5px;font-weight:700;color:var(--ink);}
.service-row .cat,.product-row .cat{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--z-red);margin-bottom:4px;}
.service-row .desc{color:var(--text);font-size:14px;}
.service-row .duration{font-size:14px;color:var(--muted);}
.service-row .price,.product-row .price{font-size:18px;font-weight:800;color:var(--z-blue);}
.service-head,.product-head{display:grid;gap:18px;padding:0 18px 12px;border-bottom:2px solid var(--z-blue);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.service-head{grid-template-columns:1.6fr 2.2fr .7fr .7fr 118px;}
@media (max-width:860px){
  .service-head,.product-head{display:none;}
  .service-row{grid-template-columns:1fr;gap:6px;padding:20px 14px;}
  .service-row .duration::before{content:'Duration: ';color:var(--muted);}
  .service-row .price::before{content:'Price: ';color:var(--muted);font-size:13px;font-weight:500;}
}
.product-row{display:grid;grid-template-columns:2.4fr 1fr 118px;gap:18px;align-items:center;padding:20px 18px;}
.product-head{grid-template-columns:2.4fr 1fr 118px;}
@media (max-width:860px){.product-row{grid-template-columns:1fr;gap:6px;padding:18px 14px;}}

.stylist-row{display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:center;padding:26px 18px;}
.stylist-photo{position:relative;width:100px;height:100px;border-radius:50%;background:var(--soft);color:var(--z-blue);display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid #fff;box-shadow:0 0 0 3px var(--z-blue-t);transition:transform .4s var(--ease),box-shadow .4s;}
.stylist-row:hover .stylist-photo{transform:scale(1.07) rotate(-3deg);box-shadow:0 0 0 3px var(--z-red),0 0 0 7px var(--z-yellow-t);}
.stylist-row h3{font-size:20px;margin-bottom:4px;}
.stylist-row .role{display:block;color:var(--z-blue);font-size:13px;font-weight:600;margin-bottom:8px;}
.stylist-row .meta{color:var(--text);font-size:14px;}
.stylist-days{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
.stylist-days span{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted);}
.stylist-days span.on{background:var(--z-green-t);color:var(--z-green-d);}
@media (max-width:700px){.stylist-row{grid-template-columns:70px 1fr;}.stylist-row .book-col{grid-column:1/-1;margin-top:12px;}.stylist-photo{width:70px;height:70px;font-size:28px;}}

/* gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:860px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}
.gallery-tile{position:relative;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:flex-end;padding:16px;color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .5s var(--ease),box-shadow .5s;}
.gallery-tile:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg);}
.gallery-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,26,40,.78),transparent 58%);transition:background .4s;}
.gallery-tile:hover::after{background:linear-gradient(0deg,rgba(34,109,180,.75),rgba(17,26,40,.1) 100%);}
.gallery-tile .cap{position:relative;z-index:1;transition:transform .4s var(--ease);}
.gallery-tile:hover .cap{transform:translateY(-4px);}
.gallery-tile .cap b{display:block;font-size:15px;font-weight:700;color:#fff;}
.gallery-tile .cap span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--z-yellow);}
.gallery-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;}
.gallery-filter button{padding:8px 18px;font-size:13.5px;font-weight:600;border:1.5px solid var(--line);background:#fff;color:var(--text);border-radius:999px;transition:all .25s var(--ease);}
.gallery-filter button:hover{border-color:var(--z-blue);color:var(--z-blue);transform:translateY(-2px);}
.gallery-filter button.active{background:var(--z-blue);border-color:var(--z-blue);color:#fff;box-shadow:0 8px 18px -8px rgba(34,109,180,.7);}

/* ---------- Forms ---------- */
.field{margin-bottom:18px;}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--ink);}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;font-family:inherit;font-size:15px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;transition:border-color .2s,box-shadow .2s;}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#C6D0DC;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--z-blue);box-shadow:0 0 0 4px rgba(34,109,180,.14);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media (max-width:620px){.field-row{grid-template-columns:1fr;}}
.hint{font-size:12.5px;color:var(--muted);margin-top:6px;}

/* ---------- Booking wizard ---------- */
.steps{display:flex;margin-bottom:44px;counter-reset:step;}
.steps .step{flex:1;text-align:center;position:relative;padding-top:42px;font-size:12.5px;font-weight:600;color:var(--muted);}
.steps .step::before{counter-increment:step;content:counter(step);position:absolute;top:0;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#fff;color:var(--muted);transition:all .35s var(--ease);z-index:1;}
.steps .step::after{content:'';position:absolute;top:15px;left:calc(50% + 20px);width:calc(100% - 40px);height:3px;border-radius:3px;background:var(--line);}
.steps .step:last-child::after{display:none;}
.steps .step.active::before{border-color:var(--z-blue);color:#fff;background:var(--z-blue);box-shadow:0 0 0 5px rgba(34,109,180,.18);transform:translateX(-50%) scale(1.1);}
.steps .step.done::before{content:'✓';border-color:var(--z-green);background:var(--z-green);color:#fff;}
.steps .step.active{color:var(--z-blue);}
.steps .step.done{color:var(--z-green-d);}
.steps .step.done::after{background:var(--z-green);}
.steps .step.active::after{background:linear-gradient(90deg,var(--z-blue),var(--line));}
@media (max-width:700px){.steps .step{font-size:0;}.steps .step.active{font-size:11px;}}
.wizard-panel{display:none;}
.wizard-panel.active{display:block;animation:zRise .45s var(--ease);}
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:700px){.pick-grid{grid-template-columns:repeat(2,1fr);}}
.pick-card{position:relative;padding:18px;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:12px;transition:border-color .25s,background-color .25s,transform .3s var(--ease),box-shadow .3s;}
.pick-card:hover{border-color:var(--z-blue);transform:translateY(-4px);box-shadow:var(--shadow-md);}
.pick-card.selected{border-color:var(--z-blue);background:var(--z-blue-t);box-shadow:0 0 0 4px rgba(34,109,180,.12);}
.pick-card.selected::after{content:'✓';position:absolute;inset:auto;opacity:1;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--z-green);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:zPop .3s var(--ease);}
.pick-card .name{font-size:16px;font-weight:700;color:var(--ink);}
.pick-card .sub{font-size:12.5px;color:var(--muted);margin-top:4px;}
.pick-card .amt{margin-top:10px;font-size:15px;font-weight:700;color:var(--z-blue);}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
@media (max-width:700px){.slots{grid-template-columns:repeat(3,1fr);}}
.slot{padding:11px 6px;text-align:center;font-size:13.5px;font-weight:600;border:1.5px solid var(--line);color:var(--text);background:#fff;border-radius:8px;cursor:pointer;transition:all .2s var(--ease);}
.slot.taken{opacity:.35;text-decoration:line-through;cursor:not-allowed;background:var(--soft);}
.slot.selected{background:var(--z-blue);color:#fff;border-color:var(--z-blue);box-shadow:0 8px 16px -8px rgba(34,109,180,.7);}
.slot:not(.taken):not(.selected):hover{border-color:var(--z-blue);color:var(--z-blue);transform:translateY(-3px);}
.wizard-actions{display:flex;justify-content:space-between;margin-top:36px;gap:14px;}
.summary-box{padding:24px;}
.summary-box::before{display:none;}
.summary-box .row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink);}
.summary-box .row:last-child{border-bottom:none;}
.summary-box .row span:first-child{color:var(--muted);}
.svc-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border:1.5px solid var(--z-blue);background:var(--z-blue-t);border-radius:12px;color:var(--ink);animation:zRise .35s var(--ease);}
.svc-total .tot{font-size:22px;font-weight:800;color:var(--z-blue);}
.confirm-card{text-align:center;padding:50px 30px;border:1.5px solid var(--z-green);background:radial-gradient(500px 220px at 50% -10%,rgba(8,153,73,.14),transparent 70%),var(--z-green-t);border-radius:var(--radius);animation:zRise .5s var(--ease) both;}
.confirm-card .id{font-size:26px;font-weight:800;color:var(--z-green-d);margin:14px 0 24px;letter-spacing:.02em;}
.confirm-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px;}

/* ---------- Contact / misc ---------- */
.contact-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);transition:transform .3s var(--ease);}
.contact-item:hover{transform:translateX(5px);}
.contact-item .ico{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;border-radius:12px;background:var(--z-blue-t);transition:transform .4s var(--ease);}
.contact-item:nth-child(4n+2) .ico{background:var(--z-red-t);} .contact-item:nth-child(4n+3) .ico{background:var(--z-green-t);} .contact-item:nth-child(4n+4) .ico{background:var(--z-yellow-t);}
.contact-item:hover .ico{transform:rotate(-8deg) scale(1.1);}
.contact-item h4{margin:0 0 4px;font-size:15.5px;}
.contact-item p{margin:0;color:var(--text);font-size:14px;}
.map-frame{border:1px solid var(--line);height:100%;min-height:340px;width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);}
.map-frame iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
@media (max-width:860px){.two-col{grid-template-columns:1fr;gap:34px;}}
.panel-img{aspect-ratio:4/3;border-radius:var(--radius);box-shadow:var(--shadow-md);position:relative;overflow:hidden;background:
  linear-gradient(135deg,var(--z-red) 0 25%,transparent 25%),linear-gradient(225deg,var(--z-yellow) 0 25%,transparent 25%),
  linear-gradient(315deg,var(--z-green) 0 25%,transparent 25%),linear-gradient(45deg,var(--z-blue) 0 25%,transparent 25%),var(--navy);
  background-size:50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;animation:zBob 7s ease-in-out infinite;}
.panel-img::after{content:'AJ';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:84px;font-weight:800;color:#fff;letter-spacing:-.04em;}
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--navy);color:#fff;border-left:4px solid var(--z-green);padding:14px 22px;font-size:14px;opacity:0;pointer-events:none;border-radius:8px;box-shadow:var(--shadow-lg);transition:opacity .3s,transform .3s;z-index:300;}
.toast.show{opacity:1;transform:translate(-50%,0);}
.center-copy{max-width:640px;margin:0 auto;text-align:center;}
.mt-0{margin-top:0;}
.text-muted-light,.text-muted-dark{color:var(--text);}

/* founder */
.founder-wrap{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center;}
@media (max-width:700px){.founder-wrap{grid-template-columns:1fr;text-align:center;}}
.founder-photo{width:200px;height:200px;border-radius:50%;margin:0 auto;background:var(--soft);color:var(--z-blue);display:flex;align-items:center;justify-content:center;font-size:86px;border:5px solid #fff;overflow:hidden;box-shadow:0 0 0 4px var(--z-blue),0 0 0 9px var(--z-yellow-t),var(--shadow-md);animation:zBob 6s ease-in-out infinite;}
.founder-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.founder-role{display:block;color:var(--z-blue);font-size:13.5px;font-weight:600;margin-bottom:14px;}
.founder-quote{font-size:18px;font-style:italic;line-height:1.6;color:var(--ink);margin:16px 0;padding:6px 0 6px 18px;border-left:4px solid var(--z-red);}
@media (max-width:700px){.founder-quote{border-left:none;border-top:4px solid var(--z-red);padding:14px 0 0;}}
.founder-meta{display:flex;gap:30px;flex-wrap:wrap;margin-top:18px;}
@media (max-width:700px){.founder-meta{justify-content:center;}}
.founder-meta div strong{display:block;font-size:24px;font-weight:800;color:var(--z-blue);}
.founder-meta div span{font-size:12.5px;color:var(--muted);}

/* ---------- Footer ---------- */
#site-footer{position:relative;background:var(--navy);color:#9AA7B8;}
#site-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--z-bar);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding:68px 0 40px;}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr;}}
.footer-grid h5{color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;}
.footer-grid li{margin-bottom:11px;font-size:14px;}
.footer-grid a{transition:color .2s,padding-left .2s;}
.footer-grid a:hover{color:#fff;padding-left:4px;}
#site-footer .brand{color:#fff;} #site-footer .brand img{box-shadow:0 0 0 2px rgba(255,255,255,.12);}
.footer-brand p{max-width:34ch;font-size:14px;}
.footer-social{display:flex;gap:10px;margin-top:16px;}
.footer-social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;transition:transform .3s var(--ease),background-color .25s;}
.footer-social a:nth-child(1):hover{background:var(--z-red);} .footer-social a:nth-child(2):hover{background:var(--z-blue);} .footer-social a:nth-child(3):hover{background:var(--z-green);}
.footer-social a:hover{transform:translateY(-4px) rotate(-6deg);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;}
.footer-credit a{color:var(--z-yellow);font-weight:600;transition:color .2s;}
.footer-credit a:hover{color:#fff;padding-left:0;text-decoration:underline;}
@media (max-width:640px){.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:6px;}}
@media (max-width:940px){.footer-grid{padding-left:24px;padding-right:24px;}.footer-bottom{padding-bottom:calc(150px + env(safe-area-inset-bottom));}}

/* WhatsApp float */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 24px -6px rgba(37,211,102,.7);animation:zWa 2.6s ease-in-out infinite;transition:transform .25s var(--ease);}
.wa-float:hover{transform:scale(1.1) rotate(-6deg);}
@keyframes zWa{0%,100%{box-shadow:0 10px 24px -6px rgba(37,211,102,.7),0 0 0 0 rgba(37,211,102,.45);}50%{box-shadow:0 10px 24px -6px rgba(37,211,102,.7),0 0 0 12px rgba(37,211,102,0);}}

/* mobile bottom nav + splash */
.app-bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:75;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px -12px rgba(16,24,40,.2);}
.app-bottom-nav .row{display:flex;justify-content:space-between;align-items:center;max-width:520px;margin:0 auto;}
.app-bottom-nav a,.app-bottom-nav button{background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;flex:1;padding:6px 2px;transition:color .2s,transform .2s;}
.app-bottom-nav a:active,.app-bottom-nav button:active{transform:scale(.9);}
.app-bottom-nav .ico{font-size:19px;line-height:1;}
.app-bottom-nav a.active,.app-bottom-nav button.active{color:var(--z-blue);}
.app-bottom-nav .fab{position:relative;top:-18px;flex:none;width:54px;height:54px;border-radius:16px;background:var(--z-red);color:#fff;box-shadow:0 10px 20px -6px rgba(228,37,39,.65);display:flex;align-items:center;justify-content:center;animation:zFab 3s ease-in-out infinite;}
.app-bottom-nav .fab span{font-size:0;} .app-bottom-nav .fab .ico{font-size:22px;}
.app-bottom-nav.dim{opacity:0;pointer-events:none;transition:opacity .15s;}
@keyframes zFab{0%,100%{box-shadow:0 10px 20px -6px rgba(228,37,39,.65),0 0 0 0 rgba(228,37,39,.4);}50%{box-shadow:0 10px 20px -6px rgba(228,37,39,.65),0 0 0 9px rgba(228,37,39,0);}}
@media (max-width:940px){.app-bottom-nav{display:block;}body.has-bottom-nav{padding-bottom:78px;}body.has-bottom-nav .wa-float{bottom:92px;}body.has-bottom-nav .toast{bottom:100px;}}

.app-splash{position:fixed;inset:0;z-index:400;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .45s;}
.app-splash img{height:78px;border-radius:16px;box-shadow:var(--shadow-lg);animation:zPulse 1.6s ease-in-out infinite;}
.app-splash .brand-line{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.app-splash .brand-sub{font-size:11px;font-weight:600;color:var(--z-blue);letter-spacing:.18em;}
.app-splash .spin{position:relative;width:33px;height:33px;margin-top:8px;border:0;animation:none;}
.app-splash .spin::before{content:'';position:absolute;inset:0;border-radius:4px;background:
  linear-gradient(var(--z-red),var(--z-red)) 0 0/14px 14px no-repeat,linear-gradient(var(--z-green),var(--z-green)) 19px 0/14px 14px no-repeat,
  linear-gradient(var(--z-yellow),var(--z-yellow)) 0 19px/14px 14px no-repeat,linear-gradient(var(--z-blue),var(--z-blue)) 19px 19px/14px 14px no-repeat;
  animation:zTiles 1.2s var(--ease) infinite;}
@keyframes zTiles{0%{transform:rotate(0) scale(1);}50%{transform:rotate(90deg) scale(.82);}100%{transform:rotate(180deg) scale(1);}}
.app-splash.fade-out{opacity:0;pointer-events:none;}

/* ---------- Instagram reels ---------- */
.reels-row{display:flex;gap:22px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x proximity;}
.reel-card{flex:0 0 300px;margin:0;scroll-snap-align:start;}
.reel-frame{position:relative;width:300px;height:540px;border-radius:18px;overflow:hidden;background:var(--soft);border:1px solid var(--line);box-shadow:var(--shadow-md);transition:transform .4s var(--ease),box-shadow .4s;}
.reel-card:hover .reel-frame{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.reel-frame iframe{width:100%;height:100%;border:0;background:#fff;}
.reel-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--z-red);opacity:.6;}
.reel-card figcaption{margin-top:12px;font-size:14px;color:var(--text);text-align:center;}
.reels-hint{display:none;font-size:12.5px;color:var(--muted);margin:2px 0 0;}
.reels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;justify-items:center;}
.reels-grid .reel-card{flex:none;width:100%;max-width:320px;} .reels-grid .reel-frame{width:100%;height:560px;}
@media (max-width:940px){
  .reels-hint{display:block;}
  .reels-row{gap:14px;margin:0 -24px;padding:6px 24px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:24px;}
  .reel-card{flex:0 0 min(78vw,320px);} .reel-frame{width:100%;height:min(138vw,570px);border-radius:16px;}
  .reels-section .btn{width:100%;}
  .reels-grid{grid-template-columns:1fr;gap:22px;} .reels-grid .reel-frame{height:min(138vw,570px);}
}

/* ---------- Scroll reveal (animation-based so hover transforms stay snappy afterwards) ---------- */
.reveal{opacity:0;}
.reveal.reveal-visible{opacity:1;animation:zReveal .8s var(--ease) backwards;animation-delay:calc(var(--reveal-i,0) * 80ms);}
@keyframes zReveal{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:none;}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
  .reveal{opacity:1 !important;transform:none !important;}
  .float-chip{opacity:1;}
}

/* buttons inside the nav keep their own colours */
.nav-links a.btn-gold,.nav-links a.btn-gold:hover{color:#fff;}
.nav-links a.btn::after{display:none;}

/* Hero video: clean, no overlays or animation */
.hero-stage{animation:none;perspective:none;}
.hero-visual{animation:none!important;transform:none!important;padding:0;will-change:auto;}
.hero-visual::before,.hero-visual::after{display:none!important;}

/* ---------- Hero video: responsive (laptop / tablet / mobile) ---------- */
.hero-stage{width:100%;min-width:0;}
.hero-visual{width:100%;max-height:80vh;}
.hv-video{display:block;object-fit:cover;object-position:center;}
/* large desktop / laptop: portrait card beside the text */
@media (min-width:1101px){.hero-visual{aspect-ratio:4/5;max-height:640px;margin-inline:auto;}}
/* small laptop / landscape tablet: squarer so it never gets too tall */
@media (min-width:861px) and (max-width:1100px){.hero-visual{aspect-ratio:1/1;max-height:520px;}.hero-grid{gap:32px;}}
/* tablet portrait: stacked, wide cinematic frame */
@media (max-width:860px){
  .hero-stage{max-width:720px;margin-inline:auto;}
  .hero-visual{aspect-ratio:16/10;max-height:none;padding:0;border-radius:18px;}
}
/* mobile */
@media (max-width:520px){
  .hero-grid{padding:32px 16px 52px;gap:28px;}
  .hero-visual{aspect-ratio:4/3;border-radius:16px;}
}
@media (max-width:360px){.hero-visual{aspect-ratio:1/1;}}

/* ---------- Hero video: mobile rendering fixes ---------- */
.hero-visual{transform-style:flat !important;will-change:auto !important;perspective:none;isolation:isolate;background:#111a28 url('../assets/hero-poster.jpg') center/cover no-repeat;-webkit-mask-image:-webkit-radial-gradient(white,black);}
.hero-stage{perspective:none !important;transform-style:flat;}
.hv-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:100%;object-fit:cover;background:transparent;-webkit-transform:translateZ(0);}
.hero-visual{min-height:220px;}

/* ---------- Mobile/tablet stacked: video goes to the top, replacing the logo tile ---------- */
@media (max-width:860px){
  .hero-stage{order:-1;}
  .hero-logo{display:none;}
  .hero-grid{padding-top:20px;gap:24px;}
}

/* ---------- Mobile/tablet: no animated shapes behind the hero video ---------- */
@media (max-width:860px){
  .hero-deco .zt-2,.hero-deco .zt-4,.hero-deco .blob-3{display:none;}
}

/* ---------- Mobile/tablet: brand name sits on top of the video ---------- */
.hero-brand-m{display:none;}
@media (max-width:860px){
  .hero-brand-m{display:flex;align-items:center;gap:12px;order:-2;justify-content:center;text-align:left;}
  .hero-brand-m img{height:48px;width:auto;border-radius:10px;box-shadow:0 4px 12px -4px rgba(16,24,40,.35);}
  .hero-brand-m strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.2;}
  .hero-brand-m span{display:block;font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--z-blue);}
  .hero-grid{gap:16px;}
}

/* ---------- Background animation removed (desktop + mobile) ---------- */

.page-head::before,.page-head::after{display:none !important;animation:none !important;}
.panel-img{animation:none !important;}
.hero-logo,.hero-logo *{animation:none !important;}
.hero-logo{display:none !important;}
.hero-brand-m strong,.hero-brand-m span{display:none !important;}
.hero-brand-m{display:none !important;}

/* ---------- Hero video: show in its native landscape size (720x408), no portrait crop ---------- */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;}
.hero-stage{width:100%;}
.hero-visual{aspect-ratio:720/408 !important;max-height:none !important;width:100%;min-height:0 !important;border-radius:18px;}
.hv-video{object-fit:cover;object-position:center;}
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr;}.hero-stage{max-width:720px;margin-inline:auto;}}


/* ---------- Our Team page: premium layout ---------- */
.tm-hero{position:relative;overflow:hidden;padding:84px 0 70px;color:#fff;text-align:center;background:radial-gradient(circle at 15% 0%,rgba(34,109,180,.45),transparent 55%),radial-gradient(circle at 90% 100%,rgba(228,37,39,.28),transparent 50%),linear-gradient(135deg,var(--navy),var(--navy-2));}
.tm-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--z-bar);}
.tm-hero .tm-kick{color:var(--z-yellow);}
.tm-hero h1{color:#fff;font-size:clamp(32px,5vw,54px);line-height:1.1;letter-spacing:-.025em;margin:6px auto 16px;max-width:18ch;}
.tm-hero h1 em{font-style:normal;background:var(--z-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tm-hero p{max-width:56ch;margin:0 auto;color:rgba(255,255,255,.78);font-size:17px;line-height:1.65;}
.tm-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;}
.tm-stats div{min-width:150px;padding:14px 22px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);}
.tm-stats b{display:block;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em;}
.tm-stats span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.tm-sec{background:linear-gradient(180deg,#f6f9fd,#fff);}
.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px;}
.tm-card{--tc:var(--z-blue);position:relative;background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px -22px rgba(16,24,40,.4);transition:transform .45s var(--ease),box-shadow .45s;display:flex;flex-direction:column;}
.tm-card.tm-red{--tc:var(--z-red);}.tm-card.tm-green{--tc:var(--z-green);}.tm-card.tm-blue{--tc:var(--z-blue);}.tm-card.tm-yellow{--tc:var(--z-yellow-d);}
.tm-card:hover{transform:translateY(-10px);box-shadow:0 34px 56px -24px rgba(16,24,40,.5);}
.tm-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:#eef3f9;}
.tm-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease);}
.tm-card:hover .tm-photo img{transform:scale(1.08);}
.tm-photo::after{content:'';position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,transparent,rgba(12,18,30,.92));pointer-events:none;}
.tm-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--tc) 35%,#fff),color-mix(in srgb,var(--tc) 75%,#111a28));}
.tm-ph span{font-size:76px;font-weight:800;color:#fff;letter-spacing:-.03em;text-shadow:0 8px 24px rgba(0,0,0,.28);}
.tm-over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 22px 20px;color:#fff;}
.tm-role{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--tc);color:#fff;margin-bottom:10px;}
.tm-over h3{font-size:24px;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em;}
.tm-exp{position:absolute;top:16px;right:16px;z-index:3;background:rgba(255,255,255,.95);color:var(--ink);font-size:12px;padding:7px 13px;border-radius:999px;box-shadow:0 10px 20px -10px rgba(0,0,0,.5);}
.tm-exp b{color:var(--tc);font-size:15px;}
.tm-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:16px;flex:1;}
.tm-body small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.tm-spec{font-size:14.5px;line-height:1.5;color:var(--ink);font-weight:500;padding-left:14px;border-left:3px solid var(--tc);}
.tm-days{display:flex;gap:5px;flex-wrap:wrap;}
.tm-days span{font-size:11px;font-weight:700;padding:5px 9px;border-radius:8px;background:#eef1f6;color:#9aa4b2;}
.tm-days span.on{background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 35%,transparent);}
.tm-book{margin-top:auto;align-self:stretch;text-align:center;justify-content:center;}
.tm-cta{margin-top:64px;text-align:center;padding:44px 24px;border-radius:26px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;position:relative;overflow:hidden;}
.tm-cta::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:var(--z-bar);}
.tm-cta h3{color:#fff;font-size:26px;margin:0 0 8px;}
.tm-cta p{color:rgba(255,255,255,.75);margin:0 0 22px;}
@media (max-width:560px){.tm-hero{padding:60px 0 50px;}.tm-grid{grid-template-columns:1fr;gap:22px;}.tm-stats div{min-width:0;flex:1 1 40%;padding:12px;}.tm-stats b{font-size:22px;}.tm-photo{aspect-ratio:1/1;}}
/* Our Team page: round photo */
.stylist-photo{overflow:hidden;}
.stylist-photo img{width:100%;height:100%;object-fit:cover;display:block;}


/* ---------- About: animated brand logo panel ---------- */
.panel-img.about-logo{animation:none !important;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 50%,#1b2740,var(--navy) 70%);}
.panel-img.about-logo::after{content:none !important;display:none !important;}
.about-logo .al-corner{position:absolute;width:26%;aspect-ratio:1/1;z-index:0;animation:alCorner 4s ease-in-out infinite;}
.about-logo .c1{left:0;top:0;background:var(--z-red);clip-path:polygon(0 0,100% 0,0 100%);}
.about-logo .c2{right:0;top:0;background:var(--z-yellow);clip-path:polygon(0 0,100% 0,100% 100%);animation-delay:1s;}
.about-logo .c3{right:0;bottom:0;background:var(--z-green);clip-path:polygon(100% 0,100% 100%,0 100%);animation-delay:2s;}
.about-logo .c4{left:0;bottom:0;background:var(--z-blue);clip-path:polygon(0 0,100% 100%,0 100%);animation-delay:3s;}
@keyframes alCorner{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.22);opacity:.78;}}
.about-logo .al-card{position:relative;z-index:2;width:72%;aspect-ratio:1494/1081;border-radius:18px;animation:alFloat 6s ease-in-out infinite;}
@keyframes alFloat{0%,100%{transform:translateY(0) rotate(-.6deg);}50%{transform:translateY(-10px) rotate(.6deg);}}
.about-logo .al-ring{position:absolute;inset:-4px;border-radius:22px;overflow:hidden;}
.about-logo .al-ring::before{content:'';position:absolute;left:50%;top:50%;width:240%;aspect-ratio:1/1;
  background:conic-gradient(from 0deg,transparent 0 28%,var(--z-red) 38%,var(--z-yellow) 50%,var(--z-green) 62%,var(--z-blue) 74%,transparent 86%);
  transform:translate(-50%,-50%) rotate(0);animation:alSpin 6s linear infinite;}
@keyframes alSpin{to{transform:translate(-50%,-50%) rotate(360deg);}}
.about-logo .al-inner{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 18px 40px -12px rgba(0,0,0,.7);animation:alIn 1.2s var(--ease) both;}
@keyframes alIn{from{opacity:0;transform:scale(.8);filter:blur(8px);}to{opacity:1;transform:none;filter:none;}}
.about-logo .al-inner img{width:100%;height:100%;object-fit:cover;display:block;animation:alGlow 4s ease-in-out infinite;}
@keyframes alGlow{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(249,178,29,0));}50%{filter:brightness(1.12) drop-shadow(0 0 14px rgba(249,178,29,.55));}}
.about-logo .al-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.35) 50%,transparent 62%);transform:translateX(-120%);animation:alShine 5s ease-in-out 1.2s infinite;}
@keyframes alShine{0%{transform:translateX(-120%);}40%,100%{transform:translateX(120%);}}
.about-logo .al-spark{position:absolute;z-index:3;width:8px;height:8px;border-radius:50%;background:#f9b21d;box-shadow:0 0 12px 3px rgba(249,178,29,.8);opacity:0;animation:alSpark 4.5s ease-in-out infinite;}
.about-logo .s1{left:18%;top:22%;}.about-logo .s2{right:16%;top:30%;animation-delay:.9s;background:#fff;}
.about-logo .s3{left:24%;bottom:20%;animation-delay:1.8s;}.about-logo .s4{right:22%;bottom:16%;animation-delay:2.7s;background:#fff;}
.about-logo .s5{left:50%;top:10%;animation-delay:3.4s;}
@keyframes alSpark{0%,100%{opacity:0;transform:scale(.3);}40%{opacity:1;transform:scale(1.2);}70%{opacity:0;transform:scale(.5) translateY(-10px);}}
@media (prefers-reduced-motion:reduce){.about-logo *{animation:none !important;}.about-logo .al-inner{opacity:1;}}


/* ---------- About: Founder section (portrait card) ---------- */
.founder-v2{grid-template-columns:minmax(260px,340px) 1fr;gap:56px;align-items:center;}
.founder-card{position:relative;width:100%;max-width:340px;margin:0 auto;}
.fc-glow{position:absolute;inset:6% -6% -4% -6%;border-radius:32px;z-index:0;filter:blur(30px);opacity:.55;
  background:conic-gradient(from 0deg,var(--z-red),var(--z-yellow),var(--z-green),var(--z-blue),var(--z-red));animation:zSpin 12s linear infinite;}
.fc-frame{position:relative;z-index:1;border-radius:26px;overflow:hidden;background:#fff;padding:8px;box-shadow:0 24px 50px -20px rgba(16,24,40,.45);
  background:linear-gradient(135deg,var(--z-red),var(--z-yellow),var(--z-green),var(--z-blue));background-size:300% 300%;animation:fcBorder 8s ease-in-out infinite;}
@keyframes fcBorder{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.founder-v2 .founder-photo{width:100%;height:auto;aspect-ratio:4/5;margin:0;border:0;border-radius:20px;box-shadow:none;font-size:110px;background:linear-gradient(160deg,#eef3f9,#dfe9f5);position:relative;}
.founder-v2 .founder-photo img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 22%;display:block;transition:transform .8s var(--ease);}
.founder-card:hover .founder-photo img{transform:scale(1.05);}
.fc-name{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;padding:46px 18px 16px;border-radius:0 0 20px 20px;color:#fff;
  background:linear-gradient(180deg,transparent,rgba(12,18,30,.88));display:flex;flex-direction:column;}
.fc-name b{font-size:19px;font-weight:800;letter-spacing:-.02em;}
.fc-name span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--z-yellow);font-weight:700;}
.fc-badge{position:absolute;z-index:3;top:-14px;right:-10px;background:#fff;color:var(--ink,#111a28);font-size:12.5px;padding:8px 14px;border-radius:999px;box-shadow:0 10px 22px -8px rgba(16,24,40,.5);animation:zBob 5s ease-in-out infinite;}
.fc-badge b{color:var(--z-red);font-size:17px;}
.fc-tile{position:absolute;z-index:3;border-radius:8px;box-shadow:0 8px 16px -6px rgba(16,24,40,.45);animation:zFloat 7s ease-in-out infinite;}
.fc-tile.ft-1{width:22px;height:22px;background:var(--z-blue);left:-10px;bottom:22%;}
.fc-tile.ft-2{width:16px;height:16px;background:var(--z-green);right:-8px;bottom:10%;animation-delay:2s;border-radius:6px;}
.founder-v2 .founder-name{font-size:30px;font-weight:800;letter-spacing:-.025em;margin-bottom:4px;}
.founder-v2 .founder-role{font-size:14px;}
@media (max-width:760px){.founder-v2{grid-template-columns:1fr;gap:34px;text-align:center;}.founder-v2 .founder-quote{text-align:left;}.founder-v2 .founder-name{font-size:26px;}.founder-card{max-width:300px;}}
@media (prefers-reduced-motion:reduce){.fc-glow,.fc-frame,.fc-badge,.fc-tile{animation:none !important;}}


/* ---------- About: premium Founder section ---------- */
.fd-hero h1{max-width:none;}
.fd-wrap{display:grid;grid-template-columns:minmax(280px,400px) 1fr;gap:64px;align-items:center;}
.fd-photo-col{position:relative;width:100%;max-width:400px;margin:0 auto;}
.fd-photo-card{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5;background:#eef3f9;border:1px solid var(--line);box-shadow:0 34px 60px -26px rgba(16,24,40,.55);z-index:2;}
.fd-photo-card::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--z-bar);z-index:4;}
.fd-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:110px;background:radial-gradient(circle at 30% 20%,#fff,var(--z-blue-t));}
.fd-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;transition:transform .9s var(--ease);}
.fd-photo-card:hover .fd-photo img{transform:scale(1.06);}
.fd-photo-card::after{content:'';position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(12,18,30,.92));pointer-events:none;z-index:1;}
.fd-over{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:26px 26px 24px;color:#fff;}
.fd-over h3{font-size:28px;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em;}
.fd-badge{position:absolute;top:20px;right:18px;z-index:4;background:rgba(255,255,255,.96);color:var(--ink);font-size:12.5px;padding:8px 14px;border-radius:999px;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);}
.fd-badge b{color:var(--z-red);font-size:17px;}
.fd-tile{position:absolute;z-index:1;border-radius:26px;}
.fd-tile.ft-a{width:62%;height:62%;right:-26px;bottom:-26px;background:var(--z-grad);opacity:.9;}
.fd-tile.ft-b{width:36%;height:36%;left:-22px;top:-22px;border:5px solid var(--z-yellow);}
.fd-info{background:#fff;border:1px solid var(--line);border-radius:30px;padding:44px 44px 40px;box-shadow:0 24px 50px -28px rgba(16,24,40,.4);position:relative;overflow:hidden;}
.fd-info::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--z-bar-v);}
.fd-name{font-size:clamp(28px,3.6vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 10px;color:var(--ink);}
.fd-role{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:var(--z-blue-t);color:var(--z-blue);margin-bottom:18px;}
.fd-bio{font-size:16.5px;line-height:1.75;color:var(--text);margin:0 0 6px;}
.fd-bio:empty{display:none;}
.fd-quote{position:relative;margin:22px 0;padding:22px 24px 22px 62px;border-radius:18px;background:var(--soft);font-size:18px;font-style:italic;line-height:1.6;color:var(--ink);border:1px solid var(--line);}
.fd-quote::before{content:'\201C';position:absolute;left:18px;top:2px;font-size:70px;line-height:1;font-family:Georgia,serif;font-style:normal;color:var(--z-red);}
.fd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 26px;}
.fd-stats div{padding:16px 14px;border-radius:16px;background:var(--soft);border:1px solid var(--line);text-align:center;}
.fd-stats strong{display:block;font-size:26px;font-weight:800;color:var(--z-blue);letter-spacing:-.02em;}
.fd-stats span{font-size:12px;color:var(--muted);line-height:1.3;display:block;margin-top:2px;}
.fd-actions{display:flex;gap:12px;flex-wrap:wrap;}
@media (max-width:900px){.fd-wrap{grid-template-columns:1fr;gap:56px;}.fd-info{padding:34px 24px 30px;}}
@media (max-width:560px){.fd-stats{gap:8px;}.fd-stats div{padding:12px 6px;}.fd-stats strong{font-size:20px;}.fd-actions .btn{flex:1 1 100%;justify-content:center;text-align:center;}.fd-quote{padding:20px 18px 18px 18px;padding-top:48px;}.fd-quote::before{top:-4px;}.fd-tile.ft-a{right:-10px;bottom:-14px;}.fd-tile.ft-b{left:-8px;top:-10px;}}


/* ---------- Compact heroes (Our Team + Founder) ---------- */
.tm-hero{padding:34px 0 30px;}
.tm-hero::after{height:4px;}
.tm-hero h1{font-size:clamp(26px,3.6vw,38px);margin:2px auto 8px;max-width:none;}
.tm-hero p{font-size:15px;line-height:1.55;max-width:60ch;}
.tm-stats{gap:10px;margin-top:18px;}
.tm-stats div{min-width:0;padding:8px 16px;border-radius:12px;}
.tm-stats b{display:inline;font-size:18px;margin-right:6px;}
.tm-stats span{font-size:11px;}
.fd-hero{padding:26px 0 22px;}
.fd-hero h1{margin-bottom:0;}
.tm-sec{padding-top:40px;}
.fd-sec{padding:36px 0 56px;}
.fd-wrap{grid-template-columns:minmax(240px,330px) 1fr;gap:48px;}
.fd-photo-col{max-width:330px;}
.fd-photo-card{border-radius:24px;}
.fd-over{padding:20px 20px 18px;}
.fd-over h3{font-size:22px;}
.fd-info{padding:30px 32px 28px;border-radius:24px;}
.fd-name{font-size:clamp(24px,3vw,32px);}
.fd-role{margin-bottom:12px;}
.fd-bio{font-size:15px;line-height:1.65;}
.fd-quote{margin:16px 0;padding:16px 18px 16px 52px;font-size:16px;}
.fd-quote::before{font-size:56px;left:14px;}
.fd-stats{margin:4px 0 18px;}
.fd-stats div{padding:11px 10px;}
.fd-stats strong{font-size:21px;}
@media (max-width:900px){.fd-wrap{grid-template-columns:1fr;gap:44px;}.fd-info{padding:26px 20px 24px;}}
@media (max-width:560px){.tm-hero{padding:26px 0 22px;}.tm-hero p{font-size:14px;}.tm-stats div{flex:1 1 28%;padding:7px 8px;}.tm-stats b{display:block;font-size:17px;margin:0;}.fd-photo-col{max-width:280px;}.fd-quote{padding:40px 16px 14px;}}