:root{

--ivory:#F8F5EE;
--sand:#F2E8D8;
--gold:#C9A84C;
--saffron:#D97706;
--deep:#C2410C;
--charcoal:#1F2937;
--grey:#6B7280;

--reg-ink:#11192b;
--reg-ink-soft:#1c2942;
--reg-parchment:#fbf8f1;
--reg-parchment-deep:#f1e9d6;
--reg-gold:#c79a4b;
--reg-gold-light:#e8cb8f;
--reg-gold-deep:#9c7330;
--reg-emerald:#0e3d2f;
--reg-emerald-light:#1a5c47;
--reg-slate:#6b7280;
--reg-card-bg:#ffffff;
--reg-line:rgba(17,25,43,0.08);

}

html,
body{
    overflow-x:hidden;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
}

*,
*::before,
*::after{
    box-sizing:border-box;
    max-width:100%;
    margin:0;
    padding:0;
}

body{
    background:var(--ivory);
    font-family:'Cormorant Garamond',serif;
    overflow-x:hidden;
    color:var(--charcoal);
    width:100%;
    position:relative;
}

section{ display:block; margin:0; }

.sanskrit-bg span{
    position:absolute;
    font-family:'Noto Serif Devanagari';
    font-size:7rem;
    opacity:.03;
    font-weight:700;
}

.sanskrit-bg span:nth-child(1){ top:10%; left:5%; }
.sanskrit-bg span:nth-child(2){ top:60%; right:10%; }
.sanskrit-bg span:nth-child(3){ top:30%; left:70%; }
.sanskrit-bg span:nth-child(4){ bottom:10%; left:15%; }
.sanskrit-bg span:nth-child(5){ bottom:20%; right:20%; }

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:80px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    padding:0 7%;
    background:transparent;
    backdrop-filter:none;
    border-bottom:none;
    z-index:1000;
    transition:0.4s ease;
}

.navbar.scrolled{
    background:rgba(248,245,238,0.97);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(201,168,76,.15);
}

.english{
    letter-spacing:10px;
    position:relative;
    top:-6px;
    font-size:16px;
    color:#D97706;
}

.logo{ justify-self:start; display:flex; flex-direction:column; }

.devanagari{
    font-family:'Noto Serif Devanagari', serif;
    font-size:32px;
    font-weight:600;
    color:#C2410C;
    line-height:1;
}

.navbar ul{
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    list-style:none;
    gap:55px;
    margin:0;
    padding:0;
    height:100%;
}

.navbar ul li{ display:flex; align-items:center; height:100%; }

.navbar ul li a{
    text-decoration:none;
    color:#1F2937;
    font-size:20px;
    font-weight:500;
    transition:.3s ease;
}

.navbar ul li a:hover{ color:#D97706; }

.nav-right{ display:flex; align-items:center; gap:20px; justify-self:end; }

.consult-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    background:white;
    border:none;
    border-radius:50px;
    color:#B45309 !important;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    transition:.3s;
}

.consult-btn:hover{ background:#D97706; color:white !important; }

.menu-btn{
    width:58px;
    height:58px;
    border:none;
    border-radius:50%;
    background:#F8F5EE;
    font-size:28px;
    cursor:pointer;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    font-family:'Noto Serif Devanagari';
}

.menu-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    z-index:1100;
    background:none;
    border:none;
    padding:4px;
}

.menu-toggle span{
    display:block;
    width:26px;
    height:2px;
    background:#C9A84C;
    border-radius:10px;
    transition:all .3s ease;
}

/* =============================================
   HERO
============================================= */

.hero{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    padding:0 8%;
    background:#F8F5EE;
    padding-top:80px;
    width:100%;
}

.hero-bg{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    overflow:hidden;
}

.hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    filter:brightness(1.15) contrast(1.05) saturate(1.05);
    display:block;
}

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(
        to right,
        rgba(248,245,238,.35) 0%,
        rgba(248,245,238,.20) 40%,
        rgba(248,245,238,.10) 100%
    );
}

/* Soft blue-toned fade across the bottom of the hero image,
   so it blends smoothly into the metrics bar below — no hard seam */
.hero-fade{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:55%;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(
        to bottom,
        rgba(28,55,92,0) 0%,
        rgba(32,62,98,.10) 30%,
        rgba(29,54,84,.24) 60%,
        rgba(20,32,53,.42) 85%,
        rgba(16,26,44,.5) 100%
    );
}

/* Final blend straight into the ivory metrics-bar background,
   so the hero ends with a soft fade instead of a hard cut line */
.hero-fade-ivory{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:60%;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(
        to bottom,
        rgba(248,245,238,0) 0%,
        rgba(248,245,238,.12) 30%,
        rgba(248,245,238,.4) 55%,
        rgba(248,245,238,.75) 78%,
        rgba(248,245,238,1) 100%
    );
}

