@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
.landing-v4{--p:#702dff;--p2:#8b62ff;--c:#ff4f6c;--lav:#c1c2e0;--deep:#482f85;--ink:#22213a;--muted:#77748a;--bg:#f8f7ff;min-height:100vh;background:var(--bg);color:var(--ink);font-family:'Hind Siliguri',Inter,sans-serif;overflow-x:hidden}.landing-v4 *{box-sizing:border-box}.landing-v4 a{text-decoration:none;color:inherit}.landing-v4 .lp-wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.landing-v4 .lp-header{height:74px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e9e7f1;position:sticky;top:0;z-index:50}.landing-v4 .lp-nav{height:100%;display:flex;align-items:center;justify-content:space-between}.landing-v4 .lp-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px}.landing-v4 .lp-logo{width:39px;height:39px;border-radius:12px;background:var(--p);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(112,45,255,.22)}.landing-v4 .lp-links{display:none;gap:27px;font-size:12px;font-weight:700;color:#666278}.landing-v4 .lp-actions{display:flex;gap:7px;align-items:center}.landing-v4 .lp-login{font-size:12px;font-weight:700;padding:9px}.landing-v4 .lp-btn{min-height:43px;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;border:0;transition:.2s}.landing-v4 .lp-btn:hover{transform:translateY(-2px)}.landing-v4 .lp-primary{background:var(--p);color:#fff;box-shadow:0 10px 22px rgba(112,45,255,.2)}.landing-v4 .lp-coral{background:var(--c);color:#fff}.landing-v4 .lp-light{background:#fff;border:1px solid #e4e2ec;color:#4e4a61}
.landing-v4 .lp-hero{position:relative;padding:58px 0 72px;overflow:hidden;background:linear-gradient(180deg,#f7f5ff,#fff)}.landing-v4 .lp-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-210px;background:var(--lav);opacity:.65}.landing-v4 .lp-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-190px;bottom:-180px;background:rgba(255,79,108,.09)}.landing-v4 .lp-hero-grid{display:grid;gap:45px;align-items:center;position:relative;z-index:1}.landing-v4 .lp-copy{max-width:650px}.landing-v4 .lp-eyebrow{display:inline-flex;gap:7px;align-items:center;background:#fff;border:1px solid #e5e2ee;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700;color:#656177}.landing-v4 .lp-eyebrow i{color:var(--c)}.landing-v4 .lp-copy h1{font-size:43px;line-height:1.12;letter-spacing:-.045em;margin:18px 0 14px;font-weight:800}.landing-v4 .lp-copy h1 em{font-style:normal;color:var(--p)}.landing-v4 .lp-lead{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:600px}.landing-v4 .lp-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.landing-v4 .lp-hero-note{margin-top:16px;font-size:10px;color:#77738a}.landing-v4 .lp-hero-note i{color:#14a789;margin-right:5px}.landing-v4 .lp-proof{display:flex;margin-top:27px}.landing-v4 .lp-proof>div{padding:0 18px;border-left:1px solid #dddbe7}.landing-v4 .lp-proof>div:first-child{padding-left:0;border-left:0}.landing-v4 .lp-proof b,.landing-v4 .lp-proof span{display:block}.landing-v4 .lp-proof b{font-size:17px}.landing-v4 .lp-proof span{font-size:9px;color:#8b8799}
.landing-v4 .lp-visual{min-height:500px;position:relative;display:grid;place-items:center}.landing-v4 .lp-visual-bg{position:absolute;width:455px;height:385px;border-radius:48% 52% 43% 57%;background:linear-gradient(135deg,#d5d6ea,#bfc1df);transform:rotate(-5deg)}.landing-v4 .lp-dashboard{position:relative;z-index:2;width:min(100%,520px);height:355px;background:#fff;border:1px solid #e5e3ed;border-radius:22px;box-shadow:0 30px 70px rgba(62,47,103,.18);overflow:hidden;display:grid;grid-template-columns:108px 1fr}.landing-v4 .lp-side{background:#fbfbfe;border-right:1px solid #eeedf4;padding:17px 9px}.landing-v4 .lp-side-brand{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;margin-bottom:20px}.landing-v4 .lp-side-logo{width:24px;height:24px;border-radius:7px;background:var(--p);color:#fff;display:grid;place-items:center}.landing-v4 .lp-side-item{height:28px;border-radius:8px;padding:0 7px;display:flex;align-items:center;gap:7px;font-size:7px;color:#8a8797;margin:3px 0}.landing-v4 .lp-side-item.active{background:#eee9ff;color:var(--p);font-weight:700}.landing-v4 .lp-main{padding:16px 17px}.landing-v4 .lp-main-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.landing-v4 .lp-main-top small{font-size:7px;color:#918c9d}.landing-v4 .lp-main-top h3{font-size:14px;margin:0}.landing-v4 .lp-mini-profile{display:flex;gap:6px;align-items:center;font-size:7px}.landing-v4 .lp-mini-avatar{width:24px;height:24px;border-radius:50%;background:#e8e2ff;color:var(--p);display:grid;place-items:center;font-weight:800}.landing-v4 .lp-banner{background:linear-gradient(100deg,#702dff,#8a54ff);color:#fff;border-radius:12px;padding:13px;position:relative;overflow:hidden}.landing-v4 .lp-banner:after{content:"✦  ✦";position:absolute;right:8px;top:5px;font-size:34px;color:rgba(255,255,255,.15)}.landing-v4 .lp-banner small{font-size:6px;opacity:.8}.landing-v4 .lp-banner strong{display:block;font-size:15px;line-height:1.15;margin:2px 0 6px}.landing-v4 .lp-banner span{display:inline-block;background:#fff;color:#5533c7;border-radius:6px;padding:4px 7px;font-size:6px;font-weight:800}.landing-v4 .lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.landing-v4 .lp-stat{border:1px solid #eeeef4;border-radius:10px;padding:8px}.landing-v4 .lp-stat small{display:block;font-size:6px;color:#9995a4}.landing-v4 .lp-stat b{font-size:12px}.landing-v4 .lp-stat .bar{height:4px;background:#ecebf1;border-radius:99px;overflow:hidden;margin-top:4px}.landing-v4 .lp-stat .bar span{display:block;height:100%;background:var(--c);border-radius:99px}.landing-v4 .lp-continue{display:flex;justify-content:space-between;margin:10px 0 6px}.landing-v4 .lp-continue b{font-size:8px}.landing-v4 .lp-continue span{font-size:6px;color:var(--p)}.landing-v4 .lp-course-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px}.landing-v4 .lp-course-mini article{display:flex;align-items:center;gap:6px;border:1px solid #eeeef4;border-radius:10px;padding:7px}.landing-v4 .lp-course-icon{width:30px;height:30px;border-radius:8px;background:#fff0f3;color:var(--c);display:grid;place-items:center;font-size:10px}.landing-v4 .lp-course-mini article:nth-child(2) .lp-course-icon{background:#eee9ff;color:var(--p)}.landing-v4 .lp-course-mini b,.landing-v4 .lp-course-mini small{display:block}.landing-v4 .lp-course-mini b{font-size:7px}.landing-v4 .lp-course-mini small{font-size:5px;color:#9995a4;margin-top:2px}.landing-v4 .lp-float-card{position:absolute;z-index:3;background:#fff;border:1px solid #e7e5ef;border-radius:13px;padding:9px 11px;box-shadow:0 16px 35px rgba(64,46,104,.15);display:flex;gap:7px;align-items:center}.landing-v4 .lp-float-one{left:-8px;top:88px}.landing-v4 .lp-float-two{right:-5px;bottom:60px}.landing-v4 .lp-float-icon{width:27px;height:27px;border-radius:8px;background:#eaf9f4;color:#12a486;display:grid;place-items:center;font-size:10px}.landing-v4 .lp-float-two .lp-float-icon{background:#fff0f3;color:var(--c)}.landing-v4 .lp-float-card small,.landing-v4 .lp-float-card b{display:block}.landing-v4 .lp-float-card small{font-size:6px;color:#9692a2}.landing-v4 .lp-float-card b{font-size:9px}
.landing-v4 .lp-trust{background:#fff;border-top:1px solid #eeedf4;border-bottom:1px solid #eeedf4}.landing-v4 .lp-trust-grid{display:grid;grid-template-columns:1fr 1fr}.landing-v4 .lp-trust-item{text-align:center;padding:15px 7px;border-right:1px solid #eeedf4;font-size:8px;color:#777386}.landing-v4 .lp-trust-item:nth-child(2n){border-right:0}.landing-v4 .lp-trust-item i{color:var(--p);margin-right:4px}
.landing-v4 .lp-section{padding:76px 0}.landing-v4 .lp-section-head{max-width:690px;margin-bottom:31px}.landing-v4 .lp-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.landing-v4 .overline{display:block;color:var(--p);font-size:9px;font-weight:800;letter-spacing:.08em}.landing-v4 .lp-section-head h2{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 10px}.landing-v4 .lp-section-head h2 em{font-style:normal;color:var(--p)}.landing-v4 .lp-section-head p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.landing-v4 .lp-value-grid{display:grid;grid-template-columns:1fr;gap:11px}.landing-v4 .lp-value{background:#fff;border:1px solid #e8e6ef;border-radius:18px;padding:19px;min-height:165px;position:relative}.landing-v4 .lp-value:nth-child(2){background:#f1efff}.landing-v4 .lp-value:nth-child(3){background:#fff0f3}.landing-v4 .lp-value:nth-child(4){background:#f1f9f7}.landing-v4 .lp-value .num{position:absolute;right:14px;top:12px;font-size:7px;color:#aaa6b4}.landing-v4 .lp-value .icon{width:39px;height:39px;border-radius:11px;background:#eee9ff;color:var(--p);display:grid;place-items:center;margin-bottom:18px}.landing-v4 .lp-value:nth-child(3) .icon{background:#fff;color:var(--c)}.landing-v4 .lp-value:nth-child(4) .icon{background:#fff;color:#12a486}.landing-v4 .lp-value h3{font-size:14px;margin:0 0 5px}.landing-v4 .lp-value p{font-size:10px;line-height:1.7;color:#7f7a8d;margin:0}
.landing-v4 .lp-app-section{background:#f0effb;overflow:hidden}.landing-v4 .lp-app-grid{display:grid;gap:38px;align-items:center}.landing-v4 .lp-checks{list-style:none;padding:0;margin:20px 0}.landing-v4 .lp-checks li{font-size:10px;color:#646075;margin:8px 0}.landing-v4 .lp-checks i{color:#14a789;margin-right:7px}.landing-v4 .lp-install{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e5e2ed;border-radius:14px;padding:10px;max-width:420px}.landing-v4 .install-icon{width:36px;height:36px;border-radius:10px;background:#eee9ff;color:var(--p);display:grid;place-items:center}.landing-v4 .lp-install-text{flex:1}.landing-v4 .lp-install-text b,.landing-v4 .lp-install-text span{display:block}.landing-v4 .lp-install-text b{font-size:9px}.landing-v4 .lp-install-text span{font-size:7px;color:#8c8798;margin-top:2px}.landing-v4 .lp-install button{min-height:32px;padding:0 10px;font-size:8px}.landing-v4 .lp-phone-wrap{min-height:550px;display:grid;place-items:center;position:relative}.landing-v4 .lp-phone-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(193,194,224,.7)}.landing-v4 .lp-phone{width:275px;height:545px;border:8px solid #262136;border-radius:35px;background:#faf9fd;box-shadow:0 28px 65px rgba(59,44,99,.23);position:relative;z-index:2;overflow:hidden;padding:14px 11px}.landing-v4 .lp-phone:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:82px;height:19px;background:#262136;border-radius:0 0 12px 12px}.landing-v4 .lp-phone-status{display:flex;justify-content:space-between;font-size:7px;font-weight:800;padding:1px 3px 13px}.landing-v4 .lp-phone-head{display:flex;justify-content:space-between;align-items:center;margin:0 3px 11px}.landing-v4 .lp-phone-head small,.landing-v4 .lp-phone-head b{display:block}.landing-v4 .lp-phone-head small{font-size:7px;color:#918c9d}.landing-v4 .lp-phone-head b{font-size:13px}.landing-v4 .phone-avatar{width:28px;height:28px;border-radius:50%;background:#ffe3e8;color:var(--c);display:grid;place-items:center;font-size:9px;font-weight:800}.landing-v4 .phone-card{background:#fff;border:1px solid #ebe8f2;border-radius:14px;padding:10px;margin-bottom:8px}.landing-v4 .phone-card.purple{background:linear-gradient(135deg,#6d2cff,#8d5bff);color:#fff;border:0}.landing-v4 .phone-card.purple small{color:#ded5ff}.landing-v4 .phone-card.purple strong{display:block;font-size:15px;margin:2px 0 6px}.landing-v4 .phone-progress{height:5px;background:rgba(255,255,255,.22);border-radius:99px;overflow:hidden}.landing-v4 .phone-progress span{display:block;height:100%;width:72%;background:#fff}.landing-v4 .phone-row{display:flex;align-items:center;gap:8px}.landing-v4 .phone-row .picon{width:29px;height:29px;border-radius:9px;background:#eee9ff;color:var(--p);display:grid;place-items:center;font-size:9px}.landing-v4 .phone-row b{font-size:8px;display:block}.landing-v4 .phone-row small{font-size:7px;color:#9994a4}.landing-v4 .phone-task{display:flex;gap:6px;border-top:1px solid #f0eef4;padding-top:7px;margin-top:7px;font-size:7px;color:#777284}.landing-v4 .phone-task i{color:#15a889}.landing-v4 .phone-task span:last-child{margin-left:auto;color:#a09aaa}.landing-v4 .phone-ai{background:#251e3d;color:#fff;border:0}.landing-v4 .phone-ai .picon{background:linear-gradient(135deg,#8d6cff,#12ae94);color:#fff}.landing-v4 .phone-ai small{color:#bbb4ce}.landing-v4 .phone-ai p{font-size:7px;line-height:1.5;color:#eeeaf4;margin:6px 0 0}.landing-v4 .phone-nav{position:absolute;left:9px;right:9px;bottom:7px;height:36px;background:#fff;border:1px solid #e6e3ed;border-radius:11px;display:flex;align-items:center;justify-content:space-around;color:#aaa5b2;font-size:11px}.landing-v4 .phone-nav i:first-child{color:var(--p)}
.landing-v4 .lp-courses{background:#fff}.landing-v4 .lp-course-grid{display:grid;grid-template-columns:1fr;gap:11px}.landing-v4 .lp-course{background:#fbfaff;border:1px solid #e9e7f1;border-radius:18px;padding:17px;min-height:170px;position:relative}.landing-v4 .lp-course.featured{background:linear-gradient(145deg,#482f85,#6642ad);color:#fff;border-color:#482f85}.landing-v4 .lp-course .course-icon{width:38px;height:38px;border-radius:11px;background:#eee9ff;color:var(--p);display:grid;place-items:center;margin-bottom:17px}.landing-v4 .lp-course.featured .course-icon{background:rgba(255,255,255,.12);color:#fff}.landing-v4 .course-no{position:absolute;right:14px;top:12px;font-size:7px;color:#aaa6b4}.landing-v4 .featured .course-no{color:#c9bee3}.landing-v4 .lp-course h3{font-size:13px;margin:0 0 5px}.landing-v4 .lp-course p{font-size:9px;line-height:1.65;color:#817d8d;margin:0}.landing-v4 .featured p{color:#d9d1e9}.landing-v4 .lp-course .tag{display:inline-flex;margin-top:8px;padding:4px 7px;border-radius:99px;background:#fff0f3;color:var(--c);font-size:7px;font-weight:800}.landing-v4 .featured .tag{background:rgba(255,255,255,.12);color:#fff}.landing-v4 .lp-price{margin-top:20px;padding:22px;border-radius:21px;border:1px solid #e4def7;background:linear-gradient(100deg,#f0edff,#fff0f3);display:flex;flex-direction:column;gap:14px}.landing-v4 .lp-price small{font-size:8px;color:#777286}.landing-v4 .lp-price strong{display:block;font-size:24px}.landing-v4 .lp-price strong b{color:var(--c)}.landing-v4 .lp-price p{font-size:8px;color:#8a8595;margin:3px 0 0}
.landing-v4 .lp-journey{background:#f8f7ff}.landing-v4 .lp-journey-box{background:#fff;border:1px solid #e8e6ef;border-radius:22px;padding:22px;overflow:hidden}.landing-v4 .lp-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 8px}.landing-v4 .lp-step{text-align:center;position:relative}.landing-v4 .lp-step .circle{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#eee9ff;color:var(--p);border:1px solid #ddd7fb;font-size:10px;font-weight:800}.landing-v4 .lp-step:nth-child(6n) .circle{background:#fff0f3;color:var(--c);border-color:#ffd6dd}.landing-v4 .lp-step b{display:block;font-size:9px}.landing-v4 .lp-step small{display:block;font-size:7px;color:#898496;margin-top:2px}.landing-v4 .lp-final{background:#fff;padding-top:65px}.landing-v4 .lp-final-card{background:linear-gradient(110deg,#482f85,#6e48b3);border-radius:26px;color:#fff;padding:29px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;overflow:hidden}.landing-v4 .lp-final-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-85px;top:-100px;background:rgba(255,255,255,.08)}.landing-v4 .lp-final-card>div{position:relative;z-index:1}.landing-v4 .lp-final-card small{font-size:8px;color:#d6cce8}.landing-v4 .lp-final-card h2{font-size:27px;line-height:1.25;margin:7px 0 10px}.landing-v4 .lp-final-card p{font-size:9px;line-height:1.8;color:#ddd5ea;max-width:650px;margin:0 0 16px}.landing-v4 .lp-final-card .lp-btn{background:#fff;color:#5a3ba0}.landing-v4 .lp-final-orb{display:none}.landing-v4 .lp-footer{background:#211a38;color:#bdb5ce;padding:42px 0 0}.landing-v4 .lp-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.landing-v4 .lp-footer .lp-brand{color:#fff}.landing-v4 .lp-footer p{font-size:8px;line-height:1.7}.landing-v4 .lp-footer h4{color:#fff;font-size:9px;margin:0 0 7px}.landing-v4 .lp-footer a{font-size:8px;margin:5px 0;display:block}.landing-v4 .lp-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:27px;padding:15px 0;font-size:7px;color:#81798f}
@media(min-width:700px){.landing-v4 .lp-wrap{width:min(1180px,calc(100% - 48px))}.landing-v4 .lp-links{display:flex}.landing-v4 .lp-hero{padding:82px 0 88px}.landing-v4 .lp-hero-grid{grid-template-columns:1fr 1fr}.landing-v4 .lp-copy h1{font-size:59px}.landing-v4 .lp-trust-grid{grid-template-columns:repeat(4,1fr)}.landing-v4 .lp-trust-item,.landing-v4 .lp-trust-item:nth-child(2n){border-right:1px solid #eeedf4}.landing-v4 .lp-trust-item:last-child{border-right:0}.landing-v4 .lp-value-grid{grid-template-columns:repeat(2,1fr)}.landing-v4 .lp-app-grid{grid-template-columns:1fr 1fr}.landing-v4 .lp-course-grid{grid-template-columns:repeat(3,1fr)}.landing-v4 .lp-course.featured{grid-column:span 2}.landing-v4 .lp-price{flex-direction:row;align-items:center;justify-content:space-between}.landing-v4 .lp-steps{grid-template-columns:repeat(5,1fr)}.landing-v4 .lp-final-card{padding:43px}.landing-v4 .lp-final-orb{display:flex;width:145px;height:145px;border-radius:50%;background:rgba(255,255,255,.09);align-items:center;justify-content:center;flex-direction:column;gap:3px;flex:0 0 auto}.landing-v4 .lp-final-orb i{font-size:23px}.landing-v4 .lp-final-orb span{font-size:8px}.landing-v4 .lp-footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(min-width:1050px){.landing-v4 .lp-hero{min-height:720px;display:flex;align-items:center}.landing-v4 .lp-copy h1{font-size:64px}.landing-v4 .lp-course-grid{grid-template-columns:repeat(4,1fr)}.landing-v4 .lp-course.featured{grid-column:span 2}.landing-v4 .lp-steps{grid-template-columns:repeat(10,1fr);gap:8px}.landing-v4 .lp-step:after{content:"";position:absolute;top:20px;left:calc(50% + 22px);width:calc(100% - 17px);height:1px;background:#ddd8eb}.landing-v4 .lp-step:last-child:after{display:none}.landing-v4 .lp-step .circle{position:relative;z-index:2}.landing-v4 .lp-final-card h2{font-size:34px}}
@media(max-width:699px){.landing-v4 .lp-login{display:none}.landing-v4 .lp-hero-actions .lp-btn{width:100%}.landing-v4 .lp-proof>div{padding:0 11px}.landing-v4 .lp-dashboard{transform:scale(.94)}.landing-v4 .lp-float-one{left:0}.landing-v4 .lp-float-two{right:0}}
/* Landing readability correction v9: same reference palette, larger human-readable Bangla copy */
.landing-v4 .lp-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.14}.landing-v4 .lp-lead{font-size:17px;line-height:1.95}.landing-v4 .lp-eyebrow{font-size:12px;padding:9px 13px}.landing-v4 .lp-hero-note{font-size:13px}.landing-v4 .lp-proof b{font-size:21px}.landing-v4 .lp-proof span{font-size:11px}.landing-v4 .lp-links{font-size:13px}.landing-v4 .lp-btn{font-size:13px;min-height:48px;padding:0 19px}.landing-v4 .lp-section-head h2{font-size:clamp(30px,3.2vw,44px)}.landing-v4 .lp-section-head p{font-size:15px;line-height:1.9}.landing-v4 .lp-value h3,.landing-v4 .lp-course h3{font-size:18px}.landing-v4 .lp-value p,.landing-v4 .lp-course p{font-size:13px;line-height:1.8}.landing-v4 .overline{font-size:11px}.landing-v4 .lp-course{min-height:200px;padding:21px}.landing-v4 .lp-course .tag{font-size:10px}.landing-v4 .lp-price strong{font-size:30px}.landing-v4 .lp-price p{font-size:11px}.landing-v4 .lp-step b{font-size:12px}.landing-v4 .lp-step small{font-size:10px}.landing-v4 .lp-final-card h2{font-size:clamp(28px,4vw,42px)}.landing-v4 .lp-final-card p{font-size:13px;line-height:1.9}.landing-v4 .lp-footer p,.landing-v4 .lp-footer a{font-size:11px}.landing-v4 .lp-footer h4{font-size:13px}

/* Premium course cards v10 — reference-inspired visual hierarchy */
.landing-v4 .lp-courses{background:#fbfaff;padding-top:92px}.landing-v4 .lp-courses-head{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.landing-v4 .lp-courses-head>div{max-width:760px}.landing-v4 .lp-course-all{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:800;color:var(--p);padding:12px 16px;border:1px solid #e3dcfa;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(76,48,130,.07)}
.landing-v4 .lp-course-grid{grid-template-columns:repeat(3,1fr);gap:22px}.landing-v4 .lp-course-card{background:#fff;border:1px solid #e8e5f1;border-radius:22px;overflow:hidden;box-shadow:0 14px 35px rgba(58,43,93,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-width:0}.landing-v4 .lp-course-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(58,43,93,.13);border-color:#d8cff4}.landing-v4 .lp-course-card.is-featured{border-color:#cfc1f7;box-shadow:0 18px 45px rgba(112,45,255,.13)}
.landing-v4 .lp-course-art{height:196px;position:relative;overflow:hidden;background:#ece7ff}.landing-v4 .lp-course-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.08) 48%,rgba(255,255,255,.55));}.landing-v4 .theme-web .lp-course-art{background:linear-gradient(135deg,#e6dcff,#d2c5ff)}.landing-v4 .theme-code .lp-course-art{background:linear-gradient(135deg,#e2e1ff,#cfd0ff)}.landing-v4 .theme-marketing .lp-course-art{background:linear-gradient(135deg,#ffe4ea,#ffd0d9)}.landing-v4 .theme-career .lp-course-art{background:linear-gradient(135deg,#e1f4ef,#cdece5)}.landing-v4 .theme-security .lp-course-art{background:linear-gradient(135deg,#e2e7f1,#ccd5e5)}.landing-v4 .theme-ai .lp-course-art{background:linear-gradient(135deg,#e8dcff,#d4c2ff)}.landing-v4 .theme-design .lp-course-art{background:linear-gradient(135deg,#ffe3ef,#eadbff)}.landing-v4 .theme-english .lp-course-art{background:linear-gradient(135deg,#e0efff,#d9ddff)}.landing-v4 .theme-ielts .lp-course-art{background:linear-gradient(135deg,#fff0d5,#ffe2b2)}.landing-v4 .theme-business .lp-course-art{background:linear-gradient(135deg,#dff4ed,#d8e9ff)}
.landing-v4 .lp-live{position:absolute;z-index:5;left:14px;top:13px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;color:#178f76;box-shadow:0 5px 15px rgba(48,67,72,.08)}.landing-v4 .lp-live i{width:7px;height:7px;border-radius:50%;background:#18bd92;box-shadow:0 0 0 4px rgba(24,189,146,.14);animation:lpLive 1.7s infinite}.landing-v4 .lp-king{position:absolute;z-index:5;right:13px;top:13px;display:inline-flex;align-items:center;gap:5px;background:#251c3d;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;box-shadow:0 7px 18px rgba(37,28,61,.2)}.landing-v4 .lp-king i{color:#ffd35a}.landing-v4 .lp-art-grid{position:absolute;width:230px;height:170px;right:-25px;bottom:-25px;background-image:linear-gradient(rgba(112,45,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,45,255,.08) 1px,transparent 1px);background-size:20px 20px;transform:rotate(-8deg);border-radius:25px}.landing-v4 .lp-art-orb{position:absolute;width:145px;height:145px;border-radius:50%;right:28px;top:30px;background:rgba(255,255,255,.44);box-shadow:inset 0 0 0 18px rgba(255,255,255,.2)}.landing-v4 .lp-art-shape{position:absolute;display:block;border-radius:17px;transform:rotate(-12deg)}.landing-v4 .lp-art-shape.shape-a{width:95px;height:64px;left:45px;bottom:26px;background:rgba(112,45,255,.82);box-shadow:18px -15px 0 rgba(255,255,255,.55)}.landing-v4 .lp-art-shape.shape-b{width:52px;height:52px;left:122px;top:70px;background:rgba(255,79,108,.78);border-radius:50%;transform:rotate(8deg)}.landing-v4 .theme-marketing .shape-a,.landing-v4 .theme-design .shape-a{background:rgba(255,79,108,.82)}.landing-v4 .theme-career .shape-a,.landing-v4 .theme-business .shape-a{background:rgba(20,166,137,.78)}.landing-v4 .theme-security .shape-a{background:#53627b}.landing-v4 .theme-ai .shape-a{background:#7b4cff}.landing-v4 .theme-ielts .shape-a{background:#e69a28}.landing-v4 .lp-art-icon{position:absolute;z-index:4;left:70px;top:74px;width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:#fff;color:var(--p);font-size:34px;box-shadow:0 17px 30px rgba(65,48,103,.16);transform:rotate(-5deg)}.landing-v4 .theme-marketing .lp-art-icon,.landing-v4 .theme-ielts .lp-art-icon{color:var(--c)}.landing-v4 .theme-career .lp-art-icon,.landing-v4 .theme-business .lp-art-icon{color:#0e9d7f}.landing-v4 .theme-security .lp-art-icon{color:#43516a}.landing-v4 .lp-art-code{position:absolute;right:17px;bottom:12px;z-index:5;font-size:10px;font-weight:900;color:rgba(42,35,64,.45);letter-spacing:.12em}
.landing-v4 .lp-course-card-body{padding:18px 18px 16px}.landing-v4 .lp-course-kicker{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#9691a2;margin-bottom:8px}.landing-v4 .lp-course-kicker span:last-child{color:#16a486;font-weight:700}.landing-v4 .lp-course-kicker i{font-size:8px}.landing-v4 .lp-course-card h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:0 0 7px;color:#29253c}.landing-v4 .lp-course-card p{font-size:13px;line-height:1.75;color:#777287;margin:0;min-height:68px}.landing-v4 .lp-course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.landing-v4 .lp-course-tags span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:#f6f3ff;color:#665c7e;border-radius:8px;font-size:9px;font-weight:700}.landing-v4 .lp-course-tags i{color:var(--p)}.landing-v4 .lp-course-card-foot{border-top:1px solid #eeeaf3;margin-top:15px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.landing-v4 .lp-course-goal{font-size:9px;color:#817b8d;display:flex;align-items:center;gap:5px;max-width:58%}.landing-v4 .lp-course-goal i{color:var(--c)}.landing-v4 .lp-course-card-foot a{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:var(--p);white-space:nowrap}.landing-v4 .lp-course-card-foot a i{transition:transform .2s}.landing-v4 .lp-course-card:hover .lp-course-card-foot a i{transform:translateX(4px)}
.landing-v4 .lp-access-strip{margin-top:28px;border:1px solid #ded4f6;background:linear-gradient(100deg,#f0ebff,#fff1f4);border-radius:22px;padding:17px 20px;display:flex;align-items:center;gap:14px}.landing-v4 .lp-access-icon{width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:#fff;color:#f0a900;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 18px rgba(81,54,124,.1)}.landing-v4 .lp-access-strip div:nth-child(2){flex:1}.landing-v4 .lp-access-strip span,.landing-v4 .lp-access-strip strong,.landing-v4 .lp-access-strip small{display:block}.landing-v4 .lp-access-strip span{font-size:10px;color:#716a82}.landing-v4 .lp-access-strip strong{font-size:19px;margin:1px 0;color:#2b263e}.landing-v4 .lp-access-strip small{font-size:10px;color:#8b8498}.landing-v4 .lp-mobile-cta{display:none}
@keyframes lpLive{0%,100%{box-shadow:0 0 0 4px rgba(24,189,146,.14)}50%{box-shadow:0 0 0 7px rgba(24,189,146,.04)}}
@media(min-width:1050px){.landing-v4 .lp-course-grid{grid-template-columns:repeat(3,1fr)}.landing-v4 .lp-course-card.is-featured{grid-column:auto}.landing-v4 .lp-course-art{height:205px}}
@media(max-width:900px){.landing-v4 .lp-courses-head{align-items:flex-start;flex-direction:column}.landing-v4 .lp-course-grid{grid-template-columns:repeat(2,1fr)}.landing-v4 .lp-access-strip{align-items:flex-start}.landing-v4 .lp-access-strip .lp-btn{flex:0 0 auto}}
@media(max-width:699px){.landing-v4{padding-bottom:78px}.landing-v4 .lp-courses{padding-top:62px}.landing-v4 .lp-course-grid{grid-template-columns:1fr;gap:16px}.landing-v4 .lp-course-art{height:190px}.landing-v4 .lp-course-card-body{padding:17px}.landing-v4 .lp-course-card h3{font-size:19px}.landing-v4 .lp-course-card p{font-size:13px;min-height:auto}.landing-v4 .lp-access-strip{padding:15px;display:grid;grid-template-columns:46px 1fr;gap:11px}.landing-v4 .lp-access-strip .lp-btn{grid-column:1/-1;width:100%}.landing-v4 .lp-access-strip strong{font-size:18px}.landing-v4 .lp-course-all{font-size:12px}.landing-v4 .lp-mobile-cta{position:fixed;z-index:100;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px 9px 15px;background:rgba(37,28,61,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:17px;box-shadow:0 15px 35px rgba(25,19,40,.28);color:#fff}.landing-v4 .lp-mobile-cta div strong,.landing-v4 .lp-mobile-cta div span{display:block}.landing-v4 .lp-mobile-cta div strong{font-size:13px}.landing-v4 .lp-mobile-cta div span{font-size:9px;color:#cfc7df}.landing-v4 .lp-mobile-cta a{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#5d3cad;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:900;white-space:nowrap}}

/* v10 reference-matched landing shell */
.landing-v4{background:#f7f7fb;color:#1f2340;font-family:'Hind Siliguri',sans-serif}
.landing-v4 .lp-shell{min-height:100vh;display:flex;background:#f7f7fb}
.landing-v4 .lp-app-sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid #eceaf4;padding:22px 18px;display:flex;flex-direction:column;z-index:80;box-shadow:8px 0 30px rgba(49,35,91,.03)}
.landing-v4 .lp-side-brand{gap:11px;margin-bottom:30px}.landing-v4 .lp-side-brand .lp-logo{width:42px;height:42px;border-radius:14px;font-size:21px}.landing-v4 .lp-side-brand strong{display:block;font-size:21px;line-height:1;color:#6131e8;letter-spacing:.01em}.landing-v4 .lp-side-brand small{display:block;color:#85839a;font-size:9px;margin-top:3px;font-weight:600}
.landing-v4 .lp-nav-label{font-size:9px;color:#a09cad;font-weight:800;margin:0 9px 9px;text-transform:uppercase;letter-spacing:.12em}.landing-v4 .lp-side-nav{display:flex;align-items:center;gap:12px;height:43px;padding:0 13px;border-radius:13px;color:#68657b;font-size:13px;font-weight:600;margin:3px 0;transition:.2s}.landing-v4 .lp-side-nav i{width:18px;text-align:center;font-size:14px}.landing-v4 .lp-side-nav:hover{background:#f4f0ff;color:#6937e8}.landing-v4 .lp-side-nav.active{background:#eee7ff;color:#6432e9;font-weight:800;box-shadow:inset 3px 0 0 #6b39ee}.landing-v4 .lp-side-spacer{flex:1}.landing-v4 .lp-side-card{border-radius:18px;padding:16px;background:linear-gradient(145deg,#f5f0ff,#fff);border:1px solid #e8e1fb}.landing-v4 .lp-side-card-icon{width:35px;height:35px;border-radius:11px;background:#fff1c9;color:#f0b000;display:grid;place-items:center;margin-bottom:9px}.landing-v4 .lp-side-card b,.landing-v4 .lp-side-card small{display:block}.landing-v4 .lp-side-card b{font-size:14px}.landing-v4 .lp-side-card small{font-size:9px;color:#8a8699;margin:2px 0 10px}.landing-v4 .lp-side-card a{display:flex;align-items:center;justify-content:space-between;color:#6432e9;font-size:10px;font-weight:800}
.landing-v4 .lp-content{margin-left:236px;min-width:0;width:calc(100% - 236px);padding:0 22px 95px}.landing-v4 .lp-topbar{height:76px;display:flex;align-items:center;gap:18px;max-width:1320px;margin:0 auto}.landing-v4 .lp-search{height:43px;flex:1;background:#fff;border:1px solid #e2def0;border-radius:15px;display:flex;align-items:center;padding:0 15px;box-shadow:0 5px 18px rgba(72,52,122,.04)}.landing-v4 .lp-search i{color:#8b87a0;font-size:15px}.landing-v4 .lp-search input{border:0;outline:0;background:transparent;flex:1;padding:0 11px;font-family:inherit;font-size:12px;color:#363249}.landing-v4 .lp-search input::placeholder{color:#aaa6b8}.landing-v4 .lp-top-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.landing-v4 .lp-top-login{font-size:12px;font-weight:800;color:#605b72}.landing-v4 .lp-top-start{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:11px;background:#6835eb;color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 20px rgba(104,53,235,.18)}.landing-v4 .lp-bell{border:0;background:transparent;color:#656078;position:relative;font-size:18px;padding:5px;cursor:pointer}.landing-v4 .lp-bell b{position:absolute;right:-1px;top:-2px;background:#ff4d72;color:#fff;border:2px solid #f7f7fb;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:8px}.landing-v4 .lp-divider{height:28px;width:1px;background:#dedbe7}.landing-v4 .lp-user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6532e8,#a78cff);color:#fff;font-weight:900;border:3px solid #eee8ff}.landing-v4 .lp-user-text strong,.landing-v4 .lp-user-text small{display:block}.landing-v4 .lp-user-text strong{font-size:11px}.landing-v4 .lp-user-text small{font-size:8px;color:#8a8698;margin-top:1px}.landing-v4 .lp-chevron{font-size:10px;color:#777287}.landing-v4 .lp-mobile-menu,.landing-v4 .lp-mobile-brand{display:none}
.landing-v4 .lp-dashboard-hero{max-width:1320px;margin:0 auto;border-radius:21px;min-height:280px;position:relative;overflow:hidden;padding:28px 28px 25px;display:grid;grid-template-columns:minmax(360px,1.35fr) 1fr 250px;align-items:center;gap:20px;background:linear-gradient(110deg,#5f25ee 0%,#7433f6 53%,#5730d4 100%);box-shadow:0 18px 45px rgba(83,45,179,.18)}.landing-v4 .lp-dashboard-hero:before,.landing-v4 .lp-dashboard-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}.landing-v4 .lp-dashboard-hero:before{width:420px;height:420px;right:210px;top:-250px}.landing-v4 .lp-dashboard-hero:after{width:260px;height:260px;left:43%;bottom:-190px}
.landing-v4 .lp-hero-main{position:relative;z-index:2}.landing-v4 .lp-hero-badges{display:flex;gap:8px;flex-wrap:wrap}.landing-v4 .lp-hero-badges span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;background:#fff;color:#5d36b4;font-size:10px;font-weight:900}.landing-v4 .lp-hero-badges span:nth-child(2){background:#9df1cf;color:#157e67}.landing-v4 .lp-hero-badges i{color:#f4b700}.landing-v4 .lp-dashboard-hero h1{font-size:clamp(28px,3.1vw,43px);line-height:1.12;letter-spacing:-.035em;color:#fff;margin:14px 0 8px;font-weight:700}.landing-v4 .lp-dashboard-hero h1 strong,.landing-v4 .lp-dashboard-hero h1 em{font-style:normal;color:#ffe36d}.landing-v4 .lp-dashboard-hero p{font-size:13px;color:#e9e2ff;line-height:1.7;margin:0;max-width:590px}.landing-v4 .lp-hero-actions{display:flex;align-items:center;gap:12px;margin-top:17px}.landing-v4 .lp-hero-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:11px;background:#ffd84c;color:#2d2750;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(39,25,90,.15)}.landing-v4 .lp-hero-link{color:#fff;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.landing-v4 .lp-hero-illustration{height:230px;position:relative;z-index:1}.landing-v4 .lp-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.landing-v4 .orbit-a{width:220px;height:220px;left:25px;top:2px}.landing-v4 .orbit-b{width:150px;height:150px;left:61px;top:37px}.landing-v4 .lp-mentor{position:absolute;width:180px;height:190px;left:48px;bottom:0}.landing-v4 .lp-crown{position:absolute;left:69px;top:3px;color:#ffd85b;font-size:34px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.15));transform:rotate(-6deg)}.landing-v4 .lp-mentor-head{position:absolute;width:61px;height:61px;border-radius:50%;background:#ffc8a8;left:61px;top:45px;border:5px solid rgba(255,255,255,.3)}.landing-v4 .lp-mentor-body{position:absolute;width:122px;height:92px;border-radius:62px 62px 20px 20px;background:#1c2349;left:30px;top:101px}.landing-v4 .lp-laptop{position:absolute;z-index:3;width:145px;height:88px;border-radius:10px;background:#e7e6ff;color:#6033dc;display:grid;place-items:center;left:18px;bottom:2px;border:7px solid #c6c4f3;box-shadow:0 14px 20px rgba(26,14,80,.2);transform:perspective(250px) rotateX(7deg)}.landing-v4 .lp-laptop i{font-size:34px}.landing-v4 .lp-float-ui{position:absolute;z-index:4;background:#fff;border:1px solid #eee9ff;color:#4e4667;border-radius:11px;padding:8px 10px;display:flex;align-items:center;gap:7px;box-shadow:0 12px 25px rgba(30,13,83,.16);font-size:9px;font-weight:800}.landing-v4 .lp-float-ui i{color:#6b38ee}.landing-v4 .ui-one{left:-2px;top:47px}.landing-v4 .ui-two{right:0;bottom:29px}.landing-v4 .lp-hero-side{position:relative;z-index:2;border:1px solid rgba(255,255,255,.27);background:rgba(91,42,215,.45);border-radius:17px;padding:18px 17px;color:#fff}.landing-v4 .lp-side-check-head{display:flex;gap:9px;align-items:center;margin-bottom:10px}.landing-v4 .lp-side-check-head>i{font-size:22px}.landing-v4 .lp-side-check-head b,.landing-v4 .lp-side-check-head strong{display:block}.landing-v4 .lp-side-check-head b{font-size:10px;color:#eee7ff}.landing-v4 .lp-side-check-head strong{font-size:14px}.landing-v4 .lp-hero-side>span{display:block;font-size:10px;margin:8px 0;color:#f4efff}.landing-v4 .lp-hero-side>span i{color:#5ff0bc;margin-right:5px}.landing-v4 .lp-hero-side>a{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:14px;background:#ffd84c;color:#30294e;border-radius:10px;padding:10px 8px;font-size:10px;font-weight:900}
.landing-v4 .lp-course-section{max-width:1320px;margin:0 auto;padding:30px 0 0}.landing-v4 .lp-section-toolbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:20px}.landing-v4 .lp-section-toolbar>div:first-child{display:flex;gap:11px;align-items:center}.landing-v4 .lp-section-icon{width:39px;height:39px;flex:0 0 auto;border-radius:50%;background:#eee8ff;color:#6b37ed;display:grid;place-items:center;font-size:15px}.landing-v4 .lp-section-toolbar h2{font-size:25px;line-height:1.1;margin:0;color:#26234a}.landing-v4 .lp-section-toolbar p{font-size:11px;color:#888399;margin:3px 0 0}.landing-v4 .lp-filter-pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.landing-v4 .lp-filter-pills span{border:1px solid #e3dfec;background:#fff;border-radius:999px;padding:8px 14px;font-size:9px;font-weight:800;color:#817c91;box-shadow:0 3px 10px rgba(56,41,96,.03);cursor:pointer}.landing-v4 .lp-filter-pills span.active{background:#6632eb;color:#fff;border-color:#6632eb;box-shadow:0 8px 18px rgba(102,50,235,.18)}
.landing-v4 .lp-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.landing-v4 .lp-course-card{border-radius:17px;box-shadow:0 8px 24px rgba(49,38,85,.08);border:1px solid #e8e4f0}.landing-v4 .lp-course-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(49,38,85,.13)}.landing-v4 .lp-course-art{height:150px}.landing-v4 .lp-art-icon{left:50%;top:53%;transform:translate(-50%,-50%) rotate(-5deg);width:68px;height:68px;border-radius:20px;font-size:29px}.landing-v4 .lp-art-shape.shape-a{width:100px;height:58px;left:25px;bottom:20px}.landing-v4 .lp-art-shape.shape-b{width:46px;height:46px;left:auto;right:28px;top:54px}.landing-v4 .lp-art-code{font-size:9px}.landing-v4 .lp-course-card-body{padding:13px 15px 14px}.landing-v4 .lp-course-kicker{font-size:8px;margin-bottom:5px}.landing-v4 .lp-course-card h3{font-size:17px;line-height:1.35;margin-bottom:4px}.landing-v4 .lp-course-card p{font-size:10px;line-height:1.65;min-height:53px}.landing-v4 .lp-course-tags{gap:5px;margin-top:9px}.landing-v4 .lp-course-tags span{padding:5px 6px;font-size:7px}.landing-v4 .lp-course-card-foot{margin-top:10px;padding-top:10px}.landing-v4 .lp-course-goal{font-size:8px}.landing-v4 .lp-course-card-foot a{font-size:9px}.landing-v4 .lp-access-strip{margin-top:20px;padding:14px 17px;border-radius:16px}.landing-v4 .lp-access-strip strong{font-size:17px}.landing-v4 .lp-access-strip span,.landing-v4 .lp-access-strip small{font-size:9px}
.landing-v4 .lp-mobile-bottom{display:none}.landing-v4 .lp-mobile-menu{border:0;background:#fff;color:#5e596f;width:40px;height:40px;border-radius:12px;box-shadow:0 4px 14px rgba(50,37,90,.08)}
@media(max-width:1200px){.landing-v4 .lp-dashboard-hero{grid-template-columns:1.25fr .9fr 220px}.landing-v4 .lp-course-grid{grid-template-columns:repeat(3,1fr)}.landing-v4 .lp-user-text,.landing-v4 .lp-chevron{display:none}}
@media(max-width:900px){.landing-v4 .lp-app-sidebar{transform:translateX(-105%);transition:transform .25s ease}.landing-v4 .lp-app-sidebar.open{transform:translateX(0)}.landing-v4 .lp-content{margin-left:0;width:100%;padding:0 15px 85px}.landing-v4 .lp-topbar{height:68px}.landing-v4 .lp-mobile-menu,.landing-v4 .lp-mobile-brand{display:flex;align-items:center;justify-content:center}.landing-v4 .lp-mobile-brand{gap:7px;color:#6131e8;font-size:17px}.landing-v4 .lp-mobile-brand .lp-logo{width:34px;height:34px;border-radius:10px}.landing-v4 .lp-topbar{gap:9px}.landing-v4 .lp-search{height:40px}.landing-v4 .lp-top-login{display:none}.landing-v4 .lp-top-start{padding:9px 10px;font-size:9px}.landing-v4 .lp-divider,.landing-v4 .lp-user-avatar,.landing-v4 .lp-bell{display:none}.landing-v4 .lp-dashboard-hero{grid-template-columns:1fr 260px;min-height:285px;padding:23px}.landing-v4 .lp-hero-side{display:none}.landing-v4 .lp-hero-illustration{height:225px}.landing-v4 .lp-course-grid{grid-template-columns:repeat(2,1fr)}.landing-v4 .lp-section-toolbar{align-items:flex-start;flex-direction:column}.landing-v4 .lp-filter-pills{justify-content:flex-start}}
@media(max-width:650px){.landing-v4 .lp-content{padding:0 10px 82px}.landing-v4 .lp-topbar{height:62px}.landing-v4 .lp-search{display:none}.landing-v4 .lp-mobile-brand{margin-right:auto}.landing-v4 .lp-top-start{padding:9px 11px}.landing-v4 .lp-dashboard-hero{display:block;padding:20px 18px 0;border-radius:18px;min-height:390px}.landing-v4 .lp-dashboard-hero h1{font-size:28px;margin-top:12px}.landing-v4 .lp-dashboard-hero p{font-size:11px}.landing-v4 .lp-hero-actions{margin-top:14px}.landing-v4 .lp-hero-btn{padding:10px 12px;font-size:10px}.landing-v4 .lp-hero-link{font-size:9px}.landing-v4 .lp-hero-illustration{height:175px;margin-top:6px}.landing-v4 .lp-mentor{transform:scale(.78);transform-origin:center bottom;left:calc(50% - 90px)}.landing-v4 .orbit-a{width:175px;height:175px;left:calc(50% - 87px);top:4px}.landing-v4 .orbit-b{width:120px;height:120px;left:calc(50% - 60px);top:31px}.landing-v4 .ui-one{left:0;top:31px}.landing-v4 .ui-two{right:0;bottom:14px}.landing-v4 .lp-course-section{padding-top:23px}.landing-v4 .lp-section-toolbar h2{font-size:21px}.landing-v4 .lp-section-toolbar p{font-size:9px}.landing-v4 .lp-filter-pills{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:3px}.landing-v4 .lp-filter-pills span{white-space:nowrap;padding:7px 11px}.landing-v4 .lp-course-grid{grid-template-columns:1fr;gap:14px}.landing-v4 .lp-course-art{height:175px}.landing-v4 .lp-course-card h3{font-size:18px}.landing-v4 .lp-course-card p{font-size:11px;min-height:auto}.landing-v4 .lp-course-tags span{font-size:8px}.landing-v4 .lp-mobile-bottom{position:fixed;z-index:100;left:8px;right:8px;bottom:8px;height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid #e7e2f2;border-radius:18px;box-shadow:0 12px 35px rgba(49,38,85,.16);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.landing-v4 .lp-mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#777287;font-size:8px;font-weight:700}.landing-v4 .lp-mobile-bottom a i{font-size:15px}.landing-v4 .lp-mobile-bottom a.active{color:#6432e9}.landing-v4 .lp-access-strip{display:grid;grid-template-columns:44px 1fr;gap:9px}.landing-v4 .lp-access-strip .lp-btn{grid-column:1/-1;width:100%}}
/* V10 desktop fluid layout + learner social proof */
.landing-v4 .lp-content{width:calc(100% - 236px);max-width:none;padding-left:clamp(18px,2vw,34px);padding-right:clamp(18px,2vw,34px)}
.landing-v4 .lp-topbar,.landing-v4 .lp-dashboard-hero,.landing-v4 .lp-course-section{max-width:none;width:100%}
.landing-v4 .lp-topbar{padding:0 2px}
.landing-v4 .lp-dashboard-hero{grid-template-columns:minmax(420px,1.45fr) minmax(300px,1fr) minmax(245px,.65fr);gap:clamp(18px,2vw,34px)}
.landing-v4 .lp-course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.15vw,22px)}
.landing-v4 .lp-course-card{min-width:0}
.landing-v4 .lp-learners{position:absolute;left:12px;bottom:11px;z-index:6;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(24,18,52,.74);backdrop-filter:blur(8px);color:#fff;font-size:8px;font-weight:900;box-shadow:0 5px 14px rgba(20,10,50,.15)}
.landing-v4 .lp-learners i{color:#a9ffdc;font-size:8px}
.landing-v4 .lp-course-art{position:relative}
@media(min-width:1550px){.landing-v4 .lp-course-grid{gap:22px}.landing-v4 .lp-course-card h3{font-size:18px}.landing-v4 .lp-course-card p{font-size:11px}.landing-v4 .lp-dashboard-hero{min-height:300px}}
@media(max-width:1200px) and (min-width:901px){.landing-v4 .lp-dashboard-hero{grid-template-columns:1.3fr .9fr 230px}.landing-v4 .lp-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.landing-v4 .lp-content{width:100%;max-width:none}}
/* V10.1 landing section alignment: one fluid content rail from courses to footer */
.landing-v4 .ip-section,
.landing-v4 .ip-app-section,
.landing-v4 .ip-courses,
.landing-v4 .ip-journey,
.landing-v4 .ip-final{width:100%;margin-left:0;margin-right:0;}
.landing-v4 .ip-section > .lp-wrap,
.landing-v4 .ip-app-section > .lp-wrap,
.landing-v4 .ip-courses > .lp-wrap,
.landing-v4 .ip-journey > .lp-wrap,
.landing-v4 .ip-final > .lp-wrap,
.landing-v4 .lp-footer > .lp-wrap{width:min(100% - 48px,1480px);max-width:1480px;margin-inline:auto;}
.landing-v4 .lp-course-section{width:100%;max-width:none;padding:34px 0 0;margin:0;}
.landing-v4 .lp-course-section > .lp-section-toolbar,
.landing-v4 .lp-course-section > .lp-course-grid,
.landing-v4 .lp-course-section > .lp-access-strip{width:min(100% - 48px,1480px);margin-left:auto;margin-right:auto;}
.landing-v4 .lp-section{padding-block:clamp(72px,7vw,112px);}
.landing-v4 .lp-course-section + .lp-section{padding-top:clamp(78px,7vw,112px);}
.landing-v4 .lp-final{padding-top:clamp(76px,7vw,112px);padding-bottom:clamp(76px,7vw,112px);}
.landing-v4 .lp-final-card{width:100%;margin:0;}
.landing-v4 .lp-footer{padding-top:clamp(52px,5vw,76px);}
.landing-v4 .lp-footer-bottom{margin-top:42px;padding-bottom:20px;}
@media(min-width:1550px){
 .landing-v4 .ip-section > .lp-wrap,.landing-v4 .ip-app-section > .lp-wrap,.landing-v4 .ip-courses > .lp-wrap,.landing-v4 .ip-journey > .lp-wrap,.landing-v4 .ip-final > .lp-wrap,.landing-v4 .lp-footer > .lp-wrap,.landing-v4 .lp-course-section > .lp-section-toolbar,.landing-v4 .lp-course-section > .lp-course-grid,.landing-v4 .lp-course-section > .lp-access-strip{width:calc(100% - 96px);max-width:1600px}
}
@media(max-width:650px){
 .landing-v4 .ip-section > .lp-wrap,.landing-v4 .ip-app-section > .lp-wrap,.landing-v4 .ip-courses > .lp-wrap,.landing-v4 .ip-journey > .lp-wrap,.landing-v4 .ip-final > .lp-wrap,.landing-v4 .lp-footer > .lp-wrap,.landing-v4 .lp-course-section > .lp-section-toolbar,.landing-v4 .lp-course-section > .lp-course-grid,.landing-v4 .lp-course-section > .lp-access-strip{width:calc(100% - 24px)}
 .landing-v4 .lp-course-section{padding-top:24px}.landing-v4 .lp-final{padding-top:60px;padding-bottom:70px}.landing-v4 .lp-footer{padding-top:42px}.landing-v4 .lp-footer-bottom{margin-top:28px}
}
.landing-v4 .lp-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

/* V10.2 — full-width desktop rail + course discovery catalog */
@media (min-width:901px){
  .landing-v4 .lp-content{margin-left:236px;width:calc(100% - 236px);padding:0 28px 95px;}
  .landing-v4 .lp-topbar,
  .landing-v4 .lp-dashboard-hero,
  .landing-v4 .lp-course-section,
  .landing-v4 .lp-section > .lp-wrap,
  .landing-v4 .lp-app-section > .lp-wrap,
  .landing-v4 .ip-courses > .lp-wrap,
  .landing-v4 .lp-journey > .lp-wrap,
  .landing-v4 .lp-final > .lp-wrap,
  .landing-v4 .lp-footer > .lp-wrap{width:100%;max-width:none;margin-left:0;margin-right:0;}
  .landing-v4 .lp-course-section > .lp-section-toolbar,
  .landing-v4 .lp-course-section > .lp-course-grid,
  .landing-v4 .lp-course-section > .lp-access-strip{width:100%;max-width:none;margin-left:0;margin-right:0;}
  .landing-v4 .lp-dashboard-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr) minmax(230px,.65fr);}
  .landing-v4 .lp-course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
  .landing-v4 .lp-course-card-body{min-width:0;}
}
@media (min-width:1500px){
  .landing-v4 .lp-content{padding-left:32px;padding-right:32px;}
  .landing-v4 .lp-course-grid{gap:22px;}
}
.landing-v4 .lp-course-card{display:flex;flex-direction:column;min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.landing-v4 .lp-course-card-body{display:flex;flex-direction:column;flex:1;}
.landing-v4 .lp-course-learners{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;border-radius:10px;background:linear-gradient(90deg,#f4f0ff,#faf9ff);border:1px solid #ece7fa;color:#635b79;font-size:10px;line-height:1.35;font-weight:700;animation:lpLearnerGlow 2.6s ease-in-out infinite;}
.landing-v4 .lp-course-learners i{color:#ff4f6c;font-size:10px;animation:lpLearnerPulse 1.7s ease-in-out infinite;}
.landing-v4 .lp-course-learners strong{font-size:12px;color:#4e27bb;font-weight:900;white-space:nowrap;}
@keyframes lpLearnerGlow{0%,100%{box-shadow:0 0 0 rgba(112,45,255,0)}50%{box-shadow:0 5px 18px rgba(112,45,255,.08)}}
@keyframes lpLearnerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.landing-v4 .lp-course-card-foot{margin-top:auto;}
.landing-v4 .lp-course-grid .lp-course-card:nth-child(3n) .lp-course-learners{background:linear-gradient(90deg,#fff2f5,#fffafe)}
.landing-v4 .lp-course-grid .lp-course-card:nth-child(4n) .lp-course-learners{background:linear-gradient(90deg,#effaf7,#fbfffe)}
@media(max-width:699px){
 .landing-v4 .lp-course-learners{font-size:10px;padding:8px 9px;}
 .landing-v4 .lp-course-learners strong{font-size:12px;}
}

/* Landing sidebar mobile close / overlay */
.landing-v4 .lp-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(21,16,39,.42);backdrop-filter:blur(2px);z-index:79;}
.landing-v4 .lp-sidebar-overlay.show{display:block;}
.landing-v4 .lp-sidebar-close{display:none;position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:11px;background:#f2edff;color:#6432e9;font-size:15px;align-items:center;justify-content:center;}
@media(max-width:900px){.landing-v4 .lp-sidebar-close{display:flex}.landing-v4 .lp-app-sidebar{z-index:90;box-shadow:16px 0 45px rgba(29,18,65,.18)}}


/* V10.3 — premium landing cleanup: unique learner counts, app-only showcase, stronger journey and footer */
.landing-v4 .lp-top-actions{gap:10px}
.landing-v4 .lp-search{border:2px solid #e6ddff;box-shadow:0 8px 26px rgba(91,55,180,.08);min-height:46px}
.landing-v4 .lp-search i{color:#6532e8;font-size:17px}
.landing-v4 .lp-search input{font-size:13px;font-weight:600}
.landing-v4 .lp-top-login{padding:10px 8px}
.landing-v4 .lp-course-learners{margin-top:11px;font-size:10px;font-weight:800}
.landing-v4 .lp-course-learners strong{font-size:13px;font-weight:900}
.landing-v4 .lp-course-learners b{font-weight:900}
.landing-v4 .lp-course-learners[data-count]{animation:lpLearnerGlow 2.8s ease-in-out infinite}
.landing-v4 .lp-app-showcase{padding-top:clamp(58px,6vw,94px);padding-bottom:clamp(64px,7vw,108px)}
.landing-v4 .lp-app-showcase-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:clamp(28px,7vw,110px);background:linear-gradient(135deg,#f1edff 0%,#fff 55%,#f6f2ff 100%);border:1px solid #e8e0ff;border-radius:30px;padding:clamp(28px,5vw,66px);overflow:hidden;position:relative;box-shadow:0 22px 70px rgba(82,45,160,.10)}
.landing-v4 .lp-app-showcase-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-140px;background:rgba(112,45,255,.08)}
.landing-v4 .lp-app-copy{position:relative;z-index:2;max-width:650px}
.landing-v4 .lp-app-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.12;margin:14px 0 16px}
.landing-v4 .lp-app-copy p{font-size:16px;line-height:1.9;color:#706b80;max-width:610px}
.landing-v4 .lp-app-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}
.landing-v4 .lp-app-link{font-size:13px;font-weight:800;color:#6432e9;padding:12px 5px}
.landing-v4 .lp-install-note{display:block;margin-top:16px;color:#858092;font-size:11px;font-weight:600}
.landing-v4 .lp-install-note i{color:#15b981;margin-right:5px}
.landing-v4 .lp-phone-wrap{position:relative;z-index:2;display:flex;justify-content:center}
.landing-v4 .lp-app-showcase .lp-phone{transform:rotate(0deg);box-shadow:0 28px 60px rgba(35,25,75,.24),0 0 0 10px rgba(255,255,255,.7)}
.landing-v4 .lp-journey{background:linear-gradient(180deg,#fff 0%,#f8f6ff 100%);padding-top:clamp(68px,7vw,112px);padding-bottom:clamp(70px,7vw,110px)}
.landing-v4 .lp-journey-premium{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:38px;padding:30px;border-radius:28px;background:#fff;border:1px solid #e8e2f4;box-shadow:0 22px 65px rgba(54,35,104,.09)}
.landing-v4 .lp-journey-line{position:absolute;left:7%;right:7%;top:69px;height:2px;background:linear-gradient(90deg,#dcd2ff,#8b62ff,#dcd2ff);opacity:.55}
.landing-v4 .lp-journey-step{position:relative;z-index:2;min-width:0;padding:14px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid #eee9f7;box-shadow:0 8px 25px rgba(58,38,105,.05)}
.landing-v4 .journey-step-no{display:block;color:#8f84aa;font-size:10px;font-weight:900;margin-bottom:8px}
.landing-v4 .journey-step-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0eaff;color:#6532e8;font-size:15px;margin-bottom:11px;box-shadow:0 6px 16px rgba(112,45,255,.10)}
.landing-v4 .lp-journey-step b{font-size:14px;display:block;color:#2e2940}
.landing-v4 .lp-journey-step p{font-size:10px;line-height:1.65;color:#817b8e;margin:5px 0 0}
.landing-v4 .lp-journey-cta{margin-top:18px;border-radius:22px;padding:20px 24px;background:linear-gradient(135deg,#5f2ce9,#8b62ff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 16px 35px rgba(91,45,225,.22)}
.landing-v4 .lp-journey-cta strong,.landing-v4 .lp-journey-cta span{display:block}.landing-v4 .lp-journey-cta strong{font-size:18px}.landing-v4 .lp-journey-cta span{font-size:11px;opacity:.86;margin-top:3px}
.landing-v4 .lp-journey-cta .lp-primary{background:#ffd84d;color:#2f2750;box-shadow:none}
.landing-v4 .lp-footer{background:#171329;color:#fff;padding-top:0;border-top:1px solid rgba(255,255,255,.06)}
.landing-v4 .lp-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(28px,4vw,46px);margin-top:0;border-radius:0 0 28px 28px;background:linear-gradient(135deg,#5b29e6,#7a43ff 60%,#8f62ff);box-shadow:0 18px 45px rgba(32,20,77,.28)}
.landing-v4 .lp-footer-cta h2{font-size:clamp(26px,3.3vw,43px);line-height:1.2;margin:10px 0}.landing-v4 .lp-footer-cta p{font-size:12px;line-height:1.75;opacity:.88;margin:0;max-width:650px}
.landing-v4 .lp-footer-cta-btn{background:#ffd84d;color:#2f2750;min-width:180px;min-height:50px;box-shadow:0 10px 24px rgba(30,20,60,.18)}
.landing-v4 .lp-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:34px;padding:58px 0 10px}
.landing-v4 .lp-footer .lp-brand{color:#fff}.landing-v4 .lp-footer-brand-col>p{color:#aaa4ba;font-size:11px;line-height:1.85;max-width:340px}
.landing-v4 .lp-footer h4{font-size:13px;color:#fff;margin:3px 0 14px}.landing-v4 .lp-footer a{color:#aaa4ba;font-size:11px;display:block;margin:9px 0}.landing-v4 .lp-footer a:hover{color:#fff}.landing-v4 .lp-contact-line{display:block;color:#aaa4ba;font-size:11px;margin:10px 0;line-height:1.6}.landing-v4 .lp-contact-line i{width:20px;color:#9b7aff}
.landing-v4 .lp-footer-install{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:15px;max-width:430px}.landing-v4 .lp-footer-install>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#2a2145;color:#a989ff}.landing-v4 .lp-footer-install b,.landing-v4 .lp-footer-install small{display:block}.landing-v4 .lp-footer-install b{font-size:11px}.landing-v4 .lp-footer-install small{font-size:9px;color:#9992aa;margin-top:2px}.landing-v4 .lp-footer-install>div{flex:1}.landing-v4 .lp-footer-install-btn{border:0;border-radius:9px;background:#fff;color:#5e30e8;padding:8px 11px;font-weight:900;font-family:inherit;cursor:pointer}
.landing-v4 .lp-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:19px 0 24px!important;margin-top:30px;color:#858095;font-size:10px;display:flex;justify-content:space-between;gap:16px}
@media(max-width:1100px) and (min-width:901px){.landing-v4 .lp-journey-premium{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-v4 .lp-footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:900px){.landing-v4 .lp-app-showcase-card{grid-template-columns:1fr}.landing-v4 .lp-app-copy{max-width:none}.landing-v4 .lp-journey-premium{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.landing-v4 .lp-journey-line{display:none}.landing-v4 .lp-footer-grid{grid-template-columns:1fr 1fr}.landing-v4 .lp-footer-cta{border-radius:24px;margin:0 12px}.landing-v4 .lp-footer>.lp-wrap{width:100%}}
@media(max-width:650px){.landing-v4 .lp-search{display:flex;flex:1;min-width:0;height:40px}.landing-v4 .lp-search input{font-size:10px}.landing-v4 .lp-topbar{padding:0}.landing-v4 .lp-top-start{font-size:9px}.landing-v4 .lp-app-showcase{padding-top:35px}.landing-v4 .lp-app-showcase-card{padding:24px 18px;border-radius:22px;gap:12px}.landing-v4 .lp-app-copy h2{font-size:30px}.landing-v4 .lp-app-copy p{font-size:12px}.landing-v4 .lp-phone{transform:scale(.9)}.landing-v4 .lp-journey-premium{grid-template-columns:1fr;gap:10px;margin-top:26px;padding:14px}.landing-v4 .lp-journey-step{display:grid;grid-template-columns:34px 42px 1fr;align-items:center;gap:8px;padding:11px}.landing-v4 .journey-step-no{margin:0}.landing-v4 .journey-step-icon{margin:0;width:34px;height:34px}.landing-v4 .lp-journey-step p{margin-top:2px}.landing-v4 .lp-journey-cta{flex-direction:column;align-items:stretch;padding:18px}.landing-v4 .lp-journey-cta .lp-primary{width:100%}.landing-v4 .lp-footer-cta{margin:0 10px;padding:24px 18px;align-items:stretch;flex-direction:column}.landing-v4 .lp-footer-cta h2{font-size:25px}.landing-v4 .lp-footer-grid{grid-template-columns:1fr;padding:38px 18px 10px;gap:25px}.landing-v4 .lp-footer-bottom{margin:15px 18px 0!important;flex-direction:column}.landing-v4 .lp-footer-install{max-width:none}.landing-v4 .lp-course-learners{font-size:9px}.landing-v4 .lp-course-learners strong{font-size:12px}}

/* V10.4 — mobile app section intentionally keeps only the phone product model */
.landing-v4 .lp-app-only{text-align:center;position:relative;z-index:2}
.landing-v4 .lp-app-only h2{font-size:clamp(30px,4vw,52px);line-height:1.15;margin:12px 0}
.landing-v4 .lp-app-only>p{font-size:13px;color:#7a7488;margin:0 auto;max-width:600px;line-height:1.8}
.landing-v4 .lp-app-only .lp-phone-wrap{margin:34px auto 18px;display:flex;justify-content:center}
.landing-v4 .lp-app-only .lp-phone{transform:rotate(0deg);box-shadow:0 28px 60px rgba(35,25,75,.24),0 0 0 10px rgba(255,255,255,.78)}
.landing-v4 .lp-app-only-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:650px){.landing-v4 .lp-app-only h2{font-size:29px}.landing-v4 .lp-app-only>p{font-size:11px}.landing-v4 .lp-app-only .lp-phone{transform:scale(.9)}.landing-v4 .lp-app-only .lp-phone-wrap{margin-top:24px}}

/* V10.5 FINAL — balanced desktop width, career-path journey, reveal motion and course overflow CTA */
.landing-v4 .lp-course-section,
.landing-v4 .lp-app-showcase,
.landing-v4 .lp-journey,
.landing-v4 .lp-footer{position:relative;isolation:isolate}
.landing-v4 .lp-course-section > .lp-section-toolbar,
.landing-v4 .lp-course-section > .lp-course-grid,
.landing-v4 .lp-course-section > .lp-access-strip,
.landing-v4 .lp-course-section > .lp-course-more,
.landing-v4 .lp-app-showcase > .lp-wrap,
.landing-v4 .lp-journey > .lp-wrap,
.landing-v4 .lp-footer > .lp-wrap{width:min(1480px,calc(100% - 56px));max-width:1480px;margin-inline:auto}
@media(min-width:901px){
 .landing-v4 .lp-content{margin-left:236px;width:calc(100% - 236px);padding:0 28px 80px}
 .landing-v4 .lp-course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
 .landing-v4 .lp-dashboard-hero{width:100%;}
}
@media(min-width:1550px){
 .landing-v4 .lp-content{padding-left:36px;padding-right:36px}
 .landing-v4 .lp-course-section > .lp-section-toolbar,
 .landing-v4 .lp-course-section > .lp-course-grid,
 .landing-v4 .lp-course-section > .lp-access-strip,
 .landing-v4 .lp-course-section > .lp-course-more,
 .landing-v4 .lp-app-showcase > .lp-wrap,
 .landing-v4 .lp-journey > .lp-wrap,
 .landing-v4 .lp-footer > .lp-wrap{width:min(1600px,calc(100% - 72px));max-width:1600px}
}
.landing-v4 .lp-course-more{margin-top:18px;padding:18px 20px;border:1px solid #e4dcfb;border-radius:20px;background:linear-gradient(100deg,#f4f0ff,#fff);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 30px rgba(73,48,132,.06)}
.landing-v4 .lp-course-more strong,.landing-v4 .lp-course-more span{display:block}.landing-v4 .lp-course-more strong{font-size:17px;color:#302850}.landing-v4 .lp-course-more span{font-size:10px;color:#7c768a;margin-top:3px}.landing-v4 .lp-course-more .lp-light{border:1px solid #d9cefa;background:#fff;color:#6230df;min-height:44px;white-space:nowrap}

/* Career-path / roadmap visual inspired by the supplied reference */
.landing-v4 .lp-journey{padding-top:clamp(70px,7vw,108px);padding-bottom:clamp(72px,7vw,110px);overflow:hidden}
.landing-v4 .lp-journey .lp-section-head{margin-bottom:34px}
.landing-v4 .lp-journey-premium{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(150px,1fr));gap:22px 16px;margin-top:0;padding:36px 28px;border-radius:30px;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #e6def7;box-shadow:0 24px 70px rgba(57,38,108,.10);overflow:hidden}
.landing-v4 .lp-journey-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(112,45,255,.08),transparent 24%),radial-gradient(circle at 90% 80%,rgba(255,79,108,.07),transparent 25%);pointer-events:none}
.landing-v4 .lp-journey-line{position:absolute;inset:22px 22px 22px 22px;width:calc(100% - 44px);height:calc(100% - 44px);z-index:1;pointer-events:none;overflow:visible}
.landing-v4 .lp-journey-line path{fill:none;stroke:#8a62ff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.018 .012;opacity:.72;filter:drop-shadow(0 2px 4px rgba(112,45,255,.12));animation:journeyPathFlow 8s linear infinite}
.landing-v4 .lp-journey-step{z-index:2;min-width:0;padding:17px 15px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid #e9e3f3;box-shadow:0 10px 28px rgba(55,38,99,.07);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.landing-v4 .lp-journey-step:nth-of-type(odd){transform:translateY(12px)}
.landing-v4 .lp-journey-step:nth-of-type(even){transform:translateY(-8px)}
.landing-v4 .lp-journey-step:hover{transform:translateY(-5px)!important;border-color:#cfc0f8;box-shadow:0 18px 38px rgba(75,46,142,.13)}
.landing-v4 .journey-step-no{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:22px;padding:0 7px;border-radius:999px;background:#f0eaff;color:#6332e7;font-size:9px;font-weight:900;margin-bottom:12px}
.landing-v4 .journey-step-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f0eaff,#fff);color:#6332e7;font-size:16px;margin-bottom:11px;box-shadow:0 7px 17px rgba(112,45,255,.11)}
.landing-v4 .lp-journey-step:nth-of-type(3n) .journey-step-icon{color:#ff4f6c;background:linear-gradient(145deg,#fff0f3,#fff)}
.landing-v4 .lp-journey-step b{font-size:15px;display:block;color:#2e2940}.landing-v4 .lp-journey-step p{font-size:10px;line-height:1.7;color:#817b8e;margin:5px 0 0}
.landing-v4 .lp-journey-cta{margin-top:20px}
@keyframes journeyPathFlow{to{stroke-dashoffset:-1}}

/* Whole-page motion: subtle, performance-friendly and respects reduced-motion */
.landing-v4 .lp-dashboard-hero,.landing-v4 .lp-course-section,.landing-v4 .lp-app-showcase,.landing-v4 .lp-journey,.landing-v4 .lp-footer{animation:sectionFloatIn .7s ease both}
.landing-v4 .lp-course-card,.landing-v4 .lp-app-only,.landing-v4 .lp-journey-step,.landing-v4 .lp-course-more,.landing-v4 .lp-footer-grid>div{animation:cardFloatIn .65s ease both}
.landing-v4 .lp-course-card:nth-child(2),.landing-v4 .lp-journey-step:nth-child(2){animation-delay:.04s}.landing-v4 .lp-course-card:nth-child(3),.landing-v4 .lp-journey-step:nth-child(3){animation-delay:.08s}.landing-v4 .lp-course-card:nth-child(4),.landing-v4 .lp-journey-step:nth-child(4){animation-delay:.12s}
@keyframes sectionFloatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cardFloatIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.landing-v4 .lp-hero-illustration .lp-orbit{animation:orbitPulse 5s ease-in-out infinite}.landing-v4 .lp-float-ui{animation:floatUi 4s ease-in-out infinite}.landing-v4 .lp-hero-side a,.landing-v4 .lp-hero-btn{transition:transform .2s ease,box-shadow .2s ease}.landing-v4 .lp-hero-side a:hover,.landing-v4 .lp-hero-btn:hover{transform:translateY(-3px)}
@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.04);opacity:.9}}
@keyframes floatUi{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:900px){
 .landing-v4 .lp-course-section > .lp-section-toolbar,.landing-v4 .lp-course-section > .lp-course-grid,.landing-v4 .lp-course-section > .lp-access-strip,.landing-v4 .lp-course-section > .lp-course-more,.landing-v4 .lp-app-showcase > .lp-wrap,.landing-v4 .lp-journey > .lp-wrap{width:calc(100% - 24px)}
 .landing-v4 .lp-journey-premium{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;padding:20px;gap:12px}
 .landing-v4 .lp-journey-line{display:none}.landing-v4 .lp-journey-step:nth-of-type(odd),.landing-v4 .lp-journey-step:nth-of-type(even){transform:none}
 .landing-v4 .lp-course-more{flex-direction:column;align-items:stretch}.landing-v4 .lp-course-more .lp-light{width:100%}
}
@media(max-width:650px){
 .landing-v4 .lp-journey-premium{grid-template-columns:1fr;padding:14px;gap:10px}.landing-v4 .lp-journey-step{display:grid;grid-template-columns:34px 43px 1fr;align-items:center;gap:9px;padding:12px}.landing-v4 .journey-step-no,.landing-v4 .journey-step-icon{margin:0}.landing-v4 .journey-step-no{min-width:34px;width:34px}.landing-v4 .lp-journey-step p{margin-top:2px}.landing-v4 .lp-course-more{margin-top:14px;padding:15px}.landing-v4 .lp-course-more strong{font-size:15px}.landing-v4 .lp-course-more span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.landing-v4 *, .landing-v4 *::before,.landing-v4 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* V10.6 FINAL — desktop rail containment + mobile phone course motion
   The landing sections below the course area live outside .lp-content in the
   legacy markup, so they explicitly reserve the desktop sidebar rail. */
@media (min-width:901px){
  .landing-v4 .lp-app-showcase,
  .landing-v4 .lp-journey,
  .landing-v4 .lp-footer{
    margin-left:236px;
    width:calc(100% - 236px);
    max-width:none;
  }
  .landing-v4 .lp-app-showcase > .lp-wrap,
  .landing-v4 .lp-journey > .lp-wrap,
  .landing-v4 .lp-footer > .lp-wrap{
    width:calc(100% - 56px);
    max-width:1480px;
    margin-inline:auto;
  }
  .landing-v4 .lp-footer-bottom.lp-wrap{
    width:calc(100% - 56px);
    max-width:1480px;
    margin-inline:auto;
  }
}
@media (min-width:1500px){
  .landing-v4 .lp-app-showcase > .lp-wrap,
  .landing-v4 .lp-journey > .lp-wrap,
  .landing-v4 .lp-footer > .lp-wrap,
  .landing-v4 .lp-footer-bottom.lp-wrap{
    width:calc(100% - 72px);
    max-width:1600px;
  }
}
@media (max-width:900px){
  .landing-v4 .lp-app-showcase,
  .landing-v4 .lp-journey,
  .landing-v4 .lp-footer{
    margin-left:0;
    width:100%;
    max-width:none;
  }
}

/* Animated course discovery inside the mobile app mockup. */
.landing-v4 .lp-phone{isolation:isolate}
.landing-v4 .phone-course-ticker{
  position:relative;
  z-index:3;
  height:54px;
  margin:0 0 8px;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(135deg,#f7f3ff,#fff);
  border:1px solid #e9e4f5;
  box-shadow:0 6px 16px rgba(73,52,123,.06);
}
.landing-v4 .phone-course-track{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:7px 9px;
  animation:phoneCourseScroll 9s cubic-bezier(.45,0,.55,1) infinite;
}
.landing-v4 .phone-course-track span{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 8px;
  border-radius:9px;
  background:#fff;
  border:1px solid #eeeaf6;
  color:#514b65;
  font-size:7px;
  font-weight:800;
  box-shadow:0 3px 9px rgba(64,43,111,.04);
}
.landing-v4 .phone-course-track span i{color:var(--p);width:15px;text-align:center}
@keyframes phoneCourseScroll{
  0%,12%{transform:translateY(0)}
  20%,32%{transform:translateY(-40px)}
  40%,52%{transform:translateY(-80px)}
  60%,72%{transform:translateY(-120px)}
  80%,92%{transform:translateY(-160px)}
  100%{transform:translateY(-200px)}
}
@media(max-width:650px){
  .landing-v4 .phone-course-ticker{height:48px;margin-bottom:6px}
  .landing-v4 .phone-course-track span{min-height:30px;font-size:6.5px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v4 .phone-course-track{animation:none}
}

/* V11.1 — App/IP + I-Journey responsive polish and resilient footer
   Scope: homepage visual sections only. Existing functionality and markup remain untouched. */
.landing-v4 .ip-app-section,
.landing-v4 .ip-journey,
.landing-v4 .lp-footer{
  overflow:hidden;
  min-width:0;
}

/* App / IP section */
.landing-v4 .ip-app-section{
  position:relative;
  isolation:isolate;
  padding:clamp(54px,7vw,108px) 0 clamp(58px,7vw,112px);
  background:
    radial-gradient(circle at 14% 20%,rgba(112,45,255,.10),transparent 26%),
    radial-gradient(circle at 86% 72%,rgba(255,79,108,.08),transparent 24%),
    linear-gradient(135deg,#f4f0ff 0%,#fff 48%,#f7f3ff 100%);
}
.landing-v4 .ip-app-section::before,
.landing-v4 .ip-app-section::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
.landing-v4 .ip-app-section::before{
  width:clamp(180px,28vw,420px);
  height:clamp(180px,28vw,420px);
  left:-12%;
  top:8%;
  background:radial-gradient(circle,rgba(139,98,255,.18),transparent 68%);
  animation:ipAppGlow 7s ease-in-out infinite;
}
.landing-v4 .ip-app-section::after{
  width:clamp(160px,24vw,360px);
  height:clamp(160px,24vw,360px);
  right:-8%;
  bottom:-8%;
  background:radial-gradient(circle,rgba(255,79,108,.13),transparent 68%);
  animation:ipAppGlow 8s ease-in-out infinite reverse;
}
.landing-v4 .ip-app-section > .lp-wrap{
  width:min(1480px,calc(100% - 40px));
  max-width:1480px;
  margin-inline:auto;
}
.landing-v4 .ip-app-section .lp-app-only{
  width:min(100%,1080px);
  margin-inline:auto;
  padding:clamp(24px,4vw,52px) clamp(16px,4vw,42px);
  border:1px solid rgba(232,224,255,.95);
  border-radius:clamp(22px,3vw,34px);
  background:rgba(255,255,255,.68);
  box-shadow:0 28px 80px rgba(65,43,130,.10),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.landing-v4 .ip-app-section .lp-app-only h2{
  max-width:850px;
  margin:12px auto 14px;
  text-wrap:balance;
}
.landing-v4 .ip-app-section .lp-app-only > p{
  max-width:650px;
}
.landing-v4 .ip-app-section .lp-phone-wrap{
  min-height:clamp(480px,52vw,610px);
  margin:clamp(22px,4vw,38px) auto 18px;
  overflow:visible;
}
.landing-v4 .ip-app-section .lp-phone-glow{
  width:clamp(250px,34vw,430px);
  height:clamp(250px,34vw,430px);
  background:radial-gradient(circle,rgba(193,194,224,.72),rgba(193,194,224,.24) 48%,transparent 72%);
  animation:ipPhoneGlow 5.5s ease-in-out infinite;
}
.landing-v4 .ip-app-section .lp-phone{
  will-change:transform;
  animation:ipPhoneFloat 5s ease-in-out infinite;
  max-width:calc(100vw - 54px);
}
.landing-v4 .ip-app-section .lp-app-only-actions{
  position:relative;
  z-index:3;
}
.landing-v4 .ip-app-section .lp-app-only-actions .lp-primary{
  box-shadow:0 12px 28px rgba(101,50,232,.22);
}

/* I-Journey section */
.landing-v4 .ip-journey{
  position:relative;
  isolation:isolate;
  padding:clamp(58px,7vw,112px) 0 clamp(62px,7vw,116px);
  background:
    radial-gradient(circle at 88% 14%,rgba(112,45,255,.09),transparent 25%),
    radial-gradient(circle at 8% 82%,rgba(255,79,108,.07),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f8f6ff 100%);
}
.landing-v4 .ip-journey::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-180px;
  top:16%;
  border-radius:50%;
  border:1px solid rgba(112,45,255,.10);
  box-shadow:0 0 0 28px rgba(112,45,255,.025),0 0 0 58px rgba(112,45,255,.018);
  animation:ipJourneyOrbit 16s linear infinite;
  pointer-events:none;
  z-index:-1;
}
.landing-v4 .ip-journey > .lp-wrap{
  width:min(1480px,calc(100% - 40px));
  max-width:1480px;
  margin-inline:auto;
}
.landing-v4 .ip-journey .lp-section-head{
  width:min(100%,820px);
  margin-inline:auto;
  margin-bottom:clamp(24px,4vw,38px);
}
.landing-v4 .ip-journey .lp-section-head h2{
  text-wrap:balance;
}
.landing-v4 .ip-journey-premium{
  width:100%;
  min-width:0;
  padding:clamp(18px,3vw,36px);
  gap:clamp(12px,1.7vw,22px);
  border-radius:clamp(22px,3vw,30px);
  box-shadow:0 24px 70px rgba(57,38,108,.10),0 1px 0 rgba(255,255,255,.9) inset;
}
.landing-v4 .ip-journey-step{
  min-width:0;
  overflow:hidden;
  word-break:normal;
  overflow-wrap:anywhere;
  animation:ipJourneyCardIn .65s ease both;
}
.landing-v4 .ip-journey-step:hover{
  transform:translateY(-6px)!important;
}
.landing-v4 .ip-journey-step .journey-step-icon,
.landing-v4 .ip-journey-step .journey-step-no{
  flex:0 0 auto;
}
.landing-v4 .ip-journey-cta{
  width:100%;
  min-width:0;
  margin-top:clamp(14px,2vw,20px);
  padding:clamp(16px,2.5vw,24px);
  border-radius:clamp(18px,2.5vw,24px);
  box-shadow:0 18px 42px rgba(91,45,225,.20);
}
.landing-v4 .ip-journey-cta > div{min-width:0}
.landing-v4 .ip-journey-cta strong,
.landing-v4 .ip-journey-cta span{overflow-wrap:anywhere}

/* Footer: fluid, contained and safe at every viewport width */
.landing-v4 .lp-footer{
  position:relative;
  isolation:isolate;
  padding-top:0;
  background:
    radial-gradient(circle at 82% 8%,rgba(122,67,255,.16),transparent 24%),
    radial-gradient(circle at 8% 70%,rgba(91,41,230,.11),transparent 25%),
    #171329;
}
.landing-v4 .lp-footer > .lp-wrap{
  width:min(1480px,calc(100% - 40px));
  max-width:1480px;
  margin-inline:auto;
  min-width:0;
}
.landing-v4 .lp-footer-cta{
  position:relative;
  isolation:isolate;
  min-width:0;
  margin:0;
  padding:clamp(24px,4vw,48px) clamp(20px,4vw,52px);
  border-radius:0 0 clamp(24px,3vw,34px) clamp(24px,3vw,34px);
  overflow:hidden;
  box-shadow:0 20px 55px rgba(32,20,77,.28);
}
.landing-v4 .lp-footer-cta::before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border-radius:50%;
  right:-100px;
  top:-130px;
  background:rgba(255,255,255,.09);
  z-index:-1;
  animation:footerOrb 7s ease-in-out infinite;
}
.landing-v4 .lp-footer-cta > div{min-width:0}
.landing-v4 .lp-footer-cta h2,
.landing-v4 .lp-footer-cta p{overflow-wrap:anywhere}
.landing-v4 .lp-footer-cta-btn{flex:0 0 auto}
.landing-v4 .lp-footer-grid{
  grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(130px,1fr)) minmax(0,1.3fr);
  gap:clamp(22px,3vw,42px);
  padding:clamp(38px,5vw,60px) 0 12px;
}
.landing-v4 .lp-footer-grid > div{min-width:0}
.landing-v4 .lp-footer-brand-col > p,
.landing-v4 .lp-footer a,
.landing-v4 .lp-contact-line,
.landing-v4 .lp-footer-install small{
  overflow-wrap:anywhere;
}
.landing-v4 .lp-footer-install{
  width:100%;
  max-width:440px;
  min-width:0;
}
.landing-v4 .lp-footer-install > div{min-width:0}
.landing-v4 .lp-footer-install-btn{flex:0 0 auto;white-space:nowrap}
.landing-v4 .lp-footer-bottom{
  width:100%!important;
  min-width:0;
  margin-top:24px!important;
  padding:18px 0 24px!important;
  flex-wrap:wrap;
}
.landing-v4 .lp-footer-bottom span{overflow-wrap:anywhere}

@keyframes ipAppGlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-12px,0) scale(1.06)}}
@keyframes ipPhoneGlow{0%,100%{transform:scale(.98);opacity:.68}50%{transform:scale(1.05);opacity:.95}}
@keyframes ipPhoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ipJourneyOrbit{to{transform:rotate(360deg)}}
@keyframes ipJourneyCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes footerOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,16px,0) scale(1.08)}}

@media(max-width:1100px) and (min-width:901px){
  .landing-v4 .ip-journey-premium{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}
  .landing-v4 .lp-footer-grid{grid-template-columns:1.5fr 1fr 1fr}
  .landing-v4 .lp-footer-brand-col{grid-row:span 2}
}
@media(max-width:900px){
  .landing-v4 .ip-app-section > .lp-wrap,
  .landing-v4 .ip-journey > .lp-wrap,
  .landing-v4 .lp-footer > .lp-wrap{width:calc(100% - 28px)}
  .landing-v4 .ip-app-section .lp-app-only{padding:24px 14px 28px}
  .landing-v4 .ip-journey-premium{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .landing-v4 .lp-footer-cta{flex-direction:column;align-items:stretch}
  .landing-v4 .lp-footer-cta-btn{width:100%}
  .landing-v4 .lp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
  .landing-v4 .ip-app-section,
  .landing-v4 .ip-journey{padding-left:0;padding-right:0}
  .landing-v4 .ip-app-section > .lp-wrap,
  .landing-v4 .ip-journey > .lp-wrap,
  .landing-v4 .lp-footer > .lp-wrap{width:calc(100% - 20px)}
  .landing-v4 .ip-app-section .lp-app-only{border-radius:20px;padding:22px 12px 24px}
  .landing-v4 .ip-app-section .lp-app-only h2{font-size:clamp(27px,8vw,34px);line-height:1.16}
  .landing-v4 .ip-app-section .lp-app-only > p{font-size:11px;line-height:1.75}
  .landing-v4 .ip-app-section .lp-phone-wrap{min-height:475px;margin-top:20px}
  .landing-v4 .ip-app-section .lp-phone{transform:scale(.88);animation:ipPhoneFloatSmall 5s ease-in-out infinite}
  .landing-v4 .ip-app-section .lp-app-only-actions{gap:8px}
  .landing-v4 .ip-app-section .lp-app-only-actions .lp-primary{width:100%}
  .landing-v4 .ip-app-section .lp-app-link{padding:9px 4px}
  .landing-v4 .ip-journey .lp-section-head h2{font-size:clamp(27px,8vw,34px)}
  .landing-v4 .ip-journey .lp-section-head p{font-size:11px;line-height:1.8}
  .landing-v4 .ip-journey-premium{grid-template-columns:1fr;padding:12px;gap:9px;margin-top:24px}
  .landing-v4 .ip-journey-step{display:grid;grid-template-columns:32px 40px minmax(0,1fr);align-items:center;gap:8px;padding:11px;border-radius:16px}
  .landing-v4 .ip-journey-step .journey-step-no{min-width:32px;width:32px;height:21px;margin:0;padding:0 4px}
  .landing-v4 .ip-journey-step .journey-step-icon{width:40px;height:40px;margin:0;border-radius:12px;font-size:14px}
  .landing-v4 .ip-journey-step b{font-size:13px;line-height:1.35}
  .landing-v4 .ip-journey-step p{font-size:9px;line-height:1.55;margin-top:2px}
  .landing-v4 .ip-journey-cta{flex-direction:column;align-items:stretch;padding:16px;margin-top:12px}
  .landing-v4 .ip-journey-cta strong{font-size:16px}
  .landing-v4 .ip-journey-cta span{font-size:10px}
  .landing-v4 .ip-journey-cta .lp-primary{width:100%}
  .landing-v4 .lp-footer > .lp-wrap{width:calc(100% - 20px)}
  .landing-v4 .lp-footer-cta{padding:23px 16px;border-radius:20px}
  .landing-v4 .lp-footer-cta h2{font-size:clamp(23px,7vw,28px);line-height:1.25}
  .landing-v4 .lp-footer-cta p{font-size:10px;line-height:1.75}
  .landing-v4 .lp-footer-grid{grid-template-columns:1fr;padding:34px 4px 8px;gap:22px}
  .landing-v4 .lp-footer-install{padding:11px;gap:8px}
  .landing-v4 .lp-footer-install b{font-size:10px}
  .landing-v4 .lp-footer-install small{font-size:8px;line-height:1.55}
  .landing-v4 .lp-footer-bottom{margin-top:16px!important;padding:16px 4px 22px!important;gap:7px;line-height:1.6}
}
@media(max-width:360px){
  .landing-v4 .ip-app-section > .lp-wrap,
  .landing-v4 .ip-journey > .lp-wrap,
  .landing-v4 .lp-footer > .lp-wrap{width:calc(100% - 14px)}
  .landing-v4 .ip-app-section .lp-phone-wrap{min-height:445px}
  .landing-v4 .ip-app-section .lp-phone{transform:scale(.80)}
  .landing-v4 .ip-journey-step{grid-template-columns:28px 36px minmax(0,1fr);gap:6px;padding:9px}
  .landing-v4 .ip-journey-step .journey-step-no{min-width:28px;width:28px;font-size:8px}
  .landing-v4 .ip-journey-step .journey-step-icon{width:36px;height:36px;font-size:13px}
  .landing-v4 .ip-journey-step b{font-size:12px}
  .landing-v4 .ip-journey-step p{font-size:8.5px}
  .landing-v4 .lp-footer-install{align-items:flex-start}
  .landing-v4 .lp-footer-install-btn{padding:7px 9px;font-size:9px}
}
@keyframes ipPhoneFloatSmall{0%,100%{transform:scale(.88) translateY(0)}50%{transform:scale(.88) translateY(-8px)}}
@media(prefers-reduced-motion:reduce){
  .landing-v4 .ip-app-section::before,
  .landing-v4 .ip-app-section::after,
  .landing-v4 .ip-app-section .lp-phone-glow,
  .landing-v4 .ip-app-section .lp-phone,
  .landing-v4 .ip-journey::before,
  .landing-v4 .ip-journey-step,
  .landing-v4 .lp-footer-cta::before{animation:none!important}
}

/* V11.5 — advanced bilingual search, strict install UI and CTA polish. */
.landing-v4 .lp-search{position:relative;z-index:60;overflow:visible;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.landing-v4 .lp-search:focus-within{border-color:#9a78ff;box-shadow:0 12px 32px rgba(91,45,225,.14),0 0 0 4px rgba(112,45,255,.06);transform:translateY(-1px)}
.landing-v4 .lp-search input{min-width:0}
.landing-v4 .lp-search-clear{width:28px;height:28px;border:0;border-radius:9px;background:#f1edff;color:#6332e7;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;transition:.2s}
.landing-v4 .lp-search-clear:hover{background:#e6ddff;transform:rotate(90deg)}
.landing-v4 .lp-search-results{position:absolute;left:-2px;right:-2px;top:calc(100% + 9px);display:none;padding:8px;border:1px solid #e7defc;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(48,30,100,.17);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);max-height:min(500px,65vh);overflow:auto;z-index:100}
.landing-v4 .lp-search-results.show{display:grid;gap:5px;animation:lpSearchDrop .22s ease both}
.landing-v4 .lp-search-result{appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:13px;padding:9px;background:transparent;color:#332d46;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.landing-v4 .lp-search-result:hover,.landing-v4 .lp-search-result:focus-visible{outline:0;background:#f7f3ff;border-color:#e6dcff;transform:translateX(2px)}
.landing-v4 .lp-search-result-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#eee8ff,#fff);color:#6332e7;box-shadow:0 6px 14px rgba(112,45,255,.08)}
.landing-v4 .lp-search-result-copy{min-width:0}.landing-v4 .lp-search-result-copy b,.landing-v4 .lp-search-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-v4 .lp-search-result-copy b{font-size:11px;font-weight:900}.landing-v4 .lp-search-result-copy small{font-size:9px;color:#8b8598;margin-top:3px}.landing-v4 .lp-search-result-rank{font-size:9px;font-weight:900;color:#a096b2;text-align:center}.landing-v4 .lp-search-empty{display:flex;align-items:center;gap:11px;padding:18px 12px;color:#777084}.landing-v4 .lp-search-empty>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1edff;color:#6332e7}.landing-v4 .lp-search-empty b,.landing-v4 .lp-search-empty span{display:block}.landing-v4 .lp-search-empty b{font-size:11px;color:#433c52}.landing-v4 .lp-search-empty span{font-size:9px;line-height:1.6;margin-top:2px}
.landing-v4 .lp-course-card.is-search-extra-hidden{display:none!important}
.landing-v4 .lp-course-card.lp-search-focus{animation:lpSearchFocus 1.8s ease both;z-index:4}
@keyframes lpSearchDrop{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
@keyframes lpSearchFocus{0%,100%{box-shadow:0 8px 28px rgba(58,38,105,.06)}20%,60%{box-shadow:0 0 0 4px rgba(112,45,255,.14),0 24px 55px rgba(74,43,160,.17);transform:translateY(-4px)}}

/* CTA system: consistent contrast, spacing, touch target and motion. */
.landing-v4 .lp-btn,.landing-v4 .lp-top-start,.landing-v4 .lp-hero-btn,.landing-v4 .lp-hero-link,.landing-v4 .lp-hero-side>a,.landing-v4 .lp-app-link,.landing-v4 .lp-footer-cta-btn,.landing-v4 .lp-footer-install-btn,.landing-v4 .lp-mobile-cta a{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}
.landing-v4 .lp-btn{min-height:46px;padding:11px 18px;line-height:1.25;white-space:normal;text-align:center}
.landing-v4 .lp-primary{color:#fff;background:linear-gradient(135deg,#5f2ce9,#7b4cff);box-shadow:0 11px 25px rgba(91,45,225,.22)}
.landing-v4 .lp-primary:hover{background:linear-gradient(135deg,#5423d8,#7042ef);transform:translateY(-3px);box-shadow:0 16px 32px rgba(91,45,225,.27)}
.landing-v4 .lp-primary:active,.landing-v4 .lp-top-start:active,.landing-v4 .lp-hero-btn:active,.landing-v4 .lp-footer-cta-btn:active{transform:translateY(0) scale(.98)}
.landing-v4 .lp-top-start{min-height:43px;padding:11px 15px;background:linear-gradient(135deg,#6332e7,#8057f6);box-shadow:0 9px 22px rgba(104,53,235,.20)}
.landing-v4 .lp-top-start:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(104,53,235,.28)}
.landing-v4 .lp-hero-btn{min-height:47px;padding:12px 18px;background:linear-gradient(135deg,#ffe16a,#ffd33e);color:#30284e;box-shadow:0 12px 25px rgba(39,25,90,.20)}
.landing-v4 .lp-hero-btn:hover{transform:translateY(-3px);box-shadow:0 17px 32px rgba(39,25,90,.25)}
.landing-v4 .lp-hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 10px;border-radius:11px;text-decoration:none}
.landing-v4 .lp-hero-link:hover{background:rgba(255,255,255,.10);transform:translateY(-2px)}
.landing-v4 .lp-hero-side>a{min-height:44px;padding:11px 15px;border-radius:12px;background:linear-gradient(135deg,#fff,#f3edff);color:#5730ad!important;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.landing-v4 .lp-hero-side>a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(29,20,60,.16)}
.landing-v4 .lp-app-only-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.landing-v4 .lp-app-only-actions .lp-primary{min-width:205px}
.landing-v4 .lp-app-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border-radius:11px}
.landing-v4 .lp-app-link:hover{background:#f0eaff;transform:translateY(-2px)}
.landing-v4 .lp-journey-cta .lp-primary{background:linear-gradient(135deg,#ffe16a,#ffd33e);color:#30284e;box-shadow:0 9px 20px rgba(39,25,90,.13)}
.landing-v4 .lp-journey-cta .lp-primary:hover{box-shadow:0 14px 28px rgba(39,25,90,.18)}
.landing-v4 .lp-footer-cta-btn{min-height:52px;padding:13px 20px;background:linear-gradient(135deg,#ffe16a,#ffd33e);color:#30284e;box-shadow:0 12px 27px rgba(30,20,60,.20)}
.landing-v4 .lp-footer-cta-btn:hover{transform:translateY(-3px);box-shadow:0 17px 33px rgba(30,20,60,.26)}
.landing-v4 .lp-footer-install-btn{min-height:40px;padding:9px 14px;background:linear-gradient(135deg,#fff,#f3edff);color:#5e30e8;box-shadow:0 7px 17px rgba(0,0,0,.12)}
.landing-v4 .lp-footer-install-btn:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(0,0,0,.18)}
.landing-v4 .lp-footer-install-btn.is-installed{background:#bff5df;color:#13785d}
.landing-v4 .lp-mobile-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.landing-v4 .lp-btn i,.landing-v4 .lp-top-start i,.landing-v4 .lp-hero-btn i,.landing-v4 .lp-footer-cta-btn i{transition:transform .22s ease}.landing-v4 .lp-btn:hover i,.landing-v4 .lp-top-start:hover i,.landing-v4 .lp-hero-btn:hover i,.landing-v4 .lp-footer-cta-btn:hover i{transform:translateX(3px)}

/* PWA install modal */
.landing-v4.lp-install-open{overflow:hidden}
.landing-v4 .lp-install-modal[hidden]{display:none}
.landing-v4 .lp-install-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}
.landing-v4 .lp-install-backdrop{position:absolute;inset:0;background:rgba(20,14,42,.60);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:lpInstallFade .22s ease both}
.landing-v4 .lp-install-dialog{position:relative;width:min(440px,100%);padding:30px 24px 24px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(15,8,40,.32);text-align:center;animation:lpInstallPop .28s cubic-bezier(.2,.8,.2,1) both}
.landing-v4 .lp-install-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:0;border-radius:10px;background:#f1edff;color:#6332e7;cursor:pointer;transition:.2s}.landing-v4 .lp-install-close:hover{transform:rotate(90deg);background:#e8ddff}
.landing-v4 .lp-install-logo{width:76px;height:76px;margin:0 auto 14px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(135deg,#5f2ce9,#8b62ff);color:#fff;font-size:31px;box-shadow:0 16px 34px rgba(91,45,225,.25);animation:lpInstallLogo 3s ease-in-out infinite}
.landing-v4 .lp-install-dialog h2{font-size:25px;line-height:1.25;margin:10px 0 8px;color:#2e2940}.landing-v4 .lp-install-dialog>p{font-size:11px;line-height:1.8;color:#777084;margin:0 auto 17px;max-width:350px}.landing-v4 .lp-install-confirm{width:100%;min-height:50px;font-size:12px}.landing-v4 .lp-install-confirm[disabled]{opacity:.55;cursor:not-allowed}.landing-v4 .lp-install-help{margin-top:13px;padding:11px 12px;border-radius:13px;background:#f7f4ff;color:#756e83;font-size:9px;line-height:1.7;display:flex;align-items:flex-start;gap:8px;text-align:left}.landing-v4 .lp-install-help i{color:#6332e7;font-size:13px;margin-top:2px}.landing-v4 .lp-install-open .lp-install-dialog{will-change:transform}
@keyframes lpInstallFade{from{opacity:0}to{opacity:1}}
@keyframes lpInstallPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes lpInstallLogo{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}

@media(max-width:900px){
 .landing-v4 .lp-topbar{gap:10px}
 .landing-v4 .lp-search-results{top:calc(100% + 7px);max-height:60vh}
 .landing-v4 .lp-top-start{padding:10px 12px;min-height:40px}
 .landing-v4 .lp-app-only-actions .lp-primary{min-width:0}
}
@media(max-width:650px){
 .landing-v4 .lp-topbar{gap:7px}
 .landing-v4 .lp-search{min-height:42px;border-width:1.5px;padding:0 10px}
 .landing-v4 .lp-search i{font-size:14px}.landing-v4 .lp-search input{font-size:10px;padding:0 8px}.landing-v4 .lp-search-results{left:-1px;right:-1px;border-radius:15px;padding:6px}
 .landing-v4 .lp-search-result{grid-template-columns:34px minmax(0,1fr) 18px;padding:8px;gap:8px}.landing-v4 .lp-search-result-icon{width:34px;height:34px}.landing-v4 .lp-search-result-copy b{font-size:10px}.landing-v4 .lp-search-result-copy small{font-size:8px}
 .landing-v4 .lp-top-start{font-size:8px;padding:9px 9px;border-radius:10px}
 .landing-v4 .lp-btn{min-height:48px;padding:12px 15px}
 .landing-v4 .lp-hero-actions{gap:8px}
 .landing-v4 .lp-hero-btn{width:100%;padding-inline:14px}
 .landing-v4 .lp-hero-link{width:100%;background:rgba(255,255,255,.06)}
 .landing-v4 .lp-app-only-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
 .landing-v4 .lp-app-only-actions .lp-primary,.landing-v4 .lp-app-link{width:100%;min-width:0}
 .landing-v4 .lp-footer-cta-btn{width:100%;min-height:50px}
 .landing-v4 .lp-footer-install-btn{min-width:64px}
 .landing-v4 .lp-install-dialog{padding:28px 17px 20px;border-radius:22px}.landing-v4 .lp-install-logo{width:68px;height:68px;border-radius:20px;font-size:28px}.landing-v4 .lp-install-dialog h2{font-size:22px}.landing-v4 .lp-install-dialog>p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .landing-v4 .lp-search-results.show,.landing-v4 .lp-course-card.lp-search-focus,.landing-v4 .lp-install-dialog,.landing-v4 .lp-install-backdrop,.landing-v4 .lp-install-logo{animation:none!important}
}

/* V11.7 — payment gateway footer + final CTA */
.landing-v4 .lp-payment-strip{margin-top:24px;padding:22px 0 4px;border-top:1px solid rgba(255,255,255,.09);position:relative}
.landing-v4 .lp-payment-heading{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:13px}.landing-v4 .lp-payment-heading strong{font-size:14px;color:#fff}.landing-v4 .lp-payment-heading small{font-size:9px;color:#aaa2b9}.landing-v4 .lp-payment-logos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.landing-v4 .lp-payment-logo{min-height:39px;padding:7px 11px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055);display:inline-flex;align-items:center;gap:7px;color:#eeeaf5;box-shadow:0 7px 18px rgba(0,0,0,.08);transition:transform .22s,background .22s,border-color .22s;white-space:nowrap}.landing-v4 .lp-payment-logo:hover{transform:translateY(-3px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24)}.landing-v4 .lp-payment-logo i{font-size:13px}.landing-v4 .lp-payment-logo b{font-size:9px;font-weight:800}.landing-v4 .play-store-logo{background:linear-gradient(135deg,rgba(76,175,80,.13),rgba(66,133,244,.12));border-color:rgba(91,146,235,.22)}
.landing-v4 .lp-payment-cta{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(112,45,255,.22),rgba(20,184,166,.10));border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-v4 .lp-payment-cta>div:first-child{min-width:0}.landing-v4 .lp-payment-cta b,.landing-v4 .lp-payment-cta span{display:block}.landing-v4 .lp-payment-cta b{font-size:13px;color:#fff}.landing-v4 .lp-payment-cta span{font-size:9px;color:#bdb5ca;margin-top:2px;line-height:1.6}.landing-v4 .lp-payment-cta-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.landing-v4 .lp-payment-start,.landing-v4 .lp-payment-install{min-height:43px;padding:10px 14px;border-radius:11px;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:6px}.landing-v4 .lp-payment-start{background:linear-gradient(135deg,#ffe16a,#ffd33e);color:#30284e}.landing-v4 .lp-payment-install{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}.landing-v4 .lp-payment-start:hover,.landing-v4 .lp-payment-install:hover{transform:translateY(-2px)}
@media(max-width:699px){.landing-v4 .lp-payment-strip{margin-top:20px;padding-top:19px}.landing-v4 .lp-payment-heading{display:grid;gap:2px}.landing-v4 .lp-payment-heading strong{font-size:13px}.landing-v4 .lp-payment-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.landing-v4 .lp-payment-logo{min-width:0;justify-content:flex-start;padding:8px 9px}.landing-v4 .lp-payment-logo b{font-size:8px;overflow:hidden;text-overflow:ellipsis}.landing-v4 .lp-payment-cta{display:grid;gap:12px;padding:14px}.landing-v4 .lp-payment-cta-actions{display:grid;grid-template-columns:1fr 1fr}.landing-v4 .lp-payment-start,.landing-v4 .lp-payment-install{width:100%;padding-inline:8px;font-size:9px}.landing-v4 .play-store-logo{grid-column:span 2;justify-content:center}}
@media(max-width:380px){.landing-v4 .lp-payment-logos{grid-template-columns:1fr}.landing-v4 .play-store-logo{grid-column:auto}.landing-v4 .lp-payment-cta-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.landing-v4 .lp-payment-logo,.landing-v4 .lp-payment-start,.landing-v4 .lp-payment-install{transition:none}}

/* V11.8 — final responsive course grid + centered mobile footer */
.landing-v4 .lp-course-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(14px,1.25vw,22px);
  align-items:stretch;
}

@media(max-width:1200px) and (min-width:901px){
  .landing-v4 .lp-course-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px) and (min-width:651px){
  .landing-v4 .lp-course-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px;
  }
}

@media(max-width:650px){
  .landing-v4 .lp-course-grid{
    grid-template-columns:1fr !important;
    gap:15px;
  }
  .landing-v4 .lp-course-card{
    width:100%;
    min-width:0;
  }

  /* Keep the mobile footer balanced and centered in a clean 2-column layout. */
  .landing-v4 .lp-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    justify-items:center;
    align-items:start;
    text-align:center;
    padding:34px 8px 10px;
    gap:24px 14px;
  }
  .landing-v4 .lp-footer-grid > div{
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .landing-v4 .lp-footer-grid > .lp-footer-brand-col{
    grid-column:1/-1;
    max-width:520px;
  }
  .landing-v4 .lp-footer-grid .lp-brand{
    justify-content:center;
  }
  .landing-v4 .lp-footer-grid h4{
    margin-bottom:8px;
  }
  .landing-v4 .lp-footer-grid a,
  .landing-v4 .lp-footer-grid p{
    text-align:center;
  }
  .landing-v4 .lp-footer-brand-col > p{
    max-width:430px;
  }
  .landing-v4 .lp-footer-install{
    width:100%;
    max-width:430px;
    text-align:left;
  }
  .landing-v4 .lp-footer-install > div{
    align-items:flex-start;
    text-align:left;
  }
  .landing-v4 .lp-footer-bottom{
    justify-content:center;
    text-align:center;
  }
}

@media(max-width:380px){
  .landing-v4 .lp-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px 10px;
    padding-inline:4px;
  }
  .landing-v4 .lp-footer-grid a,
  .landing-v4 .lp-footer-grid p{
    font-size:10px;
    line-height:1.6;
  }
  .landing-v4 .lp-footer-grid h4{
    font-size:12px;
  }
}

/* V11.9 — premium brand-colour payment marquee + guest auth CTA cleanup */
.landing-v4 .lp-payment-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:5px 0 10px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.landing-v4 .lp-payment-track{
  display:flex;
  width:max-content;
  animation:lpPaymentMarquee 30s linear infinite;
  will-change:transform;
}
.landing-v4 .lp-payment-set{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  padding-right:10px;
}
.landing-v4 .lp-payment-logo{
  position:relative;
  overflow:hidden;
  min-height:43px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.045);
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#f7f5fb;
  box-shadow:0 8px 22px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.06);
  white-space:nowrap;
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.landing-v4 .lp-payment-logo::after{
  content:"";
  position:absolute;
  inset:-60% -30%;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.20) 48%,transparent 60%);
  transform:translateX(-65%);
  animation:lpPaymentShine 4.8s ease-in-out infinite;
  pointer-events:none;
}
.landing-v4 .lp-payment-logo i{font-size:15px;line-height:1;position:relative;z-index:1}
.landing-v4 .lp-payment-logo b{font-size:9px;font-weight:900;position:relative;z-index:1}
.landing-v4 .lp-payment-logo:hover{transform:translateY(-3px) scale(1.02);filter:saturate(1.12);box-shadow:0 12px 28px rgba(0,0,0,.16)}
/* Recognisable Bangladesh payment-brand colours */
.landing-v4 .gateway-bkash{color:#e2136e;border-color:rgba(226,19,110,.34);background:linear-gradient(135deg,rgba(226,19,110,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-nagad{color:#ff6b00;border-color:rgba(255,107,0,.34);background:linear-gradient(135deg,rgba(255,107,0,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-rocket{color:#8a2be2;border-color:rgba(138,43,226,.34);background:linear-gradient(135deg,rgba(138,43,226,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-upay{color:#19a86b;border-color:rgba(25,168,107,.34);background:linear-gradient(135deg,rgba(25,168,107,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-tap{color:#0aa4d8;border-color:rgba(10,164,216,.34);background:linear-gradient(135deg,rgba(10,164,216,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-firstpay{color:#3b82f6;border-color:rgba(59,130,246,.34);background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-mcash{color:#159447;border-color:rgba(21,148,71,.34);background:linear-gradient(135deg,rgba(21,148,71,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-mycash{color:#159447;border-color:rgba(21,148,71,.34);background:linear-gradient(135deg,rgba(21,148,71,.16),rgba(255,255,255,.035))}
.landing-v4 .gateway-ok-wallet{color:#ff4f7b;border-color:rgba(255,79,123,.34);background:linear-gradient(135deg,rgba(255,79,123,.15),rgba(255,255,255,.035))}
.landing-v4 .gateway-rupalicash{color:#ffbd32;border-color:rgba(255,189,50,.34);background:linear-gradient(135deg,rgba(255,189,50,.14),rgba(255,255,255,.035))}
.landing-v4 .gateway-telecash{color:#e51b23;border-color:rgba(229,27,35,.34);background:linear-gradient(135deg,rgba(229,27,35,.14),rgba(255,255,255,.035))}
.landing-v4 .gateway-sslcommerz{color:#00a4e4;border-color:rgba(0,164,228,.34);background:linear-gradient(135deg,rgba(0,164,228,.15),rgba(255,255,255,.035))}
.landing-v4 .gateway-aamarpay{color:#18a957;border-color:rgba(24,169,87,.34);background:linear-gradient(135deg,rgba(24,169,87,.15),rgba(255,255,255,.035))}
.landing-v4 .gateway-shurjopay{color:#f04a35;border-color:rgba(240,74,53,.34);background:linear-gradient(135deg,rgba(240,74,53,.15),rgba(255,255,255,.035))}
.landing-v4 .gateway-bank-transfer{color:#59a9ff;border-color:rgba(89,169,255,.34);background:linear-gradient(135deg,rgba(89,169,255,.14),rgba(255,255,255,.035))}
.landing-v4 .play-store-logo{color:#64c46b;border-color:rgba(100,196,107,.34);background:linear-gradient(135deg,rgba(100,196,107,.14),rgba(66,133,244,.10))}
@keyframes lpPaymentMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes lpPaymentShine{0%,58%{transform:translateX(-65%)}78%,100%{transform:translateX(65%)}}
.landing-v4 .lp-mobile-cta{display:none!important}
@media(max-width:699px){
  .landing-v4 .lp-payment-marquee{padding:3px 0 8px}
  .landing-v4 .lp-payment-track{animation-duration:24s}
  .landing-v4 .lp-payment-set{gap:7px;padding-right:7px}
  .landing-v4 .lp-payment-logo{min-height:40px;padding:8px 10px;border-radius:11px;gap:6px}
  .landing-v4 .lp-payment-logo i{font-size:13px}
  .landing-v4 .lp-payment-logo b{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v4 .lp-payment-track,.landing-v4 .lp-payment-logo::after{animation:none!important}
}
/* V11.15 mobile sidebar stability: never blur the landing content when menu opens. */
@media (max-width:900px){
  .landing-v4 .lp-sidebar-overlay{background:rgba(21,16,39,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;}
  .landing-v4 .lp-app-sidebar{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .landing-v4 .lp-content{filter:none!important;transform:none!important;}
  body.lp-sidebar-open .landing-v4 .lp-content{filter:none!important;transform:none!important;}
}

/* V11.17 — landing mobile menu/footer click hardening */
@media(max-width:900px){
  .landing-v4 .lp-mobile-menu{position:relative;z-index:1002!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer;}
  .landing-v4 .lp-sidebar-overlay{z-index:89!important;pointer-events:none!important;}
  .landing-v4 .lp-sidebar-overlay.show{display:block!important;pointer-events:auto!important;}
  .landing-v4 .lp-app-sidebar{z-index:90!important;pointer-events:auto!important;}
  .landing-v4 .lp-mobile-bottom{z-index:1001!important;pointer-events:auto!important;}
  .landing-v4 .lp-mobile-bottom a{position:relative;z-index:1;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer;-webkit-tap-highlight-color:transparent;}
}

/* V13 — category discovery + mobile-friendly course navigation */
.landing-v4 .lp-category-pills{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;align-items:center}
.landing-v4 .lp-category-pills button{border:1px solid rgba(111,91,155,.18);background:#fff;color:#51495e;border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;white-space:nowrap}
.landing-v4 .lp-category-pills button small{font-size:10px;opacity:.65}
.landing-v4 .lp-category-pills button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,25,80,.10)}
.landing-v4 .lp-category-pills button.active{background:linear-gradient(135deg,#702dff,#9d5cff);color:#fff;border-color:transparent;box-shadow:0 9px 24px rgba(112,45,255,.22)}
.landing-v4 .lp-category-pills button.active small{opacity:.9}
@media(max-width:900px){
 .landing-v4 .lp-section-toolbar{gap:14px}
 .landing-v4 .lp-category-pills{width:100%;overflow-x:auto;flex-wrap:nowrap;padding:3px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .landing-v4 .lp-category-pills::-webkit-scrollbar{display:none}
 .landing-v4 .lp-category-pills button{flex:0 0 auto;padding:9px 12px;font-size:11px}
}
@media(max-width:520px){
 .landing-v4 .lp-course-section{padding-left:12px;padding-right:12px}
 .landing-v4 .lp-category-pills button{font-size:10px;padding:8px 11px}
}

/* V13 — prominent but clean learning CTA */
.landing-v4 .lp-hero-cta-highlight{display:flex;align-items:center;gap:10px;margin:18px 0 4px;padding:12px 14px;border:1px solid rgba(112,45,255,.16);border-radius:16px;background:linear-gradient(135deg,rgba(112,45,255,.09),rgba(157,92,255,.05));box-shadow:0 10px 28px rgba(62,32,120,.07);font-size:12px;line-height:1.55;color:#51495e;animation:lpCtaPulse 3.2s ease-in-out infinite}
.landing-v4 .lp-hero-cta-highlight>i{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#9d5cff);color:#fff;box-shadow:0 7px 16px rgba(112,45,255,.22)}
.landing-v4 .lp-hero-cta-highlight b{color:#4c287f}.landing-v4 .lp-hero-cta-highlight strong{color:#702dff;font-size:13px}
@keyframes lpCtaPulse{0%,100%{transform:translateY(0);box-shadow:0 10px 28px rgba(62,32,120,.07)}50%{transform:translateY(-2px);box-shadow:0 14px 32px rgba(112,45,255,.11)}}
@media(max-width:520px){.landing-v4 .lp-hero-cta-highlight{font-size:10px;padding:10px 11px;gap:8px}.landing-v4 .lp-hero-cta-highlight>i{flex-basis:30px;width:30px;height:30px;font-size:12px}.landing-v4 .lp-hero-cta-highlight strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.landing-v4 .lp-hero-cta-highlight{animation:none}}

/* V14 — category sidebar + clearer hero subtitles */
.landing-v4 .lp-side-category{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.landing-v4 .lp-side-category .lp-nav-label{margin:0 0 8px;color:#cfc4ff}
.landing-v4 .lp-side-category-link{display:flex;align-items:center;gap:8px;width:100%;min-height:35px;padding:7px 9px;border-radius:9px;color:#ddd6f2;text-decoration:none;font-size:10px;font-weight:700;transition:.2s ease}
.landing-v4 .lp-side-category-link i{width:16px;text-align:center;color:#bca8ff;font-size:10px;flex:0 0 16px}
.landing-v4 .lp-side-category-link span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-v4 .lp-side-category-link b{font-size:9px;color:#bfb3d8;opacity:.9}
.landing-v4 .lp-side-category-link:hover{background:rgba(255,255,255,.08);color:#fff}
.landing-v4 .lp-side-category-link.active{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 3px 0 0 #ffd84c}
.landing-v4 .lp-side-category-link.active i,.landing-v4 .lp-side-category-link.active b{color:#ffd84c}
.landing-v4 .lp-dashboard-hero> .lp-hero-main > p{color:#fff!important;font-weight:600;text-shadow:0 1px 8px rgba(32,12,90,.22)}
.landing-v4 .lp-hero-cta-highlight{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#f8f6ff;box-shadow:0 10px 28px rgba(34,12,93,.10)}
.landing-v4 .lp-hero-cta-highlight b,.landing-v4 .lp-hero-cta-highlight strong{color:#fff3a6}
.landing-v4 .lp-hero-cta-highlight>i{background:rgba(255,255,255,.16);color:#fff}
@media(max-width:900px){.landing-v4 .lp-side-category{max-height:42vh;overflow-y:auto;padding-right:4px}.landing-v4 .lp-side-category-link{min-height:38px;font-size:10px}}

/* V15 — category navigation refinement: desktop sidebar scroll + mobile horizontal categories */
@media(min-width:901px){
  .landing-v4 .lp-app-sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cfc3e8 transparent;overscroll-behavior:contain;}
  .landing-v4 .lp-app-sidebar::-webkit-scrollbar{width:7px}
  .landing-v4 .lp-app-sidebar::-webkit-scrollbar-track{background:transparent}
  .landing-v4 .lp-app-sidebar::-webkit-scrollbar-thumb{background:#cfc3e8;border-radius:99px}
  .landing-v4 .lp-side-category-link{color:#30283d}
  .landing-v4 .lp-side-category-link i{color:#6d51a9}
  .landing-v4 .lp-side-category-link b{color:#3f344f;opacity:1}
  .landing-v4 .lp-side-category-link:hover{background:#f2eff9;color:#21192d}
  .landing-v4 .lp-side-category-link.active{background:#eee8fb;color:#24183b;box-shadow:inset 3px 0 0 #702dff}
  .landing-v4 .lp-side-category-link.active i,.landing-v4 .lp-side-category-link.active b{color:#702dff}
  .landing-v4 .lp-side-category .lp-nav-label{color:#51445f}
  .landing-v4 .lp-category-pills{display:none!important}
}
@media(max-width:900px){
  .landing-v4 .lp-side-category{background:#fff;border-top:1px solid #e9e4f1;border-radius:12px;padding:12px 5px 12px 0;margin-top:16px;max-height:48vh;overflow-y:auto;box-shadow:0 4px 18px rgba(42,24,78,.05)}
  .landing-v4 .lp-side-category .lp-nav-label{color:#3d334b;padding-left:8px}
  .landing-v4 .lp-side-category-link{color:#30283d;min-height:40px;font-size:11px}
  .landing-v4 .lp-side-category-link i{color:#6d51a9}
  .landing-v4 .lp-side-category-link b{color:#3f344f;opacity:1}
  .landing-v4 .lp-side-category-link:hover{background:#f4f0fb;color:#21192d}
  .landing-v4 .lp-side-category-link.active{background:#eee8fb;color:#24183b;box-shadow:inset 3px 0 0 #702dff}
  .landing-v4 .lp-side-category-link.active i,.landing-v4 .lp-side-category-link.active b{color:#702dff}
  .landing-v4 .lp-category-pills{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
  .landing-v4 .lp-category-pills::-webkit-scrollbar{display:none}
  .landing-v4 .lp-category-pills button{flex:0 0 auto!important}
}

/* V16 — mobile search placement, complete category labels, tighter mobile course cards, lightweight motion */
.landing-v4 .lp-mobile-search-slot{display:none}
@media(max-width:650px){
  .landing-v4 .lp-mobile-search-slot{display:block;margin:10px 0 16px;padding:0 1px;min-height:0}
  .landing-v4 .lp-mobile-search-slot .lp-search{display:flex;width:100%;height:46px;min-height:46px;flex:0 0 auto;background:#fff;border:1.5px solid #e6ddff;border-radius:14px;box-shadow:0 7px 20px rgba(70,45,130,.08)}
  .landing-v4 .lp-mobile-search-slot .lp-search input{font-size:12px}
  .landing-v4 .lp-topbar>.lp-search{display:none!important}
  .landing-v4 .lp-course-section{padding-left:0;padding-right:0}
  .landing-v4 .lp-course-grid{width:100%!important;gap:11px!important;padding:0 2px}
  .landing-v4 .lp-course-card{width:100%!important;border-radius:17px!important}
  .landing-v4 .lp-section-toolbar{margin-left:2px;margin-right:2px}
}
@media(min-width:651px){.landing-v4 .lp-topbar>.lp-search{display:flex}.landing-v4 .lp-mobile-search-slot{display:none!important}}

/* Keep every catalog category readable in the desktop rail; zero-count categories remain visible. */
@media(min-width:901px){
  .landing-v4 .lp-side-category{max-height:calc(100vh - 230px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfc3e8 transparent}
  .landing-v4 .lp-side-category-link span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
  .landing-v4 .lp-side-category-link{align-items:flex-start;min-height:38px}
}

/* Lightweight motion: short transforms only, no heavy continuous effects. */
.landing-v4 .lp-side-category-link,.landing-v4 .lp-category-pills button,.landing-v4 .lp-course-card,.landing-v4 .lp-hero-btn,.landing-v4 .lp-top-start{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(prefers-reduced-motion:reduce){
  .landing-v4 *, .landing-v4 *::before, .landing-v4 *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}

/* V17 — modern desktop landing category rail; counts are rendered from published DB courses. */
@media(min-width:901px){
  .landing-v4 .lp-app-sidebar{width:270px;padding:20px 16px 18px;background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%);border-right:1px solid #e8e2f2;box-shadow:10px 0 34px rgba(48,30,91,.055);}
  .landing-v4 .lp-content{margin-left:270px;width:calc(100% - 270px);}
  .landing-v4 .lp-side-brand{padding:4px 8px 16px;border-bottom:1px solid #eeeaf5;margin-bottom:14px;}
  .landing-v4 .lp-side-nav{height:44px;margin:4px 0;padding:0 12px;border:1px solid transparent;font-size:13px;color:#4b4658;}
  .landing-v4 .lp-side-nav i{color:#6d55a4;}
  .landing-v4 .lp-side-nav:hover{background:#f6f2ff;border-color:#e8defd;transform:translateX(2px);}
  .landing-v4 .lp-side-nav.active{background:linear-gradient(90deg,#eee7ff,#f8f5ff);border-color:#e1d5fb;box-shadow:inset 3px 0 0 #702dff,0 5px 14px rgba(112,45,255,.06);color:#4a21a7;}
  .landing-v4 .lp-side-category{margin-top:14px;padding:12px 7px 10px 6px;background:#fff;border:1px solid #e8e2f2;border-radius:18px;box-shadow:0 8px 24px rgba(55,34,99,.055);max-height:calc(100vh - 285px);overflow-y:auto;}
  .landing-v4 .lp-side-category .lp-nav-label{font-size:10px;font-weight:900;color:#30283d;padding:3px 8px 9px;margin:0;letter-spacing:.08em;}
  .landing-v4 .lp-side-category-link{position:relative;display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 9px;border:1px solid transparent;border-radius:12px;color:#30283d;font-size:11px;font-weight:750;line-height:1.35;}
  .landing-v4 .lp-side-category-link i{width:20px;flex:0 0 20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#f2edff;color:#6540a5;font-size:10px;}
  .landing-v4 .lp-side-category-link span{flex:1;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;}
  .landing-v4 .lp-side-category-link b{min-width:29px;padding:4px 6px;border-radius:999px;text-align:center;background:#f1edf8;color:#3b304b;font-size:10px;font-weight:900;opacity:1;}
  .landing-v4 .lp-side-category-link:hover{background:#f8f5ff;border-color:#e8defa;color:#241a35;transform:translateX(2px);}
  .landing-v4 .lp-side-category-link:hover b{background:#eae2fb;color:#5b2bc1;}
  .landing-v4 .lp-side-category-link.active{background:linear-gradient(90deg,#f0eaff,#faf8ff);border-color:#e1d6f8;color:#241a35;box-shadow:inset 3px 0 0 #702dff;}
  .landing-v4 .lp-side-category-link.active i{background:#702dff;color:#fff;}
  .landing-v4 .lp-side-category-link.active b{background:#702dff;color:#fff;}
  .landing-v4 .lp-side-category::-webkit-scrollbar{width:6px}.landing-v4 .lp-side-category::-webkit-scrollbar-thumb{background:#cfc3e8;border-radius:99px}.landing-v4 .lp-side-category::-webkit-scrollbar-track{background:transparent}
}
/* V12.0 — mobile footer readability */
@media(max-width:650px){
  .landing-v4 .lp-footer-grid a,
  .landing-v4 .lp-footer-grid p{font-size:12px;line-height:1.75}
  .landing-v4 .lp-footer-grid h4{font-size:14px}
  .landing-v4 .lp-footer-brand-col > p{font-size:12px}
}

/* V12.2 — footer brand spacing/alignment */
.landing-v4 .lp-footer-brand-col .lp-brand{display:inline-flex;align-items:center;gap:16px!important;margin:0 0 15px;padding:3px 0;line-height:1.15;white-space:nowrap}
.landing-v4 .lp-footer-brand-col .lp-brand .lp-logo{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;overflow:hidden}
.landing-v4 .lp-footer-brand-col .lp-brand .lp-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}
.landing-v4 .lp-footer-brand-col .lp-brand>span:last-child{display:block;margin:0;padding:0 2px;font-size:18px;font-weight:900;letter-spacing:-.02em}
@media(max-width:699px){.landing-v4 .lp-footer-brand-col .lp-brand{gap:18px!important;margin-bottom:16px}.landing-v4 .lp-footer-brand-col .lp-brand .lp-logo{width:46px;height:46px;flex-basis:46px}.landing-v4 .lp-footer-brand-col .lp-brand>span:last-child{font-size:19px}}

/* V18 — Landing Performance Pass
   Visual layout/UI intentionally unchanged. This layer removes costly continuous
   effects, reduces paint/compositing work, and lets below-fold sections render on demand. */
.landing-v4{
  scroll-behavior:smooth;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeSpeed;
}

/* Avoid animating whole sections/cards on initial page load. Hover states remain. */
.landing-v4 .lp-dashboard-hero,
.landing-v4 .lp-course-section,
.landing-v4 .lp-app-showcase,
.landing-v4 .lp-journey,
.landing-v4 .lp-footer,
.landing-v4 .lp-course-card,
.landing-v4 .lp-app-only,
.landing-v4 .lp-journey-step,
.landing-v4 .lp-course-more,
.landing-v4 .lp-footer-grid>div{
  animation:none!important;
}

/* Keep the hero illustration smooth but static between interactions. */
.landing-v4 .lp-hero-illustration .lp-orbit,
.landing-v4 .lp-float-ui,
.landing-v4 .ip-app-section .lp-phone-glow,
.landing-v4 .ip-app-section .lp-phone,
.landing-v4 .ip-journey-orbit,
.landing-v4 .ip-app-section::before,
.landing-v4 .ip-app-section::after,
.landing-v4 .lp-footer-cta::before{
  animation:none!important;
}

/* The animated SVG path is visually decorative; a static path costs substantially less. */
.landing-v4 .lp-journey-line path{
  animation:none!important;
  filter:none;
}

/* Reduce expensive blur/backdrop compositing while preserving the translucent look. */
.landing-v4 .lp-header,
.landing-v4 .lp-search-results,
.landing-v4 .ip-app-section .lp-app-only{
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}

/* Smaller shadows reduce large-area repainting without changing component geometry. */
.landing-v4 .lp-dashboard,
.landing-v4 .lp-float-card,
.landing-v4 .lp-journey-premium,
.landing-v4 .ip-app-section .lp-app-only{
  box-shadow:0 18px 42px rgba(62,47,103,.13);
}

/* Let browser skip layout/paint for sections that are not near the viewport. */
@media (min-width:651px){
  .landing-v4 .ip-app-section,
  .landing-v4 .ip-journey,
  .landing-v4 .keyword-section,
  .landing-v4 .lp-footer{
    content-visibility:auto;
    contain-intrinsic-size:auto 720px;
  }
}

/* Keep scrolling/interaction responsive on large course grids. */
.landing-v4 .lp-course-grid{
  contain:layout style;
}
.landing-v4 .lp-course-card{
  contain:layout paint style;
}

/* Only transform/paint what is interacted with. */
.landing-v4 .lp-btn,
.landing-v4 .lp-top-start,
.landing-v4 .lp-hero-btn,
.landing-v4 .lp-category-pills button,
.landing-v4 .lp-side-category-link,
.landing-v4 .lp-search-result{
  will-change:auto;
}
.landing-v4 .lp-btn:hover,
.landing-v4 .lp-top-start:hover,
.landing-v4 .lp-hero-btn:hover,
.landing-v4 .lp-side-category-link:hover,
.landing-v4 .lp-search-result:hover{
  will-change:transform;
}

@media (max-width:650px){
  /* Mobile gets the biggest benefit from avoiding backdrop blur and large shadows. */
  .landing-v4 .lp-header,
  .landing-v4 .lp-search-results{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .landing-v4 .lp-course-grid{
    contain:layout style;
  }
}

@media (prefers-reduced-motion:reduce){
  .landing-v4,
  .landing-v4 *{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}
/* Live support widget shares the platform visual language. */
/* Landing course outline preview */
.lp-course-card .course-outline-trigger{color:#fff;background:rgba(112,45,255,.9);border-color:rgba(255,255,255,.25);box-shadow:0 5px 14px rgba(70,25,130,.12)}
.lp-course-card .course-outline-trigger:hover{background:#6d32e9}