/* ===== KAHANIYAN — MERRIWEATHER + OPEN SANS, NO ICONS, MOBILE-FIRST ===== */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');

:root {
  --brown:       #2c1a0e;
  --brown-mid:   #4a2c18;
  --brown-warm:  #6b3d22;
  --brown-soft:  #8b5430;
  --brown-light: #b87c52;
  --gold:        #c9a84c;
  --gold-light:  #e8c97a;
  --gold-pale:   #f5e7c0;
  --gold-dark:   #a07828;
  --cream:       #faf6f0;
  --cream-warm:  #f5ede0;
  --cream-dark:  #ede0cc;
  --white:       #ffffff;
  --text-h:      #1e0f06;
  --text-b:      #3d2010;
  --text-m:      #6b4025;
  --text-l:      #9e6b45;
  --shadow-sm:   0 2px 12px rgba(44,26,14,.08);
  --shadow-md:   0 8px 32px rgba(44,26,14,.13);
  --shadow-lg:   0 20px 60px rgba(44,26,14,.18);
  --shadow-gold: 0 8px 28px rgba(201,168,76,.28);
  --r:10px; --r-lg:18px; --r-xl:28px;
  --ease:cubic-bezier(.4,0,.2,1);
  --trans:all .3s var(--ease);
}

/* ── RESET ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Open Sans',sans-serif;background:var(--cream);color:var(--text-b);overflow-x:hidden;line-height:1.75}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--trans)}
ul{list-style:none}
button,input,textarea,select{font-family:inherit;outline:none;border:none}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--cream-warm)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

/* ── TYPOGRAPHY ────────────────────────────────────────── */
h1,h2,h3,h4{font-family:'Merriweather',serif;line-height:1.2;color:var(--text-h)}
p,span,a,li,td,th,label,input,textarea,select,button{font-family:'Open Sans',sans-serif}
.container{max-width:1180px;margin:0 auto;padding:0 5%}
.section{padding:80px 0}
.tc{text-align:center}

/* ── EYEBROW / LABELS ──────────────────────────────────── */
.sec-eyebrow{
  display:inline-block;font-size:.68rem;font-weight:700;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dark);
  position:relative;padding:0 22px;margin-bottom:12px;font-family:'Open Sans',sans-serif;
}
.sec-eyebrow::before,.sec-eyebrow::after{
  content:'';position:absolute;top:50%;width:14px;height:1px;background:var(--gold);
}
.sec-eyebrow::before{left:0}.sec-eyebrow::after{right:0}

.sec-title{font-size:clamp(1.75rem,3.5vw,2.7rem);font-weight:700;color:var(--text-h);line-height:1.2;margin-bottom:.9rem}
.sec-title.light{color:var(--white)}
.sec-title em{font-style:italic;color:var(--brown-soft)}
.sec-title .accent{color:var(--gold-dark)}
.sec-sub{font-size:1.05rem;color:var(--text-m);max-width:580px;line-height:1.75;font-family:'Open Sans',sans-serif}
.sec-sub.light{color:rgba(255,255,255,.75)}
.divider{width:44px;height:2px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));border-radius:2px;margin:14px 0 20px}
.divider.c{margin-left:auto;margin-right:auto}

/* ── BUTTONS ───────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 26px;border-radius:50px;font-size:.9rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:var(--trans);border:none;white-space:nowrap;font-family:'Open Sans',sans-serif}
.btn-gold{background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));background-size:200%;color:var(--brown);box-shadow:var(--shadow-gold)}
.btn-gold:hover{background-position:right;transform:translateY(-2px);box-shadow:0 12px 30px rgba(201,168,76,.4)}
.btn-outline-w{background:transparent;border:2px solid rgba(255,255,255,.6);color:var(--white)}
.btn-outline-w:hover{background:rgba(255,255,255,.12);border-color:var(--white)}
.btn-outline-d{background:transparent;border:2px solid var(--brown-soft);color:var(--brown-mid)}
.btn-outline-d:hover{background:var(--brown-soft);color:var(--white)}
.btn-lg{padding:15px 36px;font-size:.95rem}
.btn-sm{padding:8px 18px;font-size:.82rem}

/* ── NAVBAR ────────────────────────────────────────────── */
.navbar{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  height:68px;padding:0 5%;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(250,246,240,.97);
  border-bottom:1px solid rgba(201,168,76,.22);
  transition:var(--trans);
}
.navbar.scrolled{
  height:60px;background:rgba(250,246,240,.99);
  backdrop-filter:blur(16px);
  box-shadow:0 2px 18px rgba(44,26,14,.1);
  border-bottom-color:rgba(201,168,76,.32);
}
.navbar.page-nav{background:rgba(250,246,240,.99)}

.nav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0}
.nav-logo img{height:40px;width:auto;object-fit:contain}
.nav-brand{display:flex;flex-direction:column;line-height:1.1}
.nav-brand-name{font-family:'Merriweather',serif;font-size:1.1rem;color:var(--brown);font-weight:700;letter-spacing:.02em}
.nav-brand-tag{font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);font-family:'Open Sans',sans-serif}

.nav-links{display:flex;align-items:center;gap:20px}
.nav-links > a{font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-m);position:relative;padding-bottom:3px;white-space:nowrap;font-family:'Open Sans',sans-serif}
.nav-links > a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--gold);transition:var(--trans)}
.nav-links > a:hover,.nav-links > a.active{color:var(--brown)}
.nav-links > a:hover::after,.nav-links > a.active::after{width:100%}

/* Dropdown */
.nav-dropdown{position:relative}
.nav-dropdown > a{display:flex;align-items:center;gap:5px}
.nav-dropdown > a::after{display:none!important}
.nav-dd-arrow{font-size:.6rem;color:var(--text-l);transition:var(--trans);display:inline-block;font-style:normal}
.nav-dropdown:hover .nav-dd-arrow{transform:rotate(180deg);color:var(--gold-dark)}
.nav-dd-menu{
  position:absolute;top:calc(100% + 10px);left:50%;
  transform:translateX(-50%) translateY(8px);
  background:var(--white);border:1px solid rgba(201,168,76,.22);
  border-radius:var(--r-lg);padding:7px 0;min-width:196px;
  box-shadow:0 12px 36px rgba(44,26,14,.14);
  opacity:0;visibility:hidden;
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
  pointer-events:none;
}
.nav-dd-menu::before{
  content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);
  width:11px;height:11px;background:var(--white);
  border-left:1px solid rgba(201,168,76,.22);border-top:1px solid rgba(201,168,76,.22);
  rotate:45deg;
}
.nav-dropdown:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:all}
.nav-dd-menu a{display:block;padding:10px 18px;font-size:.83rem;font-weight:600;color:var(--text-m);transition:var(--trans);white-space:nowrap;font-family:'Open Sans',sans-serif}
.nav-dd-menu a:hover{background:var(--cream-warm);color:var(--brown);padding-left:24px}
.nav-dd-menu .dd-divider{height:1px;background:rgba(201,168,76,.15);margin:5px 0}

.nav-cta{
  background:linear-gradient(135deg,var(--brown),var(--brown-soft))!important;
  color:var(--white)!important;padding:9px 18px!important;
  border-radius:30px;font-weight:700!important;font-size:.8rem!important;
  white-space:nowrap;font-family:'Open Sans',sans-serif!important;
}
.nav-cta:hover{opacity:.9;transform:translateY(-1px)}
.nav-cta::after{display:none!important}

/* Hamburger */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:6px;flex-shrink:0;background:none;border:none}
.hamburger span{display:block;width:24px;height:2px;background:var(--brown);border-radius:2px;transition:var(--trans)}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile Nav */
.mobile-nav{
  position:fixed;top:60px;left:0;width:100%;
  background:var(--cream);z-index:998;
  border-bottom:2px solid rgba(201,168,76,.25);
  box-shadow:0 8px 24px rgba(44,26,14,.1);
  transform:translateY(-110%);
  transition:transform .35s var(--ease);
  max-height:calc(100vh - 60px);overflow-y:auto;
}
.mobile-nav.open{transform:translateY(0)}
.mob-nav-inner{padding:8px 5% 24px}
.mob-nav-inner > a{
  display:block;padding:14px 0;
  font-size:1rem;font-weight:700;color:var(--text-b);
  border-bottom:1px solid rgba(201,168,76,.15);
  font-family:'Open Sans',sans-serif;
}
.mob-nav-inner > a:hover,.mob-nav-inner > a.active{color:var(--brown)}
.mob-dd-toggle{
  display:flex;justify-content:space-between;align-items:center;
  width:100%;padding:14px 0;
  font-size:1rem;font-weight:700;color:var(--text-b);
  border-bottom:1px solid rgba(201,168,76,.15);
  cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;
  font-family:'Open Sans',sans-serif;text-align:left;
}
.mob-dd-arrow{font-size:.7rem;color:var(--text-l);transition:var(--trans)}
.mob-dd-toggle.open{color:var(--brown)}
.mob-dd-toggle.open .mob-dd-arrow{transform:rotate(180deg);color:var(--gold-dark)}
.mob-dd-links{max-height:0;overflow:hidden;transition:max-height .35s var(--ease),opacity .25s;opacity:0;background:rgba(201,168,76,.06);border-radius:0 0 var(--r) var(--r)}
.mob-dd-links.open{max-height:300px;opacity:1}
.mob-dd-links a{display:block;padding:12px 16px;font-size:.92rem;font-weight:600;color:var(--text-m);border-bottom:1px solid rgba(201,168,76,.1);font-family:'Open Sans',sans-serif}
.mob-dd-links a:hover{color:var(--brown);background:rgba(201,168,76,.1)}
.mob-dd-links a:last-child{border-bottom:none}
.mob-cta-wrap{padding-top:16px}

/* ── HERO ──────────────────────────────────────────────── */
.hero{
  min-height:100vh;
  background:linear-gradient(155deg,var(--brown) 0%,var(--brown-mid) 50%,#160b03 100%);
  display:flex;align-items:center;position:relative;overflow:hidden;
}
.hero-grain{position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}
.hero-lines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(201,168,76,.022) 0,rgba(201,168,76,.022) 1px,transparent 1px,transparent 80px)}
.hero-glow{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:560px;height:560px;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 70%);pointer-events:none}
.hero-particles{position:absolute;inset:0;pointer-events:none}
.hero-particle{position:absolute;width:2px;height:2px;background:var(--gold-light);border-radius:50%;animation:floatup 10s infinite linear;opacity:0}
@keyframes floatup{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.1}100%{transform:translateY(-10vh) scale(1.5);opacity:0}}

.hero-inner{
  position:relative;z-index:2;width:100%;
  max-width:1180px;margin:0 auto;padding:110px 5% 70px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;
}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.hero-ey-line{flex:0 0 28px;height:1px;background:var(--gold)}
.hero-ey-txt{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(232,201,122,.85);font-family:'Open Sans',sans-serif;font-weight:700}
.hero-h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;color:var(--white);line-height:1.08;margin-bottom:20px}
.hero-h1 .accent{color:var(--gold-light);display:block}
.hero-sub{font-size:1.1rem;color:rgba(255,255,255,.68);margin-bottom:36px;line-height:1.7;max-width:500px;font-family:'Open Sans',sans-serif}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.04em;color:rgba(255,255,255,.48);font-family:'Open Sans',sans-serif}
.trust-dot{width:5px;height:5px;background:var(--gold-light);border-radius:50%;flex-shrink:0}

.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;height:420px}
.hero-ring-wrap{position:relative;width:320px;height:320px}
.hero-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(201,168,76,.2);animation:spin 32s linear infinite}
.hero-ring-2{inset:22px;border-style:dashed;border-color:rgba(201,168,76,.1);animation-duration:22s;animation-direction:reverse}
.hero-logo-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;object-fit:contain}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-badge{position:absolute;bottom:0;left:-20px;right:-20px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border:1px solid rgba(201,168,76,.25);border-radius:var(--r-lg);padding:14px 18px}
.hero-badge::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.5),transparent)}
.hero-badge-name{font-family:'Merriweather',serif;font-size:.96rem;color:var(--white);font-weight:600}
.hero-badge-role{font-size:.72rem;color:var(--gold-light);letter-spacing:.06em;font-family:'Open Sans',sans-serif}
.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:2;color:rgba(255,255,255,.35);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;font-family:'Open Sans',sans-serif}
.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(201,168,76,.5),transparent);animation:sline 2s ease-in-out infinite}
@keyframes sline{0%,100%{opacity:1}50%{opacity:.2}}