.hero-content{
    position:relative;
    z-index:3;
    width:55%;
    margin-left:45%;
    text-align:right;
    min-height:60vh;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-end;
    padding-bottom:95px; /* drops the button down, closer to the cup */
    padding-right:6%;
}

.hero-buttons{ display:flex; gap:20px; margin-top:0; }

.btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#D97706;
    color:#fff !important;
    text-decoration:none;
    padding:16px 34px;
    border-radius:50px;
    font-size:18px;
    font-weight:500;
    transition:.3s ease;
}

.btn-primary:hover{ background:#C2410C; transform:translateY(-2px); }

.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.85);
    color:#1F2937 !important;
    text-decoration:none;
    border:1px solid #C9A84C;
    padding:16px 34px;
    border-radius:50px;
    font-size:18px;
    font-weight:500;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.3s ease;
}

.btn-secondary:hover{
    background:#C9A84C;
    color:#fff !important;
    transform:translateY(-2px);
}

/* =============================================
   METRICS BAR — pulled up to sit flush against hero
============================================= */

.metrics-bar{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    padding:35px 60px;
    background:#F8F5EE;
    border-top:none;
    border-bottom:1px solid rgba(201,168,76,.2);
    margin-top:0;
    z-index:10;
    width:100%;
    overflow:hidden;
}

.metric{
    display:flex;
    align-items:center;
    gap:18px;
    padding:0 35px;
    border-right:1px solid rgba(201,168,76,.25);
}

.metric:last-child{ border-right:none; }

