@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--navy:#102946;--navy2:#183e61;--ink:#1b2b3c;--muted:#65778a;--paper:#f7f6f2;--cream:#f0eee7;--orange:#f4a261;--line:#d9dfdf;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#f7c08c;color:var(--navy)}.wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.site-header{position:relative;z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff28}.nav{height:84px;display:flex;align-items:center;gap:45px}.brand{display:inline-flex;align-items:center;gap:11px;font:800 27px 'Manrope',sans-serif;letter-spacing:-1.8px;white-space:nowrap}.brand-mark{height:36px;width:36px;border:1.5px solid #a9cae3;border-radius:10px;display:grid;place-items:center;font:800 23px 'Manrope',sans-serif;line-height:1}.brand-dot{color:var(--orange)}.nav nav{display:flex;align-items:center;gap:34px;margin-left:auto}.nav nav a{font-size:14px;color:#d2dfe9;transition:color .2s}.nav nav a:hover{color:#fff}.nav-contact{border:1px solid #ffffff65;border-radius:100px;padding:12px 18px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s}.nav-contact:hover{background:#ffffff1c}.nav-contact span{margin-left:8px;color:var(--orange)}.menu-toggle{display:none;background:none;border:0;color:#fff;width:40px;height:40px;padding:8px}.menu-toggle span{display:block;height:2px;background:currentColor;margin:5px 0}.mobile-menu{display:none}
.hero{position:relative;background:radial-gradient(circle at 81% 38%,#315d81 0,#1b4668 26%,transparent 55%),linear-gradient(120deg,#102946,#173c5a);color:#fff;overflow:hidden}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.hero-copy{position:relative;z-index:2;padding:84px 0 95px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.18em}.eyebrow{color:#f4b786;display:flex;align-items:center;gap:15px}.eyebrow-line{width:28px;height:1px;background:currentColor}.hero h1,.section h2{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.12}.hero h1{font-size:clamp(48px,5.1vw,77px);margin:28px 0 25px}.hero h1 em,.section h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:550px;color:#d0e0ec;font-size:18px;line-height:1.7;margin:0 0 30px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 21px;border-radius:8px;font-size:14px;font-weight:800;min-width:190px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:#fff;color:var(--navy)}.button-light span{font-size:19px}.text-link{font-size:14px;font-weight:700;color:#e0eaf0;border-bottom:1px solid #b4cfdf;padding-bottom:6px}.text-link span{margin-left:12px;color:var(--orange)}.hero-note{margin-top:65px;border-top:1px solid #ffffff35;padding-top:22px;color:#b9ccd9;font-size:13px;display:flex;gap:10px;align-items:center}.note-icon{color:var(--orange);font-size:20px}.hero-art{position:relative;min-height:650px;align-self:stretch}.art-orbit{position:absolute;border:1px solid #ffffff29;border-radius:50%;width:520px;height:520px;left:11%;top:13%}.orbit-two{width:680px;height:680px;left:-4%;top:2%;opacity:.55}.phone{position:absolute;width:235px;height:520px;border:8px solid #16283a;border-radius:37px;overflow:hidden;background:#f5f2f7;box-shadow:0 30px 68px #0006}.phone::after{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:47px;height:5px;border-radius:5px;background:#283a4a;z-index:2}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-back{top:70px;right:4px;transform:rotate(9deg);opacity:.94}.phone-front{top:122px;left:20px;transform:rotate(-8deg);z-index:2}.float-label{position:absolute;z-index:4;border-radius:100px;background:#fff;color:var(--navy);padding:11px 17px;font-size:12px;font-weight:800;box-shadow:0 8px 24px #0003}.float-top{top:110px;left:5px}.float-bottom{right:-8px;bottom:105px;background:var(--orange)}.hero-bottom{height:75px;display:flex;align-items:center;gap:30px;border-top:1px solid #ffffff27;color:#b9cedc;font-size:12px;letter-spacing:.08em}.hero-bottom span:first-child{color:var(--orange);font-weight:800}.hero-bottom span:last-child{margin-left:auto;font-size:23px;color:#fff}
.section{padding:112px 0}.section-heading,.showcase-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:50px}.kicker{color:#557d91}.section h2{font-size:clamp(36px,4vw,58px);margin:16px 0 0}.section h2 em{color:#347891}.section-heading>p,.showcase-head>p{width:320px;flex:0 0 320px;color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 4px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{position:relative;border:1px solid #dce1df;background:#fff;border-radius:var(--radius);padding:30px 25px 27px;min-height:315px;box-shadow:0 8px 25px #21324607}.benefit-num{color:#93a9b2;font-size:12px;font-weight:800;letter-spacing:.13em}.benefit-icon{width:51px;height:51px;border-radius:15px;display:grid;place-items:center;background:#e6f0f4;color:#287293;font-size:28px;margin:35px 0 25px}.benefit:nth-child(2) .benefit-icon{background:#fff0e4;color:#d58448}.benefit:nth-child(3) .benefit-icon{background:#ebecf7;color:#6660a5}.benefit:nth-child(4) .benefit-icon{background:#edf3ea;color:#5d8a64}.benefit h3{font:800 18px/1.3 'Manrope',sans-serif;letter-spacing:-.035em;margin:0 0 10px}.benefit p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.showcase{background:var(--cream)}.showcase-head{margin-bottom:35px}.tabs{display:flex;gap:6px;border-bottom:1px solid #cdd5d6;margin-bottom:31px}.tabs button{border:0;background:none;color:#67798a;padding:16px 21px 18px;font-size:15px;font-weight:800;border-bottom:3px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--navy)}.tabs button span{font-size:11px;opacity:.55;margin-left:6px}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.screen-card{min-width:0}.screen-open{position:relative;display:block;width:100%;height:340px;text-align:left;border:0;padding:16px;border-radius:20px;background:#dee5e8;overflow:hidden;transition:transform .22s,box-shadow .22s}.screen-open:hover{transform:translateY(-5px);box-shadow:0 20px 35px #10294625}.screen-card:nth-child(2n) .screen-open{background:#e6e0ed}.screen-card:nth-child(3n) .screen-open{background:#e8e8dc}.screen-img{display:block;width:190px;height:390px;margin:6px auto 0;overflow:hidden;border:6px solid #edf2f5;border-radius:22px 22px 0 0;box-shadow:0 12px 27px #1c345236;background:#fff}.screen-img img{width:100%;height:auto}.expand{position:absolute;right:16px;top:16px;background:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:var(--navy);z-index:3}.screen-caption{padding:21px 4px 5px}.screen-caption>span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#5f8798}.screen-caption h3{font:800 17px/1.35 'Manrope',sans-serif;letter-spacing:-.03em;margin:10px 0 7px}.screen-caption p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}#panel-admin .screen-grid{grid-template-columns:repeat(3,1fr)}#panel-admin .screen-open{height:360px}#panel-admin .screen-img{width:200px;height:410px}
.data-section{background:#11314d;color:#fff;overflow:hidden}.data-grid{display:grid;grid-template-columns:1fr .85fr;gap:110px;align-items:center}.kicker-light{color:#ffc495}.data-copy h2{margin-top:22px}.data-copy h2 em{color:var(--orange)}.data-copy>p{max-width:520px;color:#c7dae6;font-size:16px;line-height:1.75;margin:24px 0 27px}.data-list{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff32}.data-list li{padding:14px 0;border-bottom:1px solid #ffffff32;font-size:15px;font-weight:700;display:flex;gap:20px;align-items:center}.data-list li span{font-size:11px;color:var(--orange);letter-spacing:.1em}.data-copy .data-fine{font-size:12px;color:#9cb7c7;margin:22px 0 0}.data-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:680px}.data-visual::before{content:'';position:absolute;background:#335e78;border-radius:50%;width:630px;height:630px;opacity:.55}.data-image-frame{position:relative;width:300px;height:605px;overflow:hidden;border:9px solid #142839;border-radius:39px;background:#f8f3fa;box-shadow:0 34px 55px #0419297a;transform:rotate(5deg)}.data-image-frame img{width:100%;height:auto}.data-tag{position:absolute;bottom:38px;left:1%;background:#fff;color:var(--navy);font-size:12px;font-weight:800;border-radius:100px;padding:14px 20px;box-shadow:0 10px 20px #0002}
.closing{background:#f8f7f3}.closing-grid{display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:80px}.closing h2{margin:20px 0}.closing p{max-width:530px;color:var(--muted);line-height:1.7;font-size:16px}.mail-card{position:relative;display:flex;flex-direction:column;gap:20px;background:#e7eff2;border-radius:20px;padding:32px;min-height:185px;transition:background .2s,transform .2s}.mail-card:hover{background:#dae9ed;transform:translateY(-4px)}.mail-card>span:first-child{font-size:11px;font-weight:800;letter-spacing:.16em;color:#648798}.mail-card strong{font:800 clamp(19px,2.2vw,29px) 'Manrope',sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}.mail-arrow{position:absolute;right:30px;top:27px;font-size:24px;color:#317795}footer{background:#102946;color:#fff}.footer-inner{display:flex;align-items:center;gap:30px;padding:32px 0}.footer-inner p{color:#bbcfdb;font-size:13px;margin-left:auto}.footer-inner>span{font-size:12px;color:#8caabf}.footer-inner .brand{font-size:23px}.footer-inner .brand-mark{height:31px;width:31px;font-size:19px}
dialog{border:0;border-radius:20px;background:#f7f7f4;color:var(--navy);padding:0;max-width:min(93vw,600px);max-height:90vh;box-shadow:0 30px 70px #0007}dialog::backdrop{background:#0b1a2bcf}.dialog-head{height:62px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 18px;border-bottom:1px solid #dbe2e5}.dialog-head button{border:0;background:#e6edf0;border-radius:50%;width:37px;height:37px;font-size:24px;line-height:1}.dialog-head strong{font-size:15px}dialog img{height:auto;max-height:calc(90vh - 62px);width:auto;max-width:100%;margin:auto}
@media(max-width:1100px){.hero-grid{gap:15px}.phone-back{right:0}.phone-front{left:0}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit{min-height:280px}.screen-grid{grid-template-columns:repeat(2,1fr)}#panel-admin .screen-grid{grid-template-columns:repeat(2,1fr)}.data-grid{gap:30px}}
@media(max-width:760px){.wrap{width:min(100% - 38px,540px)}.nav{height:66px}.nav nav,.nav-contact{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-menu{display:flex;flex-direction:column;background:#173d5d;padding:8px 19px 18px;gap:0}.mobile-menu a{padding:12px;border-bottom:1px solid #ffffff26;font-size:14px}.hero-grid{display:block;min-height:0}.hero-copy{padding:70px 0 45px}.hero h1{font-size:clamp(46px,12vw,68px)}.hero-copy>p{font-size:16px}.hero-note{margin-top:43px}.hero-art{height:470px;min-height:0;margin:0 auto;width:min(420px,100%)}.art-orbit{width:390px;height:390px;top:5%;left:1%}.orbit-two{width:500px;height:500px;left:-10%;top:-9%}.phone{height:385px;width:178px;border-width:6px;border-radius:30px}.phone-front{top:54px;left:7%}.phone-back{top:12px;right:7%}.float-top{top:28px;left:1%}.float-bottom{bottom:35px;right:0}.hero-bottom{display:none}.section{padding:76px 0}.section-heading,.showcase-head{display:block;margin-bottom:34px}.section h2{font-size:clamp(35px,9vw,49px)}.section-heading>p,.showcase-head>p{width:auto;margin-top:21px;font-size:15px}.benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.benefit{padding:20px 17px;min-height:280px}.benefit-icon{margin:26px 0 19px}.benefit h3{font-size:15px}.benefit p{font-size:12px}.tabs button{padding:15px 9px;font-size:13px}.screen-grid,#panel-admin .screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.screen-open,#panel-admin .screen-open{height:245px;padding:10px;border-radius:15px}.screen-img,#panel-admin .screen-img{width:min(136px,90%);height:270px;border-width:4px;border-radius:15px 15px 0 0}.expand{right:10px;top:10px;width:25px;height:25px;font-size:14px}.screen-caption{padding:14px 2px 10px}.screen-caption>span{font-size:9px}.screen-caption h3{font-size:13px;margin:6px 0}.screen-caption p{font-size:11px}.data-grid{display:block}.data-copy>p{font-size:15px}.data-list li{font-size:13px}.data-visual{min-height:590px;margin-top:20px}.data-visual::before{width:480px;height:480px}.data-image-frame{width:265px;height:535px}.data-tag{bottom:35px}.closing-grid{display:block}.mail-card{margin-top:36px}.footer-inner{flex-wrap:wrap;gap:16px}.footer-inner p{margin-left:auto}.footer-inner>span{width:100%}}
@media(max-width:390px){.benefit-grid{grid-template-columns:1fr}.benefit{min-height:0}.benefit-icon{margin:20px 0}.hero-actions{gap:19px}.phone-front{left:0}.phone-back{right:0}.screen-open,#panel-admin .screen-open{height:210px}.screen-img,#panel-admin .screen-img{width:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.teacher-section{background:#eaf0f2}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.teacher-heading h2{max-width:620px}.teacher-heading>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.75;margin:25px 0}.feature-link{display:inline-flex;align-items:center;gap:32px;font-size:14px;font-weight:800;padding-bottom:8px;border-bottom:2px solid #4d879e;color:var(--navy)}.feature-link span{font-size:20px;color:#428199}.teacher-visual{height:455px;position:relative;background:radial-gradient(circle,#d2e0e6 0,transparent 66%)}.teacher-phone{position:absolute;width:205px;height:410px;overflow:hidden;border:7px solid #20384c;border-radius:30px;background:#fff;box-shadow:0 25px 40px #1c3c5555}.teacher-phone img{width:100%;height:auto}.teacher-phone-back{right:8%;top:6px;transform:rotate(8deg)}.teacher-phone-front{left:12%;top:35px;transform:rotate(-8deg)}.teacher-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:43px}.teacher-steps article{border-top:1px solid #b8cad1;padding-top:20px}.teacher-steps article span{font-size:12px;font-weight:800;color:#3a8198}.teacher-steps h3{font:800 18px 'Manrope',sans-serif;letter-spacing:-.035em;margin:13px 0 8px}.teacher-steps p{color:var(--muted);font-size:13px;line-height:1.6;max-width:300px;margin:0}
.admin-section{background:#fff}.admin-feature{background:#102f4d;color:#fff;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;min-height:400px;overflow:hidden}.admin-feature-visual{position:relative;background:radial-gradient(circle at 50% 50%,#3d7396,transparent 68%);display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.admin-feature-phone{height:375px;width:220px;overflow:hidden;border:8px solid #172b3d;border-radius:30px 30px 0 0;box-shadow:0 14px 32px #0006;transform:rotate(-5deg) translateY(26px);background:#fff}.admin-feature-phone img{width:100%;height:auto}.admin-feature-copy{align-self:center;padding:50px 60px 50px 45px}.admin-feature-copy .kicker{color:#f5b87e}.admin-feature-copy h3{font:800 clamp(30px,3vw,45px)/1.15 'Manrope',sans-serif;letter-spacing:-.055em;margin:18px 0}.admin-feature-copy p{color:#c9dbe7;line-height:1.7;font-size:15px;margin:0 0 25px}.admin-feature-copy .feature-link{color:#fff;border-color:#f4a261}.admin-feature-copy .feature-link span{color:#f4a261}.admin-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.admin-modules article{border:1px solid #dce3e7;border-radius:18px;background:#f8faf9;overflow:hidden}.module-shot{height:180px;background:#e7edf0;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding-top:18px}.module-shot img{width:175px;border-radius:14px 14px 0 0;border:5px solid #fff;box-shadow:0 8px 22px #1533452a}.admin-modules article:nth-child(2n) .module-shot{background:#ece7ed}.admin-modules article:nth-child(3n) .module-shot{background:#ecebe3}.module-copy{padding:24px 25px 27px}.module-copy span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#5b8ba0}.module-copy h3{font:800 18px 'Manrope',sans-serif;letter-spacing:-.04em;margin:10px 0}.module-copy p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
@media(max-width:900px){.teacher-grid{gap:30px}.teacher-phone{width:175px;height:350px}.teacher-visual{height:390px}.admin-feature-copy{padding:35px}.admin-modules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.teacher-grid{display:block}.teacher-visual{height:380px;margin-top:30px}.teacher-phone-back{right:12%}.teacher-phone-front{left:12%}.teacher-steps{grid-template-columns:1fr;gap:16px;margin-top:25px}.teacher-steps article{padding-top:14px}.teacher-steps h3{margin:8px 0}.teacher-steps p{max-width:none}.admin-feature{display:block}.admin-feature-visual{height:255px}.admin-feature-phone{width:175px;height:285px;transform:rotate(-5deg) translateY(45px)}.admin-feature-copy{padding:28px 26px 32px}.admin-feature-copy h3{font-size:32px}.admin-modules{grid-template-columns:1fr 1fr;gap:10px}.module-shot{height:126px;padding-top:12px}.module-shot img{width:115px}.module-copy{padding:17px 14px 20px}.module-copy h3{font-size:14px}.module-copy p{font-size:11px}}
@media(max-width:390px){.admin-modules{grid-template-columns:1fr}.module-shot{height:170px}.module-shot img{width:155px}.module-copy h3{font-size:17px}.module-copy p{font-size:13px}}
.data-visual{position:relative}.data-image-frame{position:absolute;width:245px;height:515px}.data-image-back{left:6%;top:35px;transform:rotate(-8deg);opacity:.82}.data-image-front{right:6%;bottom:44px;transform:rotate(6deg)}.data-tag{left:12%;bottom:25px;z-index:3}.data-outcome{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.data-outcome>div{border-top:1px solid #91b0be6b;padding:22px 0 0}.data-outcome span{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#f4b786;margin-bottom:10px}.data-outcome strong{font:800 18px 'Manrope',sans-serif}.data-outcome p{color:#afc6d3;line-height:1.6;font-size:13px;max-width:380px;margin:8px 0 0}
@media(max-width:1100px){.data-image-frame{width:210px;height:450px}.data-image-back{left:0}.data-image-front{right:0}}
@media(max-width:760px){.data-visual{min-height:510px}.data-image-frame{width:195px;height:420px}.data-image-back{left:1%;top:16px}.data-image-front{right:1%;bottom:40px}.data-tag{left:1%;bottom:15px}.data-outcome{gap:14px;margin-top:0}.data-outcome strong{font-size:14px}.data-outcome p{font-size:11px}}
@media(max-width:390px){.data-image-frame{width:170px;height:370px}.data-visual{min-height:455px}.data-outcome{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:980px){.nav{gap:18px}.nav nav{gap:15px}.nav nav a{font-size:12px}.nav-contact{font-size:12px;padding:11px 13px}}
.showcase-head small{display:block;margin-top:11px;font-size:12px;line-height:1.5;color:#778b97}