/* ── MARQUEE ───────────────────────────────────────────── */
.strip{background:linear-gradient(135deg,var(--brown) 0%,var(--brown-mid) 50%,var(--brown-soft) 100%);padding:12px 0;overflow:hidden}
.strip-track{display:flex;animation:marquee 38s linear infinite;white-space:nowrap}
.strip-item{display:inline-flex;align-items:center;gap:12px;padding:0 26px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);font-family:'Open Sans',sans-serif}
.strip-sep{width:4px;height:4px;background:var(--gold-light);border-radius:50%;opacity:.55}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ── SPECIALIZE ────────────────────────────────────────── */
.specialize{background:var(--white)}
.spec-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:50px}
.spec-card{background:var(--cream);border:1px solid rgba(201,168,76,.2);border-radius:var(--r-lg);padding:28px 18px;text-align:center;cursor:default;transition:var(--trans);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.spec-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transform:scaleX(0);transition:var(--trans)}
.spec-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(201,168,76,.4)}
.spec-card:hover::after{transform:scaleX(1)}
.spec-name{font-family:'Merriweather',serif;font-size:.98rem;font-weight:700;color:var(--text-h);margin-bottom:6px}
.spec-tag{font-size:.78rem;color:var(--brown-soft);font-style:italic;margin-bottom:10px;font-family:'Open Sans',sans-serif}
.spec-reveal{font-size:.8rem;color:var(--text-m);line-height:1.65;max-height:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .3s;opacity:0;font-family:'Open Sans',sans-serif}
.spec-card:hover .spec-reveal{max-height:100px;opacity:1}

/* ── WHY SECTION ───────────────────────────────────────── */
.why-section{background:var(--brown-mid)}
.why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.why-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.why-feat{display:flex;flex-direction:column;gap:5px;padding:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);transition:var(--trans)}
.why-feat:hover{background:rgba(255,255,255,.09);border-color:rgba(201,168,76,.28);transform:translateY(-2px)}
.why-feat-title{font-family:'Merriweather',serif;font-size:.9rem;color:rgba(255,255,255,.95);font-weight:600;margin-bottom:4px}
.why-feat-text{font-size:.8rem;color:rgba(255,255,255,.52);line-height:1.65;font-family:'Open Sans',sans-serif}
.why-quote-box{background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.22);border-radius:var(--r-xl);padding:38px;position:relative;margin-bottom:22px}
.why-quote-box::before{content:'';position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.38),transparent)}
.why-ql{font-family:'Merriweather',serif;font-size:4.5rem;line-height:.8;color:var(--gold-light);opacity:.25;display:block;margin-bottom:12px}
.why-qt{font-family:'Merriweather',serif;font-size:1.18rem;font-style:italic;color:rgba(255,255,255,.88);line-height:1.7;margin-bottom:14px}
.why-qa{font-size:.74rem;letter-spacing:.12em;color:var(--gold-light);text-transform:uppercase;font-family:'Open Sans',sans-serif;font-weight:700}
.why-extra{font-size:1rem;color:rgba(255,255,255,.38);line-height:1.7;font-style:italic;font-family:'Open Sans',sans-serif}

/* ── COUNTERS ──────────────────────────────────────────── */
.counters{background:linear-gradient(135deg,var(--brown),var(--brown-soft));padding:50px 0}
.counters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.counter-item{text-align:center;padding:16px;border-right:1px solid rgba(255,255,255,.14)}
.counter-item:last-child{border-right:none}
.counter-num{font-family:'Merriweather',serif;font-size:2.8rem;font-weight:900;color:var(--white);line-height:1;margin-bottom:5px}
.count-val{display:inline}
.suf{font-size:1.8rem;color:rgba(255,255,255,.65)}
.counter-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:700;font-family:'Open Sans',sans-serif}

/* ── PROCESS ───────────────────────────────────────────── */
.process-section{background:var(--cream)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;position:relative}
.process-grid::before{content:'';position:absolute;top:34px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);z-index:0}
.process-step{text-align:center;padding:0 16px;position:relative;z-index:1}
.process-num{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);font-family:'Merriweather',serif;font-size:1.28rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow-md)}
.process-title{font-family:'Merriweather',serif;font-size:.98rem;font-weight:700;color:var(--text-h);margin-bottom:8px}
.process-text{font-size:.84rem;color:var(--text-m);line-height:1.7;font-family:'Open Sans',sans-serif}

/* ── TESTIMONIALS ──────────────────────────────────────── */
.testi-section{background:var(--cream-warm)}
.testi-carousel{overflow:hidden;position:relative}
.testi-carousel::before,.testi-carousel::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.testi-carousel::before{left:0;background:linear-gradient(to right,var(--cream-warm),transparent)}
.testi-carousel::after{right:0;background:linear-gradient(to left,var(--cream-warm),transparent)}
.testi-track{display:flex;gap:20px;padding:8px 0;animation:testiScroll 50s linear infinite;width:max-content}
.testi-track:hover{animation-play-state:paused}
@keyframes testiScroll{to{transform:translateX(-50%)}}
.testi-card{flex:0 0 340px;background:var(--white);border:1px solid rgba(201,168,76,.18);border-radius:var(--r-lg);padding:26px;transition:var(--trans);box-shadow:var(--shadow-sm)}
.testi-card:hover{border-color:rgba(201,168,76,.42);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.testi-stars{color:var(--gold-dark);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.testi-text{font-family:'Merriweather',serif;font-size:1rem;font-style:italic;color:var(--text-m);line-height:1.65;margin-bottom:16px}
.testi-author{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(201,168,76,.14);padding-top:13px}
.testi-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));display:flex;align-items:center;justify-content:center;font-family:'Merriweather',serif;font-size:.9rem;color:var(--white);font-weight:700;flex-shrink:0}
.testi-name{font-family:'Merriweather',serif;font-size:.9rem;color:var(--text-h);font-weight:700}
.testi-role{font-size:.73rem;color:var(--text-l);font-family:'Open Sans',sans-serif}

/* ── FAQ ───────────────────────────────────────────────── */
.faq-wrap{max-width:740px;margin:42px auto 0}
.faq-item{border-bottom:1px solid rgba(201,168,76,.2)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;background:none;cursor:pointer;text-align:left;transition:var(--trans)}
.faq-q-text{font-family:'Merriweather',serif;font-size:1rem;color:var(--text-h);font-weight:700;line-height:1.4;padding-right:16px}
.faq-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:var(--trans)}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-q:hover .faq-q-text{color:var(--brown-mid)}
.faq-ans{font-size:.9rem;color:var(--text-m);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .5s var(--ease),padding .3s,opacity .3s;padding:0;opacity:0;font-family:'Open Sans',sans-serif}
.faq-item.open .faq-ans{max-height:200px;padding-bottom:18px;opacity:1}

/* ── CTA BANNER ────────────────────────────────────────── */
.cta-banner{background:linear-gradient(135deg,var(--brown) 0%,var(--brown-mid) 55%,#110600 100%);position:relative;overflow:hidden;padding:90px 5%}
.cta-banner::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 40px)}
.cta-banner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:360px;background:radial-gradient(ellipse,rgba(201,168,76,.07),transparent 70%);pointer-events:none}
.cta-inner{position:relative;z-index:2;text-align:center;max-width:660px;margin:0 auto}
.cta-title{font-size:clamp(1.75rem,3.3vw,2.8rem);color:var(--white);font-weight:700;margin-bottom:13px}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,.65);margin-bottom:32px;font-family:'Open Sans',sans-serif}
.cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* ── PAGE HERO ─────────────────────────────────────────── */
.page-hero{position:relative;min-height:380px;display:flex;align-items:center;padding:115px 5% 65px;overflow:hidden}
.page-hero .overlay{position:absolute;inset:0}
.phc{position:relative;z-index:2;max-width:1180px;margin:0 auto;width:100%}

/* ── ABOUT ─────────────────────────────────────────────── */
.about-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
.about-lead{font-family:'Merriweather',serif;font-size:1.25rem;font-style:italic;color:var(--brown-soft);margin-bottom:16px;line-height:1.55}
.about-body{font-size:.93rem;color:var(--text-m);line-height:1.9;margin-bottom:13px;font-family:'Open Sans',sans-serif}
.founder-card{position:relative}
.founder-img-wrap{border-radius:var(--r-xl);overflow:hidden;position:relative;box-shadow:0 0 0 5px rgba(201,168,76,.14),0 0 0 10px rgba(201,168,76,.07)}
.founder-img-wrap img{width:100%;height:480px;object-fit:cover;object-position:center top}
.founder-badge{position:absolute;bottom:-22px;left:16px;right:16px;background:rgba(44,26,14,.95);backdrop-filter:blur(20px);border:1px solid rgba(201,168,76,.22);border-radius:var(--r-lg);padding:15px 18px}
.founder-badge::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent)}
.founder-badge-name{font-family:'Merriweather',serif;font-size:1.08rem;color:var(--white);font-weight:700}
.founder-badge-title{font-size:.75rem;color:var(--gold-light);letter-spacing:.09em;margin:2px 0;font-family:'Open Sans',sans-serif}
.founder-badge-tag{font-size:.68rem;color:rgba(255,255,255,.45);font-family:'Open Sans',sans-serif}
.founder-media-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:3px 10px;font-size:.68rem;color:var(--gold-light);margin-top:6px;font-family:'Open Sans',sans-serif}

.book-showcase{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.book-img-wrap{position:relative;display:flex;justify-content:center}
.book-cover-frame{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg),8px 8px 0 0 rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.18);width:100%;max-width:360px}
.book-cover-frame img{width:100%;height:440px;object-fit:cover}
.book-badge{position:absolute;top:18px;right:8px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-md);line-height:1.2;text-transform:uppercase;font-family:'Open Sans',sans-serif}
.book-review-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(44,26,14,.05);border:1px solid rgba(201,168,76,.22);border-radius:var(--r);padding:8px 14px;font-size:.8rem;color:var(--brown-mid);margin-top:16px;font-family:'Open Sans',sans-serif}

.mv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.mv-card{background:var(--white);border:1px solid rgba(201,168,76,.18);border-top:3px solid var(--gold);border-radius:var(--r-lg);padding:28px 20px;transition:var(--trans);box-shadow:var(--shadow-sm)}
.mv-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mv-title{font-family:'Merriweather',serif;font-size:.98rem;font-weight:700;color:var(--text-h);margin-bottom:9px}
.mv-text{font-size:.84rem;color:var(--text-m);line-height:1.8;font-family:'Open Sans',sans-serif}

.timeline{max-width:780px;margin:42px auto 0;position:relative}
.timeline::before{content:'';position:absolute;left:27px;top:32px;bottom:32px;width:2px;background:linear-gradient(to bottom,var(--gold-dark),var(--gold-light),var(--gold-dark))}
.tl-item{display:flex;gap:28px;align-items:flex-start;margin-bottom:36px;position:relative}
.tl-dot{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));border:4px solid rgba(201,168,76,.18);display:flex;align-items:center;justify-content:center;font-family:'Merriweather',serif;font-size:.82rem;font-weight:900;color:var(--white);box-shadow:0 0 0 5px rgba(201,168,76,.07),var(--shadow-md);position:relative;z-index:1}
.tl-content{padding:18px 24px;background:var(--white);border:1px solid rgba(201,168,76,.16);border-radius:var(--r-lg);flex:1;box-shadow:var(--shadow-sm)}
.tl-year{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:700}
.tl-title{font-family:'Merriweather',serif;font-size:1.03rem;font-weight:700;color:var(--text-h);margin-bottom:8px}
.tl-text{font-size:.85rem;color:var(--text-m);line-height:1.8;font-family:'Open Sans',sans-serif}

/* ── PRESS ─────────────────────────────────────────────── */
.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}
.press-card{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--trans);position:relative}
.press-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.press-card img{width:100%;height:300px;object-fit:cover;object-position:top}
.press-card-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(44,26,14,.92) 60%,transparent)}
.press-date{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:4px;font-family:'Open Sans',sans-serif;font-weight:700}
.press-title{font-family:'Merriweather',serif;font-size:1rem;color:var(--white);font-weight:600}
.press-pub{font-size:.74rem;color:rgba(255,255,255,.5);margin-top:3px;font-family:'Open Sans',sans-serif}