.metric i{ font-size:34px; color:#C9A84C; }

.metric h3{ font-size:42px; color:#8B5E34; margin-bottom:4px; }

.metric p{ font-size:12px; letter-spacing:1px; color:#6B7280; }

/* =============================================
   SECTIONS — flush against each other, no visible gaps.
   All sections share the same ivory background and only
   carry bottom padding, so there's no seam between them.
============================================= */

.domains{
    padding:90px 8% 100px;
    background:#F8F5EE;
    width:100%;
    overflow:hidden;
}

.section-title{
    text-align:center;
    max-width:700px;
    margin:0 auto 70px;
}

.section-title h2{ font-size:56px; margin:15px 0; color:#1F2937; }

.section-title p{ color:#6B7280; font-size:18px; }

.divider{ color:#C9A84C; margin:15px 0; font-size:20px; }

.luxury-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin:25px auto 30px;
}

.luxury-divider span{ width:140px; height:1px; background:#C9A84C; }

.divider-icon{ color:#C9A84C; font-size:42px; font-style:normal; line-height:1; }

/* DOMAIN GRID */

.domain-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px;
    max-width:1400px;
    margin:auto;
}

.domain-card{
    background:#FFFDF8;
    border:1px solid rgba(201,168,76,.25);
    overflow:hidden;
    transition:.4s;
    cursor:pointer;
}

.domain-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,.08); }

.domain-card img{ width:100%; height:240px; object-fit:cover; transition:.5s; }

.domain-card:hover img{ transform:scale(1.05); }

.domain-content{ padding:24px; }

.domain-content h3{ font-size:28px; margin-bottom:12px; color:#1F2937; }

.domain-content p{ font-size:16px; line-height:1.7; color:#6B7280; }

/* WHO WE SERVE */

.who-we-serve{
    padding:0 8% 100px;
    background:#F8F5EE;
    width:100%;
    overflow:hidden;
}

.audience-grid{
    margin-top:70px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.audience-card{
    background:#FFFDF8;
    border:1px solid rgba(201,168,76,.25);
    padding:35px;
    min-height:240px;
    position:relative;
    transition:.4s ease;
    overflow:hidden;
}

.audience-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:0;
    background:#C9A84C;
    transition:.4s ease;
}

.audience-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,.08); }

.audience-card:hover::before{ height:100%; }

.audience-card h3{ font-size:28px; margin-bottom:15px; color:#1F2937; }

.audience-card p{ color:#6B7280; line-height:1.8; }

.card-icon{ margin-bottom:20px; }

.card-icon i{ font-size:28px; color:#C9A84C; transition:0.3s ease; }

.audience-card:hover .card-icon i{ color:#D4AF37; }

/* =============================================
   WHY ARTHASHASTRA — cards now match the
   Advisory Domains cards above (same fixed height,
   no number/icon watermarks)
============================================= */

.why-arthashastra{
    background:#F8F5EE;
    padding:0 0 100px;
    width:100%;
    overflow:hidden;
}

.section-tag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:17px;
    font-weight:800;
    letter-spacing:8px;
    text-transform:uppercase;
    color:#B45309;
}

.section-tag::before,
.section-tag::after{ content:""; width:40px; height:1px; background:#C9A84C; }

.section-heading h2{
    font-family:'Cormorant Garamond', serif;
    color:#1F2937;
    font-size:4rem;
    line-height:1.1;
}

.section-heading p{ max-width:750px; margin:auto; color:#6B7280; }

.ornament{ color:#C9A84C; font-size:40px; line-height:1; }

.pillar-card{
    background:#FFFDF8;
    border:1px solid rgba(201,168,76,.25);
    padding:24px;
    position:relative;
    overflow:hidden;
    transition:all .4s ease;
    height:240px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.pillar-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,.08); }

.pillar-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:0;
    background:#C9A84C;
    transition:.4s;
}

.pillar-card:hover::before{ height:100%; }

.pillar-card h3{
    font-size:28px;
    color:#1F2937;
    margin-bottom:12px;
    font-family:'Cormorant Garamond', serif;
    position:relative;
    z-index:2;
}

.pillar-card p{
    color:#6B7280;
    line-height:1.7;
    font-size:16px;
    position:relative;
    z-index:2;
}

/* =============================================
   CLIENT JOURNEY
============================================= */

.client-journey{
    padding:90px 0 100px;
    background:#F8F5EE;
    width:100%;
    overflow:hidden;
}

.journey-heading{ max-width:850px; margin:auto auto 80px; }

.journey-heading h2{ font-size:60px; color:#1F2937; margin:15px 0; }

.journey-heading p{ color:#6B7280; max-width:700px; margin:auto; }

.journey-wrapper{ display:flex; align-items:flex-start; justify-content:center; gap:0; }

.journey-step{ width:220px; text-align:center; position:relative; }

.step-number{
    width:70px;
    height:70px;
    margin:auto auto 25px;
    border-radius:50%;
    border:1px solid #C9A84C;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#B45309;
    font-size:24px;
    font-weight:600;
    background:white;
}

.journey-step h3{ font-size:28px; color:#1F2937; margin-bottom:12px; }

.journey-step p{ color:#6B7280; line-height:1.7; }

.journey-line{ width:90px; height:1px; background:#C9A84C; margin-top:35px; position:relative; }

.journey-line::after{
    content:"";
    position:absolute;
    right:0;
    top:-4px;
    width:8px;
    height:8px;
    border-top:1px solid #C9A84C;
    border-right:1px solid #C9A84C;
    transform:rotate(45deg);
}

/* THOUGHT LEADERSHIP */

.thought-leadership{ padding:0 0 100px; background:#F8F5EE; width:100%; overflow:hidden; }

.thought-leadership h2{ font-size:68px; color:#1F2937; margin-bottom:25px; }

.thought-leadership p{ color:#6B7280; }

.insight-grid{ margin-top:80px; display:grid; grid-template-columns:1.4fr 1fr; gap:50px; }

.featured-article{
    background:#fff;
    border:1px solid rgba(201,168,76,.25);
    overflow:hidden;
    transition:.4s;
}

.featured-article:hover{ transform:translateY(-8px); box-shadow:0 20px 50px rgba(0,0,0,.08); }

.featured-article img{ width:100%; height:420px; object-fit:cover; }

.article-content{ padding:40px; }

.article-category{ color:#B45309; letter-spacing:4px; font-size:13px; font-weight:700; }

.article-content h3{ font-size:42px; margin:15px 0; color:#1F2937; }

.article-content p{ margin-bottom:25px; }

.article-content a{ text-decoration:none; color:#B45309; font-weight:600; }

.article-list{ display:flex; flex-direction:column; gap:25px; }

.mini-article{
    display:flex;
    gap:25px;
    background:#fff;
    padding:35px;
    border:1px solid rgba(201,168,76,.25);
    transition:.4s;
}

.mini-article:hover{ transform:translateX(10px); border-color:#C9A84C; }

.article-number{ font-size:48px; color:rgba(201,168,76,.4); min-width:60px; }

.mini-article h4{ font-size:28px; color:#1F2937; margin-bottom:10px; }

.mini-article p{ margin:0; }

/* TESTIMONIALS */

.testimonials{
    position:relative;
    padding:100px 0 140px;
    background:
        radial-gradient(ellipse 800px 420px at 12% 0%, rgba(201,168,76,.16), transparent 60%),
        radial-gradient(ellipse 700px 500px at 95% 100%, rgba(178,93,9,.10), transparent 55%),
        linear-gradient(165deg, #F6EEDB 0%, #F2E8D8 45%, #ECE0C9 100%);
    width:100%;
    overflow:hidden;
}

.testimonials::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(17,25,43,0.02) 1px, transparent 1px);
    background-size:100% 3px;
    opacity:0.5;
    pointer-events:none;
    mix-blend-mode:multiply;
}

.testimonials::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:160px;
    pointer-events:none;
    background:linear-gradient(
        to bottom,
        rgba(248,245,238,0) 0%,
        rgba(248,245,238,.5) 55%,
        rgba(248,245,238,1) 100%
    );
}

.testimonials .container{
    position:relative;
    z-index:1;
}

.testimonial-grid{ margin-top:80px; display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }

.testimonial-card{
    background:#FFFDF8;
    border:1px solid rgba(201,168,76,.25);
    padding:50px 40px;
    position:relative;
    transition:.4s ease;
    min-height:340px;
}

.testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    border-color:#C9A84C;
}

.quote-mark{
    position:absolute;
    top:15px;
    left:25px;
    font-size:120px;
    line-height:1;
    color:rgba(201,168,76,.15);
    font-family:serif;
}

.testimonial-card p{
    position:relative;
    z-index:2;
    margin-top:40px;
    color:#4B5563;
    font-size:18px;
    line-height:2;
}

.client-info{ margin-top:35px; padding-top:25px; border-top:1px solid rgba(201,168,76,.2); }

.client-info h4{ color:#1F2937; font-size:22px; margin-bottom:5px; }

.client-info span{ color:#B45309; letter-spacing:1px; font-size:14px; text-transform:uppercase; }

/* FAQ */

.faq-section{ padding:0 0 80px; background:#F8F5EE; width:100%; overflow:hidden; }

.faq-heading{ margin-bottom:50px; }

.faq-wrapper{ margin-bottom:80px; }

.faq-container{ max-width:950px; margin:80px auto 0; }

.faq-item{ border-bottom:1px solid rgba(201,168,76,.25); }

.faq-question{
    width:100%;
    background:none;
    border:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:28px 0;
    cursor:pointer;
    font-size:24px;
    font-family:'Cormorant Garamond', serif;
    color:#1F2937;
    text-align:left;
    gap:15px;
}

.faq-question span{ font-size:32px; color:#B45309; transition:.3s; flex-shrink:0; }

.faq-answer{ max-height:0; overflow:hidden; transition:max-height .4s ease; }

.faq-answer p{ color:#6B7280; line-height:1.9; padding-bottom:25px; }

.faq-item.active .faq-answer{ max-height:300px; }

.faq-item.active .faq-question span{ transform:rotate(45deg); }

/* CONTACT */

.contact-section{ padding:0 8% 100px; background:#F8F5EE; width:100%; overflow:hidden; }

.contact-heading{ text-align:center; margin-bottom:70px; }

.contact-heading h2{ font-size:70px; line-height:1.1; margin:20px 0; color:#1F2937; }

.contact-heading p{ max-width:750px; margin:auto; color:#6B7280; font-size:18px; }

.contact-grid{ display:grid; grid-template-columns:380px 1fr; gap:70px; align-items:start; }

.contact-info{ background:white; padding:50px; border:1px solid rgba(201,168,76,.25); }

.contact-info h3{ font-size:52px; line-height:1.1; margin-bottom:15px; color:#1F2937; }

.contact-info p{ margin-bottom:40px; color:#6B7280; }

.info-item{ margin-bottom:35px; }

.info-item span{ display:block; color:#C58B2A; font-size:12px; letter-spacing:3px; margin-bottom:10px; }

.info-item h4{ font-size:28px; color:#1F2937; }

.contact-form{ display:grid; grid-template-columns:1fr 1fr; gap:25px; }

.input-group{ width:100%; }

.full-width{ grid-column:1 / -1; }

.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    padding:18px 0;
    border:none;
    border-bottom:1px solid #D8C7A4;
    background:transparent;
    font-size:17px;
    color:#1F2937;
}

.contact-form textarea{ height:160px; resize:none; }

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus{ outline:none; border-color:#C58B2A; }

.contact-btn{
    grid-column:1 / -1;
    width:320px;
    height:62px;
    background:#B45309;
    color:white;
    border:none;
    cursor:pointer;
    font-size:15px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.3s;
}

.contact-btn:hover{ background:#8B3E05; }

/* FOOTER */

.footer-section{
    background:#162238;
    color:#ffffff;
    padding:70px 0 25px;
    margin:0;
    width:100%;
    overflow:hidden;
}

.footer-section .container{ max-width:1400px; width:90%; margin:auto; }

.footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:60px; }

.footer-logo{ font-size:4rem; color:#d97a1f; margin-bottom:10px; font-weight:700; }

.footer-brand{ letter-spacing:8px; color:#d6a75b; font-size:1rem; margin-bottom:25px; }

.footer-col h3{
    color:#d6a75b;
    margin-bottom:25px;
    font-size:1.3rem;
    letter-spacing:2px;
    text-transform:uppercase;
}

.footer-col p,
.footer-col li,
.footer-col a{ color:#d8dde8; font-size:1rem; line-height:2; text-decoration:none; }

.footer-col ul{ list-style:none; padding:0; margin:0; }

.footer-col li{ margin-bottom:10px; }

.footer-col a:hover{ color:#d6a75b; }

.footer-btn{
    display:inline-block;
    margin-top:20px;
    background:linear-gradient(135deg,#d97a1f,#b85c00);
    color:#fff !important;
    padding:14px 32px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.footer-btn:hover{ transform:translateY(-3px); }

.footer-bottom{
    margin-top:50px;
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.15);
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.footer-links{ display:flex; gap:25px; }

.footer-links a{ color:#d8dde8; text-decoration:none; }

.footer-links a:hover{ color:#d6a75b; }

/* UNIFIED SECTION TAG HIGHLIGHT */

.section-title > span,
.section-tag,
.journey-heading > span,
.contact-heading > span{
    display:inline-flex !important;
    align-items:center;
    gap:14px;
    font-family:'Cormorant Garamond', serif;
    font-size:14px !important;
    font-weight:800 !important;
    letter-spacing:5px !important;
    text-transform:uppercase;
    color:#B45309 !important;
    padding:9px 24px;
    background:rgba(201,168,76,.10);
    border:1px solid rgba(201,168,76,.4);
    border-radius:50px;
    margin-bottom:18px;
    line-height:1.4;
}

.section-title > span::before,
.section-title > span::after,
.section-tag::before,
.section-tag::after,
.journey-heading > span::before,
.journey-heading > span::after,
.contact-heading > span::before,
.contact-heading > span::after{
    content:"";
    width:22px;
    height:1px;
    background:#C9A84C;
    flex-shrink:0;
}

/* =============================================
   COUNSEL REGISTER — now a centered card grid.
   NOTE: this block applies to .advisory-domains, and the
   "Insights" section in the markup carries that class too,
   so the header is now centered and the cards are properly styled.
============================================= */

.advisory-domains{
    background:
        radial-gradient(ellipse 900px 500px at 85% -5%, rgba(199,154,75,0.16), transparent 60%),
        radial-gradient(ellipse 700px 600px at -10% 100%, rgba(14,61,47,0.10), transparent 55%),
        linear-gradient(180deg, var(--reg-parchment) 0%, var(--reg-parchment-deep) 100%);
    padding:0 0 120px;
    position:relative;
    overflow:hidden;
}

.advisory-domains::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(17,25,43,0.025) 1px, transparent 1px);
    background-size:100% 3px;
    opacity:0.4;
    pointer-events:none;
    mix-blend-mode:multiply;
}

.advisory-domains .container{
    max-width:1200px;
    margin:0 auto;
    padding:90px 28px 0;
    position:relative;
    z-index:1;
}

.advisory-domains .section-head{
    text-align:center;
    margin:0 auto 70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.advisory-domains .section-tag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--reg-gold-deep) !important;
    letter-spacing:4.5px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    font-family:'Cinzel',serif;
    text-transform:uppercase;
    background:none;
    border:none;
    padding:0;
    border-radius:0;
}
.advisory-domains .section-tag::before,
.advisory-domains .section-tag::after{
    content:'';
    width:28px;
    height:1px;
    background:linear-gradient(90deg, transparent, var(--reg-gold));
}
.advisory-domains .section-tag::after{ background:linear-gradient(90deg, var(--reg-gold), transparent); }

.advisory-domains .section-title{
    font-family:'Cormorant Garamond',serif;
    font-weight:700;
    font-size:4rem;
    line-height:1.08;
    text-align:center;
    background:linear-gradient(180deg, var(--reg-ink) 30%, var(--reg-ink-soft) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:var(--reg-ink);
    margin:26px auto 22px;
    letter-spacing:0.3px;
    max-width:none;
}

.advisory-domains .section-subtitle{
    color:var(--reg-slate);
    font-size:17.5px;
    max-width:600px;
    margin:0 auto;
    line-height:1.75;
    font-style:italic;
    text-align:center;
}

/* Register — card grid */
.council-register{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:26px;
}

.register-card{
    background:var(--reg-card-bg);
    border:1px solid rgba(199,154,75,0.25);
    border-radius:14px;
    padding:32px 28px;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.8) inset,
        0 18px 36px -20px rgba(17,25,43,0.18);
    transition:transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s ease, border-color .35s ease;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.register-card:hover{
    transform:translateY(-8px);
    border-color:var(--reg-gold);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.8) inset,
        0 26px 46px -20px rgba(17,25,43,0.24);
}

.card-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }

.card-num{
    font-family:'Cinzel',serif;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    color:var(--reg-gold-deep);
}

.row-title{
    font-family:'Cormorant Garamond',serif;
    font-weight:600;
    font-size:1.5rem;
    line-height:1.2;
    color:var(--reg-ink);
    margin:0;
}

.row-tag{
    font-family:'Cinzel',serif;
    font-size:10px;
    line-height:1;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--reg-gold-deep);
}
.row-tag.cat-growth{ color:var(--reg-emerald-light); }

.row-desc{ color:#52596b; line-height:1.75; font-size:15px; margin:0; }

.row-note{
    border-top:1px solid rgba(199,154,75,0.3);
    padding-top:14px;
    margin-top:auto;
}

.row-note span{
    display:block;
    font-family:'Cinzel',serif;
    font-size:10px;
    letter-spacing:1.4px;
    color:var(--reg-gold-deep);
    text-transform:uppercase;
    margin-bottom:8px;
}

.row-note p{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-weight:500;
    font-size:14.5px;
    color:var(--reg-ink-soft);
    line-height:1.6;
    margin:0;
}

/* legend */
.legend{ display:flex; justify-content:center; gap:40px; margin-top:48px; flex-wrap:wrap; }
.legend-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:'Cinzel',serif;
    font-size:11px;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:var(--reg-slate);
}
.legend-dot{ width:9px; height:9px; border-radius:2px; transform:rotate(45deg); background:var(--reg-gold); }
.legend-item:nth-child(2) .legend-dot{ background:var(--reg-emerald); }

@media (prefers-reduced-motion: reduce){
    .register-card{ transition:none; }
}

/* =============================================
   RESPONSIVE — LARGE (<=1200px)
============================================= */

@media(max-width:1200px){
    .hero-content{ width:65%; margin-left:35%; }
    .domain-grid{ grid-template-columns:repeat(2, 1fr); }
    .insight-grid{ grid-template-columns:1fr; }
    .testimonial-grid{ grid-template-columns:repeat(2,1fr); }
    .audience-grid{ grid-template-columns:repeat(2,1fr); }
    .council-register{ grid-template-columns:repeat(2, 1fr); }
}

/* =============================================
   RESPONSIVE — TABLETS (<=992px)
============================================= */

@media(max-width:992px){

    .navbar{
        display:flex !important;
        justify-content:space-between;
        align-items:center;
        padding:0 5% !important;
        height:70px;
        background:rgba(248,245,238,0.97) !important;
        backdrop-filter:blur(10px);
        border-bottom:1px solid rgba(201,168,76,.15);
        position:fixed;
        width:100%;
        left:0;
        top:0;
    }

    .navbar ul{
        display:none;
        position:fixed;
        top:70px;
        left:0;
        width:100%;
        background:rgba(248,245,238,0.98);
        flex-direction:column;
        padding:20px 5%;
        gap:0;
        box-shadow:0 15px 30px rgba(0,0,0,.08);
        z-index:999;
        border-bottom:1px solid rgba(201,168,76,.15);
        height:auto;
        overflow-y:auto;
    }

    .navbar ul.active{ display:flex; }

    .navbar ul li{ width:100%; height:auto; border-bottom:1px solid rgba(201,168,76,.1); }

    .navbar ul li:last-child{ border-bottom:none; }

    .navbar ul li a{ display:block; padding:16px 0; font-size:18px; text-align:center; width:100%; }

    .menu-toggle{ display:flex; }

    .nav-right{ display:none; }

    .metrics-bar{ flex-wrap:wrap; gap:25px 30px; margin-top:0; padding:30px 25px; }

    .metric{ padding:0 15px; border-right:none; }

    .section-title h2,
    .section-heading h2,
    .journey-heading h2,
    .thought-leadership h2,
    .contact-heading h2{ font-size:38px !important; }

    .advisory-domains .section-title{ font-size:3rem; }

    .audience-grid{ grid-template-columns:repeat(2,1fr); }

    .journey-wrapper{ flex-direction:column; align-items:center; gap:40px; }

    .journey-line{ width:1px; height:50px; margin:0 auto; }

    .journey-line::after{ right:-4px; top:auto; bottom:0; transform:rotate(135deg); }

    .testimonial-grid{ grid-template-columns:1fr 1fr; }

    .contact-grid{ grid-template-columns:1fr; }
    .contact-heading h2{ font-size:42px; }
    .contact-form{ grid-template-columns:1fr; }
    .contact-btn{ width:100%; }

    .footer-grid{ grid-template-columns:1fr 1fr; }

    .council-register{ grid-template-columns:1fr 1fr; gap:20px; }
    .register-card{ padding:26px 22px; }
}

/* =============================================
   RESPONSIVE — LARGE PHONES (<=768px)
============================================= */

@media(max-width:768px){

    .logo{ transform:scale(.85); transform-origin:left center; }

    .domains,
    .who-we-serve,
    .why-arthashastra,
    .client-journey,
    .thought-leadership,
    .testimonials,
    .faq-section,
    .contact-section{ padding-top:60px; padding-bottom:60px; }

    .domains,
    .who-we-serve,
    .contact-section{ padding-left:6%; padding-right:6%; }

    .domain-grid{ grid-template-columns:1fr; }
    .domain-card img{ height:200px; }

    .audience-grid{ grid-template-columns:1fr; }
    .audience-card{ min-height:auto; }

    .pillar-card{ padding:30px; height:auto; min-height:200px; }

    .journey-step{ width:100%; max-width:320px; }

    .featured-article img{ height:260px; }

    .mini-article{ flex-direction:column; padding:25px; }

    .article-content{ padding:25px; }
    .article-content h3{ font-size:30px; }

    .testimonial-grid{ grid-template-columns:1fr; }
    .testimonial-card{ min-height:auto; padding:40px 30px; }

    .faq-question{ font-size:19px; gap:15px; }

    .footer-grid{ grid-template-columns:1fr; gap:40px; }

    .footer-bottom{ flex-direction:column; text-align:center; }

    .footer-logo{ font-size:3rem; }

    .advisory-domains .section-title{ font-size:2.5rem; }

    .council-register{ grid-template-columns:1fr; }
}

/* =============================================
   RESPONSIVE — PHONES (<=600px)
============================================= */

@media(max-width:600px){

    .luxury-divider span{ width:60px; }

    .metrics-bar{ flex-direction:column; gap:25px; }

    .metric{ width:100%; justify-content:center; text-align:left; }

    .metric h3{ font-size:32px; }

    .section-title > span,
    .section-tag,
    .journey-heading > span,
    .contact-heading > span{
        font-size:11px !important;
        letter-spacing:3px !important;
        padding:7px 16px;
        gap:8px;
    }

    .section-title > span::before,
    .section-title > span::after,
    .section-tag::before,
    .section-tag::after,
    .journey-heading > span::before,
    .journey-heading > span::after,
    .contact-heading > span::before,
    .contact-heading > span::after{ width:14px; }

    .advisory-domains .section-subtitle{ font-size:16px; padding:0 20px; }
}

/* =============================================
   RESPONSIVE — SMALL PHONES (<=480px)
============================================= */

@media(max-width:480px){

    .devanagari{ font-size:24px; }

    .english{ font-size:12px; letter-spacing:5px; }

    .section-title h2,
    .section-heading h2,
    .journey-heading h2,
    .thought-leadership h2,
    .contact-heading h2{ font-size:28px !important; }

    .domain-content h3,
    .audience-card h3,
    .pillar-card h3,
    .journey-step h3,
    .mini-article h4{ font-size:22px; }

    .contact-info{ padding:35px 25px; }
    .contact-info h3{ font-size:30px; }

    .footer-section .container{ width:88%; }
}

/* =============================================
   HERO — RESPONSIVE IMAGE FIX
============================================= */

@media (max-width: 992px){

    .hero{ justify-content:center; text-align:center; padding:90px 6% 60px; min-height:85vh; }

    .hero-bg{ position:absolute; inset:0; z-index:1; }

    .hero-bg img{ width:100%; height:100%; object-fit:cover; object-position:center 25%; }

    .hero-overlay{ background:rgba(248,245,238,0.55); }

    .hero-content{
        width:100%;
        max-width:600px;
        margin-left:0;
        text-align:center;
        align-items:center;
        padding-bottom:60px;
    }

    .hero-content h1{ font-size:clamp(36px,6vw,56px); }

    .hero-buttons{ justify-content:center; flex-wrap:wrap; }
}

@media (max-width: 600px){
    .hero{ min-height:90vh; padding:90px 6% 50px; }
    .hero-bg img{ object-position:center 18%; }
}

@media (max-width: 480px){

    .hero{ min-height:85vh; padding-top:70px; }

    .hero-bg img{ object-position:center top; }

    .hero-content h1{ font-size:32px; }

    .hero-content p{ font-size:16px; }

    .hero-buttons{ flex-direction:column; }

    .btn-primary,
    .btn-secondary{ width:100%; padding:14px 24px; font-size:16px; }
}
.pillar-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#C9A84C,#D97706);
    color:#fff;
    font-size:34px;
    box-shadow:0 10px 25px rgba(201,168,76,.35);
    transition:.4s ease;
}

.pillar-card:hover .pillar-icon{
    transform:translateY(-8px) rotate(5deg);
    box-shadow:0 15px 35px rgba(201,168,76,.45);
}
/* ===== Base form fields ===== */
.contact-form .input-group {
    position: relative;
    margin-bottom: 28px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(13, 51, 40, 0.3);
    padding: 12px 4px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.08rem;
    font-weight: 500;
    color: #1a1a1a;
    transition: border-color 0.25s ease;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #7a7568;
    font-weight: 400;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-bottom: 2px solid #0d3328;
    padding-bottom: 11px; /* offset border thickness so layout doesn't jump */
}

/* Fix Chrome's blue autofill highlight */
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fbeee2 inset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    transition: background-color 9999s ease-in-out 0s;
}

/* ===== Select dropdowns ===== */
.contact-form select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%230d3328' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
}

.contact-form select option[value=""][disabled] {
    color: #6e6e6e;
}

/* Match question-style selects to the checkbox-group label weight */
.input-group.question-select select {
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: #0d3328;
    padding: 14px 28px 14px 4px;
}

/* ===== Checkbox question group ===== */
.checkbox-group {
    margin-bottom: 28px;
}

.checkbox-group-label {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: #0d3328;
    margin-bottom: 16px;
}

.checkbox-option {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 6px;
    border-bottom: 1px solid rgba(13, 51, 40, 0.15);
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.2s ease, padding-left 0.2s ease;
}

.checkbox-option:hover {
    background: rgba(201, 164, 85, 0.08);
    padding-left: 12px;
}

.checkbox-option:last-child {
    border-bottom: none;
}

.checkbox-option input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-checkbox {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    border: 1.5px solid #0d3328;
    border-radius: 4px;
    background: #fff;
    position: relative;
    transition: all 0.2s ease;
}

.checkbox-option input[type="checkbox"]:checked + .custom-checkbox {
    background: #0d3328;
    border-color: #0d3328;
    transform: scale(1.05);
}

.checkbox-option input[type="checkbox"]:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #c9a455;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.4;
}

.checkbox-text em {
    font-style: italic;
    font-weight: 400;
    color: #4a4a4a;
}

/* ===== Textarea ===== */
.contact-form textarea {
    resize: vertical;
    min-height: 90px;
}

/* ===== Submit button ===== */
.contact-btn {
    background: #0d3328;
    color: #f4ead9;
    border: none;
    padding: 16px 40px;
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem;
    letter-spacing: 0.03em;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
}

.contact-btn:hover {
    background: #c9a455;
    color: #0d3328;
    transform: translateY(-1px);
}
/* ===== Base form fields ===== */
.contact-form .input-group {
    position: relative;
    margin-bottom: 14px; /* was 28px */
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(13, 51, 40, 0.3);
    padding: 8px 4px; /* was 12px */
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem;
    font-weight: 500;
    color: #1a1a1a;
    transition: border-color 0.25s ease;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #7a7568;
    font-weight: 400;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-bottom: 2px solid #0d3328;
    padding-bottom: 7px;
}

/* Fix Chrome's blue autofill highlight */
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fbeee2 inset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    transition: background-color 9999s ease-in-out 0s;
}

/* ===== Select dropdowns ===== */
.contact-form select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%230d3328' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
}

.contact-form select option[value=""][disabled] {
    color: #6e6e6e;
}

.input-group.question-select select {
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem;
    font-weight: 500;
    color: #0d3328;
    padding: 10px 28px 10px 4px; /* was 14px */
}

/* ===== Checkbox question group ===== */
.checkbox-group {
    margin-bottom: 14px; /* was 28px */
}

.checkbox-group-label {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem;
    font-weight: 500;
    color: #0d3328;
    margin-bottom: 8px; /* was 16px */
}

.checkbox-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 6px; /* was 15px */
    border-bottom: 1px solid rgba(13, 51, 40, 0.15);
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.2s ease, padding-left 0.2s ease;
}

.checkbox-option:hover {
    background: rgba(201, 164, 85, 0.08);
    padding-left: 10px;
}

.checkbox-option:last-child {
    border-bottom: none;
}

.checkbox-option input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-checkbox {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: 1.5px solid #0d3328;
    border-radius: 4px;
    background: #fff;
    position: relative;
    transition: all 0.2s ease;
}

.checkbox-option input[type="checkbox"]:checked + .custom-checkbox {
    background: #0d3328;
    border-color: #0d3328;
}

.checkbox-option input[type="checkbox"]:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #c9a455;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.3;
}

.checkbox-text em {
    font-style: italic;
    font-weight: 400;
    color: #4a4a4a;
}

/* ===== Textarea ===== */
.contact-form textarea {
    resize: vertical;
    min-height: 70px; /* was 90px */
}

/* ===== Submit button ===== */
.contact-btn {
    background: #B45309;
    color: #f4ead9;
    border: none;
    padding: 14px 36px; /* was 16px 40px */
    font-family: 'Playfair Display', serif;
    font-size: 1rem;
    letter-spacing: 0.03em;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 6px;
    transition: background 0.25s ease, transform 0.15s ease;
}

.contact-btn:hover {
    background: #c9a455;
    color: #B45309;
    transform: translateY(-1px);
}