*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172235;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}nav{height:70px;background:#fff;border-bottom:1px solid #e1e7ee;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:4}nav button{border:0;background:none;padding:9px;color:#5b6678;cursor:pointer}.brand{font-weight:850;color:#172235}.hero{padding:90px 6%;display:grid;grid-template-columns:1.4fr .6fr;grid-gap:60px;gap:60px;background:linear-gradient(135deg,#fff,#edf8f1)}.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#087a41;display:block;margin-bottom:10px}h1{font-size:clamp(40px,5vw,62px);line-height:1.04;margin:0 0 20px}header p{font-size:18px;color:#647084;line-height:1.6;max-width:700px}.primary{border:0;border-radius:10px;background:#087a41;color:#fff;padding:13px 18px;font-weight:750;cursor:pointer}.auth,.heroCard,.lessonBox{background:#fff;border:1px solid #dfe6ed;border-radius:18px;padding:30px;box-shadow:0 18px 45px #173b2510}.heroCard li{margin:13px 0;color:#5e697b}.section{padding:70px 6%}.narrow{max-width:850px;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.card{background:#fff;border:1px solid #dfe5ec;border-radius:15px;padding:22px;text-align:left;cursor:pointer}.card:hover{border-color:#087a41}.icon{font-size:40px}.card h3{margin:12px 0 5px}.card small{color:#087a41;font-weight:750}.card p{color:#657083}.back{border:0;background:none;color:#087a41;cursor:pointer;margin-bottom:20px}.demoStep{background:#eef7f2;padding:18px;border-radius:10px;margin:22px 0}.auth{max-width:500px;margin:auto}.auth form{display:grid;grid-gap:12px;gap:12px}.auth input{padding:13px;border:1px solid #d5dce5;border-radius:9px}.notice,.toast{background:#fff6df;border:1px solid #edd38d;padding:12px;border-radius:9px;margin-top:15px}.toast{position:fixed;bottom:20px;right:20px;z-index:8}.dash{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin:30px 0}.dash div{background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:25px;display:grid;grid-gap:5px;gap:5px}.dash b{font-size:30px}.dash span{color:#687487}footer{background:#172235;color:#b8c2d0;padding:28px 6%;text-align:center;font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.dash{grid-template-columns:1fr}.hero,.section{padding:50px 5%}}