/* ── SERVICES ──────────────────────────────────────────── */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}
.service-card{background:var(--white);border:1px solid rgba(201,168,76,.16);border-radius:var(--r-xl);overflow:hidden;transition:var(--trans);box-shadow:var(--shadow-sm)}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.service-card-top{background:linear-gradient(135deg,var(--brown),var(--brown-mid));padding:32px;position:relative;overflow:hidden}
.service-card-top::after{content:'';position:absolute;top:0;right:0;width:130px;height:130px;background:radial-gradient(circle at top right,rgba(255,255,255,.07),transparent)}
.service-card-name{font-family:'Merriweather',serif;font-size:1.22rem;color:var(--white);font-weight:700;margin-bottom:4px}
.service-card-tag{font-size:.74rem;letter-spacing:.11em;color:rgba(255,255,255,.65);text-transform:uppercase;font-family:'Open Sans',sans-serif;font-weight:700}
.service-card-body{padding:24px}
.service-card-desc{font-size:.9rem;color:var(--text-m);line-height:1.8;margin-bottom:16px;font-family:'Open Sans',sans-serif}
.service-features{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.svc-feat{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--text-m);font-family:'Open Sans',sans-serif}
.svc-feat::before{content:'—';color:var(--gold-dark);flex-shrink:0;margin-top:2px;font-weight:700}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.pricing-card{background:var(--white);border:2px solid rgba(201,168,76,.16);border-radius:var(--r-xl);padding:36px 28px;text-align:center;transition:var(--trans);position:relative;box-shadow:var(--shadow-sm)}
.pricing-card.featured{background:linear-gradient(155deg,var(--brown) 0%,var(--brown-mid) 100%);border-color:var(--gold);transform:scale(1.03);box-shadow:var(--shadow-lg)}
.pricing-card:hover:not(.featured){transform:translateY(-5px);box-shadow:var(--shadow-md)}
.pricing-badge,.feat-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--brown);font-size:.66rem;font-weight:700;letter-spacing:.1em;padding:4px 15px;border-radius:20px;text-transform:uppercase;white-space:nowrap;font-family:'Open Sans',sans-serif}
.pricing-tier{font-size:.66rem;letter-spacing:.21em;text-transform:uppercase;color:var(--brown-soft);margin-bottom:8px;font-family:'Open Sans',sans-serif;font-weight:700}
.pricing-card.featured .pricing-tier{color:rgba(255,255,255,.55)}
.pricing-name{font-family:'Merriweather',serif;font-size:1.5rem;font-weight:700;color:var(--text-h);margin-bottom:6px}
.pricing-card.featured .pricing-name{color:var(--white)}
.pricing-price{font-family:'Merriweather',serif;font-size:2rem;font-weight:900;color:var(--brown-soft);margin:12px 0 2px}
.pricing-card.featured .pricing-price{color:var(--gold-light)}
.pricing-period,.pricing-tag{font-size:.78rem;color:var(--text-l);margin-bottom:24px;font-family:'Open Sans',sans-serif}
.pricing-card.featured .pricing-period,.pricing-card.featured .pricing-tag{color:rgba(255,255,255,.4)}
.pricing-list,.pricing-feats{list-style:none;text-align:left;margin-bottom:24px;display:flex;flex-direction:column;gap:0}
.pricing-list li,.pricing-feat{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text-m);padding:6px 0;border-bottom:1px solid rgba(201,168,76,.09);font-family:'Open Sans',sans-serif}
.pricing-card.featured .pricing-list li,.pricing-card.featured .pricing-feat{color:rgba(255,255,255,.72);border-bottom-color:rgba(255,255,255,.07)}
.pricing-list li::before,.pricing-feat-icon{content:'✓';color:var(--gold-dark);font-weight:700;flex-shrink:0;margin-top:1px}
.pricing-feat-icon{content:none;color:var(--gold-dark)}
.pricing-card.featured .pricing-list li::before,.pricing-card.featured .pricing-feat-icon{color:var(--gold-light)}

/* ── GHOST / LEGACY ────────────────────────────────────── */
.ghost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.ghost-card{background:var(--white);border:1px solid rgba(201,168,76,.16);border-radius:var(--r-xl);padding:28px 20px;transition:var(--trans);box-shadow:var(--shadow-sm)}
.ghost-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(201,168,76,.36)}
.ghost-title{font-family:'Merriweather',serif;font-size:.98rem;font-weight:700;color:var(--text-h);margin-bottom:8px}
.ghost-text{font-size:.85rem;color:var(--text-m);line-height:1.75;font-family:'Open Sans',sans-serif}
.svc-side-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);padding:24px 22px}
.workflow{display:flex;gap:0;margin-top:2.5rem;position:relative;justify-content:space-between;flex-wrap:wrap}
.workflow::before{content:'';position:absolute;top:27px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent)}
.wf-step{flex:1;min-width:100px;text-align:center;position:relative;z-index:1;padding:0 8px}
.wf-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:var(--shadow-md)}
.wf-label{font-family:'Merriweather',serif;font-size:.85rem;font-weight:700;color:var(--text-h);margin-bottom:2px}
.wf-sub{font-size:.74rem;color:var(--text-l);font-family:'Open Sans',sans-serif}
.svc-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.svc-feat-item{display:flex;gap:12px;padding:16px;background:var(--white);border:1px solid rgba(201,168,76,.16);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:var(--trans)}
.svc-feat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.svc-feat-chk{color:var(--gold-dark);font-size:1rem;flex-shrink:0;margin-top:2px;font-weight:700}
.svc-feat-title{font-family:'Merriweather',serif;font-size:.9rem;font-weight:700;color:var(--text-h);margin-bottom:3px}
.svc-feat-desc{font-size:.82rem;color:var(--text-m);line-height:1.6;font-family:'Open Sans',sans-serif}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2.5rem}
.who-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:var(--r-lg);padding:24px 20px;text-align:center;transition:var(--trans)}
.who-card:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.who-title{font-family:'Merriweather',serif;font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:6px}
.who-text{font-size:.82rem;color:rgba(255,255,255,.52);line-height:1.65;font-family:'Open Sans',sans-serif}
.pv-wrap{display:flex;flex-direction:column;gap:0;margin-top:1.2rem}
.pv-item{display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;position:relative}
.pv-item:not(:last-child)::before{content:'';position:absolute;left:16px;top:38px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gold),var(--gold-pale))}
.pv-num{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.86rem;position:relative;z-index:1;font-family:'Open Sans',sans-serif}
.pv-title{font-family:'Merriweather',serif;font-size:.94rem;font-weight:700;color:var(--text-h);margin-bottom:3px}
.pv-text{font-size:.84rem;color:var(--text-m);line-height:1.7;font-family:'Open Sans',sans-serif}

/* ── FORMS ─────────────────────────────────────────────── */
.form-group{display:flex;flex-direction:column}
.form-label,label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-m);margin-bottom:6px;font-family:'Open Sans',sans-serif}
.form-grid,.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group.full{grid-column:1/-1}
.form-input,.form-textarea,.form-select,
input[type="text"],input[type="email"],input[type="tel"],select,textarea{
  width:100%;padding:12px 16px;
  border:1.5px solid rgba(201,168,76,.25);
  border-radius:var(--r);background:var(--white);color:var(--text-b);
  font-size:.92rem;transition:var(--trans);font-family:'Open Sans',sans-serif;
}
.form-input:focus,.form-textarea:focus,.form-select:focus,
input:focus,select:focus,textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.1);outline:none;
}
.form-textarea,textarea{resize:vertical;min-height:120px}
select,.form-select{appearance:none;cursor:pointer}
.form-submit{
  padding:13px 28px;
  background:linear-gradient(135deg,var(--brown),var(--brown-soft));
  color:var(--white);font-size:.92rem;font-weight:700;border-radius:50px;
  cursor:pointer;transition:var(--trans);border:none;font-family:'Open Sans',sans-serif;
}
.form-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* ── CONTACT ───────────────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.contact-info-card{background:linear-gradient(155deg,var(--brown),var(--brown-mid));border-radius:var(--r-xl);padding:36px;position:sticky;top:90px}
.contact-info-item,.contact-row{display:flex;gap:13px;margin-bottom:20px;align-items:flex-start}
.contact-lbl,.ci-label{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:2px;font-family:'Open Sans',sans-serif;font-weight:700}
.contact-val,.ci-val{font-size:.9rem;color:rgba(255,255,255,.85);line-height:1.55;font-family:'Open Sans',sans-serif}
.map-ph{margin-top:20px;padding:16px;background:rgba(255,255,255,.04);border-radius:var(--r);border:1px solid rgba(255,255,255,.07);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.social-links{display:flex;gap:9px;margin-top:22px}
.soc-link{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:rgba(255,255,255,.7);transition:var(--trans)}
.soc-link:hover{background:var(--gold);color:var(--brown);transform:translateY(-2px)}

/* ── CONSULTATION ──────────────────────────────────────── */
.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.benefit-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding:13px;background:rgba(44,26,14,.04);border-radius:var(--r);border-left:3px solid var(--gold)}
.benefit-title{font-family:'Merriweather',serif;font-size:.9rem;font-weight:700;color:var(--text-h);margin-bottom:2px}
.benefit-text{font-size:.8rem;color:var(--text-m);line-height:1.6;font-family:'Open Sans',sans-serif}
.consult-card{background:linear-gradient(155deg,var(--brown) 0%,var(--brown-mid) 100%);border-radius:var(--r-xl);padding:32px 28px;position:sticky;top:90px}
.consult-price{font-family:'Merriweather',serif;font-size:3rem;font-weight:900;color:var(--gold-light);line-height:1;margin:8px 0 4px}
.cal-ui{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:13px;margin-bottom:11px}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:.86rem;font-weight:700;color:var(--white);font-family:'Open Sans',sans-serif}
.cal-head span{cursor:pointer;padding:3px 7px;border-radius:5px;transition:var(--trans)}
.cal-head span:hover{background:rgba(255,255,255,.1)}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.cal-label{font-size:.6rem;font-weight:700;color:rgba(255,255,255,.32);text-transform:uppercase;padding:3px 0;font-family:'Open Sans',sans-serif}
.cal-day{padding:6px 2px;border-radius:4px;cursor:pointer;font-size:.78rem;color:rgba(255,255,255,.62);transition:var(--trans);font-family:'Open Sans',sans-serif}
.cal-day:hover{background:rgba(255,255,255,.11);color:var(--white)}
.cal-day.selected{background:var(--gold-dark);color:var(--white);font-weight:700}
.cal-day.disabled{color:rgba(255,255,255,.18);cursor:not-allowed;pointer-events:none}
.cal-day.today{color:var(--gold-light);font-weight:700}
.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.time-btn{padding:7px 2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:6px;font-size:.74rem;font-weight:600;color:rgba(255,255,255,.65);cursor:pointer;transition:var(--trans);font-family:'Open Sans',sans-serif}
.time-btn:hover{background:rgba(255,255,255,.12);color:var(--white);border-color:rgba(255,255,255,.26)}
.time-btn.active{background:var(--gold-dark);border-color:var(--gold-dark);color:var(--white);font-weight:700}

/* ── ENQUIRY ───────────────────────────────────────────── */
.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.enq-info-box{background:linear-gradient(155deg,var(--brown),var(--brown-mid));border-radius:var(--r-xl);padding:36px;position:sticky;top:90px}
.enq-info-item{display:flex;gap:12px;margin-bottom:18px}
.enq-info-label{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.43);margin-bottom:2px;font-family:'Open Sans',sans-serif;font-weight:700}
.enq-info-val{font-size:.88rem;color:rgba(255,255,255,.85);font-family:'Open Sans',sans-serif}

/* ── BOOKS ─────────────────────────────────────────────── */
.store-coming{min-height:100vh;background:linear-gradient(155deg,var(--brown) 0%,var(--brown-mid) 55%,#110600 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 5% 80px;position:relative;overflow:hidden}
.store-coming::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(201,168,76,.02) 0,rgba(201,168,76,.02) 1px,transparent 1px,transparent 80px);pointer-events:none}
.store-coming>*{position:relative;z-index:1}

/* ── FOOTER ────────────────────────────────────────────── */
.footer{background:linear-gradient(155deg,var(--brown) 0%,var(--brown-mid) 100%);border-top:1px solid rgba(201,168,76,.14);padding:64px 5% 28px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:42px;margin-bottom:48px}
.footer-brand p{font-size:.86rem;color:rgba(255,255,255,.42);line-height:1.75;margin:13px 0 18px;font-family:'Open Sans',sans-serif}
.footer-h{font-family:'Merriweather',serif;font-size:.95rem;color:rgba(255,255,255,.9);font-weight:600;margin-bottom:16px;letter-spacing:.04em}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size:.86rem;color:rgba(255,255,255,.48);transition:var(--trans);font-family:'Open Sans',sans-serif}
.footer-links a:hover{color:var(--gold-light);padding-left:5px}
.footer-newsletter-input{display:flex;gap:6px;margin-top:11px}
.footer-newsletter-input input{flex:1;padding:10px 14px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--white);font-size:.85rem;font-family:'Open Sans',sans-serif}
.footer-newsletter-input input::placeholder{color:rgba(255,255,255,.28)}
.footer-newsletter-input button{padding:10px 15px;border-radius:8px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--brown);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--trans);font-family:'Open Sans',sans-serif}
.footer-newsletter-input button:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.footer-copy{font-size:.78rem;color:rgba(255,255,255,.28);font-family:'Open Sans',sans-serif}
.footer-tagline{font-family:'Merriweather',serif;font-style:italic;font-size:.86rem;color:rgba(255,255,255,.32)}

