*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;height:auto}
:root{--navy:#0b1f4b;--blue:#0878e8;--cyan:#16b8ef;--text:#14264b;--muted:#64728b;--bg:#f7faff}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.navbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff;border-bottom:1px solid #edf1f7;position:sticky;top:0;z-index:20}
.brand img,.logo-img{width:205px;height:58px;object-fit:contain;object-position:left center;display:block;content:url("class-manage-logo-white.png")}
.nav-links{display:flex;gap:34px;font-size:15px;font-weight:600;color:#15274c}
.nav-links a:hover{color:var(--blue)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;transition:.2s ease}
.nav-cta{background:var(--navy);color:white;padding:14px 23px}
.nav-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0b4d9a22}
.menu-btn{display:none;background:none;border:0;font-size:25px;color:var(--navy)}
.hero{min-height:700px;padding:80px 6%;display:grid;grid-template-columns:47% 53%;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 45%,#dbeaff 0,transparent 31%),linear-gradient(120deg,#fff 20%,#f4f8ff)}
.hero-copy{max-width:700px;position:relative;z-index:2}
.eyebrow{display:inline-block;color:#075fc9;background:#eaf4ff;border:1px solid #cde3ff;padding:6px 14px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.3px}
h1{font-size:64px;line-height:1.06;letter-spacing:-2.5px;margin:25px 0 20px;font-weight:800}
h1 span{color:#0a73dc}
.accent-line{height:4px;width:125px;background:linear-gradient(90deg,#0878e8,#18bce9);border-radius:5px;margin-bottom:26px}
.hero-copy>p{font-size:18px;max-width:650px;color:#53627b}
.feature-pills{display:flex;gap:25px;flex-wrap:wrap;margin:30px 0;color:#22395e;font-weight:600;font-size:14px}
.feature-pills span{color:#0a83e9;margin-right:7px}
.hero-actions{display:flex;gap:15px;margin-top:30px}
.btn{padding:15px 24px;gap:15px}
.primary{background:linear-gradient(135deg,#0878e8,#0763ca);color:white}
.secondary{border:1.5px solid #0878e8;color:#0768d4;background:#fff}
.hero-visual{position:relative;height:560px;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#dcecff;filter:blur(2px)}
.dashboard-card{position:relative;width:100%;max-width:720px;background:#fff;border:8px solid #101828;border-radius:22px;box-shadow:0 30px 70px #0a2d6426;overflow:hidden;transform:perspective(1200px) rotateY(-5deg)}
.dash-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e7edf6;font-size:12px;font-weight:700}
.mini-brand{display:flex;align-items:center;gap:8px}.cm-dot{background:#0878e8;color:white;border-radius:50%;padding:4px 5px;font-size:9px}
.top-icons{color:#75829a}.dash-body{display:grid;grid-template-columns:135px 1fr;min-height:390px}
.dash-body aside{background:#f6f9fd;padding:18px 10px;color:#64718a;font-size:10px}
.dash-body aside div{padding:10px;border-radius:7px;margin-bottom:4px}.dash-body aside .side-active{background:#e5f1ff;color:#0669d2;font-weight:700}
.dash-main{padding:20px}.dash-main h3{font-size:20px;margin-bottom:15px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats div{background:#f7faff;border:1px solid #edf1f7;padding:11px;border-radius:9px}.stats small{display:block;font-size:8px;color:#73819a}.stats strong{font-size:15px}
.charts{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:12px}.chart,.activity{border:1px solid #edf1f7;border-radius:9px;padding:12px;background:#fff}.chart-title{font-size:10px;font-weight:700;margin-bottom:8px}.chart svg{width:100%;height:90px;color:#1683e8}.fees{display:grid;grid-template-columns:1fr 1fr;align-items:center}.fees .chart-title{grid-column:1/-1}.donut{width:82px;height:82px;border-radius:50%;background:conic-gradient(#16b890 0 70%,#f6ae3c 70% 88%,#ef6464 88% 100%);position:relative;margin:auto}.donut:after{content:"₹2.45L";position:absolute;inset:16px;background:white;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800}.legend{font-size:8px;display:flex;flex-direction:column;gap:5px}.activity{margin-top:10px}.activity p{font-size:9px;padding:6px 0;border-top:1px solid #f0f3f8}.activity b{float:right;color:#8a96a8;font-weight:500}
.benefits{width:88%;margin:-35px auto 0;position:relative;background:#fff;border:1px solid #e7edf5;border-radius:18px;box-shadow:0 18px 50px #173d6d12;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 20px;z-index:5}.benefits>div{padding:5px 30px;border-right:1px solid #e8edf4}.benefits>div:last-child{border:0}.benefit-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf4ff;color:#0878e8;font-weight:800;float:left;margin-right:12px}.benefits h3{font-size:14px;margin:2px 0}.benefits p{font-size:12px;color:var(--muted)}
.section{padding:110px 7% 80px;text-align:center}.section h2,.cta-section h2,.contact h2{font-size:40px;line-height:1.15;letter-spacing:-1px;margin:17px 0 12px}.section-sub{max-width:650px;margin:0 auto;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;text-align:left}.feature-grid article{padding:28px;border:1px solid #e5ebf4;border-radius:16px;background:#fff;transition:.2s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 45px #153f7212;border-color:#bcd9fb}.card-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#e9f4ff;color:#0878e8;font-weight:800;font-size:20px;margin-bottom:18px}.feature-grid h3{font-size:18px;margin-bottom:7px}.feature-grid p{color:var(--muted);font-size:14px}
.cta-section{margin:20px 7% 90px;border-radius:25px;padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#091d48,#0b4fa1);color:white}.cta-section .eyebrow{background:#ffffff15;border-color:#ffffff33;color:#8dd9ff}.cta-section h2{max-width:650px}.cta-section p{color:#c8d8ef}
.contact{padding:80px 7%;background:#f6f9ff;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact-card{background:#fff;padding:30px;border-radius:18px;border:1px solid #e3eaf5;box-shadow:0 12px 35px #173d6d0d}.contact-card div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1f7}.contact-card small{color:#73819a}.contact-card strong{font-size:15px}.contact-card .btn{margin-top:20px;width:100%}
footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edf4}footer img{width:190px;height:55px;object-fit:contain;object-position:left center;display:block}footer p{font-size:12px;color:#718099}
@media(max-width:1000px){.nav-links{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:480px}.dashboard-card{width:min(720px,92vw)}.benefits{grid-template-columns:repeat(2,1fr);margin-top:-10px}.benefits>div:nth-child(2){border-right:0}.benefits>div{margin-bottom:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.brand img{width:175px}.logo-img{width:175px}.navbar{height:70px;padding:0 5%}.brand img{width:175px}.nav-cta{display:none}.hero{padding:45px 5%}.hero-copy h1{font-size:43px;letter-spacing:-1.5px}.hero-copy>p{font-size:15px}.feature-pills{gap:12px;flex-direction:column}.hero-actions{flex-direction:column}.hero-visual{height:390px}.dashboard-card{transform:none;border-width:5px}.dash-body{grid-template-columns:80px 1fr}.dash-body aside{font-size:7px}.dash-body aside div{padding:7px 4px}.dash-main{padding:12px}.dash-main h3{font-size:14px}.stats strong{font-size:10px}.stats small{font-size:6px}.charts{grid-template-columns:1fr}.benefits{width:90%;grid-template-columns:1fr;padding:20px}.benefits>div{border-right:0;border-bottom:1px solid #e8edf4!important;padding:15px}.section{padding:75px 5% 55px}.section h2,.cta-section h2,.contact h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.cta-section{margin:20px 5% 60px;padding:35px 25px;flex-direction:column;align-items:flex-start}.contact{grid-template-columns:1fr;padding:60px 5%}.contact-card div{flex-direction:column;gap:4px}footer{padding:30px 5%;flex-direction:column;gap:15px;align-items:flex-start}}

/* Demo request modal */
.demo-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:20px}
.demo-modal.open{display:flex}
.demo-overlay{position:absolute;inset:0;background:rgba(5,20,48,.62);backdrop-filter:blur(5px)}
.demo-box{position:relative;z-index:2;width:min(720px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:35px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.demo-close{position:absolute;right:18px;top:13px;width:38px;height:38px;border:0;background:#eef5ff;color:#12345e;border-radius:50%;font-size:28px;cursor:pointer;line-height:1}
.demo-heading{text-align:center;margin-bottom:25px}.demo-heading h2{font-size:32px;margin:13px 0 5px;line-height:1.15}.demo-heading p{color:#68768e;font-size:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.demo-box label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#253a5f}
.demo-box input,.demo-box select,.demo-box textarea{font:inherit;font-weight:400;color:#182b4e;border:1px solid #dbe4f0;border-radius:9px;padding:12px 13px;outline:none;background:#fbfdff;transition:.2s}
.demo-box textarea{resize:vertical}.demo-box input:focus,.demo-box select:focus,.demo-box textarea:focus{border-color:#0878e8;box-shadow:0 0 0 3px #0878e818}
.message-label{margin-top:16px}.submit-demo{width:100%;margin-top:20px;border:0;cursor:pointer;font-size:15px}
.form-note{text-align:center;color:#8490a3;font-size:11px;margin-top:10px}
.success-message{text-align:center;padding:25px 10px 10px}.success-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#e8faf4;color:#0aa276;font-size:30px;font-weight:800}.success-message h3{font-size:25px}.success-message p{color:#68768e;margin:7px 0 20px}
body.modal-open{overflow:hidden}
@media(max-width:650px){.demo-box{padding:28px 20px}.form-grid{grid-template-columns:1fr}.demo-heading h2{font-size:27px}}

@media(max-width:1100px){
	.hero{grid-template-columns:1fr;min-height:0}
	.hero-copy{max-width:760px}
	.hero-visual{height:auto;min-height:480px}
	.dashboard-card{max-width:760px}
	.benefits{margin-top:-10px}
}

@media(max-width:650px){
	.hero-visual{min-height:0;height:auto;padding-top:25px}
	.glow{width:min(520px,100vw);height:min(520px,100vw)}
	.dashboard-card{width:100%;border-width:5px}
	.dash-body,.stats,.charts{min-width:0}
	.dash-main,.chart,.activity{min-width:0}
	.hero-actions .btn{width:100%}
	.cta-section .btn{width:100%}
	.contact-card strong{overflow-wrap:anywhere}
}