@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Kalam:wght@400;700&display=swap');
:root{--navy:#0b3564;--blue:#148bc7;--green:#08a957;--ink:#18324c;--muted:#617386;--pale:#f1fbff;--cream:#fff8e8;--line:#dce8ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.55;background:#fff}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:20;border-bottom:1px solid #eef3f6}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand>span{font-size:30px}.brand b{display:block;font-family:Kalam,cursive;font-size:29px;line-height:1}.brand small{font-size:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:700;border:1px solid transparent}.wa{background:var(--green);color:#fff!important;box-shadow:0 8px 22px rgba(8,169,87,.18)}.secondary{background:#fff;color:var(--navy);border-color:var(--navy)}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:65px max(6vw,30px);background:linear-gradient(110deg,#f4fcff 0%,#fff 52%,#fff7e8 100%);overflow:hidden}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--blue)}h1,h2{font-family:Kalam,cursive;color:var(--navy);line-height:1.08;margin:.3em 0}h1{font-size:clamp(45px,5.5vw,76px)}h1 em{font-style:normal;color:#157fb5}h2{font-size:clamp(34px,4vw,48px)}.hero p{font-size:18px;max-width:650px;color:var(--muted)}.actions{display:flex;gap:14px;margin:28px 0 17px;flex-wrap:wrap}.contactline{font-size:13px;font-weight:700;color:var(--navy)}.hero-card{display:flex;justify-content:center}.paper{width:min(410px,85vw);min-height:420px;background:repeating-linear-gradient(#fff,#fff 36px,#d8e9f5 37px);border-radius:24px;box-shadow:0 25px 65px rgba(22,71,106,.17);transform:rotate(2deg);padding:42px 38px;border:1px solid #e7edf0}.paper span{background:#ffe483;padding:7px 14px;border-radius:8px;font-weight:800}.paper p{font-family:Kalam,cursive;font-size:32px;color:#376796;line-height:1.7;margin-top:38px}.paper i{font-family:Kalam,cursive;color:#e28c18;font-size:21px}.section{padding:80px max(6vw,30px)}.pale{background:var(--pale)}.section-head{text-align:center;max-width:820px;margin:0 auto 48px}.section-head.left{text-align:left;margin-left:0}.section-head p{color:var(--muted)}.grid{display:grid;gap:20px}.benefits{grid-template-columns:repeat(6,1fr)}.benefits article{text-align:center;padding:20px 10px}.benefits b{font-size:30px;display:inline-grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff1c8;color:#168cc1}.benefits h3{font-size:16px}.benefits p,.approach p{font-size:13px;color:var(--muted)}.samples{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sample{position:relative}.sample label{position:absolute;z-index:2;top:12px;left:12px;background:#76818a;color:#fff;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700}.sample label.after{background:var(--green)}.notebook{min-height:250px;padding:58px 22px 20px;background:repeating-linear-gradient(#fff,#fff 31px,#cfe3f1 32px);border:1px solid #e2e9ee;border-radius:14px;box-shadow:0 10px 25px rgba(25,67,97,.08);font-family:Kalam,cursive;font-size:20px;color:#416891;line-height:1.62}.rough{transform:rotate(-1deg);letter-spacing:-1px}.neat{font-size:21px;color:#254e78}.hindi{font-family:'DM Sans',sans-serif;line-height:2}.approach{grid-template-columns:repeat(4,1fr)}.approach article{background:#fff;padding:28px;border-radius:18px;border:1px solid #e2eef3}.approach span{font-family:Kalam,cursive;font-size:30px;color:#1a93c7}.classcards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.classcards>div{padding:25px;border-radius:18px;background:linear-gradient(135deg,#e8f7ff,#fff);border:1px solid #d9ebf4}.classcards>div:last-child{background:linear-gradient(135deg,#fff5dd,#fff)}.testimonials{grid-template-columns:repeat(3,1fr)}blockquote{margin:0;background:#fff;padding:30px;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(30,65,90,.06);font-size:16px}blockquote footer{margin-top:18px;font-size:13px;font-weight:700;color:var(--navy)}.cta{text-align:center;padding:80px 25px;background:linear-gradient(100deg,#fff9e9,#eefbff)}.cta p{color:var(--muted)}.center{justify-content:center}.footer{padding:45px max(6vw,30px);background:#082d56;color:#d8e6f1}.footer .brand{color:#fff}.footer .brand small{color:#b9cad8}.footer p{font-size:13px}.fine{opacity:.65;margin-top:25px}.float-wa{display:none;position:fixed;right:18px;bottom:18px;width:55px;height:55px;border-radius:50%;background:var(--green);color:#fff;text-decoration:none;font-size:32px;text-align:center;line-height:48px;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:30}
@media(max-width:1050px){.benefits{grid-template-columns:repeat(3,1fr)}.samples{grid-template-columns:repeat(2,1fr)}nav{gap:13px}nav a{font-size:12px}}
@media(max-width:760px){header{height:68px;padding:0 18px}.brand b{font-size:24px}.brand small{display:none}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px;box-shadow:0 12px 25px rgba(0,0,0,.08);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{font-size:15px;padding:7px}.hero{grid-template-columns:1fr;padding:55px 22px 45px;gap:40px;min-height:auto}.hero p{font-size:16px}.hero-card{order:-1}.paper{min-height:290px;width:80%;padding:30px}.paper p{font-size:23px;line-height:1.5}.section{padding:60px 22px}.benefits,.approach,.testimonials,.classcards{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr);gap:5px}.samples{grid-template-columns:1fr}.actions .btn{width:100%}.contactline{text-align:center}.float-wa{display:block}}
@media(max-width:420px){.benefits{grid-template-columns:1fr 1fr}.benefits article{padding:14px 5px}.benefits p{font-size:12px}.paper{width:94%}h1{font-size:42px}}