/* ── ALERTS ────────────────────────────────────────────── */
.alert{padding:13px 18px;border-radius:var(--r);margin:16px 0;font-size:.9rem;font-family:'Open Sans',sans-serif}
.alert-success{background:rgba(22,163,74,.1);color:#166534;border:1px solid rgba(22,163,74,.24)}
.alert-error,.alert-danger{background:rgba(220,38,38,.1);color:#991b1b;border:1px solid rgba(220,38,38,.2)}
.card{background:var(--white);border:1px solid rgba(201,168,76,.16);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:var(--trans)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}

/* ── REVEAL ────────────────────────────────────────────── */
.reveal,.reveal-l,.reveal-r{opacity:0;transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal{transform:translateY(22px)}
.reveal-l{transform:translateX(-30px)}
.reveal-r{transform:translateX(30px)}
.revealed{opacity:1!important;transform:none!important}

/* ════════════════════════════════════════════════════════
   RESPONSIVE — COMPREHENSIVE MOBILE FIRST
════════════════════════════════════════════════════════ */

/* ── TABLET 1024px ─────────────────────────────────────── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;text-align:center;padding:100px 5% 60px}
  .hero-visual{margin:0 auto;height:320px}
  .hero-eyebrow,.hero-btns,.hero-trust{justify-content:center}
  .hero-sub{max-width:100%;margin:0 auto 36px}
  .spec-grid{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:1fr;gap:40px}
  .mv-grid{grid-template-columns:1fr 1fr}
  .book-showcase{grid-template-columns:1fr;gap:40px}
  .book-showcase .reveal-r{order:-1}
  .footer-grid{grid-template-columns:1fr 1fr}
  .about-intro-grid{grid-template-columns:1fr;gap:40px}
  .about-intro-grid .reveal-r{order:-1}
  .services-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .pricing-card.featured{transform:none}
}

/* ── TABLET 900px ──────────────────────────────────────── */
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;gap:32px}
  .contact-info-card{position:static}
  .consult-grid{grid-template-columns:1fr;gap:32px}
  .consult-card{position:static}
  .enquiry-grid{grid-template-columns:1fr;gap:32px}
  .enq-info-box{position:static}
  .ghost-grid{grid-template-columns:1fr 1fr}
  .who-grid{grid-template-columns:1fr 1fr}
  .svc-feats{grid-template-columns:1fr}
}

/* ── MOBILE 768px ──────────────────────────────────────── */
@media(max-width:768px){
  .section{padding:52px 0}
  .container{padding:0 4%}

  /* Nav */
  .nav-links{display:none}
  .hamburger{display:flex}
  .navbar{height:62px;padding:0 4%}

  /* Hero */
  .hero-h1{font-size:2.2rem}
  .hero-sub{font-size:1rem}
  .hero-visual{height:280px}
  .hero-ring-wrap{width:240px;height:240px}
  .hero-logo-img{width:120px;height:120px}
  .hero-badge{left:0;right:0}
  .hero-btns{flex-direction:column;align-items:center;gap:10px}
  .hero-trust{justify-content:center;gap:14px}

  /* Grids */
  .spec-grid{grid-template-columns:1fr 1fr}
  .process-grid{grid-template-columns:1fr 1fr;gap:24px}
  .process-grid::before{display:none}
  .counters-grid{grid-template-columns:1fr 1fr}
  .counter-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:18px}
  .counters-grid .counter-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}
  .mv-grid{grid-template-columns:1fr 1fr}
  .ghost-grid{grid-template-columns:1fr}
  .press-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
  .why-features{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center;gap:10px}
  .form-grid,.form-grid-2{grid-template-columns:1fr}
  .form-group.full{grid-column:1}
  .workflow{flex-direction:column;align-items:center;gap:20px}
  .workflow::before{display:none}
  .testi-card{flex:0 0 290px}
  .cta-btns{flex-direction:column;align-items:center}
  .cta-banner{padding:64px 5%}

  /* About */
  .founder-img-wrap img{height:360px}
  .book-cover-frame img{height:320px}
  .timeline::before{left:20px}
  .tl-dot{width:42px;height:42px;font-size:.72rem}
  .tl-content{padding:14px 18px}

  /* Page hero */
  .page-hero{padding:95px 4% 52px;min-height:320px}
}

/* ── SMALL MOBILE 540px ────────────────────────────────── */
@media(max-width:540px){
  .spec-grid{grid-template-columns:1fr}
  .mv-grid{grid-template-columns:1fr}
  .who-grid{grid-template-columns:1fr}
  .why-features{grid-template-columns:1fr}
  .time-grid{grid-template-columns:repeat(2,1fr)}
  .hero-h1{font-size:1.95rem}
  .sec-title{font-size:1.65rem}
  .counters-grid{grid-template-columns:1fr 1fr}
  .process-grid{grid-template-columns:1fr}
  .footer-newsletter-input{flex-direction:column}
  .footer-newsletter-input button{width:100%}
  .tl-item{gap:14px}
  .hero-visual{height:240px}
  .hero-ring-wrap{width:200px;height:200px}
  .hero-logo-img{width:100px;height:100px}
}

/* ── EXTRA SMALL 380px ─────────────────────────────────── */
@media(max-width:380px){
  .container{padding:0 4%}
  .hero-h1{font-size:1.75rem}
  .btn{padding:11px 20px;font-size:.85rem}
  .btn-lg{padding:13px 26px;font-size:.9rem}
  .navbar{padding:0 4%}
  .nav-brand-name{font-size:1rem}
}

/* ── MISSING CLASSES PATCH ─────────────────────────────── */
/* spec-icon — removed emoji but div still exists in PHP */
.spec-icon{display:none}
/* why-feat-icon */
.why-feat-icon{font-size:1.2rem;margin-bottom:4px;display:none}
/* service-card-icon */
.service-card-icon{display:none}
/* ghost-icon */
.ghost-icon{display:none}
/* enq-info-icon */
.enq-info-icon{display:none}
/* benefit-icon */
.benefit-icon{color:var(--gold-dark);font-weight:700;flex-shrink:0;margin-top:1px}
/* contact-icon / ci-icon */
.contact-icon,.ci-icon{font-size:1rem;flex-shrink:0;margin-top:2px}
/* who-icon */
.who-icon{display:none}

/* faq-icon — was missing + sign */
.faq-icon::before{content:'+'}
.faq-item.open .faq-icon::before{content:''}

/* hero-eyebrow-line was renamed hero-ey-line in CSS but used as hero-eyebrow-line in HTML */
.hero-eyebrow-line{flex:0 0 28px;height:1px;background:var(--gold)}
.hero-eyebrow-txt{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(232,201,122,.85);font-family:'Open Sans',sans-serif;font-weight:700}

/* MISSING CLASS FIX: .hero-text is the left column of .hero-inner grid */
.hero-text{position:relative;z-index:2}

/* MISSING CLASS FIX: .fp-teaser-content is the left column of .fp-teaser grid */
.fp-teaser-content{display:flex;flex-direction:column;justify-content:center}

/* ═══════════════════════════════════════════════════════
   MOBILE RESPONSIVE — INLINE STYLE OVERRIDES
   (All inline grid-template-columns fixed here)
═══════════════════════════════════════════════════════ */

/* Utility classes for responsive grids */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem }
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem }
.grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem }
.grid-2-1 { display: grid; grid-template-columns: 2fr 1fr; gap: 2.5rem; align-items: start }
.grid-1-2 { display: grid; grid-template-columns: 1fr 2fr; gap: 2.5rem; align-items: start }
.grid-2-3 { display: grid; grid-template-columns: 2fr 3fr; gap: 2.5rem; align-items: center }

/* Page hero inner grid (ghostwriting/legacy hero) */
.phc-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 3.5rem; align-items: center }
.phc-grid .svc-side-card { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: var(--r-lg); padding: 26px 22px }

/* Services inline grids */
.svc-overview-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; margin-top: 2.6rem }

/* Services hero grid fix */
.phc-split { display: grid; grid-template-columns: 3fr 2fr; gap: 3rem; align-items: center }

/* Timeline items */
.tl-item { display: flex; gap: 26px; align-items: flex-start; margin-bottom: 34px; position: relative }

/* Consultation info wrapper */
.consult-info-wrap { display: flex; flex-direction: column; gap: 12px; margin: 20px 0 }

/* Founder photo + about text spacing */
.about-col-text { display: flex; flex-direction: column; gap: 0 }

/* ── 1024px TABLET ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .grid-4   { grid-template-columns: 1fr 1fr }
  .grid-3   { grid-template-columns: 1fr 1fr }
  .grid-2-1 { grid-template-columns: 1fr }
  .grid-1-2 { grid-template-columns: 1fr }
  .grid-2-3 { grid-template-columns: 1fr }
  .phc-grid { grid-template-columns: 1fr }
  .phc-split{ grid-template-columns: 1fr }
  .svc-overview-grid { grid-template-columns: 1fr 1fr }
}

/* ── 768px MOBILE ──────────────────────────────────────── */
@media (max-width: 768px) {

  /* Base spacing */
  .section { padding: 50px 0 }
  .container { padding: 0 5% }

  /* Navbar */
  .navbar  { height: 60px; padding: 0 4% }
  .nav-links { display: none }
  .hamburger { display: flex }

  /* Mobile nav height from top */
  .mobile-nav { top: 60px }

  /* Hero */
  .hero-inner { grid-template-columns: 1fr !important; text-align: center; padding: 90px 5% 52px }
  .hero-visual { margin: 28px auto 0; height: 260px }
  .hero-ring-wrap { width: 220px; height: 220px }
  .hero-logo-img { width: 110px; height: 110px }
  .hero-badge { left: 0; right: 0 }
  .hero-h1  { font-size: 2rem }
  .hero-sub { font-size: 1rem; max-width: 100%; margin: 0 auto 28px }
  .hero-eyebrow { justify-content: center }
  .hero-btns  { flex-direction: column; align-items: stretch; gap: 10px }
  .hero-btns .btn { text-align: center; justify-content: center }
  .hero-trust { justify-content: center; gap: 12px; flex-wrap: wrap }

  /* Section titles */
  .sec-title { font-size: 1.7rem }
  .sec-sub   { font-size: 1rem }
  .cta-title { font-size: 1.7rem }

  /* Spec grid */
  .spec-grid { grid-template-columns: 1fr 1fr; gap: 14px }

  /* Why section */
  .why-grid { grid-template-columns: 1fr !important; gap: 36px }
  .why-features { grid-template-columns: 1fr !important }
  .why-quote-box { padding: 26px 22px }

  /* Counters */
  .counters-grid { grid-template-columns: 1fr 1fr }
  .counter-item  { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); padding: 16px }
  .counters-grid .counter-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.1) }
  .counter-num   { font-size: 2.2rem }

  /* Process */
  .process-grid { grid-template-columns: 1fr 1fr !important; gap: 20px }
  .process-grid::before { display: none }
  .process-step { padding: 0 8px }

  /* Testimonials */
  .testi-card { flex: 0 0 280px }
  .testi-carousel::before, .testi-carousel::after { width: 40px }

  /* FAQ */
  .faq-wrap { margin-top: 28px }
  .faq-q-text { font-size: .92rem }

  /* CTA */
  .cta-banner { padding: 56px 5% }
  .cta-btns { flex-direction: column; align-items: stretch; gap: 10px }
  .cta-btns .btn { text-align: center; justify-content: center }

  /* About page */
  .about-intro-grid { grid-template-columns: 1fr !important; gap: 36px }
  .about-intro-grid .reveal-r { order: -1 }
  .founder-img-wrap img { height: 340px }
  .book-showcase { grid-template-columns: 1fr !important; gap: 32px }
  .book-showcase .reveal-r { order: -1 }
  .book-cover-frame img { height: 300px }
  .mv-grid { grid-template-columns: 1fr 1fr !important; gap: 14px }
  .press-grid { grid-template-columns: 1fr !important }
  .press-card img { height: 260px }
  div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important }

  /* Timeline */
  .timeline::before { left: 18px }
  .tl-dot { width: 38px; height: 38px; font-size: .7rem; flex-shrink: 0 }
  .tl-content { padding: 14px 16px }
  .tl-title { font-size: .95rem }
  .tl-text { font-size: .8rem }

  /* Services page */
  .services-grid { grid-template-columns: 1fr !important }
  .service-card-top { padding: 26px }
  .pricing-grid { grid-template-columns: 1fr !important }
  .pricing-card.featured { transform: none }
  .svc-overview-grid { grid-template-columns: 1fr !important }
  .grid-3 { grid-template-columns: 1fr !important }

  /* Page hero — all inner pages */
  .page-hero { padding: 90px 5% 48px; min-height: 300px }
  .phc-grid  { grid-template-columns: 1fr !important; gap: 24px }
  .phc-split { grid-template-columns: 1fr !important; gap: 24px }
  .svc-side-card { margin-top: 0 }

  /* Ghostwriting / Legacy */
  .ghost-grid { grid-template-columns: 1fr !important }
  .svc-feats  { grid-template-columns: 1fr !important }
  .who-grid   { grid-template-columns: 1fr 1fr !important }
  .workflow   { flex-direction: column; align-items: center; gap: 18px }
  .workflow::before { display: none }
  .pv-wrap    { padding-left: 0 }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr !important; gap: 28px }
  .contact-info-card { position: static }

  /* Consultation */
  .consult-grid { grid-template-columns: 1fr !important; gap: 28px }
  .consult-card { position: static }
  .time-grid    { grid-template-columns: repeat(3, 1fr) }

  /* Enquiry */
  .enquiry-grid { grid-template-columns: 1fr !important; gap: 28px }
  .enq-info-box { position: static }

  /* Forms */
  .form-grid, .form-grid-2 { grid-template-columns: 1fr !important }
  .form-group.full { grid-column: 1 }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr !important }
  .footer-bottom { flex-direction: column; text-align: center; gap: 8px }
  .footer-newsletter-input { flex-direction: column }
  .footer-newsletter-input button { width: 100% }

  /* Utility grids */
  .grid-2   { grid-template-columns: 1fr !important }
  .grid-2-1 { grid-template-columns: 1fr !important }
  .grid-1-2 { grid-template-columns: 1fr !important }
  .grid-2-3 { grid-template-columns: 1fr !important }
}

