/* ===========================================================
   Dr Deepak — drdeepaak.com
   Spiritual Life Mentor | Psychologist | Author | Vedic Acharya
   Navy + gold brand system
=========================================================== */

:root{
  --navy:#102449;
  --navy-2:#0a1730;
  --navy-soft:#1b3465;
  --ink:#1c2333;
  --ink-soft:#5b6478;
  --paper:#f7f8fb;
  --paper-2:#eef1f7;
  --white:#ffffff;
  --gold:#c99a3e;
  --gold-dark:#a67b26;
  --line:#e2e6ef;
  --wa:#25d366;
  --radius:14px;
  --radius-sm:8px;
  --maxw:1200px;
  --shadow: 0 16px 40px rgba(16,36,73,0.12);
  --shadow-sm: 0 6px 18px rgba(16,36,73,0.08);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:Georgia,'Times New Roman',serif;
  color:var(--navy);
  line-height:1.18;
  margin:0 0 0.5em;
  font-weight:700;
}
h1{font-size:2.6rem;}
h2{font-size:1.9rem;}
h3{font-size:1.25rem;}
p{margin:0 0 1em;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;border-radius:var(--radius);}
ul{margin:0;padding:0;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.container.narrow{max-width:760px;}

.kicker{
  display:inline-block;
  font-size:0.76rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--gold-dark);
  margin-bottom:12px;
}
.kicker.light{color:var(--gold);}
.lead{font-size:1.12rem;color:var(--ink-soft);}
.lead.smaller{font-size:1rem;}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:999px;font-weight:700;
  font-size:0.92rem;cursor:pointer;border:2px solid transparent;
  transition:all .2s ease;
}
.btn.primary{background:var(--navy);color:#fff;}
.btn.primary:hover{background:var(--navy-2);transform:translateY(-1px);}
.btn.secondary{border-color:var(--navy);color:var(--navy);background:transparent;}
.btn.secondary:hover{background:var(--navy);color:#fff;}
.btn.light-btn{background:var(--gold);color:var(--navy-2);}
.btn.light-btn:hover{background:#dcae55;}
.btn.outline-light{border-color:rgba(255,255,255,0.5);color:#fff;}
.btn.outline-light:hover{background:rgba(255,255,255,0.12);}
.text-link{font-weight:700;color:var(--navy);font-size:0.9rem;}
.text-link:hover{color:var(--gold-dark);}
.text-link.block{display:block;margin-top:10px;}

/* ===== Header ===== */
.site-header{
  position:sticky;top:0;z-index:200;
  background:rgba(247,248,251,0.94);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{
  width:42px;height:auto;display:block;flex-shrink:0;
}
.brand-mark.light{filter:brightness(0) invert(1);}
.brand-copy{display:flex;flex-direction:column;line-height:1.15;}
.brand-copy strong{font-family:Georgia,serif;font-size:1.08rem;letter-spacing:0.02em;color:var(--navy);}
.footer-brand-lockup .brand-copy strong{color:#fff;}
.brand-copy small{font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft);}
.footer-brand-lockup .brand-copy small{color:#b9c2d6;}

.nav-links{display:flex;gap:22px;list-style:none;flex-wrap:wrap;}
nav.nav-links, .nav-links{display:flex;}
.nav-links a{
  font-size:0.88rem;font-weight:600;color:var(--ink-soft);
  padding:6px 2px;position:relative;transition:color .2s;
}
.nav-links a:hover, .nav-links a.active{color:var(--navy);}
.nav-links a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--gold-dark);
}
.nav-cta{
  background:var(--wa);color:#fff;padding:10px 20px;border-radius:999px;
  font-weight:700;font-size:0.85rem;white-space:nowrap;
}
.nav-cta:hover{background:#1fb958;}
.menu-button{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.menu-button span{display:block;width:24px;height:2px;background:var(--navy);}

@media (max-width:960px){
  .nav-links{
    position:fixed;top:70px;left:0;right:0;background:var(--paper);
    flex-direction:column;padding:20px 24px;gap:16px;border-bottom:1px solid var(--line);
    transform:translateY(-160%);transition:transform .25s ease;z-index:150;
  }
  .nav-links.open{transform:translateY(0);}
  .menu-button{display:flex;}
}

/* ===== Hero (home) ===== */
.hero{
  padding:70px 0 60px;
  background:
    radial-gradient(circle at 85% 10%, rgba(201,154,62,0.16), transparent 45%),
    radial-gradient(circle at 5% 90%, rgba(16,36,73,0.06), transparent 40%);
}
.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;}
.hero-copy h1{font-size:3rem;}
.hero-copy h1 em{font-style:normal;color:var(--gold-dark);}
.hero-copy .lead{max-width:520px;}
.hero-copy .actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.micro-proof{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap;}
.micro-proof span{font-size:0.86rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--gold-dark);padding-left:12px;}
.micro-proof strong{font-family:Georgia,serif;font-size:1.4rem;color:var(--navy);}
.hero-image-frame{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.hero-image-frame img{border-radius:var(--radius);width:100%;aspect-ratio:4/5;object-fit:cover;}
.image-caption{
  position:absolute;left:0;right:0;bottom:0;padding:14px 18px;
  background:linear-gradient(0deg, rgba(10,23,48,0.85), transparent);
  color:#fff;font-size:0.82rem;font-weight:600;
}

/* ===== page-hero (inner pages) ===== */
.page-hero{padding:64px 0 40px;background:linear-gradient(180deg, var(--paper-2), var(--paper));}
.page-hero h1{font-size:2.4rem;}
.page-hero .actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap;}

/* ===== manifesto ===== */
.manifesto{padding:56px 0;text-align:center;}
.manifesto blockquote{
  font-family:Georgia,serif;font-size:1.5rem;color:var(--navy);
  margin:0 0 18px;line-height:1.4;
}
.manifesto a{font-weight:700;color:var(--gold-dark);}

/* ===== Section shared ===== */
.section{padding:70px 0;}
.section.alternate{background:var(--paper-2);}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;flex-wrap:wrap;gap:16px;}
.section-heading h2{margin:0;}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

/* ===== two-col / about-intro ===== */
.two-col{display:grid;grid-template-columns:0.85fr 1.15fr;gap:52px;align-items:center;}
.rounded-media{border-radius:var(--radius);box-shadow:var(--shadow-sm);width:100%;aspect-ratio:4/5;object-fit:cover;}
.prose .actions{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;}
.clean-list{list-style:none;margin:18px 0;padding:0;}
.clean-list li{
  padding:10px 0 10px 26px;border-bottom:1px solid var(--line);
  position:relative;font-size:0.95rem;color:var(--ink-soft);
}
.clean-list li::before{
  content:"✓";position:absolute;left:0;top:10px;color:var(--gold-dark);font-weight:700;
}

/* ===== pillar grid (about) ===== */
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.pillar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.pillar b{font-family:Georgia,serif;font-size:1.6rem;color:var(--gold-dark);}
.pillar h3{margin:10px 0 8px;font-size:1.05rem;}
.pillar p{font-size:0.88rem;color:var(--ink-soft);margin:0;}

/* ===== visual-story ===== */
.visual-story{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.visual-story.reverse{direction:rtl;}
.visual-story.reverse > *{direction:ltr;}
.visual-story img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow-sm);}

/* ===== cta-band ===== */
.cta-band{
  background:linear-gradient(135deg,var(--navy),var(--navy-2));
  color:#fff;padding:64px 0;text-align:center;
}
.cta-band h2{color:#fff;max-width:640px;margin:0 auto 24px;}
.cta-band .actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

/* ===== Footer ===== */
.site-footer{background:var(--navy-2);color:#c7cfe0;padding:60px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px;}
.footer-brand p{font-size:0.88rem;color:#a9b3c9;max-width:280px;}
.social-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;}
.social-row a{font-size:0.82rem;font-weight:600;color:#dfe4ef;}
.social-row a:hover{color:var(--gold);}
.site-footer h4{color:#fff;font-family:Georgia,serif;font-size:1rem;margin-bottom:14px;}
.site-footer > .container > div > a{display:block;font-size:0.88rem;color:#b9c2d6;padding:6px 0;}
.site-footer > .container > div > a:hover{color:var(--gold);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:0.8rem;color:#8b96ad;
}
.floating-wa{
  position:fixed;right:22px;bottom:22px;z-index:300;
  width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;
  box-shadow:0 10px 24px rgba(37,211,102,0.45);
  font-size:0.9rem;letter-spacing:0.02em;
}
.floating-wa:hover{background:#1fb958;}

/* ===== Books page ===== */
.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.library-book{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.library-book img{border-radius:0;aspect-ratio:3/4;object-fit:cover;}
.library-book > div{padding:20px 22px 24px;}
.library-book h2{font-size:1.15rem;margin:6px 0 10px;}
.library-book p{font-size:0.9rem;color:var(--ink-soft);margin:0;}

.title-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.title-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.title-card span{
  display:inline-block;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;
  font-weight:700;color:var(--gold-dark);margin-bottom:10px;
}
.title-card h3{font-size:1.05rem;margin-bottom:8px;}
.title-card p{font-size:0.88rem;color:var(--ink-soft);margin:0;}

/* ===== Home: book grid / video grid / COL / service grid / brand-feature ===== */
.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.book-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s;}
.book-card:hover{transform:translateY(-4px);}
.book-card img{border-radius:0;aspect-ratio:3/4;object-fit:cover;}
.book-card > div{padding:18px 20px 22px;}
.book-card span{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-dark);font-weight:700;}
.book-card h3{font-size:1.05rem;margin:8px 0;}
.book-card p{font-size:0.86rem;color:var(--ink-soft);margin:0;}

.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.video-card p{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-dark);font-weight:700;margin:12px 0 4px;}
.video-card h3{font-size:1rem;margin:0;}
.video-thumb{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.video-thumb img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);}
.video-thumb .play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(10,23,48,0.28);color:#fff;font-size:1.6rem;
}
.channel-tile{
  aspect-ratio:16/9;border-radius:var(--radius);background:linear-gradient(135deg,var(--navy),var(--navy-soft));
  color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;
}
.channel-tile span{font-size:1.8rem;}
.channel-tile strong{font-size:1.1rem;}
.channel-tile small{color:#c7cfe0;font-size:0.8rem;}

.col-feature{display:grid;grid-template-columns:1.1fr 0.9fr;gap:52px;align-items:center;}
.poster-wrap img{box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;}

.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.service-grid.detailed{grid-template-columns:repeat(3,1fr);}
.service{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:block;transition:box-shadow .2s, transform .2s;}
.service:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px);}
.service span, .service-grid.detailed article span{
  font-family:Georgia,serif;font-size:1.4rem;color:var(--gold-dark);
}
.service h3{font-size:1rem;margin:10px 0 6px;}
.service p{font-size:0.86rem;color:var(--ink-soft);margin:0;}
.service-grid.detailed article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.service-grid.detailed article h3{font-size:1.05rem;margin:10px 0 8px;}
.service-grid.detailed article p{font-size:0.88rem;color:var(--ink-soft);}
.service-grid.detailed article a{display:inline-block;margin-top:12px;font-weight:700;font-size:0.85rem;color:var(--navy);}
.service-grid.detailed article a:hover{color:var(--gold-dark);}

.brand-feature{display:grid;grid-template-columns:0.8fr 1.2fr;gap:52px;align-items:center;}
.brand-feature img{aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow);}
.brand-feature .actions{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;}

/* ===== Courses ===== */
.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.course-grid article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.course-grid span{
  display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:0.78rem;
  padding:4px 10px;border-radius:999px;margin-bottom:8px;
}
.course-grid p{font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-dark);font-weight:700;margin:0 0 6px;}
.course-grid h2{font-size:1.1rem;margin-bottom:12px;}
.course-grid a{display:inline-block;margin-top:8px;font-weight:700;font-size:0.85rem;color:var(--navy);}
.course-grid a:hover{color:var(--gold-dark);}

/* ===== Events ===== */
.event-types{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.event-types article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.event-types span{font-family:Georgia,serif;font-size:1.5rem;color:var(--gold-dark);}
.event-types h2{font-size:1.08rem;margin:10px 0 8px;}
.event-types p{font-size:0.88rem;color:var(--ink-soft);margin:0;}

/* ===== Media ===== */
.media-hero{display:grid;grid-template-columns:0.85fr 1.15fr;gap:52px;align-items:center;}
.media-hero img{aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow);}
.topic-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.topic-cloud span{
  background:var(--paper-2);border:1px solid var(--line);border-radius:999px;
  padding:8px 16px;font-size:0.84rem;color:var(--navy);font-weight:600;
}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.channel-grid a{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;}
.channel-grid b{
  display:block;font-size:1.6rem;margin-bottom:10px;color:var(--gold-dark);
  width:48px;height:48px;line-height:48px;border-radius:50%;background:var(--paper-2);margin:0 auto 10px;
}
.channel-grid h3{font-size:1.02rem;margin-bottom:4px;}
.channel-grid p{font-size:0.85rem;color:var(--ink-soft);margin:0 0 8px;}
.channel-grid span{font-size:0.82rem;font-weight:700;color:var(--navy);}
.media-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px;}
.media-contact > div:last-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}

