:root{--navy:#102b46;--teal:#087f80;--mint:#dff3ed;--cream:#f7f8f4;--muted:#577071}*{box-sizing:border-box}body{margin:0;color:var(--navy);font:16px/1.6 Arial,sans-serif;background:var(--cream)}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 6%;background:white;border-bottom:1px solid #e1e8e5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:800;line-height:1.15}.brand small{display:block;font-size:11px;letter-spacing:3px;color:var(--teal);margin-top:6px}.mark{width:45px;height:45px;position:relative}.mark i{position:absolute;width:13px;height:13px;border-radius:50%;background:#12a7a0;left:16px;top:0;box-shadow:-16px 12px #efb52f,16px 12px #e17678}.mark:after{content:'';position:absolute;left:7px;top:22px;width:30px;height:19px;background:#12a7a0;border-radius:0 0 24px 24px}.btn{display:inline-block;background:var(--teal);color:#fff;padding:13px 22px;text-decoration:none;border:0;border-radius:7px;font-weight:700}.btn:hover{background:#096569}.outline{background:white;color:var(--navy);border:1px solid #cbdad6}.wrap{max-width:1190px;margin:auto;padding:75px 28px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{text-transform:uppercase;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(38px,4.7vw,62px);line-height:1.08;letter-spacing:-2px;margin:18px 0 24px}h1 em{font-style:normal;color:var(--teal)}h2{font-size:clamp(29px,3vw,40px);line-height:1.18;letter-spacing:-1px;margin:12px 0 20px}h3{line-height:1.3}p{color:var(--muted)}.lead{font-size:19px;max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 12px}.fine{font-size:12px}.visual{background:#e4ede7;border-radius:20px;padding:25px;position:relative}.browser{border-radius:11px;background:white;overflow:hidden;box-shadow:0 22px 45px #102b4620}.chrome{padding:9px 14px;background:#f0f4f2;font-size:10px;letter-spacing:2px;color:#69817c}.schooltop{padding:14px 20px;font-size:12px;font-weight:bold;display:flex;justify-content:space-between}.schoolphoto{height:255px;background:linear-gradient(0deg,#102b46d9,#102b4600),url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1100&q=85') center/cover;display:flex;flex-direction:column;justify-content:end;color:white;padding:28px}.schoolphoto h3{font-family:Georgia,serif;font-size:31px;margin:0 0 14px}.schoolphoto a{background:white;color:var(--navy);padding:8px 14px;width:max-content;font-size:12px;text-decoration:none;border-radius:4px}.notification{background:white;border:1px solid #d3e7dd;border-radius:10px;padding:17px;max-width:285px;margin:-15px -10px 0 auto;position:relative;font-size:13px;box-shadow:0 8px 25px #102b4615}.notification b{display:block;color:var(--teal)}.strip{background:var(--navy);color:white;padding:22px;text-align:center;font-size:14px}.strip span{margin:0 22px}.sectionhead{max-width:680px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:white;border:1px solid #dfe8e2;border-radius:13px;padding:27px}.number{color:var(--teal);font-weight:bold;font-size:13px}.card h3{font-size:22px}.demo{background:white}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.tab{padding:12px 18px;border:1px solid #cbdad6;border-radius:6px;background:white;color:var(--navy)}.tab[aria-selected=true]{background:var(--navy);color:white}.dashboard{display:grid;grid-template-columns:190px 1fr;border:1px solid #dde7e3;border-radius:15px;overflow:hidden;box-shadow:0 18px 50px #1233290b}.sidebar{background:var(--navy);color:white;padding:25px 18px}.sidebar div{margin:18px 0;font-size:13px}.dashbody{padding:28px;background:#f6f9f7}.dashhead{display:flex;justify-content:space-between;gap:12px}.tag{font-size:11px;padding:5px 9px;background:var(--mint);border-radius:20px;color:#24685d}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{background:white;border:1px solid #e1e9e4;padding:15px;border-radius:8px;font-size:12px}.metric b{display:block;font-size:27px}table{width:100%;border-collapse:collapse;background:white;font-size:13px}td,th{padding:13px;text-align:left;border-bottom:1px solid #e4ece7}th{color:var(--muted);font-size:11px}.caption{font-size:13px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.step{border-top:3px solid #55b7a1;padding-top:18px}.step b{display:block}.review{background:var(--navy);color:white}.review p{color:#c4d4da}.reviewgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.check{margin:18px 0;padding-left:24px;position:relative}.check:before{content:'✓';position:absolute;left:0;color:#77d5b7}.formbox{background:white;color:var(--navy);padding:30px;border-radius:15px}.formbox p{color:var(--muted)}label{display:block;font-size:13px;font-weight:bold;margin:14px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #c6d4ce;border-radius:5px;background:white;color:var(--navy)}textarea{min-height:85px}.formbox .btn{width:100%;margin-top:18px}.faq{max-width:850px}details{border-bottom:1px solid #d5e1da;padding:21px 0}summary{cursor:pointer;font-weight:bold}footer{padding:30px 6%;font-size:12px;display:flex;justify-content:space-between;gap:20px;background:white}dialog{border:0;border-radius:15px;max-width:480px;padding:30px;color:var(--navy)}dialog::backdrop{background:#102b4680}.close{float:right;background:none;border:0;font-size:25px}.success{background:var(--mint);padding:20px;border-radius:10px;color:var(--navy)}[hidden]{display:none!important}@media(max-width:800px){header{padding:18px 22px}.brand{font-size:17px}header>.btn{font-size:12px;padding:10px}.hero,.reviewgrid{grid-template-columns:1fr;gap:35px}.wrap{padding:48px 22px}.grid3{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.sidebar{display:none}.dashboard{grid-template-columns:1fr}.dashbody{padding:16px;overflow:auto}.strip span{display:inline-block;margin:4px 10px}.metrics{gap:7px}.metric{padding:10px}.visual{padding:17px}.schoolphoto{height:240px}footer{flex-direction:column}h1{letter-spacing:-1px}}