/* ── 540px SMALL MOBILE ────────────────────────────────── */
@media (max-width: 540px) {
  .section { padding: 44px 0 }

  /* Typography */
  .hero-h1   { font-size: 1.85rem; line-height: 1.15 }
  .sec-title { font-size: 1.55rem }
  .cta-title { font-size: 1.55rem }
  .sec-sub   { font-size: .95rem }

  /* Hero */
  .hero-inner  { padding: 82px 4% 44px }
  .hero-visual { height: 220px }
  .hero-ring-wrap { width: 190px; height: 190px }
  .hero-logo-img  { width: 95px; height: 95px }
  .trust-item  { font-size: .7rem }

  /* Grids — all single column */
  .spec-grid   { grid-template-columns: 1fr !important }
  .mv-grid     { grid-template-columns: 1fr !important }
  .who-grid    { grid-template-columns: 1fr !important }
  .why-features{ grid-template-columns: 1fr !important }
  .process-grid{ grid-template-columns: 1fr !important }
  .counters-grid{ grid-template-columns: 1fr 1fr }
  .ghost-grid  { grid-template-columns: 1fr !important }
  .svc-feats   { grid-template-columns: 1fr !important }

  /* Timeline tighter */
  .tl-item { gap: 12px }
  .tl-dot  { width: 34px; height: 34px; font-size: .65rem }

  /* Buttons */
  .btn    { padding: 11px 20px; font-size: .85rem }
  .btn-lg { padding: 13px 24px; font-size: .9rem }

  /* Footer */
  .footer { padding: 48px 5% 24px }
  .footer-grid { gap: 28px }
  .counter-num { font-size: 2rem }

  /* Forms */
  label { font-size: .72rem }
  input[type="text"], input[type="email"], input[type="tel"],
  select, textarea, .form-input, .form-textarea {
    padding: 11px 14px; font-size: .88rem;
  }

  /* Time slots */
  .time-grid { grid-template-columns: 1fr 1fr !important }

  /* Testimonials */
  .testi-card { flex: 0 0 260px; padding: 20px }
}

/* ── 380px EXTRA SMALL ─────────────────────────────────── */
@media (max-width: 380px) {
  .hero-h1  { font-size: 1.65rem }
  .sec-title { font-size: 1.4rem }
  .container { padding: 0 4% }
  .navbar    { padding: 0 4% }
  .nav-brand-name { font-size: .98rem }
  .nav-logo img   { height: 36px }
  .hero-inner { padding: 78px 4% 40px }
  .counters-grid { grid-template-columns: 1fr 1fr }
  .process-grid  { grid-template-columns: 1fr !important }
  .testi-card    { flex: 0 0 240px }
  .btn-lg { padding: 12px 20px; font-size: .85rem }
  .spec-card { padding: 22px 16px }
}

/* ══ SERVICES PAGE SPECIFIC ════════════════════════════ */

/* Overview grid — 3 col */
.svc-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 0;
}
.svc-card {
  background: var(--white);
  border: 1px solid rgba(201,168,76,.18);
  border-radius: var(--r-lg);
  padding: 28px 24px;
  text-align: center;
  transition: var(--trans);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.svc-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(201,168,76,.36) }
.svc-card-icon  { font-size: 2.2rem; display: block }
.svc-card-name  { font-family: 'Merriweather', serif; font-size: 1.05rem; font-weight: 700; color: var(--text-h) }
.svc-card-desc  { font-size: .83rem; color: var(--text-m); line-height: 1.7; flex: 1 }

/* Detailed service cards — 2 col */
.svc-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 3rem;
}

/* ── Responsive ─────────────────────────────────── */
@media (max-width: 1024px) {
  .svc-cards-grid  { grid-template-columns: 1fr 1fr }
  .svc-detail-grid { grid-template-columns: 1fr 1fr }
}
@media (max-width: 768px) {
  .svc-cards-grid  { grid-template-columns: 1fr 1fr !important; gap: 14px }
  .svc-detail-grid { grid-template-columns: 1fr !important; gap: 18px }
  .svc-card { padding: 22px 18px }
  .svc-card-icon { font-size: 1.9rem }
  .pricing-grid { grid-template-columns: 1fr !important }
  .pricing-card.featured { transform: none }
  .service-card-top { padding: 24px 20px }
  .service-card-body { padding: 20px }
}
@media (max-width: 540px) {
  .svc-cards-grid { grid-template-columns: 1fr !important }
  .svc-card { text-align: left; flex-direction: row; flex-wrap: wrap; gap: 8px }
  .svc-card-icon { flex-shrink: 0; font-size: 1.7rem }
  .svc-card-name { font-size: .96rem }
}

/* ══ GHOSTWRITING & LEGACY PAGE CLASSES ══════════════════ */

/* Page hero 2-col grid */
.page-hero-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 3rem;
  align-items: center;
}
.page-hero-side { display: flex; align-items: stretch }

/* Side info card (hero right side) */
.side-info-card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(201,168,76,.2);
  border-radius: var(--r-lg);
  padding: 26px 22px;
  width: 100%;
  backdrop-filter: blur(10px);
}
.side-info-title {
  font-family: 'Merriweather', serif;
  font-size: 1rem; font-weight: 700;
  color: var(--gold-light);
  margin-bottom: 14px;
  letter-spacing: .03em;
}
.side-info-item {
  font-size: .85rem;
  color: rgba(255,255,255,.78) !important;
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  line-height: 1.5;
}
.side-info-item:last-child { border-bottom: none }

/* Hero buttons row */
.hero-btns-row {
  display: flex; gap: 12px; flex-wrap: wrap;
  margin-top: 2rem;
}

/* Workflow grid */
.workflow-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-top: 2.5rem;
  position: relative;
}
.workflow-grid::before {
  content: '';
  position: absolute; top: 27px; left: 10%; right: 10%; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), var(--gold-light), var(--gold), transparent);
}
.wf-icon { font-size: 1.5rem; margin-bottom: 10px }

/* Feature cards grid (2 col) */
.feat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 2.5rem;
}
.feat-card {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 20px; background: var(--white);
  border: 1px solid rgba(201,168,76,.16);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm);
  transition: var(--trans);
}
.feat-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md) }
.feat-card-icon  { font-size: 1.6rem; flex-shrink: 0; margin-top: 2px }
.feat-card-title { font-family: 'Merriweather', serif; font-size: .96rem; font-weight: 700; color: var(--text-h); margin-bottom: 6px }
.feat-card-text  { font-size: .82rem; color: var(--text-m); line-height: 1.7 }

/* Story types grid (3 col) */
.story-types-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 2.5rem;
}
.story-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: var(--r-lg);
  padding: 24px 20px; text-align: center;
  transition: var(--trans);
}
.story-card:hover { background: rgba(255,255,255,.1); transform: translateY(-3px) }
.story-icon  { font-size: 2rem; margin-bottom: 10px; display: block }
.story-title { font-family: 'Merriweather', serif; font-size: .96rem; font-weight: 700; color: var(--white); margin-bottom: 7px }
.story-text  { font-size: .81rem; color: rgba(255,255,255,.52); line-height: 1.65 }

/* Two-col layout (legacy process + who) */
.page-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

/* Who-for list items */
.who-for-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 16px;
  background: var(--cream);
  border-radius: var(--r);
  border-left: 3px solid var(--gold);
  margin-bottom: 10px;
  transition: var(--trans);
}
.who-for-item:hover { box-shadow: var(--shadow-sm); transform: translateX(4px) }
.who-for-icon  { font-size: 1.4rem; flex-shrink: 0; line-height: 1 }
.who-for-title { font-family: 'Merriweather', serif; font-weight: 700; color: var(--text-h); font-size: .93rem; margin-bottom: 3px }
.who-for-text  { font-size: .81rem; color: var(--text-m); line-height: 1.6 }

/* ── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 1024px) {
  .page-hero-grid   { grid-template-columns: 1fr 1fr; gap: 2rem }
  .workflow-grid    { grid-template-columns: repeat(3, 1fr) }
  .workflow-grid::before { display: none }
  .story-types-grid { grid-template-columns: 1fr 1fr }
  .feat-grid        { grid-template-columns: 1fr 1fr }
  .page-two-col     { grid-template-columns: 1fr; gap: 2.5rem }
}

@media (max-width: 768px) {
  /* Page hero grid — stack vertically */
  .page-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 1.8rem;
  }
  .page-hero-side { order: -1 } /* side card upar */
  .side-info-card { padding: 20px 18px }

  /* Hero buttons */
  .hero-btns-row {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-btns-row .btn {
    text-align: center;
    justify-content: center;
    width: 100%;
  }

  /* Workflow — 2 col then 1 col small */
  .workflow-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px;
  }
  .workflow-grid::before { display: none }
  .wf-step { text-align: center }

  /* Feature cards */
  .feat-grid { grid-template-columns: 1fr !important }
  .feat-card { padding: 16px }

  /* Story types */
  .story-types-grid { grid-template-columns: 1fr 1fr !important; gap: 14px }
  .story-card { padding: 20px 16px }

  /* Page two col */
  .page-two-col { grid-template-columns: 1fr !important; gap: 2rem }

  /* Who-for items */
  .who-for-item { padding: 12px 14px }
}

@media (max-width: 540px) {
  /* Page hero */
  .page-hero { padding: 85px 5% 44px !important; min-height: unset !important }
  .page-hero-grid { gap: 1.4rem }
  .side-info-card { padding: 16px 15px }
  .side-info-item { font-size: .8rem }

  /* Workflow — single col */
  .workflow-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .wf-step {
    display: flex; align-items: center; gap: 14px;
    text-align: left; padding: 14px 16px;
    background: var(--cream);
    border-radius: var(--r);
    border-left: 3px solid var(--gold);
  }
  .wf-icon { font-size: 1.4rem; margin-bottom: 0; flex-shrink: 0 }
  .wf-label { font-weight: 700; color: var(--text-h); margin-bottom: 2px }
  .wf-sub   { font-size: .78rem; color: var(--text-l) }

  /* Story types — single col */
  .story-types-grid {
    grid-template-columns: 1fr !important;
  }
  .story-card {
    display: flex; align-items: center; gap: 14px;
    text-align: left; padding: 16px 18px;
  }
  .story-icon { font-size: 1.6rem; margin-bottom: 0; flex-shrink: 0 }
  .story-title { font-size: .9rem; margin-bottom: 3px }

  /* Feature cards */
  .feat-card { gap: 10px }
  .feat-card-icon { font-size: 1.3rem }

  /* Hero buttons */
  .hero-btns-row { gap: 10px }
}

/* ══════════════════════════════════════════════════════════
   DARK BACKGROUND — AUTO LIGHT TEXT
   Jab bhi dark brown/brown-mid background ho, text white hona chahiye
══════════════════════════════════════════════════════════ */

/* Define which sections are "dark" */
.why-section,
.cta-banner,
.counters,
.strip,
.footer,
.page-hero,
.store-coming,
.contact-info-card,
.consult-card,
.enq-info-box,
.service-card-top,
.pricing-card.featured,
.story-types-grid,   /* ghost/legacy dark sections */
section[style*="background:var(--brown)"],
section[style*="background:var(--brown-mid)"],
div[style*="background:var(--brown)"],
div[style*="background:var(--brown-mid)"] {
  color: rgba(255,255,255,.85);
}