/* ===== Services detail ===== */
.service-detail{display:grid;grid-template-columns:1.05fr 0.95fr;gap:52px;align-items:center;}
.service-detail img{aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow-sm);}
.consultation-visual{display:grid;grid-template-columns:0.85fr 1.15fr;gap:52px;align-items:center;}
.consultation-visual img{aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow-sm);}

/* ===== Contact ===== */
.contact-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start;}
.contact-cards a{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;display:flex;flex-direction:column;gap:4px;
}
.contact-cards a:hover{border-color:var(--gold-dark);}
.contact-cards span{font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-dark);font-weight:700;}
.contact-cards strong{font-size:1rem;color:var(--navy);}
.contact-cards small{font-size:0.8rem;color:var(--ink-soft);}
.contact-form{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px;}
.contact-form label{display:block;font-size:0.85rem;font-weight:700;color:var(--navy);margin-bottom:16px;}
.contact-form input, .contact-form select, .contact-form textarea{
  width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius-sm);font-family:inherit;font-size:0.94rem;background:var(--paper);
}
.contact-form textarea{min-height:100px;resize:vertical;}
.form-note{font-size:0.78rem;color:var(--ink-soft);margin-top:8px;}
.social-feature{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
.social-big{display:flex;flex-direction:column;gap:14px;min-width:260px;}
.social-big a{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px 18px;display:flex;justify-content:space-between;font-weight:700;color:var(--navy);
}
.social-big a span{color:var(--gold-dark);font-weight:600;}

/* ===== Wisdom ===== */
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;}
.filter{
  border:1px solid var(--line);background:var(--white);border-radius:999px;
  padding:9px 18px;font-size:0.85rem;font-weight:600;color:var(--ink-soft);cursor:pointer;
}
.filter.active, .filter:hover{background:var(--navy);border-color:var(--navy);color:#fff;}
.wisdom-list{display:flex;flex-direction:column;gap:16px;}
.wisdom-item{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;
}
.wisdom-item span{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-dark);font-weight:700;}
.wisdom-item h2{font-size:1.1rem;margin:8px 0 6px;}
.wisdom-item p{font-size:0.9rem;color:var(--ink-soft);margin:0;}
.wisdom-item b{font-size:0.85rem;color:var(--navy);white-space:nowrap;}
.wisdom-item[hidden]{display:none;}

