:root{--blue:#1769e8;--navy:#0b285a;--ink:#102d5c;--muted:#50627d;--border:#dce7f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1360px,calc(100% - 80px));margin:auto}.site-header{height:70px;background:#fff;border-bottom:1px solid #edf2f8;position:relative;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:29px;font-weight:900;letter-spacing:-1.5px}.logo span{color:var(--blue)}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}nav>a:not(.quote){padding:25px 0 21px;position:relative}nav>a.active,nav>a:hover{color:var(--blue)}nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--blue)}.quote,.primary{background:var(--blue);color:#fff;border-radius:999px;font-weight:800;box-shadow:0 10px 25px #1769e82e}.quote{padding:11px 18px}.quote b,.primary b{margin-left:7px;background:#ffffff33;border-radius:50%;width:19px;height:19px;display:inline-grid;place-items:center}.menu-toggle{display:none;background:#fff;border:1px solid var(--border);border-radius:10px;width:44px;height:42px}.menu-toggle i{display:block;width:20px;height:2px;background:var(--navy);margin:4px auto}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 42%,#dceeff 0,transparent 30%),linear-gradient(115deg,#fff 0%,#f7fbff 55%,#eaf4ff 100%);padding:65px 0 0;min-height:calc(100vh - 70px)}.arc{position:absolute;right:-390px;top:-250px;width:760px;height:760px;border:90px solid #1972ed;border-radius:50%;transform:rotate(12deg);opacity:.96}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:40px;align-items:center;min-height:485px}.copy{max-width:700px}.eyebrow{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 14px;border-radius:999px;background:#e4f1ff;color:#1670e9;font-size:13px;font-weight:800}.eyebrow span{background:#cde5ff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.eyebrow b{color:#6a9ee4}.copy h1{font-size:clamp(46px,4.25vw,70px);line-height:.99;letter-spacing:-3px;margin:18px 0 15px;font-weight:900}.copy h1 span{color:#0875ee}.copy>p{font-size:16px;line-height:1.55;color:#455773;max-width:610px;margin:0}.actions{display:flex;gap:15px;margin-top:25px}.primary,.secondary{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.secondary{border:1.5px solid #2372dc;border-radius:999px;color:#1b4f9e;font-weight:800;background:#ffffffb8}.visual{height:485px;position:relative;display:flex;align-items:center;justify-content:center}.laptop{width:620px;position:relative;z-index:2;transform:translate(15px,-5px)}.screen{height:350px;background:#171e29;border:3px solid #4d5968;border-radius:17px 17px 7px 7px;padding:10px;box-shadow:0 25px 50px #0d25452e}.screenbar{height:32px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:8px;color:#17325d}.screenbar span{font-size:6px;color:#63738a}.school{height:calc(100% - 32px);padding:45px 36px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(90deg,#041f49dd,#0b437255),linear-gradient(135deg,#8bb3ce,#285f8c 55%,#132e54)}.school:after{content:"";position:absolute;right:-70px;bottom:-70px;width:320px;height:250px;background:linear-gradient(135deg,#efd08c,#718e70);border-radius:50%;opacity:.75}.school>div{position:relative;z-index:1}.school small{font-size:8px;letter-spacing:1px}.school h2{font-size:29px;line-height:1.05;margin:8px 0 14px}.school button,.phone-school button{border:0;background:#ffc52c;color:#17345e;border-radius:5px;padding:7px 10px;font-size:7px;font-weight:900}.base{width:680px;height:18px;margin-left:-30px;background:linear-gradient(#d5dce5,#7f8b99);border-radius:0 0 20px 20px}.phone{position:absolute;z-index:4;right:32px;bottom:35px;width:155px;height:315px;padding:8px;border-radius:28px;background:#14181e;border:3px solid #59616d;box-shadow:0 24px 50px #0a1d3730;transform:rotate(1deg)}.speaker{position:absolute;z-index:5;top:8px;left:50%;transform:translateX(-50%);width:54px;height:13px;border-radius:0 0 10px 10px;background:#05070a}.phone-screen{height:100%;overflow:hidden;border-radius:20px;background:#fff}.phonebar{height:44px;padding:17px 8px 0;display:flex;justify-content:space-between;font-size:7px}.phone-school{min-height:145px;padding:22px 12px 10px;color:#fff;background:linear-gradient(90deg,#05254ddd,#0c417266),linear-gradient(135deg,#88b3d0,#2e668d)}.phone-school small{font-size:5px}.phone-school h2{font-size:16px;line-height:1.05;margin:6px 0 10px}.phone-school button{font-size:5px;padding:6px 7px}.phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;color:#1b457e;text-align:center}.phone-cards div{border:1px solid #d9e5f3;border-radius:7px;padding:8px 3px}.phone-cards small{display:block;font-size:6px;margin-top:3px}.benefits{min-height:112px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:relative;z-index:5;border-top:1px solid #dfeaf6}.benefits>div{min-height:54px;padding:0 25px;display:flex;align-items:center;gap:14px;border-right:1px solid #d8e2ee}.benefits>div:last-child{border:0}.benefits strong{color:#1571eb;font-size:29px;font-weight:500}.benefits p{font-size:14px;line-height:1.35;margin:0}.benefits p br+*{}.benefits p{color:#334967}.benefits p::first-line{color:#172e52;font-weight:700}
@media(max-width:1100px){.container{width:min(100% - 48px,1000px)}nav{gap:19px;font-size:13px}.hero{padding-top:45px}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(410px,1.05fr);gap:10px}.copy h1{font-size:clamp(42px,5vw,58px)}.laptop{width:530px}.screen{height:300px}.base{width:580px}.phone{width:135px;height:280px;right:5px}.benefits>div{padding:0 13px}.benefits p{font-size:12px}}
@media(max-width:800px){.container{width:min(100% - 30px,620px)}.site-header{height:66px}.menu-toggle{display:block}nav{display:none;position:absolute;top:66px;left:15px;right:15px;flex-direction:column;align-items:stretch;gap:3px;padding:9px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px #0e26481f}nav.open{display:flex}nav>a:not(.quote){padding:12px;border-radius:8px}nav>a.active:after{display:none}nav>a.active{background:#edf5ff}.quote{text-align:center;margin-top:5px}.hero{padding-top:40px;min-height:auto}.hero-grid{display:flex;flex-direction:column;gap:16px;min-height:auto;align-items:stretch}.copy{max-width:none}.eyebrow{font-size:11px;padding:7px 11px;gap:6px}.copy h1{font-size:clamp(38px,10vw,52px);line-height:1.03;letter-spacing:-1.8px}.copy>p{font-size:15px;line-height:1.6}.actions{flex-wrap:wrap;margin-top:22px}.primary,.secondary{min-height:48px;font-size:13px;padding:0 18px}.visual{height:330px;margin-top:5px;overflow:hidden}.laptop{width:min(540px,92vw);transform:translate(-8px,5px)}.screen{height:245px}.school{padding:28px 24px}.school h2{font-size:clamp(21px,6vw,29px)}.phone{width:112px;height:230px;right:3%;bottom:20px;border-radius:22px;padding:6px}.phonebar{height:32px;padding-top:12px;font-size:6px}.phone-school{min-height:112px;padding:18px 9px 7px}.phone-school h2{font-size:12px}.benefits{grid-template-columns:1fr 1fr;min-height:auto;padding:10px 0 18px;gap:8px 0}.benefits>div{min-height:52px;padding:8px 10px}.benefits>div:nth-child(2){border-right:0}.benefits p{font-size:11px}.benefits strong{font-size:23px}}
@media(max-width:480px){.container{width:calc(100% - 24px)}.logo{font-size:25px}.hero{padding-top:30px}.eyebrow{font-size:9px;white-space:nowrap}.copy h1{font-size:36px;letter-spacing:-1.5px}.copy>p{font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.primary,.secondary{width:100%;padding:0 8px;font-size:12px}.visual{height:270px}.laptop{width:430px;transform:translate(-30px,14px)}.screen{height:190px;padding:6px}.screenbar{height:20px;font-size:5px}.screenbar span{display:none}.school{height:calc(100% - 20px);padding:20px 17px}.school h2{font-size:19px}.base{width:465px;height:12px;margin-left:-18px}.phone{width:92px;height:190px;right:1%;bottom:8px;border-radius:18px;padding:5px}.speaker{width:35px;height:8px}.phonebar{height:27px;padding:10px 5px 0;font-size:4px}.phone-school{min-height:93px;padding:15px 7px 6px}.phone-school h2{font-size:10px}.phone-cards{padding:6px;font-size:8px}.phone-cards small{font-size:4px}.benefits{gap:0;padding-bottom:14px}.benefits>div{gap:7px;padding:7px 5px}.benefits strong{font-size:20px}.benefits p{font-size:9px}}