/* sec-eyebrow on dark bg */
.why-section         .sec-eyebrow,
.cta-banner          .sec-eyebrow,
.page-hero           .sec-eyebrow,
.store-coming        .sec-eyebrow,
section[style*="background:var(--brown)"]     .sec-eyebrow,
section[style*="background:var(--brown-mid)"] .sec-eyebrow {
  color: var(--gold-light) !important;
}
.why-section         .sec-eyebrow::before,
.why-section         .sec-eyebrow::after,
.cta-banner          .sec-eyebrow::before,
.cta-banner          .sec-eyebrow::after,
.page-hero           .sec-eyebrow::before,
.page-hero           .sec-eyebrow::after,
section[style*="background:var(--brown)"]     .sec-eyebrow::before,
section[style*="background:var(--brown)"]     .sec-eyebrow::after,
section[style*="background:var(--brown-mid)"] .sec-eyebrow::before,
section[style*="background:var(--brown-mid)"] .sec-eyebrow::after {
  background: rgba(201,168,76,.5) !important;
}

/* sec-title on dark bg */
.why-section         .sec-title,
.cta-banner          .sec-title,
.page-hero           .sec-title,
.store-coming        .sec-title,
section[style*="background:var(--brown)"]     .sec-title,
section[style*="background:var(--brown-mid)"] .sec-title {
  color: var(--white) !important;
}

/* sec-sub on dark bg */
.why-section         .sec-sub,
.cta-banner          .sec-sub,
.page-hero           .sec-sub,
.store-coming        .sec-sub,
section[style*="background:var(--brown)"]     .sec-sub,
section[style*="background:var(--brown-mid)"] .sec-sub {
  color: rgba(255,255,255,.72) !important;
}

/* Normal paragraph text on dark bg */
.why-section         p,
.cta-banner          p,
.page-hero           p:not(.sec-sub):not(.sec-title),
section[style*="background:var(--brown)"]     p,
section[style*="background:var(--brown-mid)"] p {
  color: rgba(255,255,255,.65);
}

/* Testimonials section — cream bg, dark text */
.testi-section .sec-eyebrow { color: var(--gold-dark) !important }
.testi-section .sec-title   { color: var(--text-h) !important }
.testi-section .sec-sub     { color: var(--text-m) !important }

/* Process section — cream bg */
.process-section .sec-eyebrow { color: var(--gold-dark) }
.process-section .sec-title   { color: var(--text-h) }

/* About page — dark section (founder quote) */
.why-section .why-qt   { color: rgba(255,255,255,.88) }
.why-section .why-qa   { color: var(--gold-light) }
.why-section .why-extra{ color: rgba(255,255,255,.45) }

/* Story cards (dark bg sections) */
.story-card .story-title { color: var(--white) }
.story-card .story-text  { color: rgba(255,255,255,.58) }

/* Side info card (page hero) */
.side-info-card .side-info-title { color: var(--gold-light) !important }
.side-info-card .side-info-item  { color: rgba(255,255,255,.78) !important }
.side-info-card p { color: rgba(255,255,255,.65) !important }
.side-info-card div { color: rgba(255,255,255,.62) !important }

/* Contact info card */
.contact-info-card .ci-label,
.contact-info-card .contact-lbl { color: rgba(255,255,255,.48) }
.contact-info-card .ci-val,
.contact-info-card .contact-val  { color: rgba(255,255,255,.85) }

/* Consultation card */
.consult-card .sec-eyebrow { color: var(--gold-light) !important }
.consult-card label         { color: rgba(255,255,255,.55) !important }

/* Enquiry info box */
.enq-info-box .enq-info-label { color: rgba(255,255,255,.45) }
.enq-info-box .enq-info-val   { color: rgba(255,168,76,.85) }

/* Footer */
.footer .sec-title,
.footer h1, .footer h2, .footer h3 { color: var(--white) }
.footer .footer-h { color: rgba(255,255,255,.9) }
.footer p,
.footer .footer-brand p { color: rgba(255,255,255,.42) }

/* Service card top */
.service-card-top .service-card-name { color: var(--white) }
.service-card-top .service-card-tag  { color: rgba(255,255,255,.65) }

/* Pricing featured card */
.pricing-card.featured .pricing-name   { color: var(--white) }
.pricing-card.featured .pricing-tier   { color: rgba(255,255,255,.55) }
.pricing-card.featured .pricing-period,
.pricing-card.featured .pricing-tag    { color: rgba(255,255,255,.45) }

/* Hero specific */
.hero .hero-h1  { color: var(--white) }
.hero .hero-sub { color: rgba(255,255,255,.65) }

/* Page hero text */
.page-hero .sec-title.light { color: var(--white) !important }
.page-hero h1.sec-title     { color: var(--white) !important }

/* who-card (dark sections) */
.who-grid .who-card .who-title { color: var(--white) }
.who-grid .who-card .who-text  { color: rgba(255,255,255,.55) }

/* Counters text */
.counter-num   { color: var(--white) }
.counter-label { color: rgba(255,255,255,.58) }

/* CTA */
.cta-banner .cta-title { color: var(--white) }
.cta-banner .cta-sub   { color: rgba(255,255,255,.65) }

/* Marquee strip */
.strip .strip-item { color: rgba(255,255,255,.9) }

/* Why section features */
.why-feat-title { color: rgba(255,255,255,.95) }
.why-feat-text  { color: rgba(255,255,255,.5) }

/* ── Ghostwriting / Legacy dark sections ────────────────── */
/* These use inline style="background:var(--brown-mid)" or "var(--brown)" */
/* CSS attribute selector covers them */
section[style*="--brown"] .sec-eyebrow { color: var(--gold-light) !important }
section[style*="--brown"] .sec-eyebrow::before,
section[style*="--brown"] .sec-eyebrow::after { background: rgba(201,168,76,.4) !important }
section[style*="--brown"] .sec-title   { color: var(--white) !important }
section[style*="--brown"] .sec-sub     { color: rgba(255,255,255,.72) !important }
section[style*="--brown"] .divider     { background: linear-gradient(90deg,var(--gold-dark),var(--gold-light)) !important }
section[style*="--brown"] p            { color: rgba(255,255,255,.65) }
section[style*="--brown"] h2           { color: var(--white) }

/* About page dark section (founder quote) */
section[style*="--brown-mid"] .sec-eyebrow { color: var(--gold-light) !important }
section[style*="--brown-mid"] .sec-title   { color: var(--white) !important }
section[style*="--brown-mid"] h2           { color: var(--white) }
section[style*="--brown-mid"] p            { color: rgba(255,255,255,.65) }

/* Legacy page who-for items on light bg — keep dark */
.who-for-title { color: var(--text-h) !important }
.who-for-text  { color: var(--text-m) !important }

/* pv-wrap (legacy process) on light bg */
.pv-title { color: var(--text-h) !important }
.pv-text  { color: var(--text-m) !important }

/* Workflow steps on light bg (ghostwriting) */
.wf-label { color: var(--text-h) }
.wf-sub   { color: var(--text-l) }

/* On dark bg workflow fix (if inside dark section) */
section[style*="--brown"] .wf-label,
section[style*="--brown-mid"] .wf-label { color: var(--white) }
section[style*="--brown"] .wf-sub,
section[style*="--brown-mid"] .wf-sub   { color: rgba(255,255,255,.55) }

/* feat-card (on cream bg - light text not needed) */
.feat-card-title { color: var(--text-h) !important }
.feat-card-text  { color: var(--text-m) !important }

/* Books page dark store-coming */
.store-coming .cs-title { color: var(--white) !important }
.store-coming .cs-sub   { color: rgba(255,255,255,.68) !important }
.store-coming .cs-label { color: var(--gold-light) !important }

/* ══ GHOSTWRITING + MEMOIR MERGED PAGE ══════════════════ */

/* Compare grid — 2 equal columns */
.gm-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 1rem;
}
.gm-card {
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(201,168,76,.15);
  display: flex; flex-direction: column;
  transition: var(--trans);
}
.gm-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg) }
.gm-card-top {
  padding: 32px 28px;
  position: relative; overflow: hidden;
}
.gm-card-top::after {
  content: '';
  position: absolute; top: 0; right: 0;
  width: 120px; height: 120px;
  background: radial-gradient(circle at top right, rgba(255,255,255,.08), transparent);
}
.gm-card-icon { font-size: 2.4rem; margin-bottom: 12px; display: block }
.gm-card-name { font-family: 'Merriweather', serif; font-size: 1.35rem; font-weight: 700; color: var(--white); margin-bottom: 4px }
.gm-card-tag  { font-size: .75rem; letter-spacing: .12em; color: rgba(255,255,255,.62); text-transform: uppercase }
.gm-card-body { padding: 26px; background: var(--white); flex: 1; display: flex; flex-direction: column; gap: 16px }
.gm-card-desc { font-size: .9rem; color: var(--text-m); line-height: 1.8 }
.gm-points    { display: flex; flex-direction: column; gap: 8px }
.gm-point     { display: flex; align-items: flex-start; gap: 9px; font-size: .85rem; color: var(--text-m) }
.gm-point-icon{ color: var(--gold-dark); flex-shrink: 0; font-size: .7rem; margin-top: 4px }
.gm-best      { margin-top: auto; padding: 10px 14px; background: var(--cream); border-radius: var(--r); font-size: .78rem; color: var(--brown-soft); font-style: italic; border-left: 3px solid var(--gold) }

/* Workflow with sub-label */
.wf-sublabel { font-size: .8rem; font-weight: 600; color: var(--text-m); margin-bottom: 4px }
.wf-sub      { font-size: .78rem; color: var(--text-l); line-height: 1.6 }

/* Responsive */
@media (max-width: 768px) {
  .gm-compare-grid { grid-template-columns: 1fr !important; gap: 20px }
  .gm-card-top     { padding: 26px 22px }
  .gm-card-body    { padding: 20px }
}
@media (max-width: 540px) {
  .gm-card-icon { font-size: 1.9rem }
  .gm-card-name { font-size: 1.18rem }
  .workflow-grid { grid-template-columns: 1fr !important }
  .wf-step {
    display: flex; align-items: flex-start; gap: 14px;
    text-align: left; padding: 14px 16px;
    background: var(--cream); border-radius: var(--r);
    border-left: 3px solid var(--gold);
  }
  .wf-icon { font-size: 1.4rem; margin: 0; flex-shrink: 0 }
  .wf-label { font-weight: 700; color: var(--brown); font-size: .82rem; margin-bottom: 2px }
  .wf-sublabel { font-size: .76rem; color: var(--text-m); margin-bottom: 2px }
  .wf-sub { font-size: .74rem }
}

/* ══════════════════════════════════════════════════════
   SERVICES PAGE — ALL-IN-ONE
══════════════════════════════════════════════════════ */

/* Hero anchor links */
.svc-anchors {
  display: flex; gap: 8px; flex-wrap: wrap;
  margin-top: 2rem;
}
.svc-anchors a {
  padding: 6px 14px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 20px;
  font-size: .75rem; font-weight: 600;
  letter-spacing: .05em; color: rgba(255,255,255,.8);
  transition: var(--trans);
  white-space: nowrap;
}
.svc-anchors a:hover {
  background: rgba(255,255,255,.12);
  border-color: var(--gold-light);
  color: var(--gold-light);
}

/* Section divider line */
.svc-section {
  border-top: 1px solid rgba(201,168,76,.1);
  scroll-margin-top: 80px;
}

/* 2-col grid per service */
.svc-section-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}
.svc-section-grid-rev > *:first-child { order: 2 }
.svc-section-grid-rev > *:last-child  { order: 1 }

.svc-tagline {
  font-family: 'Merriweather', serif;
  font-size: 1.12rem; font-style: italic;
  color: var(--brown-soft); margin-bottom: .4rem;
}
.svc-body {
  font-size: .92rem; color: var(--text-m);
  line-height: 1.9; margin-bottom: 1.4rem;
}

/* Feature list */
.svc-features-list { display: flex; flex-direction: column; gap: 9px }
.svc-feat-row {
  display: flex; align-items: center; gap: 10px;
  font-size: .88rem; color: var(--text-m); line-height: 1.5;
}
.svc-feat-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--gold); flex-shrink: 0;
}

