
:root{--royal:#001f65;--burgundy:#45010d;--green:#0c2b0f;--ink:#10213a;--muted:#65727e;--soft:#f4f6f8;--silver:#d4d8dd;--radius:24px;--shadow:0 18px 45px rgba(15,33,52,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8ebee}.site-header nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:315px;height:88px;object-fit:contain;object-position:left center}.navlinks{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800}.dropdown{position:relative}.dropdown>a{display:inline-flex;align-items:center;gap:6px}.dropdown>a:after{content:'▾';font-size:10px}.dropdown-menu{display:none;position:absolute;top:28px;left:-12px;min-width:230px;background:#fff;border:1px solid #e2e6e9;border-radius:14px;padding:8px;box-shadow:var(--shadow)}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;border-radius:8px}.dropdown-menu a:hover{background:#f4f6f8}.lang{display:flex;gap:5px}.lang button{padding:7px 10px;border-radius:99px;border:1px solid #d2d7dc;background:#fff;font-weight:850}.lang button.active{background:var(--royal);color:#fff;border-color:var(--royal)}
section{padding:76px 0}h1{font-size:56px;line-height:1.03;letter-spacing:-.045em;margin:14px 0 20px}h1.dark{color:var(--ink)}h2{font-size:40px;line-height:1.1;letter-spacing:-.025em;margin:0 0 16px}h3{font-size:23px;margin:8px 0 12px}.lead{font-size:20px;max-width:720px}.eyebrow,.kicker{font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:#dde5ef}.kicker{color:var(--royal);margin-bottom:10px}.muted{color:var(--muted)}.burg-text{color:var(--burgundy)}.green-text{color:var(--green)}.centered{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;font-weight:900;border:0}.btn.light{background:#fff;color:var(--royal)}.btn.primary{background:var(--royal);color:#fff}.soft{background:var(--soft)}
.hero.home{background:linear-gradient(135deg,#001749,var(--royal));color:#fff}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.heroPhoto img{height:510px;width:100%;object-fit:cover;object-position:center 25%;border-radius:28px;box-shadow:0 26px 60px rgba(0,0,0,.25)}.badges{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}.badge{border:1px solid rgba(255,255,255,.42);border-radius:99px;padding:8px 12px;font-size:13px;font-weight:850}
.photo-statement{position:relative;background:linear-gradient(rgba(5,24,58,.76),rgba(5,24,58,.76)),url('method-bg.jpg') center/cover no-repeat;color:#fff;min-height:390px;display:flex;align-items:center}.photo-statement h2{max-width:980px;margin:0 auto 20px;color:#fff}.triplet{color:#8fb2ff;font-weight:950;letter-spacing:.07em}
.home-courses{background:linear-gradient(rgba(247,249,251,.88),rgba(247,249,251,.88)),url('online-class-bg.jpg') center/cover no-repeat}.sectionHead{max-width:820px;margin-bottom:35px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-brand-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#fff;transition:.2s transform}.course-brand-card:hover{transform:translateY(-3px)}.course-brand-card img{width:100%;height:230px;object-fit:cover}.course-brand-card .card-copy{padding:24px;border-top:5px solid}.course-brand-card.general .card-copy{border-color:var(--royal)}.course-brand-card.business .card-copy{border-color:var(--burgundy)}.course-brand-card.cambridge .card-copy{border-color:var(--green)}.course-brand-card.general h3,.course-brand-card.general .more{color:var(--royal)}.course-brand-card.business h3,.course-brand-card.business .more{color:var(--burgundy)}.course-brand-card.cambridge h3,.course-brand-card.cambridge .more{color:var(--green)}.more{font-weight:900}
.plan-card,.value-box,.pillar,.option-card,.assessment-card,.pricingCard,.noextras{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:28px}.plan-card{border-top:6px solid}.plan-card.standard{border-color:var(--royal)}.plan-card.intensive{border-color:var(--burgundy)}.plan-card.tailor{border-color:var(--green)}.plan-label{font-size:12px;font-weight:950;letter-spacing:.13em}.standard .plan-label{color:var(--royal)}.intensive .plan-label{color:var(--burgundy)}.tailor .plan-label{color:var(--green)}.mini-price{font-size:30px;font-weight:950;margin-top:18px}.mini-price span{font-size:14px;font-weight:700;color:var(--muted)}.mini-price.text{font-size:22px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-box{text-align:center}.value-box strong{display:block;font-size:21px;margin-bottom:7px}.materials-banner{background:linear-gradient(135deg,#f4f6f8,#fff)}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.material-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.material-list span{background:#fff;border:1px solid #dfe4e7;border-radius:12px;padding:11px 13px;font-weight:750}
.course-hero{color:#fff;padding:64px 0;position:relative;overflow:hidden}.course-hero.general{background:linear-gradient(90deg,var(--royal) 0%,rgba(0,31,101,.86) 52%,rgba(0,31,101,.15) 100%),url('online-class-bg.jpg') center/cover}.course-hero.business{background:linear-gradient(90deg,var(--burgundy) 0%,rgba(69,1,13,.86) 52%,rgba(69,1,13,.15) 100%),url('online-class-bg.jpg') center/cover}.course-hero.cambridge{background:linear-gradient(90deg,var(--green) 0%,rgba(12,43,15,.86) 52%,rgba(12,43,15,.15) 100%),url('online-class-bg.jpg') center/cover}.courseHeroGrid{display:grid;grid-template-columns:1fr .75fr;gap:36px;align-items:center}.course-scene{min-height:310px}.hero-skills{font-weight:800;letter-spacing:.02em}.course-options{padding-top:0;margin-top:-22px;position:relative;z-index:2}.option-card{min-height:355px}.option-card.standard{border-top:6px solid var(--royal)}.option-card.intensive{border-top:6px solid var(--burgundy)}.option-card.tailor{border-top:6px solid var(--green)}.option-icon{font-size:32px}.included{padding:9px 12px;border-radius:10px;background:#f2f5f9;font-weight:850;margin:12px 0}.how{background:#f8fafb}.howGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.assessment-card .btn.theme{background:var(--royal);color:#fff}
.method-hero{color:#fff;background:linear-gradient(rgba(0,31,101,.80),rgba(0,31,101,.80)),url('method-bg.jpg') center/cover no-repeat}.method-hero h1{max-width:1050px}.pillars .pillar{min-height:420px}.pillar-icon{font-size:42px}.included-method{background:linear-gradient(135deg,#edf2f7,#fff)}.material-visual{border-radius:24px;background:var(--green);color:#fff;font-size:30px;font-weight:950;padding:45px;text-align:center;box-shadow:var(--shadow)}.method-close{background:#fff;text-align:center}.method-close p{max-width:760px;margin:0 auto 25px}
.about-main{padding-top:58px}.aboutGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.aboutPhoto img{height:650px;width:100%;object-fit:cover;border-radius:28px}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.credentials>div{border:1px solid #e0e4e7;border-radius:16px;padding:18px;background:#fff}.credentials b{font-size:28px;display:block}.credentials span{font-size:13px}.qualification{background:#f7f9fa}.qualGrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:center}.qualGrid img{max-height:520px;margin:auto;border-radius:12px;box-shadow:var(--shadow)}.approachGrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkgrid span{font-weight:750}.approach blockquote{grid-column:1/-1;background:#faf7f8;border-left:5px solid var(--burgundy);padding:24px 28px;border-radius:14px;font-size:22px;font-style:italic;margin:0}
.pricing-hero{color:#fff;background:linear-gradient(rgba(8,28,63,.82),rgba(8,28,63,.82)),url('online-class-bg.jpg') center/cover no-repeat}.pricing-section{background:#f3f5f7}.pricingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricingCard{padding:0;overflow:hidden;display:flex;flex-direction:column}.pricingCard.standard{border-top:8px solid var(--royal)}.pricingCard.intensive{border-top:8px solid var(--burgundy)}.pricingCard.tailor{border-top:8px solid var(--green)}.pricingCard>*{margin-left:28px;margin-right:28px}.pricing-top{margin:0!important;padding:20px 28px 8px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:950;letter-spacing:.09em;font-size:12px}.save{background:#fff2d9;border-radius:99px;padding:5px 8px;color:#7e4d00}.price{font-size:50px;font-weight:950;line-height:1;margin-top:8px}.price small{font-size:14px;color:var(--muted)}.price.text{font-size:24px;margin-top:16px}.pricingCard ul{padding-left:20px}.pricingCard li{margin:7px 0}.upfront{background:#f4f6f8;border-radius:14px;padding:15px;margin-top:auto;margin-bottom:16px}.upfront span,.upfront small{display:block}.upfront b{font-size:29px;display:block}.tailor-contact{background:#eef5ef;padding:15px;border-radius:14px;margin-top:auto;margin-bottom:16px}.pricingCard .btn.theme{margin-bottom:28px;color:#fff}.pricingCard.standard .btn.theme{background:var(--royal)}.pricingCard.intensive .btn.theme{background:var(--burgundy)}.pricingCard.tailor .btn.theme{background:var(--green)}.no-extra-strip{margin-top:28px;background:#fff;border-radius:18px;padding:22px;display:flex;gap:18px;align-items:center;box-shadow:var(--shadow)}.no-extra-strip strong{color:var(--royal)}
.footer-cta{background:#111b26;color:#fff;text-align:center}.footer-cta h2{color:#fff}footer{background:#0a1118;color:#d9dfe3;padding:28px 0;font-size:13px}.footerGrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footerLinks{display:flex;gap:16px;flex-wrap:wrap}
.en{display:none}body.lang-en .es{display:none!important}body.lang-en .en{display:initial}body.lang-en p.en,body.lang-en div.en,body.lang-en section.en,body.lang-en ul.en,body.lang-en blockquote.en{display:block}
@media(max-width:980px){.navlinks>a:not(.book),.dropdown{display:none}.brand img{width:260px}.heroGrid,.grid3,.value-grid,.split,.courseHeroGrid,.howGrid,.aboutGrid,.qualGrid,.approachGrid,.pricingGrid{grid-template-columns:1fr}.credentials{grid-template-columns:1fr 1fr 1fr}.course-scene{display:none}.course-options{margin-top:0}.aboutPhoto img{height:520px}.pricingCard{min-height:auto}}
@media(max-width:620px){.container{width:min(100% - 26px,1180px)}.site-header nav{height:78px}.brand img{width:205px;height:64px}.navlinks .book{display:none}h1{font-size:39px}h2{font-size:31px}.heroPhoto img{height:430px}.credentials,.checkgrid,.material-list{grid-template-columns:1fr}.photo-statement{min-height:330px}.no-extra-strip{display:block}.course-brand-card img{height:190px}}


/* V5 refinements */
/* Dropdown: eliminate hover gap between Courses and submenu */
.dropdown{padding-bottom:18px;margin-bottom:-18px}
.dropdown-menu{top:calc(100% - 1px);display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}

/* Home course identity images: show the complete logo artwork without cropping */
.course-brand-card img{height:245px;object-fit:contain;object-position:center;background:#fff;padding:0}
.course-brand-card.general img{background:#052a78}.course-brand-card.business img{background:#650012}.course-brand-card.cambridge img{background:#0c401c}
.plans-home-cta{text-align:center;margin-top:30px}
.home-plans{background:linear-gradient(rgba(244,247,249,.92),rgba(244,247,249,.92)),url('online-class-bg.jpg') center/cover fixed}

/* Method V5: image-led cards instead of white document boxes */
.method-pillars-section{background:#eef2f5}
.method-visual-grid{align-items:stretch}
.method-visual-card{position:relative;min-height:470px;border-radius:26px;overflow:hidden;box-shadow:0 22px 48px rgba(5,24,58,.18);display:flex;align-items:flex-end;color:#fff;background-position:center;background-size:cover}
.method-visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,43,.10) 0%,rgba(4,18,43,.90) 78%)}
.method-visual-card.real{background-image:url('method-bg.jpg');background-position:20% center}
.method-visual-card.practical{background-image:url('online-class-bg.jpg');background-position:center}
.method-visual-card.progress{background-image:url('method-bg.jpg');background-position:80% center}
.method-card-content{position:relative;z-index:1;padding:32px}.method-card-content h3{color:#fff;font-size:26px}.method-card-content p{color:#fff}.method-line-icon{font-size:34px;font-weight:900;letter-spacing:-8px;margin-bottom:18px;color:#fff}
.included-method{background:linear-gradient(rgba(247,249,251,.91),rgba(247,249,251,.91)),url('online-class-bg.jpg') center/cover no-repeat}
.material-visual{background:linear-gradient(135deg,rgba(0,77,42,.96),rgba(8,53,31,.96));border:1px solid rgba(255,255,255,.3)}

/* About V5 */
.about-main{background:linear-gradient(120deg,#fff 55%,#f4f7f9 55%)}
.about-ribbon{display:flex;gap:0;margin-top:30px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.about-ribbon>span{flex:1;background:#fff;padding:20px;border-right:1px solid #e3e7ea}.about-ribbon>span:last-child{border-right:0}
.about-ribbon b{display:block;font-size:30px;color:var(--royal)}.about-ribbon small{display:block;line-height:1.4}
.about-qualification{position:relative;background:linear-gradient(rgba(247,249,250,.92),rgba(247,249,250,.92)),url('method-bg.jpg') center/cover no-repeat}
.certificate-frame{position:relative;max-width:470px;margin:auto}.certificate-frame img{width:100%;max-height:none!important}.certificate-badge{position:absolute;right:-18px;bottom:22px;background:var(--burgundy);color:#fff;padding:12px 16px;border-radius:12px;font-weight:950;letter-spacing:.06em;box-shadow:var(--shadow)}

/* Assessment V5 */
.assessment-calendly{background:#fff;border-radius:24px;box-shadow:var(--shadow);overflow:hidden;padding:8px;margin-top:24px}
.assessment-calendly .calendly-inline-widget{height:760px!important;min-height:760px!important}

@media(max-width:980px){.dropdown{padding-bottom:0;margin-bottom:0}.course-brand-card img{height:230px}.method-visual-card{min-height:390px}.about-ribbon{flex-direction:column}.about-ribbon>span{border-right:0;border-bottom:1px solid #e3e7ea}.assessment-calendly .calendly-inline-widget{height:820px!important;min-height:820px!important}}
@media(max-width:620px){.course-brand-card img{height:210px}.method-visual-card{min-height:360px}.assessment-calendly{padding:0;border-radius:14px}.assessment-calendly .calendly-inline-widget{height:900px!important;min-height:900px!important}}


/* About V5.1 approved visual */
.active-link{color:var(--burgundy)}
.about-v51{background:#fff}
.about-v51-hero{display:grid;grid-template-columns:minmax(390px,37%) 1fr;max-width:1536px;margin:0 auto;padding:0}
.about-v51-photo{min-height:690px;background:#dceaf4}
.about-v51-photo img{width:100%;height:100%;min-height:690px;object-fit:cover;object-position:center 26%}
.about-v51-intro{padding:42px 6.3vw 24px 54px;display:flex;flex-direction:column;justify-content:center}
.about-v51-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:50px;line-height:1.02;letter-spacing:-.035em;margin:10px 0 18px}
.about-v51-lead{font-size:16px;line-height:1.55;max-width:790px;margin:0 0 22px}
.about-v51-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.stat-card{min-height:110px;border:1px solid #e2e6e9;border-radius:17px;padding:18px;display:flex;align-items:center;gap:16px;background:#fff}
.stat-icon{width:52px;height:52px;min-width:52px;border-radius:50%;display:grid;place-items:center;border:1.5px solid currentColor}
.stat-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.stat-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1;color:currentColor;margin-bottom:6px}
.stat-card span:not(.stat-icon){font-size:14px;line-height:1.25;color:var(--ink)}
.blue-stat{color:var(--royal)}.burg-stat{color:var(--burgundy)}.green-stat{color:var(--green)}
.about-v51-cae{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;border:1px solid #e2e6e9;border-radius:20px;padding:16px 28px 16px 16px;background:#fff;box-shadow:0 8px 30px rgba(15,33,52,.05)}
.certificate-preview{border:0;background:transparent;padding:0;cursor:zoom-in}
.certificate-preview img{width:100%;max-height:250px;object-fit:contain;border-radius:7px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.cae-copy h2{font-family:Georgia,"Times New Roman",serif;color:var(--royal);font-size:28px;margin:0 0 10px}
.cae-copy p{font-size:15px;line-height:1.55;margin:10px 0}
.mini-rule{width:34px;height:2px;background:var(--burgundy);margin:8px 0 16px}
.about-v51-approach-wrap{padding:26px 3.5vw 54px;background:#fff}
.about-v51-approach{max-width:1440px;margin:0 auto;border:1px solid #e1e6e9;border-radius:20px;padding:24px 26px;display:grid;grid-template-columns:1.15fr .95fr .8fr;gap:28px;align-items:center;box-shadow:0 10px 30px rgba(15,33,52,.05)}
.approach-main{display:flex;gap:22px;align-items:flex-start}
.approach-icon{width:82px;height:82px;min-width:82px;border-radius:50%;display:grid;place-items:center;color:var(--royal);background:#f2f7ff;border:1px solid #cbdcf4}
.approach-icon svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.approach-main h2{font-family:Georgia,"Times New Roman",serif;color:var(--royal);font-size:28px;margin:0}
.approach-main p{font-size:14px;line-height:1.55;margin:0}
.approach-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;border-left:1px solid #e2e6e9;padding-left:26px}
.approach-checks>span{font-size:14px;font-weight:750;color:var(--royal)}
.about-v51-approach blockquote{margin:0;border-left:1px solid #e2e6e9;padding-left:32px;font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.4;font-style:italic;color:#213552}
.quote-mark{display:block;color:var(--burgundy);font-size:70px;line-height:.55;font-style:normal;font-weight:700;margin-bottom:16px}
.cert-modal{border:0;border-radius:18px;padding:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);max-width:min(820px,92vw)}
.cert-modal::backdrop{background:rgba(6,19,35,.72)}
.cert-modal img{max-height:82vh;max-width:100%;object-fit:contain}
.cert-close{position:absolute;right:8px;top:5px;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:28px;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.18)}

@media(max-width:1050px){
 .about-v51-hero{grid-template-columns:1fr}
 .about-v51-photo{min-height:auto;max-height:540px}
 .about-v51-photo img{min-height:0;height:540px}
 .about-v51-intro{padding:42px 28px}
 .about-v51-approach{grid-template-columns:1fr}
 .approach-checks,.about-v51-approach blockquote{border-left:0;padding-left:0}
}
@media(max-width:720px){
 .about-v51-intro h1{font-size:39px}
 .about-v51-stats{grid-template-columns:1fr}
 .about-v51-cae{grid-template-columns:1fr;padding:18px}
 .certificate-preview img{max-height:360px}
 .approach-checks{grid-template-columns:1fr}
 .approach-main{flex-direction:column}
 .about-v51-photo img{height:440px}
}


/* V6 — richer Method + Contact */
.method-hero-photo{
  position:relative; overflow:hidden; min-height:430px; display:flex; align-items:center;
  background:
    linear-gradient(90deg,rgba(4,29,71,.96) 0%,rgba(8,45,94,.88) 48%,rgba(8,45,94,.56) 100%),
    url("online-class-bg.jpg") center/cover no-repeat;
}
.method-hero-photo .container{position:relative;z-index:2}
.method-hero-photo h1{max-width:1080px}
.visual-method-section{padding:72px 0;background:#f6f8fb}
.method-section-heading{max-width:760px;margin-bottom:32px}
.method-section-heading h2{font-size:38px;margin:8px 0 0;color:var(--ink)}
.method-photo-card{
  min-height:430px; position:relative; overflow:hidden; border:0!important;
  display:flex; align-items:flex-end; box-shadow:0 18px 45px rgba(15,33,52,.13);
  background-size:cover; background-position:center;
}
.method-photo-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,44,.08),rgba(4,20,44,.88))}
.method-photo-card.real{background-image:linear-gradient(135deg,rgba(19,65,139,.18),rgba(19,65,139,.1)),url("online-class-bg.jpg")}
.method-photo-card.practical{background-image:linear-gradient(135deg,rgba(124,15,42,.14),rgba(124,15,42,.08)),url("method-bg.jpg")}
.method-photo-card.progress{background-image:linear-gradient(135deg,rgba(0,83,59,.13),rgba(0,83,59,.08)),url("online-class-bg.jpg");background-position:72% center}
.method-photo-card .method-card-content{position:relative;z-index:2;color:#fff;padding:30px}
.method-photo-card h3,.method-photo-card p,.method-photo-card strong{color:#fff}
.method-photo-card .method-line-icon{width:54px;height:54px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;margin-bottom:18px;background:rgba(255,255,255,.1)}
.included-method-photo{
  background:
   linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 54%,rgba(255,255,255,.52) 100%),
   url("method-bg.jpg") center/cover no-repeat;
  padding:78px 0;
}
.included-method-photo .split{align-items:center}
.included-method-photo .material-visual{background:rgba(255,255,255,.9);backdrop-filter:blur(7px);box-shadow:0 18px 40px rgba(15,33,52,.1)}
.method-close{padding:74px 0;background:linear-gradient(135deg,#08285f,#143f82);color:#fff}
.method-close h2,.method-close p{color:#fff}
.method-close .btn.primary{background:#fff;color:var(--royal)}

.contact-page{background:#f7f9fb}
.contact-hero{
 min-height:440px;display:flex;align-items:center;
 background:
  linear-gradient(90deg,rgba(4,27,66,.97) 0%,rgba(4,27,66,.86) 42%,rgba(4,27,66,.25) 100%),
  url("online-class-bg.jpg") center/cover no-repeat;
 color:#fff;
}
.contact-hero-copy{max-width:600px;padding:70px 0}
.contact-hero .kicker{color:#fff}
.contact-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1.02;margin:12px 0 20px;color:#fff}
.contact-hero p{font-size:20px;line-height:1.55;color:#fff;max-width:570px}
.contact-options{padding:54px 0 70px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-card{min-height:330px;border:1px solid #dfe5ea;border-radius:22px;padding:34px;display:grid;grid-template-columns:70px 1fr;gap:22px;background:#fff;box-shadow:0 14px 38px rgba(15,33,52,.07)}
.contact-card h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;color:var(--royal);margin:7px 0 14px}
.contact-card p{font-size:16px;line-height:1.6;max-width:560px}
.contact-symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#eaf2ff;color:var(--royal);border:1px solid #d2e1f6}
.email-card .contact-symbol{background:#faeef1;color:var(--burgundy);border-color:#f0d7de}
.contact-email{display:inline-block;margin-top:12px;padding:15px 18px;border-radius:12px;background:#f7eef1;color:var(--burgundy);font-weight:800}
.whatsapp-note{margin-top:24px;border:1px solid #dfe5e7;border-radius:18px;background:#fff;padding:20px 28px;display:flex;gap:18px;align-items:center;box-shadow:0 10px 30px rgba(15,33,52,.04)}
.wa-icon{width:44px;height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center;background:#edf8f2;color:#087b4e;font-weight:900;font-size:22px;border:1px solid #cce9da}

@media(max-width:900px){
 .contact-grid{grid-template-columns:1fr}
 .contact-hero h1{font-size:46px}
 .method-photo-card{min-height:360px}
}
@media(max-width:620px){
 .contact-card{grid-template-columns:1fr;padding:26px}
 .contact-hero h1{font-size:40px}
 .contact-hero{min-height:390px}
}


/* V6.1 — FINAL METHOD VISUAL CORRECTION */
.method-photo-card{
  background-blend-mode:normal !important;
  background-color:#dfe6ee;
}
.method-photo-card::before{
  background:linear-gradient(
    180deg,
    rgba(4,20,44,0.00) 0%,
    rgba(4,20,44,0.04) 28%,
    rgba(4,20,44,0.28) 52%,
    rgba(4,20,44,0.82) 76%,
    rgba(4,20,44,0.96) 100%
  ) !important;
}
.method-photo-card.real{
  background-image:url("online-class-bg.jpg") !important;
  background-position:center 42% !important;
}
.method-photo-card.practical{
  background-image:url("method-bg.jpg") !important;
  background-position:center 45% !important;
}
.method-photo-card.progress{
  background-image:url("online-class-bg.jpg") !important;
  background-position:76% 42% !important;
}
.method-photo-card .method-card-content{
  padding:30px 32px 34px !important;
  text-shadow:0 2px 8px rgba(0,0,0,.28);
}
.method-photo-card .method-line-icon{
  width:58px;height:58px;
  background:rgba(8,31,65,.38) !important;
  border:1.5px solid rgba(255,255,255,.94) !important;
  backdrop-filter:blur(2px);
}
.method-photo-card h3{
  font-size:27px !important;
  letter-spacing:-.01em;
}
.method-photo-card p{
  line-height:1.55;
}


/* V6.2 — definitive Method page */
.method-final-page{background:#fff}
.method-final-hero{background:#f7f9fb}
.method-final-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:440px;align-items:stretch}
.method-final-copy{background:linear-gradient(135deg,#061f4a,#0a376f);color:#fff;padding:58px 58px 52px;border-radius:0 0 0 0;display:flex;flex-direction:column;justify-content:center}
.method-final-copy .kicker{color:#fff}
.method-final-copy h1{font-size:56px;line-height:1.04;margin:12px 0 14px;color:#fff}
.method-final-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.method-final-copy p{font-size:18px;line-height:1.62;max-width:600px;color:#fff}
.method-rule{width:44px;height:3px;background:#fff;margin:6px 0 20px}
.method-rule.burg{background:var(--burgundy)}
.method-final-hero-image{overflow:hidden}
.method-final-hero-image img{width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center}
.method-final-pillars{padding:72px 0 78px;background:#fff}
.method-final-heading{max-width:780px;margin-bottom:34px}
.method-final-heading h2{font-size:42px;margin:8px 0 0}
.method-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.method-final-card{background:#fff;border:1px solid #e0e6eb;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(15,33,52,.08)}
.method-final-photo{height:220px;overflow:hidden;background:#eef2f5}
.method-final-photo img{width:100%;height:100%;object-fit:cover;display:block}
.method-final-card.real .method-final-photo img{object-position:center 55%}
.method-final-card.practical .method-final-photo img{object-position:center 55%}
.method-final-card.progress .method-final-photo img{object-position:center 50%}
.method-final-body{position:relative;padding:30px 28px 30px}
.method-number{position:absolute;top:-25px;left:26px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#0a376f;color:#fff;font-weight:900;border:4px solid #fff}
.method-final-card h3{font-family:Georgia,"Times New Roman",serif;color:#0a376f;font-size:27px;margin:10px 0 9px}
.method-small-rule{width:34px;height:2px;background:var(--burgundy);margin:0 0 18px}
.method-final-card p{font-size:15.5px;line-height:1.58;color:#233245}
.method-final-materials{padding:0 0 76px;background:#fff}
.method-materials-grid{display:grid;grid-template-columns:.8fr 1.2fr;border-radius:22px;overflow:hidden;border:1px solid #e0e5ea;background:#f4f7fb;box-shadow:0 14px 34px rgba(15,33,52,.07)}
.method-materials-copy{padding:44px 42px}
.method-materials-copy h2{font-family:Georgia,"Times New Roman",serif;color:#0a376f;font-size:39px;margin:8px 0 12px}
.method-materials-copy p{font-size:16px;line-height:1.6}
.method-material-tags{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:20px}
.method-material-tags span{font-weight:750;color:#0a376f;font-size:14px}
.method-materials-image{min-height:355px}
.method-materials-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.method-final-cta{padding:0 0 72px}
.method-final-cta-inner{background:linear-gradient(135deg,#061f4a,#0a376f);color:#fff;border-radius:22px;padding:48px 52px;position:relative;overflow:hidden}
.method-final-cta-inner h2{font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:38px;margin:8px 0 12px}
.method-final-cta-inner p{color:#fff;max-width:760px;font-size:16px;line-height:1.58}
.method-final-cta-inner .btn.light{background:#fff;color:#0a376f;margin-top:10px}

@media(max-width:980px){
 .method-final-hero-grid,.method-materials-grid{grid-template-columns:1fr}
 .method-final-grid{grid-template-columns:1fr}
 .method-final-photo{height:280px}
 .method-final-copy{padding:44px 30px}
 .method-final-copy h1{font-size:45px}
}
@media(max-width:620px){
 .method-final-copy h1{font-size:39px}
 .method-final-heading h2{font-size:34px}
 .method-materials-copy{padding:32px 24px}
 .method-material-tags{grid-template-columns:1fr}
 .method-final-cta-inner{padding:36px 26px}
}


/* V6.3 — final Method hero framing */
.method-final-hero-grid{
  grid-template-columns: 42% 58% !important;
}
.method-final-hero-image{
  background:#e9edf1;
}
.method-final-hero-image img{
  width:100% !important;
  height:100% !important;
  min-height:440px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:980px){
  .method-final-hero-grid{grid-template-columns:1fr !important}
  .method-final-hero-image img{min-height:360px !important}
}


/* V6.4 — Method hero definitive framing: no crop */
.method-final-hero{
  background:#f7f9fb;
}
.method-final-hero-grid{
  grid-template-columns: 40% 60% !important;
  min-height: 390px !important;
}
.method-final-copy{
  padding:48px 54px !important;
}
.method-final-hero-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#111d2b !important;
  overflow:hidden !important;
}
.method-final-hero-image img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:390px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
@media(max-width:980px){
  .method-final-hero-grid{grid-template-columns:1fr !important}
  .method-final-hero-image img{max-height:none !important;width:100% !important;height:auto !important}
}


/* V6.6 — complete mobile navigation */
.mobile-menu-toggle{
  display:none;
  width:44px;height:44px;
  padding:10px;
  border:1px solid #d7dde4;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  flex:0 0 auto;
}
.mobile-menu-toggle span{
  display:block;
  width:22px;height:2px;
  margin:4px auto;
  background:#082d70;
  border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}
@media(max-width:980px){
  .site-header .container{position:relative}
  .site-header nav{gap:12px}
  .mobile-menu-toggle{display:block;order:2}
  .navlinks{
    display:flex;
    margin-left:auto;
  }
  .navlinks .lang{order:1}
  .mobile-menu-toggle{order:2}
  .navlinks>a:not(.book), .navlinks>.dropdown, .navlinks>.book{display:none}

  body.mobile-nav-open{overflow:hidden}
  body.mobile-nav-open .navlinks{
    position:absolute;
    top:100%;
    left:13px;
    right:13px;
    z-index:1000;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px;
    background:#fff;
    border:1px solid #e0e5ea;
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 38px rgba(8,31,67,.18);
  }
  body.mobile-nav-open .navlinks>a:not(.book),
  body.mobile-nav-open .navlinks>.book,
  body.mobile-nav-open .navlinks>.dropdown{
    display:block !important;
  }
  body.mobile-nav-open .navlinks>a,
  body.mobile-nav-open .dropdown>a{
    padding:12px 10px;
    font-size:16px;
  }
  body.mobile-nav-open .navlinks .book{
    margin-top:8px;
    text-align:center;
    border-radius:10px;
    background:#123f91;
    color:#fff;
  }
  body.mobile-nav-open .navlinks .lang{
    position:absolute;
    right:60px;
    top:calc(-78px + 17px);
    display:flex;
  }
  body.mobile-nav-open .dropdown-menu{
    display:block;
    position:static;
    min-width:0;
    margin:0 0 4px 10px;
    padding:0 0 0 10px;
    border:0;
    border-left:2px solid #e1e7ee;
    border-radius:0;
    box-shadow:none;
  }
  body.mobile-nav-open .dropdown-menu a{
    padding:9px 10px;
    font-size:14px;
  }
  body.mobile-nav-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body.mobile-nav-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  body.mobile-nav-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media(max-width:620px){
  .site-header nav{justify-content:space-between}
  .brand{margin-right:auto}
  .navlinks{margin-left:0}
  .navlinks .lang{display:flex}
  .mobile-menu-toggle{display:block}
  body.mobile-nav-open .navlinks .lang{
    top:calc(-78px + 17px);
  }
}
