:root{--navy:#091944;--blue:#315df7;--blue2:#4d3bec;--lime:#b7f976;--ink:#0a1940;--muted:#67738d;--line:#e7ecf5;--card:#fff;--base:#fff;--soft:#f6f9ff;--shadow:0 6px 24px rgba(28,56,112,.075);--green:#05bc67;--radius:14px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.42;overflow-x:hidden}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9aafff;outline-offset:3px}.container{width:min(89.5%,1320px);margin-inline:auto}.big-container{width:min(92%,1370px);margin-inline:auto}.section-head{text-align:center;margin:0 0 17px}.section-head h2,.section-inline h2{font-size:clamp(20px,2.15vw,31px);line-height:1.16;margin:0 0 4px;font-weight:850;letter-spacing:-.75px}.section-head p,.section-inline p{margin:0;color:var(--muted);font-size:clamp(11px,1.05vw,15px)}.section-inline{position:relative}.section-inline .text-link{position:absolute;right:0;top:23px}.text-link{font-weight:700;color:var(--blue);font-size:11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.text-link:hover{text-decoration:underline}.btn{min-height:38px;border-radius:12px;padding:10px 22px;border:1px solid #dce7fb;background:var(--card);color:var(--navy);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px rgba(23,85,183,.06);transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(50,91,250,.17)}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.lime{background:var(--lime);border-color:var(--lime);color:#0a1a35}.btn.outline{border-color:#c9dbf4}.btn.sm{min-height:28px;padding:6px 12px;font-size:10px;border-radius:9px}.btn.round{border-radius:100px}.icon{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.i18{width:18px;height:18px}.i23{width:23px;height:23px}.i25{width:25px;height:25px}.i30{width:30px;height:30px}.i33{width:33px;height:33px}.bold{font-weight:800}.muted{color:var(--muted)}
header{height:63px;position:relative;z-index:20;background:rgba(255,255,255,.9)}header .head-inner{height:100%;display:flex;align-items:center;gap:34px}header .logo{display:flex;align-items:center;gap:7px;font-size:clamp(17px,1.68vw,22px);font-weight:900;letter-spacing:-1.05px;white-space:nowrap;color:#091b4f}.brand-mark{display:inline-flex;align-items:center;justify-content:center;color:#2456f6}.brand-mark .icon{width:25px;height:25px;stroke-width:2.6}nav{display:flex;align-items:center;gap:25px;margin-right:auto}nav a{font-size:11px;font-weight:750}nav a:hover{color:var(--blue)}.head-controls{display:flex;align-items:center;gap:10px}.theme-switch{border:0;border-radius:50px;background:#182a58;display:flex;align-items:center;gap:2px;padding:3px;color:#fff;height:29px}.theme-switch button{width:24px;height:24px;border-radius:50%;border:0;color:#fff;background:transparent;padding:3px;display:grid;place-items:center}.theme-switch button.active{background:#fff;color:#1c2c51;box-shadow:0 1px 3px #0002}.theme-switch .icon{width:16px;height:16px}.head-search{border:0;background:transparent;color:#243d76;padding:6px}.head-sign{background:#fff;border:1px solid #d3e0f6;border-radius:30px;padding:8px 17px;color:var(--navy);font-weight:800;font-size:10px;white-space:nowrap}.head-join{background:var(--lime);border:none;border-radius:50px;color:#071940;padding:9px 18px;font-size:10px;font-weight:900;white-space:nowrap}.hamburger{display:none;border:0;background:none;padding:5px;color:var(--ink)}.search-bar{display:none;position:absolute;right:5%;top:56px;padding:12px;background:var(--card);width:min(380px,90vw);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--line)}.search-bar.open{display:flex;gap:8px}.search-bar input{border:1px solid var(--line);padding:9px;flex:1;min-width:0;border-radius:8px;background:var(--card);color:var(--ink)}
/* HERO */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 56%,#eaf5ff 0%,#f7fbff 33%,transparent 64%),linear-gradient(180deg,#fff,#fbfdff);padding:8px 0 25px}.hero:before{content:"";position:absolute;width:27%;height:65%;left:40%;top:17%;background:linear-gradient(130deg,#c6f0ff,#e0edff 45%,#9ebdff);border-radius:49% 51% 52% 48%;filter:blur(2px);opacity:.79;transform:rotate(-21deg)}.hero:after{content:"";position:absolute;right:1%;bottom:12%;width:25%;height:55%;border-radius:54% 42% 58% 36%;background:linear-gradient(135deg,#eff7ff 15%,#bddaff 50%,#f1f4ff 92%);opacity:.7;transform:rotate(35deg)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:39% 61%;align-items:center;min-height:395px}.hero-copy{z-index:3;padding:10px 0 0 6px}.eyebrow{display:inline-block;color:#3979d2;background:#e5efff;border-radius:22px;font-weight:750;font-size:12px;padding:5px 12px}.hero h1{font-size:clamp(31px,3.65vw,54px);letter-spacing:-1.8px;line-height:1.04;font-weight:900;max-width:590px;margin:13px 0 12px}.hero h1 span{color:#3b43dd}.hero-copy>p{color:#4e5971;font-size:clamp(12px,1.18vw,17px);line-height:1.5;max-width:475px;margin:0 0 15px}.hero-ctas{display:flex;gap:13px;align-items:center}.hero-ctas .btn{min-height:46px;font-size:14px;padding-inline:22px}.play-circle{border:1.6px solid #3a518c;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.play-circle .icon{width:12px;height:12px;fill:currentColor}.hero-stats{display:flex;gap:clamp(12px,2.8vw,34px);margin-top:25px}.stat{display:flex;align-items:center;gap:9px;min-width:0}.stat .stat-icon{color:#555bf5;display:grid;place-items:center}.stat.orange .stat-icon{color:#ff9d0b}.stat strong{font-size:clamp(14px,1.44vw,21px);line-height:1;display:block;white-space:nowrap;font-weight:900}.stat small{font-size:clamp(9px,.83vw,12px);color:var(--muted);white-space:nowrap;display:block}.dashboard-shell{position:relative;margin-left:12px;transform:translateX(2%);padding:9px;background:rgba(255,255,255,.4);border:2px solid rgba(255,255,255,.92);border-radius:31px;box-shadow:0 16px 55px #4d71d927,0 0 0 4px #dce7fb4a;min-width:0}.dashboard{background:linear-gradient(160deg,#fbfdff,#f8faff);border-radius:25px;border:1px solid #edf2fa;min-height:365px;display:grid;grid-template-columns:20% 55% 25%;padding:15px 11px;box-shadow:inset 0 0 20px #e9f1ff;overflow:hidden}.dash-sidebar{border-right:1px solid #e9edf7;padding-right:8px}.mini-logo{font-size:12px;letter-spacing:-.4px;font-weight:900;display:flex;align-items:center;gap:3px;margin:4px 0 19px;white-space:nowrap}.mini-logo .icon{color:var(--blue);height:15px;width:15px}.dash-nav{display:flex;flex-direction:column;gap:5px}.dash-nav span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#56627b;padding:8px 7px;border-radius:6px;white-space:nowrap}.dash-nav span.active{color:#fff;background:#3764f7;box-shadow:0 3px 5px #305ff73d}.dash-nav .icon{width:13px;height:13px}.dash-main{padding:0 13px;min-width:0}.dash-top{height:35px;display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.dash-search{background:#fff;border:1px solid #e9edfa;color:#bbc4d5;font-size:10px;width:79%;padding:7px 8px;border-radius:7px;display:flex;justify-content:space-between}.dash-top .avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:2px solid #fff}.dash-main h3{margin:3px 0 0;font-size:17px;letter-spacing:-.5px}.dash-sub{font-size:9px;color:#6f7891;margin:0 0 9px}.dash-continue{display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;box-shadow:0 1px 8px #1e4e9d0d;padding:8px 9px;margin:0 0 10px}.dash-continue .bubble{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#e7f2ff;color:#3184fd}.dash-continue .line{flex:1;font-size:9px;color:#63708c}.dash-progress{margin-top:3px;height:4px;background:#e4e9f2;border-radius:5px;overflow:hidden}.dash-progress:before{content:"";display:block;width:67%;height:100%;background:#19c46d;border-radius:5px}.dash-continue .mini-btn,.lesson .mini-btn{border:0;background:var(--blue);color:#fff;font-size:9px;padding:8px 9px;border-radius:6px;font-weight:700}.dash-small-title{font-size:11px;font-weight:850;margin:10px 0 6px}.progress-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.progress-cards div{background:#fff;border:1px solid #e9eef8;border-radius:7px;padding:10px 5px;font-size:8px;color:#7c879b;min-height:57px}.progress-cards strong{font-size:17px;line-height:1;display:block;color:#10b664;margin-bottom:4px}.progress-cards div:nth-child(2) strong{color:#4a3ef5}.progress-cards div:nth-child(4) strong{font-size:11px;color:#283150;margin-top:5px}.lesson{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e8edf6;border-radius:7px;padding:6px;margin:0 0 8px}.lesson img{width:69px;height:39px;object-fit:cover;border-radius:4px}.lesson .lesson-name{flex:1;min-width:0;font-size:9px;font-weight:800;line-height:1.2}.lesson .lesson-name small{font-size:8px;color:#a0a9b9;display:block;margin-top:3px}.recos{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.reco{background:#fff;border:1px solid #e9edf6;border-radius:6px;display:flex;align-items:center;gap:5px;padding:4px;min-width:0;overflow:hidden}.reco .reco-icon{height:29px;width:28px;display:grid;place-items:center;background:linear-gradient(120deg,#1dc5b5,#9fe0d8);color:#fff;border-radius:4px;flex-shrink:0}.reco:nth-child(2) .reco-icon{background:linear-gradient(120deg,#132c5d,#6da9ff)}.reco:nth-child(3) .reco-icon{background:linear-gradient(120deg,#bd70ff,#f8acdc)}.reco strong{font-size:7.4px;line-height:1.1;display:block}.reco small{color:#9aa6bb;font-size:7px}.dash-aside{padding:49px 1px 0 0}.teacher-panel{background:linear-gradient(155deg,#eaf3ff,#fff);border:1px solid #e0eafa;border-radius:12px;padding:13px 11px;box-shadow:0 6px 19px #436aff12}.teacher-panel h4{font-size:12px;margin:0 0 7px}.teacher-panel .robot{display:block;width:95px;height:100px;margin:0 auto -2px}.teacher-panel p{font-size:9px;line-height:1.3;font-weight:800;margin:6px 0 10px}.teacher-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.teacher-panel li{padding:7px 5px;font-size:8.5px;color:#5a6580;border:1px solid #ecf0fa;border-radius:6px;background:#fff;white-space:nowrap}.teacher-panel li:before{content:'◎';margin-right:5px;color:#7a8baa}.side-note{position:absolute;right:2%;top:5%;width:112px;transform:rotate(-12deg);color:#6159ef;font-family:cursive;font-style:italic;font-size:13px;line-height:1.06}.side-note span{font-size:32px;display:block;transform:rotate(-15deg)}.side-sparks{position:absolute;right:-10%;top:-3%;color:#6467f5;font-size:35px;transform:rotate(-20deg)}
/* VALUE STRIP */
.value-strip{background:var(--base);position:relative;padding-bottom:24px}.value-strip .strip-inner{position:relative;top:-1px;background:linear-gradient(110deg,#fff,#f7faff 47%,#fff);border:1px solid #f1f4fa;box-shadow:var(--shadow);border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);padding:13px 9px;min-height:61px}.value{display:flex;align-items:center;gap:12px;padding:0 16px;border-right:1px solid #e4ebf7}.value:last-child{border:0}.value .symbol{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#f5fbff;color:#2469fa}.value:nth-child(1) .symbol{color:#ffb400;background:#fffdf5}.value:nth-child(3) .symbol{color:#03b866;background:#edfff4}.value:nth-child(4) .symbol{color:#ff661a;background:#fff0ec}.value strong{font-size:clamp(9px,.96vw,14px);display:block;line-height:1.17}.value small{font-size:clamp(8px,.8vw,11px);color:var(--muted);display:block;margin-top:3px}
/* BENEFITS + STEPS */
.benefits{padding:0 0 21px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-card{background:var(--card);border:1px solid #eff2f7;border-radius:11px;box-shadow:var(--shadow);padding:17px 17px;min-height:165px}.badge-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;margin-bottom:11px;background:#dffac8;color:#3b8340}.badge-icon.purple{background:#eed7ff;color:#8a35fb}.badge-icon.orange{background:#ffe9d7;color:#ff7434}.badge-icon.blue{background:#dce5ff;color:#2e56ec}.benefit-card h3{font-size:clamp(12px,1.09vw,16px);margin:0 0 7px;line-height:1.2}.benefit-card p{margin:0;color:#67738c;font-size:clamp(10px,.96vw,14px);line-height:1.55}.steps{padding:5px 0 24px}.steps .section-head{margin-bottom:17px}.steps-line{display:flex;justify-content:space-between;gap:10px}.step{display:flex;align-items:center;gap:12px;flex:1;position:relative;padding:0 10px}.step .number{background:#3265ff;color:#fff;font-weight:800;font-size:16px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.step .step-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e9f6ff;color:#2762fa;flex-shrink:0}.step:last-child .step-icon{background:#fff5e7;color:#ffad00}.step .step-txt strong{font-size:clamp(11px,1vw,14px);line-height:1.2;display:block}.step .step-txt p{font-size:clamp(9px,.94vw,13px);color:var(--muted);margin:3px 0 0}.step:not(:last-child):after{content:"⟶";font-size:27px;color:#a7c5ff;position:absolute;right:-14px;top:16px}
/* ROUTES */
.routes{background:linear-gradient(180deg,#fff,#fcfdff);padding:15px 0 20px}.routes .section-head{margin-bottom:12px}.routes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.route-card{border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#f2fff4,#ecfbef);border:1px solid #eaf3ee;min-width:0;transition:transform .2s}.route-card:hover{transform:translateY(-3px)}.route-card.purple{background:linear-gradient(145deg,#fbf7ff,#f4edff);border-color:#f5ecfc}.route-card.orange{background:linear-gradient(145deg,#fffaf5,#fff0e4);border-color:#fff2e8}.route-card.blue{background:linear-gradient(145deg,#f5fbff,#e8f3ff);border-color:#e7f2ff}.route-cover{height:clamp(93px,10.7vw,153px);position:relative}.route-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 39%}.route-icon{position:absolute;left:10px;top:10px;border-radius:12px;width:40px;height:40px;background:#e1ffea;color:#10c76a;display:grid;place-items:center;box-shadow:0 2px 5px #0001}.route-card.purple .route-icon{background:#f2e3ff;color:#8b43f3}.route-card.orange .route-icon{background:#fff0dc;color:#ff7c28}.route-card.blue .route-icon{background:#e2f1ff;color:#3071f2}.route-content{position:relative;padding:16px 15px 13px;min-height:156px}.route-label{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:800;border-radius:50px;position:absolute;top:-15px;background:#cbfad9;color:#286f44;white-space:nowrap;max-width:calc(100% - 20px)}.purple .route-label{background:#ead6ff;color:#6430aa}.orange .route-label{background:#ffe4d3;color:#cc5721}.blue .route-label{background:#d8e8ff;color:#2661c7}.route-content h3{font-size:clamp(12px,1.13vw,17px);line-height:1.25;margin:4px 0 7px}.route-content p{color:#647089;font-size:clamp(10px,.91vw,14px);margin:0 0 12px;line-height:1.42}.route-more{font-size:11px;font-weight:850;display:flex;gap:7px;align-items:center;color:#124a31}.purple .route-more{color:#6230ae}.orange .route-more{color:#c85822}.blue .route-more{color:#164885}
/* COURSE CARDS */
.courses{padding:0 0 22px}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.course-card{display:flex;align-items:center;gap:11px;padding:9px 9px;background:var(--card);border:1px solid #e8eef9;border-radius:9px;min-width:0;box-shadow:0 2px 10px #16245c08}.course-thumb{width:44%;height:85px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;position:relative;overflow:hidden}.course-thumb .product-logo{font-size:42px;color:#fff;font-weight:900;letter-spacing:-3px;text-shadow:0 5px 10px #0002}.course-thumb.chatgpt{background:linear-gradient(125deg,#0e705f,#67c2a5 55%,#cce6d9)}.course-thumb.chatgpt:after{content:"✺";position:absolute;color:#dafcf2;font-size:43px}.course-thumb.midjourney{background:linear-gradient(130deg,#082045,#4086f2 55%,#060d24)}.course-thumb.make{background:linear-gradient(135deg,#e2d5ff,#8050e8 45%,#ffb4b9)}.course-thumb.make .product-logo{background:#6721df;border-radius:12px;padding:1px 9px}.course-thumb.excel{background:linear-gradient(125deg,#135e37,#80bd9b 50%,#e1f5e8)}.course-thumb.excel .product-logo{background:#008144;padding:2px 9px;border-radius:3px}.course-thumb .play{position:absolute;bottom:4px;right:4px;background:#fff;color:#5a6382;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 5px #0004}.course-info{display:flex;flex-direction:column;min-width:0;align-self:stretch;justify-content:space-between;gap:2px}.course-info h3{font-size:clamp(10px,.91vw,14px);line-height:1.28;margin:0;font-weight:800}.course-info .meta{display:flex;gap:5px;align-items:center;font-size:9px;color:#7d8cac;white-space:nowrap}.course-info .meta .icon{width:10px;height:10px;color:#6c77ff}.course-info .rating{font-size:10px;color:#7c86a0}.course-info .rating b{color:#ffad0b;font-size:15px}.course-tag{background:var(--blue);color:#fff;border-radius:20px;padding:3px 7px;font-size:8px;font-weight:800;margin-left:auto;white-space:nowrap}
/* TUTOR */
.tutor{background:linear-gradient(113deg,#fafcff 30%,#edf8ff 68%,#e5efff);overflow:hidden}.tutor-inner{position:relative;min-height:283px;display:grid;grid-template-columns:31% 35% 34%;align-items:center;gap:2%;padding-top:18px;padding-bottom:19px}.tutor h2,.enterprise h2{font-size:clamp(20px,2vw,28px);margin:0 0 5px;line-height:1.15;letter-spacing:-.5px}.tutor .sub,.enterprise .sub{color:#778197;font-size:12px;margin:0 0 17px}.check-list{padding:0;margin:0 0 19px;list-style:none;display:grid;gap:10px}.check-list li{display:flex;align-items:center;gap:9px;font-size:12px;color:#4f5c75}.tick{width:17px;height:17px;background:#08b965;flex-shrink:0;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:11px;font-weight:900}.tutor-chat{align-self:center;background:#fff;box-shadow:0 8px 28px #18499f16;border-radius:13px;position:relative;z-index:2;border:1px solid #e3e9f3;min-height:262px;overflow:hidden;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #edf1f7;font-size:10px;font-weight:850}.chat-header span{display:flex;align-items:center;gap:5px}.online{display:inline-block;width:7px;height:7px;background:#14c771;border-radius:50%}.chat-body{padding:11px 12px;flex:1;display:flex;flex-direction:column;gap:7px;overflow:auto;max-height:205px}.msg{font-size:10px;line-height:1.45;padding:8px 11px;border-radius:11px;max-width:88%;background:#f3f6fa;align-self:flex-start}.msg.user{align-self:flex-end;background:#d8e9ff}.chat-input{padding:7px 11px 9px;display:flex;gap:6px}.chat-input input{border:1px solid #e5e9f2;background:#fff;min-width:0;width:100%;padding:9px 10px;border-radius:9px;font-size:10px;outline-color:var(--blue)}.chat-input button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:0 10px}.robot-stage{height:278px;position:relative;align-self:end;display:flex;justify-content:center;align-items:center}.robot-stage .robot{height:270px;width:220px;filter:drop-shadow(0 12px 10px #7297c044)}.robot-stage .handwrite{position:absolute;left:6px;top:11px;color:#5d64e6;font-size:15px;font-family:cursive;font-style:italic;transform:rotate(-10deg)}.robot-stage .handwrite:after{content:"↙";display:block;font-size:46px;line-height:.8}.robot-benefits{position:absolute;bottom:7px;left:18px;min-width:220px;border:1px solid #e8eefa;background:#fff;border-radius:8px;padding:7px 13px;box-shadow:var(--shadow)}.robot-benefits div{font-size:10px;display:flex;gap:8px;align-items:center;padding:3px 0;border-bottom:1px solid #edf1f7}.robot-benefits div:last-child{border:0}.robot-benefits .icon{color:#0abd6d;width:14px;height:14px}
/* ENTERPRISE */
.enterprise{padding:13px 0 15px;background:linear-gradient(90deg,#fff 0 50%,#f9fcff 70%,#fff)}.enterprise-grid{display:grid;grid-template-columns:29% 28% 26% 17%;align-items:stretch;min-height:206px;gap:9px}.enterprise-copy .sub{margin-bottom:14px}.enterprise .check-list{gap:7px;margin-bottom:13px}.enterprise .check-list li{font-size:11px}.enterprise .btn{min-height:32px;padding:7px 16px;font-size:11px}.enterprise-img{overflow:hidden;border-radius:7px}.enterprise-img img{height:100%;width:100%;object-fit:cover;object-position:23% center}.team-progress,.enterprise-quote{border:1px solid #e6edf8;border-radius:12px;background:var(--card);padding:12px;box-shadow:var(--shadow);min-width:0}.team-progress h4{font-size:11px;margin:0 0 8px}.bars{display:flex;align-items:flex-end;height:76px;justify-content:space-around;border:1px solid #edf2f8;padding:9px 10px 0;margin-bottom:7px;border-radius:6px;position:relative}.bars:after{content:"+62%";position:absolute;right:8px;top:12px;font-size:24px;color:#16a466;font-weight:850;background:#ffffffcb;padding-left:10px}.bars i{display:block;width:11px;background:linear-gradient(0deg,#3b8eff,#b7dcff);height:40%}.bars i:nth-child(2){height:53%}.bars i:nth-child(3){height:67%}.bars i:nth-child(4){height:79%}.bars i:nth-child(5){height:92%}.bars i:nth-child(6){height:96%;background:linear-gradient(0deg,#10b96b,#65e6a3)}.team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.team-metrics span{border:1px solid #edf1f9;border-radius:7px;padding:8px 4px;color:#7d8598;font-size:8px}.team-metrics b{display:block;color:#0b9962;font-size:18px}.team-metrics span:nth-child(2) b{color:#4336ed}.team-metrics span:nth-child(3) b{color:#1a2350}.enterprise-quote{font-size:10px;color:#5c677f;padding:15px}.enterprise-quote p{margin:0 0 13px;line-height:1.5}.quote-author{display:flex;align-items:center;gap:7px;color:#1c2a4f;font-size:9px}.quote-author img{width:31px;height:31px;border-radius:50%;object-fit:cover}.quote-author small{display:block;color:#7a839c}
/* TESTIMONIALS */
.testimonials{background:#fafcff;padding:15px 0 19px}.testimonials .section-head{margin-bottom:15px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.testimonial{border:1px solid #e9edf5;background:var(--card);border-radius:10px;padding:15px 16px;box-shadow:var(--shadow);min-height:112px}.testimonial-top{display:flex;align-items:center;gap:9px}.testimonial-top img{width:34px;height:34px;border-radius:50%;object-fit:cover}.testimonial-top strong{font-size:11px;line-height:1.1}.testimonial-top small{font-size:9px;color:var(--muted);display:block}.stars{margin-left:auto;color:#ff9c00;letter-spacing:1px;font-size:15px;white-space:nowrap}.testimonial p{margin:12px 0 0;color:#727c94;font-size:11px;line-height:1.35}
/* PRICING */
.pricing{padding:16px 0 19px}.pricing-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.pricing-head h2{font-size:clamp(20px,1.95vw,28px);letter-spacing:-.5px;margin:0}.pricing-head p{color:var(--muted);font-size:11px;margin:3px 0}.billing{border-radius:22px;background:#f1f4f8;padding:4px;display:flex;align-items:center;gap:3px}.billing button{padding:6px 13px;background:transparent;border:0;border-radius:20px;font-size:10px;color:#65718c}.billing button.active{background:#fff;box-shadow:0 1px 5px #19486a1a;color:#071942;font-weight:800}.billing small{background:#c5f9a1;border-radius:20px;padding:4px 6px;color:#227530;font-size:9px;font-weight:800}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.price-card{border:1px solid #e9eef7;border-radius:11px;padding:17px 20px 13px;box-shadow:var(--shadow);background:var(--card);min-height:182px;display:flex;flex-direction:column}.price-card.popular{position:relative;border:2px solid #8054ff;padding-top:23px;box-shadow:0 3px 10px #643fff18}.popular-label{position:absolute;top:-20px;left:-2px;right:-2px;height:22px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#5636f6,#914efb);color:#fff;text-align:center;font-size:10px;font-weight:850;padding:5px}.price-top{display:flex;align-items:center;gap:13px}.price-top strong{font-size:13px}.price-top small{font-size:9px;color:#8a94aa}.price-content{display:grid;grid-template-columns:37% 63%;gap:7px;flex:1;margin-top:4px}.price-number{font-size:34px;letter-spacing:-1.2px;font-weight:850;white-space:nowrap;line-height:1.3}.price-number small{font-size:10px;color:#7f8aa4;letter-spacing:0;font-weight:400}.price-content ul{padding:0;margin:6px 0 0;list-style:none;display:grid;align-content:start;gap:5px}.price-content li{font-size:10px;color:#6e7a92;display:flex;gap:6px;line-height:1.25}.price-content li:before{content:'✓';font-weight:900;color:#1bc86e}.price-card .btn{min-height:31px;width:100%;margin-top:10px;font-size:10px;border-radius:9px;padding:4px 8px}.price-card.popular .btn{background:var(--lime);border-color:var(--lime)}
/* FAQ & FOOTER */
.faqs{background:linear-gradient(180deg,#f9fbff,#f1f6ff);padding:12px 0}.faq-grid{display:grid;grid-template-columns:37% 31.5% 31.5%;gap:12px;align-items:start}.faq-grid h2{font-size:18px;margin:0}.faq-grid p{font-size:10px;color:var(--muted);margin:2px 0}.faq-cols{display:grid;gap:4px}details{background:var(--card);border-radius:6px;border:1px solid #eaf0fa;box-shadow:0 1px 4px #00000008;font-size:10px}summary{cursor:pointer;padding:7px 9px;list-style:none;display:flex;justify-content:space-between;gap:4px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#657798;font-weight:900;font-size:13px}details[open] summary:after{content:'−'}details p{padding:0 10px 9px;line-height:1.4;color:var(--muted)}.bottom-cta{background:linear-gradient(100deg,#2a63ff,#4335e0);color:#fff}.bottom-cta-inner{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:16px}.bottom-cta strong{font-size:18px;line-height:1.02;letter-spacing:-.3px}.bottom-cta p{max-width:390px;color:#d5dcff;font-size:11px}.bottom-cta .btn{min-height:37px;padding:7px 26px}footer{background:#fff}.foot-inner{height:46px;display:flex;align-items:center;gap:17px}.foot-inner .logo{font-weight:900;color:#0b2158;font-size:13px;display:flex;align-items:center;gap:4px;white-space:nowrap}.foot-inner .logo .icon{color:#2a5cf9;width:15px;height:15px}.foot-tag{font-size:9px;color:#7a879e}.foot-nav{margin-left:auto;display:flex;gap:21px;font-size:9px;color:#596783;font-weight:650}.copyright{font-size:8px;color:#8f9bb0;white-space:nowrap}.socials{font-size:11px;font-weight:900;color:#314674;letter-spacing:5px}.lang{font-size:9px;border:1px solid #e6ecf8;border-radius:30px;padding:3px 7px}
/* MODAL */
.modal-layer{position:fixed;inset:0;z-index:100;display:none;background:#081a4280;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal-layer.open{display:flex}.modal{width:min(420px,100%);border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--card);box-shadow:0 20px 75px #03163540;position:relative}.modal .x{position:absolute;right:12px;top:10px;background:transparent;border:0;font-size:21px;color:var(--muted)}.modal h2{font-size:23px;margin:0 0 8px}.modal p{font-size:12px;color:var(--muted)}.modal label{display:block;font-weight:750;margin-top:12px;font-size:11px}.modal input{width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.modal .btn{width:100%;margin-top:15px}.modal small{display:block;font-size:10px;color:var(--muted);margin-top:12px}
/* DARK MODE */
body.dark{--ink:#ecf3ff;--navy:#f4f7ff;--muted:#a1acc4;--line:#35415f;--card:#1a2948;--base:#0e1a33;--soft:#14233e;--shadow:0 6px 24px #0003;color-scheme:dark}body.dark header{background:#0e1a33ed}body.dark header .logo,body.dark .mini-logo,body.dark footer .logo{color:#eef3ff}body.dark .hero{background:radial-gradient(ellipse at 72% 50%,#152f57,#101d38 62%,#0e1a33)}body.dark .hero-copy>p,body.dark .benefit-card p,body.dark .route-content p,body.dark .testimonial p,body.dark .check-list li{color:#b4bfd4}body.dark .dashboard,body.dark .dash-main,body.dark .dash-aside{color:#142348}body.dark .value-strip .strip-inner,body.dark .routes,body.dark .testimonials,body.dark .enterprise,body.dark .faqs{background:#101e38}body.dark .value,body.dark .benefit-card,body.dark .testimonial,body.dark .course-card,body.dark .price-card,body.dark .team-progress,body.dark .enterprise-quote{border-color:#33415c}body.dark .route-card{background:#193a33}body.dark .route-card.purple{background:#30223f}body.dark .route-card.orange{background:#473022}body.dark .route-card.blue{background:#19304a}body.dark .value small{color:#bdc5d7}body.dark .tutor{background:#12213c}body.dark .tutor-chat,body.dark .chat-input input,body.dark .msg{background:#1a2948;color:#edf1ff}body.dark .msg.user{background:#2b4782}body.dark .robot-benefits{background:#192944;color:#edf1ff}body.dark .head-sign,body.dark .billing button.active,body.dark footer{background:#182844;color:#eef3ff}body.dark .billing{background:#263654}body.dark .dash-nav span{color:#64708b}body.dark .dash-nav span.active{color:#fff}
@media(min-width:1280px){body{font-size:14px}header{height:80px}.hero-inner{min-height:520px}.dashboard{min-height:445px;padding:20px 13px}.dash-sidebar{padding-right:12px}.mini-logo{font-size:14px}.dash-nav span{font-size:12px;padding:10px 8px}.dash-nav .icon{width:15px;height:15px}.dash-main{padding:0 17px}.dash-top{height:48px}.dash-search{font-size:12px}.dash-main h3{font-size:22px}.dash-sub{font-size:12px;margin-bottom:13px}.dash-continue{padding:12px}.dash-continue .line{font-size:11px}.dash-small-title{font-size:14px;margin:14px 0 8px}.progress-cards div{min-height:66px;font-size:10px;padding:12px 8px}.progress-cards strong{font-size:22px}.lesson{padding:9px}.lesson img{width:100px;height:52px}.lesson .lesson-name{font-size:11px}.lesson .lesson-name small{font-size:10px}.reco strong{font-size:9px}.reco small{font-size:8px}.reco .reco-icon{width:37px;height:40px}.dash-aside{padding-top:63px}.teacher-panel{padding:14px}.teacher-panel h4{font-size:15px}.teacher-panel .robot{width:135px;height:135px}.teacher-panel p{font-size:11px}.teacher-panel li{font-size:10px;padding:9px 7px}.benefit-card{min-height:190px}.value-strip .strip-inner{min-height:77px}.value-strip{padding-bottom:37px}.benefits{padding-bottom:30px}.steps{padding-bottom:42px}.route-cover{height:159px}.route-content{min-height:174px;padding:21px 18px}.courses{padding-bottom:37px}.course-thumb{height:99px}.tutor-inner{min-height:400px}.robot-stage{height:375px}.robot-stage .robot{height:365px;width:320px}.tutor-chat{min-height:310px}.chat-body{max-height:260px}.msg{font-size:12px}.enterprise-grid{min-height:275px}.testimonials{padding:25px 0 35px}.testimonial{min-height:146px}.pricing{padding:26px 0 32px}.price-card{min-height:235px}.bottom-cta-inner{min-height:88px}.foot-inner{height:58px}}
@media(max-width:1040px){header .head-inner{gap:20px}nav{gap:18px}.head-controls{gap:6px}.head-join{padding-inline:13px}.head-sign{padding-inline:11px}.dashboard{grid-template-columns:20% 55% 25%}.dash-main{padding-inline:8px}.dash-sidebar{padding-right:5px}.dash-continue .mini-btn,.lesson .mini-btn{padding-inline:6px}.hero-stats{gap:15px}.side-note,.side-sparks{display:none}.enterprise-grid{grid-template-columns:28% 28% 27% 17%;gap:7px}.enterprise-quote{padding:10px}.team-progress{padding:10px}.foot-tag{display:none}.foot-nav{gap:12px}}
@media(max-width:830px){.container{width:92%}.big-container{width:94%}header{height:64px}header .head-inner{gap:12px}nav{gap:11px}nav a{font-size:10px}.head-sign{display:none}.hero-inner{grid-template-columns:40% 60%;min-height:395px}.hero h1{font-size:31px;letter-spacing:-1.1px}.hero-ctas .btn{padding:9px 12px;font-size:11px}.hero-stats{gap:9px}.stat .stat-icon .icon{width:22px;height:22px}.stat small{white-space:normal;font-size:8px}.stat strong{font-size:13px}.dashboard-shell{margin-left:0}.dashboard{min-height:331px;grid-template-columns:18% 57% 25%;padding:10px 7px}.dash-nav span{padding:5px 3px;font-size:8px}.mini-logo{font-size:9px}.mini-logo .icon{width:11px}.dash-main{padding-inline:6px}.dash-main h3{font-size:14px}.dash-sub{font-size:8px}.dash-small-title{font-size:10px}.dash-continue{gap:3px;padding:5px 4px}.dash-continue .bubble{width:21px;height:21px}.dash-continue .line{font-size:7px}.dash-continue .mini-btn,.lesson .mini-btn{font-size:7px}.progress-cards{gap:3px}.progress-cards div{padding:5px 3px;font-size:7px}.progress-cards strong{font-size:13px}.lesson{gap:4px;padding:4px}.lesson img{width:48px;height:32px}.lesson .lesson-name{font-size:7px}.lesson .lesson-name small{font-size:7px}.reco .reco-icon{width:20px;height:27px}.reco strong{font-size:6px}.reco small{font-size:6px}.teacher-panel{padding:7px 6px}.teacher-panel h4{font-size:9px}.teacher-panel .robot{width:76px;height:87px}.teacher-panel p{font-size:8px}.teacher-panel li{font-size:6.5px;padding:5px 4px}.route-content{padding-inline:10px}.route-label{font-size:8px}.route-content p{font-size:9px}.value{gap:5px;padding-inline:7px}.value .symbol{width:30px;height:30px}.value .icon{width:20px;height:20px}.benefit-card{padding:13px}.step{gap:5px;padding:0}.step .number{width:25px;height:25px;font-size:12px}.step .step-icon{width:42px;height:42px}.step .step-icon .icon{width:23px;height:23px}.step:not(:last-child):after{right:-8px;font-size:17px}.tutor-inner{grid-template-columns:30% 37% 33%}.robot-stage .robot{height:230px;width:165px}.robot-benefits{min-width:155px;left:1px;padding:5px}.robot-benefits div{font-size:8px}.robot-stage .handwrite{font-size:11px}.enterprise-quote{font-size:9px}.bars:after{font-size:17px}.team-metrics b{font-size:13px}.course-card{gap:6px;padding:6px}.course-thumb{height:64px}.course-info h3{font-size:9px}.course-info .meta{font-size:7px}.course-info .rating{font-size:8px}.price-card{padding:12px}.price-content{grid-template-columns:33% 67%}.price-number{font-size:24px}.price-content li{font-size:8px}}
@media(max-width:700px){body{font-size:14px}.container,.big-container{width:min(92%,530px)}header{height:66px}header .head-inner{gap:12px}.logo{font-size:20px!important}nav{position:absolute;display:none;top:60px;left:0;right:0;background:var(--card);padding:14px 5%;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}nav a{font-size:13px}.head-controls{margin-left:auto}.theme-switch{height:27px}.head-join{padding:8px 10px;font-size:10px}.head-search{padding:4px}.hamburger{display:block}.hero{padding:14px 0 33px}.hero-inner{grid-template-columns:1fr;min-height:0;gap:25px}.hero-copy{padding:0}.hero h1{font-size:clamp(33px,8.2vw,48px);line-height:1.08;max-width:500px}.hero-copy>p{font-size:14px}.eyebrow{font-size:11px}.hero-ctas .btn{font-size:12px;min-height:41px}.hero-stats{gap:20px;justify-content:space-between}.stat strong{font-size:16px}.stat small{font-size:9px}.dashboard-shell{margin:0;transform:none;padding:6px;border-radius:18px}.dashboard{min-height:310px;grid-template-columns:19% 55% 26%;padding:9px 6px;border-radius:13px}.mini-logo{font-size:9px;margin-bottom:14px}.dash-main{padding-inline:5px}.dash-nav span{font-size:8px}.dash-search{font-size:7px}.dash-main h3{font-size:14px}.dash-sub{font-size:7px}.dash-continue .bubble{width:20px;height:20px}.dash-continue .line{font-size:7px}.dash-continue .mini-btn,.lesson .mini-btn{font-size:6px;padding:6px 3px}.progress-cards div{min-height:46px;font-size:6px}.progress-cards strong{font-size:12px}.lesson img{width:38px;height:30px}.dash-aside{padding-top:35px}.teacher-panel .robot{height:73px;width:76px}.value-strip{padding-bottom:26px}.value-strip .strip-inner{grid-template-columns:repeat(2,1fr);gap:15px;padding:13px}.value{border:0;gap:10px}.value:nth-child(odd){border-right:1px solid var(--line)}.value strong{font-size:11px}.value small{font-size:9px}.section-head h2,.section-inline h2{font-size:23px}.section-head p,.section-inline p{font-size:12px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:10px}.benefit-card{min-height:178px;padding:14px}.benefit-card h3{font-size:13px}.benefit-card p{font-size:11px}.steps-line{display:grid;grid-template-columns:1fr;gap:17px;max-width:420px;margin:auto}.step{gap:13px}.step .number{width:30px;height:30px}.step .step-icon{width:54px;height:54px}.step .step-txt strong{font-size:13px}.step .step-txt p{font-size:11px}.step:not(:last-child):after{content:'↓';font-size:18px;top:auto;right:auto;bottom:-20px;left:55px}.routes{padding-top:25px}.routes-grid{grid-template-columns:repeat(2,1fr);gap:11px}.route-cover{height:145px}.route-content{min-height:172px;padding:18px 12px 12px}.route-content h3{font-size:13px}.route-content p{font-size:10.5px}.route-label{font-size:8.5px}.section-inline .text-link{position:static;display:flex;justify-content:flex-end;margin-top:-8px;margin-bottom:11px}.courses-grid{grid-template-columns:repeat(2,1fr);gap:10px}.course-card{padding:7px}.course-thumb{height:79px}.course-info h3{font-size:10px}.tutor-inner{grid-template-columns:1fr;gap:15px;padding-top:28px;padding-bottom:18px}.tutor h2,.enterprise h2{font-size:25px}.tutor .sub,.enterprise .sub{font-size:12px}.check-list{gap:8px;margin-bottom:15px}.check-list li{font-size:12px}.tutor-chat{min-height:235px;max-width:520px;width:100%}.chat-body{max-height:190px}.msg{font-size:11px}.robot-stage{height:235px;max-width:330px;width:100%;margin:0 auto}.robot-stage .robot{height:245px;width:200px}.robot-benefits{min-width:185px;left:0}.robot-benefits div{font-size:9px}.enterprise-grid{grid-template-columns:1fr 1fr;gap:10px}.enterprise-copy{grid-column:1/-1}.enterprise-img{min-height:170px}.team-progress{min-height:170px}.enterprise-quote{grid-column:1/-1;display:flex;align-items:center;gap:20px}.enterprise-quote p{flex:1}.testimonial-grid{grid-template-columns:1fr}.testimonial{min-height:auto}.pricing-head{flex-direction:column;gap:10px}.price-grid{grid-template-columns:1fr;gap:31px}.price-card{padding:17px}.price-number{font-size:36px}.price-content li{font-size:11px}.price-card{min-height:200px}.faq-grid{grid-template-columns:1fr}.faq-cols{gap:6px}.faq-cols summary{font-size:12px}.bottom-cta-inner{min-height:110px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;justify-content:center;text-align:center}.bottom-cta strong{font-size:18px}.bottom-cta p{display:none}.foot-inner{height:auto;min-height:95px;flex-wrap:wrap;gap:10px;padding:12px 0}.foot-nav{order:3;justify-content:center;width:100%;margin:0;flex-wrap:wrap}.copyright{margin-left:auto}.socials,.lang{display:none}}
@media(max-width:390px){.head-join{display:none}.benefit-grid{gap:7px}.benefit-card{padding:11px}.route-cover{height:105px}.route-label{font-size:7px}.route-content h3{font-size:11px}.route-content p{font-size:9px}.route-content{min-height:186px}.courses-grid{grid-template-columns:1fr}.course-thumb{height:85px}.course-info h3{font-size:12px}.dashboard{grid-template-columns:19% 57% 24%}.teacher-panel li{font-size:6px}.hero-stats{gap:4px}.stat{gap:4px}.stat small{font-size:8px}}

/* Fidelidad al JPG de referencia en escritorio compacto (941 px) */
@media (min-width:701px) and (max-width:1279px){
 header{height:38px} header .container,.hero .container{width:84%} header .logo{font-size:17px} header .head-inner{gap:28px} nav{gap:20px} nav a{font-size:9px} .head-join,.head-sign{font-size:9px;padding:6px 12px} .theme-switch{height:25px}.theme-switch button{width:21px;height:21px}
 .hero{padding:0 0 10px}.hero-inner{min-height:282px;align-items:start;grid-template-columns:39% 61%}.hero-copy{padding:4px 0 0}.eyebrow{font-size:9px;padding:4px 8px}.hero h1{font-size:clamp(24px,3.25vw,34px);line-height:1;letter-spacing:-1.25px;margin:7px 0 7px}.hero-copy>p{font-size:10px;line-height:1.35;margin-bottom:9px}.hero-ctas{gap:10px}.hero-ctas .btn{min-height:32px;font-size:11px;padding:6px 13px;border-radius:9px}.play-circle{width:19px;height:19px}.hero-stats{margin-top:14px;gap:9px}.stat .stat-icon .icon{width:20px;height:20px}.stat strong{font-size:13px}.stat small{font-size:8px}.stat{gap:6px}
 .dashboard-shell{margin:0;transform:translateX(1%);height:276px;overflow:hidden;padding:6px;border-radius:24px}.dashboard{zoom:.70;width:142.857%;min-height:355px;grid-template-columns:20% 55% 25%;padding:13px 9px}.dash-main{padding:0 12px}.mini-logo{font-size:12px}.dash-nav span{font-size:10px;padding:8px 5px}.dash-main h3{font-size:18px}.dash-sub{font-size:9px}.dash-continue{padding:9px}.dash-continue .line{font-size:9px}.dash-small-title{font-size:12px;margin:9px 0 6px}.progress-cards div{padding:8px 6px;font-size:8px;min-height:55px}.progress-cards strong{font-size:16px}.lesson img{width:65px;height:42px}.lesson .lesson-name{font-size:9px}.teacher-panel{padding:11px}.teacher-panel h4{font-size:12px}.teacher-panel .robot{height:97px;width:101px}.teacher-panel li{font-size:8px;padding:7px 5px}.teacher-panel p{font-size:9px}
 .value-strip{padding-bottom:14px}.value-strip .strip-inner{min-height:48px;padding:8px 6px}.value{gap:8px;padding:0 10px}.value .symbol{width:29px;height:29px}.value .symbol .icon{width:20px;height:20px}.value strong{font-size:9px}.value small{font-size:8px}
 .section-head{margin-bottom:11px}.section-head h2,.section-inline h2{font-size:18px;letter-spacing:-.55px;margin-bottom:2px}.section-head p,.section-inline p{font-size:10px}.section-inline .text-link{top:14px}.text-link{font-size:9px}
 .benefits{padding-bottom:13px}.benefit-grid{gap:12px}.benefit-card{padding:11px 12px;min-height:116px;border-radius:8px}.badge-icon{width:32px;height:32px;border-radius:10px;margin-bottom:6px}.badge-icon .icon{width:20px;height:20px}.benefit-card h3{font-size:11px;margin-bottom:5px}.benefit-card p{font-size:9px;line-height:1.42}
 .steps{padding:3px 0 20px}.steps .section-head{margin-bottom:11px}.step .number{width:23px;height:23px;font-size:11px}.step .step-icon{width:41px;height:41px}.step .step-icon .icon{width:24px;height:24px}.step{gap:7px;padding:0 6px}.step .step-txt strong{font-size:10px}.step .step-txt p{font-size:9px}.step:not(:last-child):after{right:-10px;top:11px;font-size:19px}
 .routes{padding:8px 0 16px}.routes .section-head{margin-bottom:10px}.routes-grid{gap:11px}.route-cover{height:91px}.route-icon{width:32px;height:32px}.route-icon .icon{width:19px;height:19px}.route-content{min-height:120px;padding:11px 10px 10px}.route-label{font-size:8px;padding:3px 7px;top:-12px}.route-content h3{font-size:10.5px;margin:4px 0 5px;line-height:1.22}.route-content p{font-size:8.7px;margin-bottom:7px;line-height:1.33}.route-more{font-size:9px}
 .courses{padding-bottom:12px}.courses-grid{gap:10px}.course-card{padding:5px;gap:7px}.course-thumb{height:66px}.course-thumb .product-logo{font-size:30px}.course-info h3{font-size:9px}.course-info .meta{font-size:8px}.course-info .rating{font-size:9px}.course-info .rating b{font-size:12px}
 .tutor-inner{min-height:196px;padding-top:9px;padding-bottom:9px;grid-template-columns:32% 35% 33%}.tutor h2,.enterprise h2{font-size:17px;margin-bottom:3px}.tutor .sub,.enterprise .sub{font-size:10px;margin-bottom:10px}.check-list{gap:6px;margin-bottom:11px}.check-list li{font-size:9px;gap:7px}.tick{width:13px;height:13px;font-size:9px}.tutor .btn,.enterprise .btn{font-size:10px;min-height:27px;padding:5px 13px}.tutor-chat{min-height:180px;max-height:186px}.chat-header{padding:6px 9px;font-size:8px}.chat-body{padding:5px 8px;gap:4px;max-height:148px}.msg{padding:5px 7px;font-size:8px;line-height:1.3}.chat-input{padding:5px}.chat-input input{padding:6px;font-size:8px}.robot-stage{height:191px}.robot-stage .robot{height:175px;width:175px}.robot-stage .handwrite{font-size:10px;left:0;top:10px}.robot-benefits{min-width:156px;left:7px;padding:4px 8px}.robot-benefits div{font-size:8px;padding:2px 0}
 .enterprise{padding:10px 0}.enterprise-grid{min-height:139px}.enterprise .check-list{gap:4px;margin-bottom:8px}.enterprise .check-list li{font-size:9px}.enterprise-img{border-radius:4px}.team-progress{padding:8px}.team-progress h4{font-size:9px;margin-bottom:4px}.bars{height:50px;padding:6px 6px 0}.bars:after{font-size:17px}.team-metrics b{font-size:13px}.team-metrics span{font-size:7px;padding:6px 3px}.enterprise-quote{padding:8px;font-size:8.7px}.enterprise-quote p{margin-bottom:8px}.quote-author{font-size:8px}.quote-author img{height:25px;width:25px}
 .testimonials{padding:10px 0 14px}.testimonials .section-head{margin-bottom:10px}.testimonial-grid{gap:10px}.testimonial{padding:9px 10px;min-height:82px}.testimonial-top img{height:27px;width:27px}.testimonial-top strong{font-size:9px}.testimonial-top small{font-size:7px}.stars{font-size:11px}.testimonial p{font-size:8.5px;line-height:1.3;margin:7px 0 0}
 .pricing{padding:9px 0 22px}.pricing-head{margin-bottom:12px}.pricing-head h2{font-size:17px}.pricing-head p{font-size:9px}.billing button{font-size:8px;padding:5px 9px}.billing small{font-size:8px}.price-grid{gap:11px}.price-card{min-height:123px;padding:10px 12px 8px}.price-card.popular{padding:14px 12px 8px}.popular-label{top:-15px;height:18px;padding:3px;font-size:8px}.price-top strong{font-size:10px}.price-top small{font-size:8px}.price-content{grid-template-columns:36% 64%;gap:4px}.price-number{font-size:24px}.price-number small{font-size:8px}.price-content ul{gap:3px}.price-content li{font-size:8px}.price-card .btn{min-height:23px;font-size:8px;padding:4px 6px;margin-top:6px}
 .faqs{padding:8px 0}.faq-grid{grid-template-columns:37% 31% 31%;gap:8px}.faq-grid h2{font-size:14px}.faq-grid p{font-size:9px}.faq-cols{gap:3px}details{font-size:8px}summary{padding:4px 7px}.bottom-cta-inner{min-height:46px}.bottom-cta strong{font-size:13px}.bottom-cta p{font-size:9px}.bottom-cta .btn{min-height:28px;font-size:9px}.foot-inner{height:31px}.foot-inner .logo{font-size:10px}.foot-nav{gap:11px;font-size:8px}.copyright{font-size:7px}.socials{font-size:9px;letter-spacing:3px}
}

@media (min-width:701px) and (max-width:1279px){
 .dashboard{zoom:1;transform:scale(.70);transform-origin:0 0;width:142.857%;min-height:355px}
 .benefits{padding-bottom:9px}.benefit-card{min-height:107px;padding:9px 12px}.benefit-card p{font-size:8.7px}.badge-icon{width:29px;height:29px;margin-bottom:4px}.benefit-card h3{margin-bottom:4px}
 .steps{padding-bottom:13px}.step .step-icon{width:35px;height:35px}.step .number{width:21px;height:21px}.steps .section-head{margin-bottom:8px}
 .routes{padding:7px 0 12px}.route-cover{height:73px}.route-content{min-height:101px;padding:9px 9px 8px}.route-content h3{font-size:10px;margin:3px 0 3px}.route-content p{font-size:8.2px;line-height:1.25;margin-bottom:5px}.route-more{font-size:8px}
 .courses{padding-bottom:7px}.course-thumb{height:54px}.course-info h3{font-size:8.5px}.course-info .meta{font-size:7px}.course-card{padding:4px}
 .tutor-inner{min-height:182px;padding-top:7px;padding-bottom:7px}.tutor-chat{min-height:173px;max-height:173px}.chat-body{max-height:132px}.robot-stage{height:172px}.robot-stage .robot{height:167px;width:162px}.robot-benefits{bottom:3px}
 .enterprise{padding:6px 0}.enterprise-img{height:140px}.enterprise-copy .sub{font-size:8.5px;line-height:1.1;margin-bottom:6px}.enterprise-copy h2{margin-bottom:2px}.enterprise .check-list{gap:2px;margin-bottom:7px}.enterprise .check-list li{font-size:8.3px;line-height:1.1}.enterprise .btn{min-height:23px;font-size:9px;padding:4px 10px}.team-progress{height:140px}.enterprise-quote{height:140px}.bars{height:43px}.team-metrics span{padding:5px 2px}
 .testimonials{padding:8px 0 10px}.testimonial{min-height:69px;padding:7px 8px}.testimonial p{font-size:8px;line-height:1.17;margin-top:4px}.testimonial-top img{height:23px;width:23px}.testimonials .section-head{margin-bottom:7px}
 .pricing{padding:7px 0 11px}.pricing-head{margin-bottom:7px}.pricing-head h2{font-size:15px}.pricing-head p{font-size:8px}.price-card{min-height:96px;padding:7px 10px 6px}.price-card.popular{padding:12px 10px 6px}.price-top strong{font-size:9px}.price-top small{font-size:7px}.price-number{font-size:21px}.price-number small{font-size:7px}.price-content ul{gap:1px;margin-top:2px}.price-content li{font-size:7px;line-height:1.05}.price-content{margin-top:2px}.price-card .btn{min-height:20px;font-size:7.5px;margin-top:4px;padding:3px 6px}.popular-label{height:16px;top:-13px;font-size:7px}
 .faqs{padding:5px 0}.faq-grid{gap:7px}.faq-grid h2{font-size:12px}.faq-cols{gap:2px}details{line-height:1}summary{font-size:7.7px;padding:2px 6px;line-height:1.05}summary:after{font-size:9px}.faq-grid p{font-size:8px}
}

@media(min-width:1280px){
 header{height:60px}.hero{padding:4px 0 20px}.hero-inner{min-height:450px}.dashboard-shell{height:436px;overflow:hidden}.dashboard{transform:scale(.78);transform-origin:top left;width:128.205%;min-height:445px}.hero-stats{margin-top:18px}
 .value-strip{padding-bottom:21px}.value-strip .strip-inner{min-height:72px;padding:10px}
 .benefits{padding-bottom:18px}.benefit-card{min-height:158px;padding:16px}.badge-icon{width:40px;height:40px;margin-bottom:8px}
 .steps{padding:5px 0 27px}.step .step-icon{width:52px;height:52px}.steps .section-head{margin-bottom:11px}
 .routes{padding:12px 0 23px}.route-cover{height:118px}.route-content{min-height:130px;padding:16px 15px 12px}.route-content h3{font-size:15px;margin:3px 0 5px}.route-content p{font-size:12px;margin-bottom:7px}.route-icon{width:36px;height:36px}.route-label{font-size:9px}
 .courses{padding-bottom:21px}.course-thumb{height:75px}.course-card{padding:7px}.course-info h3{font-size:12px}
 .tutor-inner{min-height:292px;padding-top:13px;padding-bottom:13px}.tutor-chat{min-height:254px;max-height:264px}.chat-body{max-height:195px}.robot-stage{height:266px}.robot-stage .robot{height:254px;width:245px}.robot-benefits{bottom:4px}
 .enterprise{padding:13px 0}.enterprise-grid{min-height:194px}.enterprise-img{height:193px}.enterprise .check-list{gap:5px}.enterprise .check-list li{font-size:11px;line-height:1.15}.enterprise .check-list{margin-bottom:10px}.enterprise .sub{margin-bottom:10px}.team-progress,.enterprise-quote{height:193px}.bars{height:70px}
 .testimonials{padding:17px 0 21px}.testimonial{min-height:101px;padding:12px}.testimonial p{font-size:10px;margin-top:8px}
 .pricing{padding:18px 0 20px}.pricing-head{margin-bottom:12px}.price-card{min-height:159px;padding:13px}.price-card.popular{padding:18px 13px 13px}.price-content li{font-size:9px;line-height:1.15}.price-content ul{gap:3px}.price-card .btn{min-height:26px;margin-top:8px}.price-number{font-size:27px}.price-content{grid-template-columns:34% 66%}
 .faqs{padding:8px 0}.faq-grid{gap:9px}details summary{padding:4px 8px;font-size:9px;line-height:1.05}.faq-cols{gap:3px}.faq-grid h2{font-size:17px}.bottom-cta-inner{min-height:70px}.foot-inner{height:50px}
}
@media(min-width:701px) and (max-width:1279px){
 .routes{padding-bottom:10px}.route-cover{height:66px}.route-content{min-height:88px;padding:8px 9px}.route-content p{font-size:7.8px;line-height:1.18;margin-bottom:3px}.route-content h3{font-size:9.5px}
 .courses{padding-bottom:5px}.course-thumb{height:48px}.course-info h3{font-size:8px}
 .tutor-inner{min-height:170px;padding-top:5px;padding-bottom:5px}.tutor-chat{min-height:159px;max-height:159px}.chat-body{max-height:120px}.robot-stage{height:161px}.robot-stage .robot{height:155px}
 .enterprise{padding:5px 0}.enterprise-img,.team-progress,.enterprise-quote{height:121px}.enterprise .check-list{gap:1px}.enterprise .check-list li{font-size:7.8px;line-height:1}.enterprise .sub{font-size:8px;margin-bottom:3px}.enterprise .btn{min-height:21px;padding:3px 10px}.enterprise-copy h2{font-size:16px}
 .testimonials{padding:6px 0 8px}.testimonial{min-height:61px;padding:6px}.testimonial p{font-size:7.4px;margin-top:3px}.testimonials .section-head{margin-bottom:5px}
 .pricing{padding:5px 0 9px}.pricing-head{margin-bottom:5px}.price-card{min-height:90px;padding:6px 9px 5px}.price-card.popular{padding:11px 9px 5px}.price-content li{font-size:6.5px;line-height:1}.price-content ul{gap:0}.price-card .btn{min-height:18px;padding:2px 5px;margin-top:3px}.price-number{font-size:19px}
 .faqs{padding:4px 0}summary{font-size:7px;padding:1px 5px;line-height:1}summary:after{font-size:8px}.faq-cols{gap:1px}
}