/* Info box (right side cards) */
.svc-info-box {
  background: linear-gradient(155deg, var(--brown), var(--brown-mid));
  border-radius: var(--r-xl);
  padding: 30px 26px;
  border: 1px solid rgba(201,168,76,.18);
}
.svc-info-title {
  font-family: 'Merriweather', serif;
  font-size: 1.05rem; font-weight: 700;
  color: var(--gold-light);
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

/* Who-is-this-for items */
.svc-who-item {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.svc-who-item:last-child { border-bottom: none }
.svc-who-icon  { font-size: 1.3rem; flex-shrink: 0; line-height: 1; margin-top: 1px }
.svc-who-title { font-size: .88rem; font-weight: 700; color: rgba(255,255,255,.9); margin-bottom: 2px }
.svc-who-text  { font-size: .78rem; color: rgba(255,255,255,.5); line-height: 1.5 }

/* Check list items */
.svc-check-item {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  font-size: .87rem; color: rgba(255,255,255,.78);
  line-height: 1.5;
}
.svc-check {
  color: var(--gold-light); font-weight: 700;
  flex-shrink: 0; margin-top: 1px;
}

/* Legacy section */
.svc-legacy-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.svc-legacy-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--r-lg);
  padding: 24px 20px; text-align: center;
  transition: var(--trans);
}
.svc-legacy-card:hover {
  background: rgba(255,255,255,.1);
  transform: translateY(-3px);
}
.svc-legacy-icon  { font-size: 2rem; margin-bottom: 12px; display: block }
.svc-legacy-title { font-family: 'Merriweather', serif; font-size: .96rem; font-weight: 700; color: var(--white); margin-bottom: 8px }
.svc-legacy-text  { font-size: .8rem; color: rgba(255,255,255,.55); line-height: 1.65 }

/* Legacy process row */
.svc-process-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
.svc-process-row::before {
  content: '';
  position: absolute; top: 24px; left: 12.5%; right: 12.5%; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), var(--gold-light), var(--gold), transparent);
}
.svc-process-step {
  text-align: center; padding: 0 12px; position: relative; z-index: 1;
}
.svc-process-num {
  width: 48px; height: 48px; border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  color: var(--brown); font-family: 'Merriweather', serif;
  font-size: 1.1rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px; box-shadow: 0 4px 16px rgba(201,168,76,.3);
}
.svc-process-title { font-size: .9rem; font-weight: 700; color: rgba(255,255,255,.9); margin-bottom: 5px }
.svc-process-text  { font-size: .78rem; color: rgba(255,255,255,.5); line-height: 1.6 }

/* Publishing steps */
.svc-publish-steps { display: flex; flex-direction: column; gap: 14px; margin-top: 1.5rem }
.svc-publish-item  {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 16px;
  background: var(--cream);
  border-radius: var(--r);
  border-left: 3px solid var(--gold);
  transition: var(--trans);
}
.svc-publish-item:hover { box-shadow: var(--shadow-sm); transform: translateX(4px) }
.svc-publish-icon  { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px }
.svc-publish-title { font-size: .9rem; font-weight: 700; color: var(--text-h); margin-bottom: 3px }
.svc-publish-text  { font-size: .8rem; color: var(--text-m); line-height: 1.55 }

/* Celebrity section */
.svc-celebrity-wrap { max-width: 960px; margin: 0 auto; text-align: center }
.svc-celebrity-badge {
  display: inline-block;
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  color: var(--brown); font-size: .72rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  padding: 5px 18px; border-radius: 20px;
  margin-bottom: 16px;
}
.svc-celebrity-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 2rem;
  text-align: left;
}
.svc-celebrity-card {
  background: var(--white);
  border: 1px solid rgba(201,168,76,.2);
  border-radius: var(--r-lg);
  padding: 22px 20px;
  box-shadow: var(--shadow-sm);
  transition: var(--trans);
}
.svc-celebrity-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md) }
.svc-celebrity-icon  { font-size: 1.6rem; margin-bottom: 10px; display: block }
.svc-celebrity-title { font-family: 'Merriweather', serif; font-size: .96rem; font-weight: 700; color: var(--text-h); margin-bottom: 6px }
.svc-celebrity-text  { font-size: .8rem; color: var(--text-m); line-height: 1.65 }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .svc-legacy-grid   { grid-template-columns: 1fr 1fr }
  .svc-process-row   { grid-template-columns: 1fr 1fr; gap: 20px }
  .svc-process-row::before { display: none }
  .svc-celebrity-grid{ grid-template-columns: 1fr 1fr }
}
@media (max-width: 768px) {
  .svc-section-grid { grid-template-columns: 1fr !important; gap: 2rem }
  .svc-section-grid-rev > *:first-child { order: 1 }
  .svc-section-grid-rev > *:last-child  { order: 2 }
  .svc-legacy-grid   { grid-template-columns: 1fr 1fr !important; gap: 14px }
  .svc-process-row   { grid-template-columns: 1fr 1fr !important; gap: 16px }
  .svc-celebrity-grid{ grid-template-columns: 1fr 1fr !important }
  .svc-anchors { gap: 6px }
  .svc-anchors a { font-size: .7rem; padding: 5px 11px }
  .svc-info-box { padding: 24px 20px }
  .svc-publish-item { padding: 12px 14px }
}
@media (max-width: 540px) {
  .svc-legacy-grid   { grid-template-columns: 1fr !important }
  .svc-process-row   { grid-template-columns: 1fr !important }
  .svc-celebrity-grid{ grid-template-columns: 1fr !important }
  .svc-section { scroll-margin-top: 65px }
  .svc-anchors { display: none } /* Too cramped on very small — hidden */
  .svc-legacy-card {
    display: flex; align-items: center; gap: 14px;
    text-align: left;
  }
  .svc-legacy-icon { font-size: 1.5rem; margin: 0; flex-shrink: 0 }
}

/* ══ FOUNDER'S STORY SECTION ═════════════════════════════ */
.founder-story-section{scroll-margin-top:80px}
.founder-story-sub{
  font-family:'Merriweather',serif;font-style:italic;
  font-size:1.25rem;color:var(--gold-dark);margin-top:6px;
}

.founder-story-grid{
  display:grid;grid-template-columns:0.85fr 1.15fr;gap:4rem;align-items:start;
}
.founder-story-photo-col{position:sticky;top:90px;align-self:start}

.founder-stats-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin:32px 0 24px;padding:20px;
  background:var(--cream);border-radius:var(--r-lg);
  border:1px solid rgba(201,168,76,.2);
}
.founder-stat{text-align:center}
.founder-stat-num{
  font-family:'Merriweather',serif;font-size:1.6rem;font-weight:900;
  color:var(--brown);line-height:1;
}
.founder-stat-label{
  font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-l);margin-top:4px;
}
.founder-story-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.founder-story-btns .btn{flex:1;justify-content:center;min-width:140px}

/* Story text */
.founder-story-text-col{padding-top:8px}
.founder-story-lead{
  font-family:'Merriweather',serif;font-style:italic;
  font-size:1.45rem;color:var(--brown);
  line-height:1.5;margin-bottom:1.4rem;
  border-left:3px solid var(--gold);padding-left:20px;
}
.founder-story-p{
  font-size:.95rem;color:var(--text-m);line-height:1.95;
  margin-bottom:1.15rem;
}
.founder-story-p strong{color:var(--brown);font-weight:700}
.founder-story-p em{color:var(--brown-soft);font-style:italic}

/* Pull quotes */
.founder-story-quote{
  font-family:'Merriweather',serif;font-style:italic;
  font-size:1.2rem;line-height:1.65;color:var(--brown);
  background:var(--cream);border-left:3px solid var(--gold);
  border-radius:0 var(--r-lg) var(--r-lg) 0;
  padding:24px 28px;margin:1.8rem 0;
}
.founder-story-quote-gold{
  background:linear-gradient(155deg,var(--brown),var(--brown-mid));
  color:rgba(255,255,255,.92);
  border-left:3px solid var(--gold-light);
  font-size:1.15rem;
}

/* Signature */
.founder-signature{
  margin-top:2rem;padding-top:1.5rem;
  border-top:1px solid rgba(201,168,76,.2);
}
.founder-signature-name{
  font-family:'Merriweather',serif;font-size:1.3rem;font-weight:700;
  color:var(--brown);font-style:italic;
}
.founder-signature-title{
  font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-dark);margin-top:4px;
}

/* ── Responsive ──────────────────────────────────────── */
@media(max-width:1024px){
  .founder-story-grid{grid-template-columns:1fr;gap:2.5rem}
  .founder-story-photo-col{position:static}
  .founder-img-wrap img{height:380px}
}
@media(max-width:768px){
  .founder-story-lead{font-size:1.2rem;padding-left:14px}
  .founder-story-quote{padding:18px 20px;font-size:1.05rem;margin:1.4rem 0}
  .founder-story-quote-gold{font-size:1rem}
  .founder-stats-row{gap:8px;padding:14px}
  .founder-stat-num{font-size:1.3rem}
  .founder-story-btns{flex-direction:column}
  .founder-story-btns .btn{width:100%}
}
@media(max-width:540px){
  .founder-img-wrap img{height:320px}
  .founder-story-p{font-size:.9rem}
}

/* ══ FREE PUBLISHING SECTION ═════════════════════════════ */
.fp-section{
  background:var(--cream);
  position:relative;overflow:hidden;
}
.fp-section::before{
  content:'';position:absolute;top:-120px;right:-120px;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.15),transparent 70%);
  pointer-events:none;
}
.fp-section::after{
  content:'';position:absolute;bottom:-100px;left:-100px;
  width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.1),transparent 70%);
  pointer-events:none;
}

/* Badge */
.fp-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));
  background-size:200%;
  color:var(--brown);font-weight:700;font-size:.82rem;
  letter-spacing:.04em;
  padding:9px 22px;border-radius:30px;
  box-shadow:var(--shadow-gold);
  animation:fpShine 4s ease-in-out infinite;
}
@keyframes fpShine{
  0%,100%{background-position:0% center}
  50%{background-position:100% center}
}

/* Two columns */
.fp-cols{
  display:grid;grid-template-columns:1fr 1fr;
  gap:24px;margin-bottom:24px;position:relative;z-index:1;
}
.fp-col{
  background:var(--white);
  border:1px solid rgba(201,168,76,.2);
  border-radius:var(--r-xl);
  padding:32px 28px;
  box-shadow:var(--shadow-sm);
  transition:var(--trans);
}
.fp-col:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(201,168,76,.4)}
.fp-col-icon{font-size:2rem;margin-bottom:14px}
.fp-col-title{
  font-family:'Merriweather',serif;font-size:1.2rem;font-weight:700;
  color:var(--text-h);margin-bottom:6px;
}
.fp-col-sub{font-size:.85rem;color:var(--text-l);margin-bottom:14px;font-style:italic}
.fp-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.fp-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:.9rem;color:var(--text-m);line-height:1.55;
}
.fp-list li::before{
  content:'\2713';flex-shrink:0;
  width:20px;height:20px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-dark),var(--gold));
  color:var(--white);font-size:.7rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  margin-top:1px;
}
.fp-note{
  margin-top:16px;padding:12px 16px;
  background:var(--cream-warm);border-left:3px solid var(--gold);
  border-radius:0 var(--r) var(--r) 0;
  font-size:.82rem;color:var(--text-m);line-height:1.6;
}

/* Info cards */
.fp-info-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:24px;margin-bottom:32px;position:relative;z-index:1;
}
.fp-info-card{
  background:linear-gradient(155deg,var(--brown),var(--brown-mid));
  border-radius:var(--r-xl);
  padding:28px 26px;
  border:1px solid rgba(201,168,76,.18);
}
.fp-info-icon{font-size:1.7rem;margin-bottom:10px}
.fp-info-title{
  font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;
  color:var(--gold-light);margin-bottom:10px;
}
.fp-info-text{font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.8}

/* CTA */
.fp-cta{
  text-align:center;position:relative;z-index:1;
  background:var(--white);
  border:1px solid rgba(201,168,76,.25);
  border-radius:var(--r-xl);
  padding:40px 32px;
  box-shadow:var(--shadow-md);
}
.fp-quote{
  font-family:'Merriweather',serif;font-style:italic;
  font-size:1.2rem;color:var(--brown-soft);
  line-height:1.6;max-width:680px;margin:0 auto 24px;
}
.fp-cta-title{
  font-family:'Merriweather',serif;font-size:1.5rem;font-weight:700;
  color:var(--text-h);margin-bottom:10px;
}
.fp-cta-text{
  font-size:.92rem;color:var(--text-m);line-height:1.8;
  max-width:560px;margin:0 auto 24px;
}

/* ── Responsive ──────────────────────────────────────── */
@media(max-width:1024px){
  .fp-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .fp-cols,.fp-info-grid{grid-template-columns:1fr!important;gap:16px}
  .fp-col,.fp-info-card{padding:24px 20px}
  .fp-badge{font-size:.74rem;padding:8px 16px;text-align:center}
  .fp-quote{font-size:1.05rem}
  .fp-cta{padding:28px 20px}
  .fp-cta-title{font-size:1.25rem}
}
@media(max-width:540px){
  .fp-badge{white-space:normal;line-height:1.4}
}