.newsletter{background:var(--navy-2);color:#fff;padding:56px 0;margin-top:20px;}
.newsletter-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
.newsletter-inner h2{color:#fff;}
.newsletter-inner p{color:#b9c2d6;margin:0;}

/* ===== Responsive ===== */
@media (max-width:980px){
  .hero-grid, .two-col, .visual-story, .col-feature, .brand-feature, .media-hero,
  .service-detail, .consultation-visual, .contact-layout{grid-template-columns:1fr;}
  .visual-story.reverse{direction:ltr;}
  .pillar-grid, .book-grid, .video-grid, .library-grid, .title-grid,
  .course-grid, .event-types, .channel-grid, .service-grid, .service-grid.detailed{
    grid-template-columns:repeat(2,1fr);
  }
  .contact-cards{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  h1{font-size:2rem;}
  .hero-copy h1{font-size:2rem;}
  .page-hero h1{font-size:1.9rem;}
  .pillar-grid, .book-grid, .video-grid, .library-grid, .title-grid,
  .course-grid, .event-types, .channel-grid, .service-grid, .service-grid.detailed{
    grid-template-columns:1fr;
  }
  .footer-grid{grid-template-columns:1fr;}
  .media-contact{flex-direction:column;align-items:flex-start;}
  .wisdom-item{flex-direction:column;align-items:flex-start;}
  .section{padding:52px 0;}
}