:root{
    --brand:#8e2c8a;          
    --brand-dark:#6f2370;
    --brand-2:#b5419f;
    --accent:#e0342a;         
    --accent-dark:#c02a22;
    --gold:#f4a932;
    --ink:#2c2330;
    --muted:#726a78;
    --line:#ece6ef;
    --cream:#fff8f1;
    --bg:#ffffff;
    --soft:#faf5fb;
    --radius:18px;
    --shadow:0 10px 30px rgba(110,35,112,.10);
    --shadow-sm:0 6px 16px rgba(44,35,48,.07);
    --container:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0; color:var(--ink); background:var(--bg);
    font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    line-height:1.6; font-size:16px;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.container{max-width:var(--container); margin:0 auto; padding:0 20px;}
.section{padding:72px 0;}
.section.soft{background:var(--soft);}
.section.cream{background:var(--cream);}

h1,h2,h3,h4{font-weight:700; line-height:1.2; margin:0 0 .5em; color:var(--ink);}
.eyebrow{display:inline-block; font-weight:700; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase;
    color:var(--brand); background:rgba(142,44,138,.08); padding:.35rem .8rem; border-radius:999px; margin-bottom:1rem;}
.section-head{text-align:center; max-width:680px; margin:0 auto 48px;}
.section-head h2{font-size:clamp(1.6rem, 3.4vw, 2.1rem);}
.section-head p{color:var(--muted); margin:0;}

.btn{display:inline-flex; align-items:center; gap:.5rem; font-weight:600; font-size:1rem; cursor:pointer;
    padding:.85rem 1.6rem; border-radius:999px; border:2px solid transparent; transition:.18s; white-space:nowrap;}
.btn-primary{background:var(--brand); color:#fff;}
.btn-primary:hover{background:var(--brand-dark); transform:translateY(-2px);}
.btn-accent{background:var(--accent); color:#fff;}
.btn-accent:hover{background:var(--accent-dark); transform:translateY(-2px);}
.btn-ghost{background:#fff; color:var(--brand); border-color:var(--brand);}
.btn-ghost:hover{background:var(--brand); color:#fff;}
.btn-light{background:rgba(255,255,255,.15); color:#fff; border-color:rgba(255,255,255,.5);}
.btn-light:hover{background:#fff; color:var(--brand);}

.topbar{background:var(--brand-dark); color:#fff; font-size:.85rem;}
.topbar .container{display:flex; justify-content:space-between; align-items:center; gap:14px; padding-top:8px; padding-bottom:8px; flex-wrap:wrap;}
.topbar a{opacity:.92;} .topbar a:hover{opacity:1;}
.topbar .tb-left{display:flex; gap:18px; flex-wrap:wrap;}
.topbar .tb-left span{display:inline-flex; align-items:center; gap:6px;}
.topbar .tb-social{display:flex; gap:14px; font-size:1rem;}

.site-header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.96); backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line); box-shadow:0 2px 12px rgba(44,35,48,.04);}
.site-header .container{display:flex; align-items:center; justify-content:space-between; height:74px; gap:10px;}
.brand{display:flex; align-items:center; gap:10px; flex:0 0 auto;}
.brand img{height:46px; width:auto;}
.brand .bt{line-height:1.05;}
.brand .bt b{display:block; font-weight:800; color:var(--brand); font-size:1.05rem;}
.brand .bt small{color:var(--muted); font-size:.72rem; letter-spacing:.05em;}
.nav{display:flex; align-items:center; gap:2px;}
.nav a{font-weight:600; font-size:.92rem; color:var(--ink); padding:.5rem .62rem; border-radius:10px; transition:.15s; white-space:nowrap;}
.nav a:hover{color:var(--brand); background:var(--soft);}
.nav a.active{color:var(--brand);}
.header-cta{flex:0 0 auto;}
.site-header .header-cta .btn{padding:.62rem 1.05rem; font-size:.9rem;}
.nav-item{position:relative; display:flex; align-items:center; padding-bottom:6px; margin-bottom:-6px;}
.dd-ico{font-size:.65rem; transition:.2s;}
.nav-item:hover .dd-ico{transform:rotate(180deg);}
.dropdown{position:absolute; top:100%; left:0; min-width:240px; background:#fff; border:1px solid var(--line);
    border-radius:14px; box-shadow:var(--shadow); padding:8px; opacity:0; visibility:hidden; transform:translateY(10px);
    transition:.18s; z-index:70;}
.nav-item:hover .dropdown{opacity:1; visibility:visible; transform:translateY(2px);}
.dropdown a{display:block; padding:.55rem .8rem; border-radius:8px; font-size:.92rem; font-weight:600; color:var(--ink);}
.dropdown a:hover{background:var(--soft); color:var(--brand);}
.dropdown .divider{height:1px; background:var(--line); margin:6px;}
.nav-resource{display:none; color:var(--accent)!important;}
.nav-resource:hover{background:rgba(224,52,42,.08)!important;}
.header-cta{display:flex; align-items:center; gap:10px;}
.menu-toggle{display:none; background:none; border:0; font-size:1.6rem; color:var(--brand); cursor:pointer;}

.hero{position:relative; overflow:hidden;
    background:linear-gradient(135deg,#8e2c8a 0%,#6f2370 55%,#4f1a52 100%); color:#fff;}
.hero::after{content:""; position:absolute; inset:0; opacity:.12;
    background:radial-gradient(circle at 80% 20%, #fff 1.5px, transparent 1.6px) 0 0/26px 26px;}
.hero .container{position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; padding:70px 20px;}
.hero-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25);
    padding:.4rem 1rem; border-radius:999px; font-weight:600; font-size:.85rem; margin-bottom:18px;}
.hero h1{font-size:clamp(2.1rem, 5.2vw, 3rem); font-weight:800; color:#fff; margin-bottom:.4em;}
.hero h1 .hl{color:var(--gold);}
.hero p{font-size:clamp(1rem, 1.6vw, 1.12rem); opacity:.94; max-width:520px; margin:0 0 28px;}
.hero-cta{display:flex; gap:14px; flex-wrap:wrap;}
.hero-visual{position:relative; display:flex; justify-content:center; align-items:center;}
.hero-books{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; transform:rotate(-4deg);}
.hero-books img{border-radius:10px; box-shadow:0 18px 40px rgba(0,0,0,.35); border:3px solid #fff;}
.hero-books img:nth-child(2){transform:translateY(-18px);}

.trust{background:#fff; border-bottom:1px solid var(--line);}
.trust .container{display:flex; justify-content:space-around; flex-wrap:wrap; gap:18px; padding:26px 20px;}
.trust .ti{display:flex; align-items:center; gap:12px;}
.trust .ti i{font-size:1.8rem; color:var(--brand);}
.trust .ti b{display:block; font-size:1rem;} .trust .ti span{font-size:.82rem; color:var(--muted);}

.about-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
.about-grid .lead{font-size:1.15rem; font-weight:500;}
.about-stats{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:26px;}
.stat-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow-sm);}
.stat-card .num{font-size:2rem; font-weight:800; color:var(--brand); line-height:1;}
.stat-card .lbl{font-size:.9rem; color:var(--muted);}
.about-visual{position:relative;}
.about-visual img{border-radius:var(--radius); box-shadow:var(--shadow); width:100%;}

.series-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.series-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
    box-shadow:var(--shadow-sm); transition:.2s; display:flex; flex-direction:column;}
.series-card:hover{transform:translateY(-6px); box-shadow:var(--shadow);}
.series-card .img{background:var(--soft); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; padding:18px; overflow:hidden;}
.series-card .img img{max-height:100%; width:auto; border-radius:6px; box-shadow:0 8px 20px rgba(0,0,0,.12);}
.series-card .body{padding:20px; flex:1; display:flex; flex-direction:column;}
.series-card h3{font-size:1.15rem; margin-bottom:.3em;}
.series-card p{color:var(--muted); font-size:.92rem; margin:0 0 14px; flex:1;}
.series-card .tag{align-self:flex-start; font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:var(--accent); background:rgba(224,52,42,.08); padding:.25rem .7rem; border-radius:999px; margin-bottom:12px;}
.series-card .more{font-weight:700; color:var(--brand); font-size:.9rem;}

.interactive{background:linear-gradient(135deg,#fff3f2,#faf0fa);}
.interactive .container{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
.qr-steps{display:flex; gap:14px; margin:22px 0;}
.qr-step{flex:1; background:#fff; border-radius:14px; padding:16px; text-align:center; box-shadow:var(--shadow-sm);}
.qr-step .ic{font-size:1.7rem; color:var(--brand);} .qr-step b{display:block; margin-top:8px; font-size:.95rem;}
.feature-list{list-style:none; padding:0; margin:0 0 24px; color:var(--ink);}
.feature-list li{display:flex; gap:11px; align-items:center; padding:7px 0; font-weight:500;}
.feature-list li i{color:var(--brand); font-size:1.15rem;}
.phone-demo{background:#fff; border-radius:30px; padding:14px; box-shadow:var(--shadow); border:1px solid var(--line); max-width:330px; margin:0 auto;}
.phone-demo iframe{width:100%; height:560px; border:0; border-radius:20px;}

.price-sheet{background:#fff; border:1px solid var(--line); border-radius:18px; padding:14px; box-shadow:var(--shadow);}
.price-sheet img{width:100%; display:block; border-radius:10px; cursor:zoom-in;}
.price-sheet .ps-hint{text-align:center; color:var(--muted); font-size:.85rem; margin-top:10px;}
.price-empty{background:#fff; border:1px dashed var(--line); border-radius:18px; padding:48px 24px; text-align:center; box-shadow:var(--shadow-sm);}
.price-empty .ic{font-size:2.4rem; color:var(--brand); margin-bottom:10px;}
.price-empty p{color:var(--muted); max-width:480px; margin:0 auto;}
.price-note{background:#f6eefb; border-radius:14px; padding:14px 18px; margin-top:20px; font-size:.95rem; color:var(--ink);}
.price-note a{color:var(--brand); font-weight:700;}
.pz-modal{position:fixed; inset:0; z-index:300; background:rgba(0,0,0,.93); display:none; touch-action:none;}
.pz-modal.open{display:block;}
.pz-close{position:fixed; top:14px; right:16px; z-index:310; width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.16); color:#fff; font-size:22px; cursor:pointer;}
.pz-stage{position:absolute; inset:0; overflow:hidden;}
.pz-stage img{position:absolute; top:0; left:0; transform-origin:0 0; user-select:none; max-width:none;}
.pz-hint{position:fixed; bottom:16px; left:0; right:0; text-align:center; color:rgba(255,255,255,.65); font-size:13px; pointer-events:none;}

.lesson-sets{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.lesson-set{position:relative; display:flex; flex-direction:column; background:#fff; border-radius:20px; padding:28px 24px; text-decoration:none; color:inherit;
    border:1px solid var(--line); box-shadow:var(--shadow-sm); transition:transform .15s, box-shadow .2s, border-color .2s;}
.lesson-set:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--brand);}
.lesson-set .ic{font-size:2.4rem; line-height:1; margin-bottom:14px;}
.lesson-set h3{font-size:1.15rem; margin-bottom:8px;}
.lesson-set p{color:var(--muted); font-size:.92rem; margin:0 0 16px; flex:1;}
.lesson-set .cnt{position:absolute; top:20px; right:20px; background:#f6eefb; color:var(--brand); font-weight:700; font-size:.75rem; padding:4px 10px; border-radius:999px;}
.lesson-set .go{color:var(--brand); font-weight:700; font-size:.9rem;}
@media(max-width:860px){ .lesson-sets{grid-template-columns:1fr;} }

.leaders{display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.leader-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px; box-shadow:var(--shadow-sm); display:flex; gap:20px;}
.leader-card img{width:96px; height:96px; border-radius:50%; object-fit:cover; object-position:top; border:3px solid var(--brand-2); flex:0 0 auto;}
.leader-card .q{font-style:italic; color:var(--muted); font-size:.95rem; margin:0 0 12px;}
.leader-card .nm{font-weight:800; color:var(--brand);}
.leader-card .ti{font-size:.85rem; color:var(--muted);}

.features{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.feature{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px; box-shadow:var(--shadow-sm); transition:.2s;}
.feature:hover{transform:translateY(-4px); box-shadow:var(--shadow);}
.feature .ic{width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#fff; margin-bottom:14px; background:linear-gradient(135deg,var(--brand),var(--brand-2));}
.feature h3{font-size:1.1rem;} .feature p{color:var(--muted); font-size:.92rem; margin:0;}

.cta-band{background:linear-gradient(135deg,var(--accent),#a8221b); color:#fff; border-radius:24px; padding:46px; text-align:center; box-shadow:var(--shadow);}
.cta-band h2{color:#fff; font-size:clamp(1.5rem, 3vw, 2rem);}
.cta-band p{opacity:.93; max-width:560px; margin:0 auto 24px;}

.site-footer{background:#2a1430; color:#d9cfe0; padding:56px 0 24px; font-size:.92rem;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:34px;}
.site-footer h4{color:#fff; font-size:1rem; margin-bottom:1rem;}
.site-footer a{color:#d9cfe0;} .site-footer a:hover{color:#fff;}
.site-footer ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px;}
.footer-brand img{height:64px; background:#fff; border-radius:12px; padding:6px; margin-bottom:14px;}
.footer-social{display:flex; gap:12px; margin-top:14px;}
.footer-social a{width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:1.05rem; transition:.15s;}
.footer-social a:hover{background:var(--brand);}
.footer-contact li{display:flex; gap:10px; align-items:flex-start;}
.footer-contact i{color:var(--brand-2); margin-top:3px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12); margin-top:40px; padding-top:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; font-size:.85rem; opacity:.8;}
.dev-credit{display:inline-flex; align-items:center; gap:8px; font-size:.75rem; text-decoration:none; color:inherit; opacity:.8; transition:opacity .15s;}
.dev-credit img{height:17px; width:auto; display:block;}
.dev-credit:hover{opacity:1;}
@media(max-width:600px){ .footer-bottom{justify-content:center; text-align:center;} }

.page-hero{background:linear-gradient(135deg,#8e2c8a,#6f2370); color:#fff; padding:54px 0; text-align:center; position:relative; overflow:hidden;}
.page-hero::after{content:""; position:absolute; inset:0; opacity:.12; background:radial-gradient(circle at 80% 20%,#fff 1.5px,transparent 1.6px) 0 0/26px 26px;}
.page-hero .container{position:relative; z-index:1;}
.page-hero h1{color:#fff; font-size:clamp(1.85rem, 4.2vw, 2.4rem); margin-bottom:.2em;}
.page-hero p{opacity:.92; margin:0;}
.breadcrumb{font-size:.85rem; opacity:.85; margin-bottom:10px;}
.breadcrumb a{text-decoration:underline;}

.prose{max-width:820px; margin:0 auto;}
.prose p{color:var(--ink); margin:0 0 1.1em;}
.message-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:34px; box-shadow:var(--shadow-sm); margin-bottom:34px;}
.message-card .head{display:flex; align-items:center; gap:18px; margin-bottom:18px;}
.message-card .head img{width:80px; height:80px; border-radius:50%; object-fit:cover; object-position:top; border:3px solid var(--brand-2);}
.message-card .head .nm{font-weight:800; color:var(--brand); font-size:1.2rem;}
.message-card .head .ti{color:var(--muted); font-size:.9rem;}
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.value{text-align:center; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm);}
.value .ic{font-size:2rem; margin-bottom:14px; color:var(--brand);}

.contact-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:40px;}
.contact-info .ci{display:flex; gap:14px; align-items:flex-start; margin-bottom:22px;}
.contact-info .ci .ic{width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex:0 0 auto;}
.contact-info .ci b{display:block;}
.form-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:30px; box-shadow:var(--shadow-sm);}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.field{margin-bottom:16px;}
.field label{display:block; font-weight:600; font-size:.9rem; margin-bottom:6px;}
.field input, .field textarea{width:100%; border:1px solid var(--line); border-radius:12px; padding:.8rem 1rem; font-family:inherit; font-size:.95rem;}
.field input:focus, .field textarea:focus{outline:none; border-color:var(--brand); box-shadow:0 0 0 .2rem rgba(142,44,138,.12);}

.level-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:8px;}
.level-pill{font-size:.78rem; font-weight:600; background:var(--soft); color:var(--brand); border:1px solid var(--line); padding:.3rem .7rem; border-radius:999px;}
.series-block{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm); margin-bottom:26px; display:grid; grid-template-columns:200px 1fr; gap:28px; align-items:center;}
.series-block img{width:100%; border-radius:10px; box-shadow:var(--shadow-sm);}
@media (max-width:680px){ .series-block{grid-template-columns:1fr;} .contact-grid,.form-row,.value-grid{grid-template-columns:1fr;} }

.level-section{margin-bottom:44px;}
.level-title{display:flex; align-items:center; gap:14px; margin-bottom:20px;}
.level-title h3{margin:0; font-size:1.35rem;}
.level-badge{background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; padding:.32rem .95rem; border-radius:999px; font-size:.82rem; font-weight:700;}
.level-title .line{flex:1; height:1px; background:var(--line);}
.book-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:22px;}
.book{background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:var(--shadow-sm); transition:.2s;}
.book:hover{transform:translateY(-5px); box-shadow:var(--shadow);}
.book .bimg{background:var(--soft); aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; padding:14px;}
.book .bimg img{max-height:100%; width:auto; border-radius:5px; box-shadow:0 8px 18px rgba(0,0,0,.14);}
.book .blabel{padding:11px 12px; text-align:center; font-weight:600; font-size:.92rem;}
.highlight-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:28px 0;}
.hcard{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow-sm);}
.hcard .ic{font-size:1.7rem; margin-bottom:12px; color:var(--brand);}
.hcard h4{margin:0 0 .4em; color:var(--brand);}
.hcard p{margin:0; color:var(--muted); font-size:.92rem;}
.check-list{list-style:none; padding:0; margin:14px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:11px;}
.check-list li{display:flex; gap:10px; align-items:flex-start; color:var(--ink);}
.check-list li::before{content:"✓"; color:#fff; background:var(--brand); width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:800; flex:0 0 auto; margin-top:3px;}
.list-block{background:var(--soft); border:1px solid var(--line); border-radius:var(--radius); padding:26px; margin-top:26px;}
.list-block h4{margin:0; color:var(--brand);}
@media(max-width:680px){.highlight-grid{grid-template-columns:1fr;} .check-list{grid-template-columns:1fr;} .book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}}

@media (max-width:960px){
    .hero .container, .about-grid, .interactive .container, .leaders{grid-template-columns:1fr;}
    .series-grid, .features{grid-template-columns:repeat(2,1fr);}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .hero-visual{order:-1; max-width:520px; margin:0 auto;}
    .hero .container{padding:54px 20px; gap:30px;}
}

@media (max-width:1100px){
    .nav{position:fixed; top:0; right:-100%; height:100vh; width:280px; background:#fff; flex-direction:column;
        align-items:flex-start; padding:90px 24px; gap:4px; box-shadow:-10px 0 30px rgba(0,0,0,.12); transition:right .25s; z-index:60; overflow-y:auto;}
    .nav.open{right:0;}
    .nav a{width:100%;}
    .nav-item{flex-direction:column; align-items:flex-start; width:100%; padding-bottom:0; margin-bottom:0;}
    .dropdown{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; padding:2px 0 8px 14px; min-width:0; width:100%; background:none;}
    .dropdown a{font-size:.88rem; padding:.4rem .6rem;}
    .dropdown .divider{display:none;}
    .dd-ico{display:none;}
    .nav-resource{display:block;}
    .menu-toggle{display:block; z-index:61;}
    .header-cta .btn{display:none;}
}
@media (max-width:680px){
    .series-grid, .features{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .topbar .tb-left{display:none;}
    .topbar .container{justify-content:center;}
    .section{padding:52px 0;}
    .section-head{margin-bottom:32px;}
    .cta-band{padding:32px 22px;}
    .hero .container{padding:42px 20px;}
    .message-card{padding:24px;}
    .leader-card{flex-direction:column; text-align:center;}
    .leader-card img{align-self:center;}
    .about-stats{grid-template-columns:1fr 1fr;}
}