/* ══ FREE PUBLISHING TEASER (Homepage) ══════════════════ */
.fp-teaser-section{
  background:var(--cream);position:relative;overflow:hidden;
}
.fp-teaser-section::before{
  content:'';position:absolute;top:-120px;right:-120px;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.15),transparent 70%);
  pointer-events:none;
}
.fp-teaser{
  display:grid;grid-template-columns:1.3fr 1fr;
  gap:40px;align-items:center;
  background:var(--white);
  border:1px solid rgba(201,168,76,.22);
  border-radius:var(--r-xl);
  padding:44px;
  box-shadow:var(--shadow-md);
  position:relative;z-index:1;
}
.fp-teaser-quote{
  background:var(--cream);
  border-radius:var(--r-lg);
  padding:28px;
  border-left:3px solid var(--gold);
}
.fp-teaser-quote .fp-quote{
  font-size:1.05rem;
}

@media(max-width:1024px){
  .fp-teaser{grid-template-columns:1fr;gap:24px;padding:32px}
}
@media(max-width:768px){
  .fp-teaser{padding:24px}
  .fp-teaser-quote{padding:20px}
}

/* ── BOOKS PAGE: featured book grid responsive ─────────── */
@media(max-width:540px){
  .books-featured-grid{
    grid-template-columns:1fr!important;
    text-align:center!important;
    padding:1.6rem!important;
  }
  .books-featured-grid > div:first-child{
    margin:0 auto;
  }
}

/* ══ ABOUT PAGE — COMPANY VERSION ══════════════════════ */
.about-values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:1.8rem;padding:20px;background:var(--cream);border-radius:var(--r-lg);border:1px solid rgba(201,168,76,.18)}
.about-value-item{text-align:center}
.about-value-title{font-family:'Merriweather',serif;font-size:.88rem;font-weight:700;color:var(--brown);margin-bottom:4px}
.about-value-text{font-size:.76rem;color:var(--text-l);line-height:1.5}
.founder-credit{margin-top:14px;padding:14px 16px;background:var(--cream);border-radius:var(--r);border-left:3px solid var(--gold)}
.founder-credit-name{font-family:'Merriweather',serif;font-size:1rem;font-weight:700;color:var(--brown)}
.founder-credit-role{font-size:.76rem;color:var(--text-l);letter-spacing:.03em;margin-top:2px}
@media(max-width:768px){
  .about-values-row{grid-template-columns:1fr;gap:10px;padding:14px}
  .about-value-item{text-align:left}
}

/* ══ MISSING CLASSES FIX ══════════════════════════════ */
/* form-card — enquiry page form wrapper */
.form-card{background:var(--white);padding:2.2rem;border-radius:var(--r-lg);border:1px solid rgba(201,168,76,.14);display:flex;flex-direction:column;gap:1rem}

/* books-featured-grid — book showcase in books.php */
.books-featured-grid{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22);border-radius:9px;padding:2.2rem 2.5rem;max-width:680px;text-align:left}

/* about page inline grid-2 */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}

@media(max-width:768px){
  .books-featured-grid{grid-template-columns:1fr!important;text-align:center!important;padding:1.6rem!important}
  .books-featured-grid>div:first-child{margin:0 auto}
  .form-card{padding:1.5rem}
  .grid-2{grid-template-columns:1fr!important}
}
/* ══ HERO FOUNDER IMAGE + BADGE ═══════════════════════
   Desktop: hero-visual = 420px tall, relative
            hero-badge = absolute, bottom of hero-visual
   Mobile:  hero-visual = fixed height with padding
            hero-ring-wrap = centered in top portion
            hero-badge = absolute, bottom of hero-visual
            This keeps badge BELOW image at all sizes
══════════════════════════════════════════════════════ */

.hero-founder-link{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:170px;height:170px;border-radius:50%;
  display:block;overflow:hidden;
  border:3px solid var(--gold);
  box-shadow:0 0 0 6px rgba(201,168,76,.15),0 10px 40px rgba(0,0,0,.35);
  transition:var(--trans);
}
.hero-founder-link:hover{
  transform:translate(-50%,-50%) scale(1.05);
}
.hero-founder-img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;display:block;
}
.hero-badge-link{display:block;text-decoration:none;color:inherit}
.hero-badge-link:hover .hero-badge-name{color:var(--gold-light)}

@media(max-width:768px){
  /* hero-visual: switch to flex column so image + badge stack naturally */
  .hero-visual{
    height:auto!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:14px;
    margin-top:20px;
    padding-bottom:0;
  }
  /* ring-wrap: static in flow, centered */
  .hero-ring-wrap{
    width:190px!important;
    height:190px!important;
    position:relative!important;
    top:auto!important;left:auto!important;
    transform:none!important;
    flex-shrink:0;
  }
  /* founder photo inside ring */
  .hero-founder-link{
    width:96px!important;
    height:96px!important;
    border-width:2px;
  }
  /* badge: static in flow, below ring */
  .hero-badge{
    position:relative!important;
    left:auto!important;right:auto!important;
    bottom:auto!important;top:auto!important;
    text-align:center;
    width:100%;
    max-width:320px;
    margin:0 auto;
  }
  .hero-badge-name{font-size:.88rem}
  .hero-badge-role{font-size:.67rem}
}

@media(max-width:540px){
  .hero-visual{gap:10px!important}
  .hero-ring-wrap{width:160px!important;height:160px!important}
  .hero-founder-link{width:82px!important;height:82px!important}
  .hero-badge{max-width:280px;padding:10px 12px}
  .hero-badge-name{font-size:.83rem}
  .hero-badge-role{font-size:.62rem}
}

@media(max-width:380px){
  .hero-ring-wrap{width:140px!important;height:140px!important}
  .hero-founder-link{width:72px!important;height:72px!important}
  .hero-badge{max-width:250px;padding:9px 10px}
  .hero-badge-name{font-size:.8rem}
  .hero-badge-role{font-size:.6rem}
}

/* ══ PAYMENT PAGE CSS ════════════════════════════════════ */
.pmt-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:start;max-width:1000px;margin:0 auto}
.pmt-summary-card{background:var(--white);border-radius:var(--r-xl);border:1px solid rgba(201,168,76,.2);padding:28px;box-shadow:var(--shadow-sm);margin-bottom:20px}
.pmt-summary-title{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:var(--text-h);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(201,168,76,.18)}
.pmt-summary-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--cream-dark);font-size:.87rem}
.pmt-summary-label{color:var(--text-l);font-size:.8rem}
.pmt-summary-val{color:var(--text-b);font-weight:600;text-align:right;max-width:60%}
.pmt-summary-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px;font-family:'Merriweather',serif;font-size:1rem;font-weight:700;color:var(--text-h);border-top:2px solid rgba(201,168,76,.25);margin-top:8px}
.pmt-amount{font-size:1.4rem;color:var(--brown)}
.pmt-note{margin-top:12px;font-size:.76rem;color:var(--text-l);line-height:1.6;padding:10px 12px;background:var(--cream);border-radius:var(--r);border-left:3px solid var(--gold)}
.pmt-steps{background:var(--white);border-radius:var(--r-xl);border:1px solid rgba(201,168,76,.2);padding:22px;box-shadow:var(--shadow-sm)}
.pmt-steps-title{font-family:'Merriweather',serif;font-size:.9rem;font-weight:700;color:var(--text-h);margin-bottom:14px}
.pmt-step{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--cream-dark)}
.pmt-step:last-child{border-bottom:none}
.pmt-step-num{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.pmt-step-title{font-size:.85rem;font-weight:700;color:var(--text-h);margin-bottom:2px}
.pmt-step-text{font-size:.77rem;color:var(--text-l);line-height:1.5}
.pmt-tabs{display:flex;background:var(--cream-dark);border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;border:1px solid rgba(201,168,76,.2);border-bottom:none}
.pmt-tab{flex:1;padding:13px;background:none;border:none;cursor:pointer;font-size:.84rem;font-weight:600;color:var(--text-l);transition:var(--trans);font-family:inherit;letter-spacing:.02em}
.pmt-tab:hover{background:rgba(201,168,76,.1);color:var(--brown)}
.pmt-tab.active{background:var(--white);color:var(--brown);box-shadow:0 -2px 0 var(--gold) inset}
.pmt-card{background:var(--white);border:1px solid rgba(201,168,76,.2);border-top:none;border-radius:0 0 var(--r-xl) var(--r-xl);padding:26px;box-shadow:var(--shadow-sm)}
.pmt-card-head{margin-bottom:20px}
.pmt-card-title{font-family:'Merriweather',serif;font-size:1.08rem;font-weight:700;color:var(--text-h);margin-bottom:3px}
.pmt-card-sub{font-size:.79rem;color:var(--text-l)}
.pmt-qr-center{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}
.pmt-qr-img{width:190px;height:190px;border-radius:var(--r-lg);object-fit:contain;border:2px solid rgba(201,168,76,.25);background:var(--white);padding:6px;box-shadow:var(--shadow-md)}
.pmt-qr-placeholder{width:190px;height:190px;border-radius:var(--r-lg);border:2px dashed rgba(201,168,76,.3);background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
.pmt-amount-badge{margin-top:12px;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);font-family:'Merriweather',serif;font-size:1.3rem;font-weight:900;padding:8px 24px;border-radius:30px;box-shadow:var(--shadow-md);letter-spacing:.04em}
.pmt-upi-id-row{background:var(--cream);border-radius:var(--r-lg);padding:16px;margin-bottom:16px;border:1px solid rgba(201,168,76,.2)}
.pmt-upi-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-l);font-weight:700;margin-bottom:8px}
.pmt-upi-copy-row{display:flex;align-items:center;gap:10px}
.pmt-upi-id-val{font-family:'Merriweather',serif;font-size:1rem;font-weight:700;color:var(--brown);flex:1;word-break:break-all}
.pmt-copy-btn{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--brown);border:none;cursor:pointer;font-size:.75rem;font-weight:700;padding:7px 16px;border-radius:20px;transition:var(--trans);white-space:nowrap;flex-shrink:0}
.pmt-copy-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold)}
.pmt-app-row{margin-bottom:18px}
.pmt-app-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-l);margin-bottom:8px}
.pmt-apps{display:flex;gap:8px;flex-wrap:wrap}
.pmt-app-btn{padding:7px 14px;border-radius:6px;border:1px solid rgba(201,168,76,.25);color:var(--text-m);font-size:.78rem;font-weight:600;text-decoration:none;transition:var(--trans);background:var(--white)}
.pmt-app-btn:hover{background:rgba(201,168,76,.1);border-color:var(--gold);color:var(--brown)}
.pmt-after-pay{background:var(--cream);border-radius:var(--r-lg);padding:18px;border:1px solid rgba(201,168,76,.18)}
.pmt-after-title{font-family:'Merriweather',serif;font-size:.9rem;font-weight:700;color:var(--text-h);margin-bottom:6px}
.pmt-after-text{font-size:.82rem;color:var(--text-m);margin-bottom:12px;line-height:1.6}
.pmt-contact-btns{display:flex;gap:10px;flex-wrap:wrap}
.pmt-wa-btn{flex:1;min-width:140px;padding:10px 14px;border-radius:var(--r);background:#25d366;color:var(--white);font-size:.82rem;font-weight:600;text-align:center;text-decoration:none;transition:var(--trans)}
.pmt-wa-btn:hover{background:#1da851;transform:translateY(-1px)}
.pmt-email-btn{flex:1;min-width:140px;padding:10px 14px;border-radius:var(--r);background:var(--white);color:var(--brown);border:1.5px solid rgba(201,168,76,.3);font-size:.82rem;font-weight:600;text-align:center;text-decoration:none;transition:var(--trans)}
.pmt-email-btn:hover{background:rgba(201,168,76,.1);border-color:var(--gold)}
.pmt-rzp-coming{text-align:center;padding:32px 20px}
.pmt-rzp-title{font-family:'Merriweather',serif;font-size:1.1rem;font-weight:700;color:var(--text-h);margin-bottom:8px}
.pmt-rzp-text{font-size:.87rem;color:var(--text-m);line-height:1.7}
.pmt-tab-switch-btn{margin-top:18px;padding:11px 24px;background:linear-gradient(135deg,var(--brown),var(--brown-soft));color:var(--white);border:none;border-radius:30px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--trans);font-family:inherit}
.pmt-tab-switch-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}

@media(max-width:900px){.pmt-layout{grid-template-columns:1fr;max-width:600px}}
@media(max-width:540px){
  .pmt-card{padding:18px}
  .pmt-qr-img,.pmt-qr-placeholder{width:155px;height:155px}
  .pmt-upi-id-val{font-size:.88rem}
  .pmt-summary-card,.pmt-steps{padding:18px}
  .pmt-contact-btns{flex-direction:column}
}