.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
    --ink:#1E1533;
    --indigo:#2B1B54;
    --indigo-deep:#1A1030;
    --violet:#5B3A9E;
    --magenta:#C43FA0;
    --sky:#3EC6E0;
    --amber:#D9A24B;
    --amber-deep:#B87F2E;
    --cream:#FBF3E7;
    --cream-dim:#F3E8D6;
    --gold:#F2B705;
    --white:#FFFFFF;
    --shadow-lg: 0 30px 60px -20px rgba(26,16,48,0.45);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--cream);
    overflow-x:hidden;
  }
  h1,h2,h3,.display{
    font-family:'Playfair Display', serif;
  }
  img{max-width:100%; display:block;}
  .container{
    max-width:1180px;
    margin:0 auto;
    padding:0 32px;
  }
  a{text-decoration:none;}
  ul{list-style:none;}

  /* ===== NAV ===== */
  .nav{
    position:sticky; top:0; z-index:50;
    background:rgba(26,16,48,0.92);
    backdrop-filter: blur(8px);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 32px;
    max-width:1180px; margin:0 auto;
  }
  .brand{display:flex; align-items:center; gap:12px;}
  .brand img{width:42px; height:42px; border-radius:50%; object-fit:cover; border:2px solid var(--amber);}
  .brand span{color:var(--cream); font-weight:700; font-size:1rem; letter-spacing:0.02em;}
  .nav-cta{
    background:linear-gradient(135deg,var(--magenta),var(--violet));
    color:var(--white); font-weight:700; font-size:0.85rem;
    padding:10px 22px; border-radius:999px;
    box-shadow:0 6px 16px rgba(196,63,160,0.35);
    transition:transform .2s ease;
  }
  .nav-cta:hover{transform:translateY(-2px);}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    background:radial-gradient(circle at 15% 20%, #3a2570 0%, var(--indigo) 45%, var(--indigo-deep) 100%);
    padding:88px 0 100px;
    overflow:hidden;
  }
  .hero-staff{
    position:absolute; top:-40px; right:-60px; width:620px; opacity:0.9; pointer-events:none;
  }
  .hero-grid{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap:48px;
    align-items:center;
    position:relative; z-index:2;
  }
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--sky); font-weight:700; font-size:0.78rem;
    letter-spacing:0.14em; text-transform:uppercase;
    margin-bottom:22px;
  }
  .eyebrow::before{content:"♪"; font-size:1rem;}
  .hero h1{
    color:var(--cream);
    font-size:2.7rem;
    line-height:1.18;
    font-weight:700;
    margin-bottom:22px;
  }
  .hero h1 .hl{
    color:var(--gold);
    font-style:italic;
    font-weight:800;
  }
  .hero p.sub{
    color:#D8CDEE;
    font-size:1.08rem;
    line-height:1.6;
    max-width:520px;
    margin-bottom:34px;
  }
  .cta-btn{
    display:inline-flex; align-items:center; gap:10px;
    background:linear-gradient(135deg, var(--gold), var(--amber-deep));
    color:var(--indigo-deep);
    font-weight:800; font-size:1.05rem;
    padding:18px 38px;
    border-radius:12px;
    box-shadow:0 16px 34px -8px rgba(242,183,5,0.45);
    transition:transform .2s ease, box-shadow .2s ease;
    border:none; cursor:pointer;
  }
  .cta-btn:hover{transform:translateY(-3px); box-shadow:0 20px 40px -8px rgba(242,183,5,0.6);}
  .cta-note{
    margin-top:16px; color:#B7A9D6; font-size:0.85rem;
  }
  .hero-visual{
    position:relative;
    display:flex; justify-content:center;
  }
  .ebook-frame{
    position:relative;
    transform:rotate(3deg);
    filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55));
  }
  .ebook-frame img{
    width:340px;
    border-radius:6px;
  }
  .ebook-glow{
    position:absolute; inset:-40px;
    background:radial-gradient(circle, rgba(196,63,160,0.35), transparent 70%);
    z-index:-1;
  }

  /* ===== STATS BAR ===== */
  .stats{
    background:var(--cream);
    padding:40px 0;
    border-bottom:1px solid rgba(30,21,51,0.06);
  }
  .stats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    text-align:center;
  }
  .stat-item .num{
    font-family:'Playfair Display', serif;
    font-size:2.1rem; font-weight:800;
    color:var(--violet);
  }
  .stat-item .label{
    font-size:0.92rem; color:#5B5270; font-weight:600; margin-top:4px;
  }

  /* ===== SECTION HEADERS ===== */
  .section{padding:96px 0;}
  .section-head{
    text-align:center; max-width:640px; margin:0 auto 64px;
  }
  .section-head .eyebrow{color:var(--magenta); justify-content:center; display:flex;}
  .section-head h2{
    font-size:2.2rem; color:var(--ink); font-weight:700; line-height:1.25;
  }
  .section-head p{color:#5B5270; margin-top:14px; font-size:1.02rem;}

  /* ===== PROBLEM / SOLUTION ===== */
  .ps-section{background:var(--cream);}
  .ps-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    margin-bottom:28px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:var(--shadow-lg);
  }
  .ps-row:nth-child(even) .ps-problem{order:2;}
  .ps-problem, .ps-solution{
    padding:38px 40px;
  }
  .ps-problem{
    background:#2A2140;
    color:#EDE6F7;
  }
  .ps-solution{
    background:linear-gradient(135deg, var(--violet), var(--magenta));
    color:var(--white);
  }
  .ps-tag{
    font-size:0.72rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase;
    opacity:0.75; margin-bottom:10px; display:block;
  }
  .ps-problem .ps-tag{color:#FF9EBF;}
  .ps-solution .ps-tag{color:#FFF0C2;}
  .ps-title{
    font-family:'Playfair Display', serif;
    font-size:1.28rem; font-weight:700; margin-bottom:10px; line-height:1.35;
  }
  .ps-text{font-size:0.95rem; line-height:1.55; opacity:0.92;}

  /* ===== INSTRUCTOR ===== */
  .instructor{
    background:linear-gradient(160deg, var(--indigo-deep), var(--indigo) 60%, #3a2570);
    padding:96px 0;
    position:relative;
    overflow:hidden;
  }
  .instructor-grid{
    display:grid;
    grid-template-columns:0.55fr 1fr;
    gap:56px;
    align-items:center;
  }
  .instructor-photo{
    position:relative;
    display:flex; justify-content:center;
  }
  .instructor-photo img{
    width:270px; height:270px; object-fit:cover; border-radius:50%;
    border:6px solid var(--amber);
    box-shadow:0 30px 60px rgba(0,0,0,0.5);
  }
  .instructor h2{
    color:var(--cream); font-size:2rem; margin-bottom:18px;
  }
  .instructor p{
    color:#D8CDEE; font-size:1.02rem; line-height:1.7; margin-bottom:16px;
  }
  .instructor .signature{
    color:var(--gold); font-family:'Playfair Display', serif; font-style:italic; font-size:1.1rem;
  }

  /* ===== HYMNS GRID ===== */
  .hymns-section{background:var(--cream-dim);}
  .hymns-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:14px;
  }
  .hymn-card{
    background:var(--white);
    border:1px solid rgba(91,58,158,0.14);
    border-radius:12px;
    padding:14px 10px;
    text-align:center;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .hymn-card:hover{transform:translateY(-4px); box-shadow:0 14px 26px -10px rgba(91,58,158,0.35); border-color:var(--violet);}
  .hymn-card .n{
    font-family:'Playfair Display', serif;
    font-weight:800; font-size:1.3rem; color:var(--magenta);
  }
  .hymn-card .t{
    font-size:0.7rem; color:#8A81A0; margin-top:2px; letter-spacing:0.03em; text-transform:uppercase;
  }
  .hymns-note{
    text-align:center; margin-top:36px; color:#6C6284; font-size:0.9rem;
  }
  .hymns-note b{color:var(--violet);}

  /* ===== FINAL CTA ===== */
  .final-cta{
    background:radial-gradient(circle at 50% 0%, #3a2570, var(--indigo-deep) 70%);
    padding:100px 0;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .final-cta h2{
    color:var(--cream); font-size:2.3rem; margin-bottom:18px; max-width:640px; margin-inline:auto;
  }
  .final-cta .hl{color:var(--gold); font-style:italic;}
  .final-cta p{color:#D8CDEE; max-width:560px; margin:0 auto 36px; font-size:1.05rem; line-height:1.6;}
  .guarantees{
    display:flex; justify-content:center; gap:36px; margin-top:44px; flex-wrap:wrap;
  }
  .guarantee-item{
    display:flex; align-items:center; gap:10px; color:#C9BEE3; font-size:0.88rem; font-weight:600;
  }
  .guarantee-item .ico{
    width:34px; height:34px; border-radius:50%; background:rgba(242,183,5,0.15);
    display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:1rem;
  }

  /* ===== FOOTER ===== */
  footer{
    background:var(--indigo-deep);
    padding:36px 0;
    text-align:center;
  }
  footer p{color:#7A6F98; font-size:0.82rem;}
  footer .brand{justify-content:center; margin-bottom:14px;}

  /* ===== RESPONSIVE ===== */
  @media (max-width: 860px){
    .hero-grid{grid-template-columns:1fr; text-align:center;}
    .hero p.sub{margin-inline:auto;}
    .hero-visual{order:-1; margin-bottom:20px;}
    .ebook-frame img{width:260px;}
    .stats-grid{grid-template-columns:1fr; gap:20px;}
    .ps-row{grid-template-columns:1fr;}
    .ps-row:nth-child(even) .ps-problem{order:0;}
    .instructor-grid{grid-template-columns:1fr; text-align:center;}
    .instructor-photo img{width:200px; height:200px;}
    .hymns-grid{grid-template-columns:repeat(3,1fr);}
    .hero h1{font-size:2.1rem;}
    .section-head h2{font-size:1.7rem;}
    .final-cta h2{font-size:1.8rem;}
  }
  @media (max-width: 480px){
    .hymns-grid{grid-template-columns:repeat(2,1fr);}
    .container{padding:0 20px;}
  }
  @media (prefers-reduced-motion: reduce){
    *{transition:none !important;}
  }/* End custom CSS */