@font-face{font-family:Kalam;src:url('kalam.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fafbf8;color:#143d40;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #c55d32;outline-offset:6px}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:0;z-index:5}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 44px;border-bottom:1px solid #d6e0dc}.brand{text-decoration:none;font-size:26px;letter-spacing:3px;font-weight:800;line-height:1.3}.brand span{display:block;font-size:12px;letter-spacing:2.3px;margin-top:5px}nav{display:flex;gap:30px;font-size:15px}nav a{text-decoration:none}.hero{padding:90px 44px 100px;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:bold;margin:0 0 25px}h1{font-size:clamp(40px,4.6vw,62px);line-height:1.13;letter-spacing:-2px;margin:0 0 30px}h1 em{font-family:Kalam,cursive;font-weight:400;letter-spacing:-1px;color:#168378;line-height:1.2;display:block;margin-top:14px}.intro{font-size:20px;max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:32px 0 20px}.button{display:inline-block;padding:15px 23px;background:#123e42;color:white;text-decoration:none;border-radius:5px;font-size:15px;font-weight:bold;transition:background .2s}.button:hover{background:#206a65}.text-link{font-size:15px}.small{font-size:14px;color:#536967;line-height:1.7}.notebook{padding:38px 30px 25px 40px;background:repeating-linear-gradient(#fcf7e8 0px,#fcf7e8 35px,#d6e4de 36px,#fcf7e8 37px);border:1px solid #dedfce;box-shadow:12px 15px 0 #e3eae4;transform:rotate(2deg)}.note-label{font-size:12px;letter-spacing:2px;background:#123e42;color:#fff;padding:7px 10px}.notebook h2{font-family:Kalam,cursive;font-size:39px;line-height:1.15;margin:32px 0}.notebook ol{padding-left:30px;font-family:Kalam,cursive}.notebook li{padding-left:7px;margin-bottom:20px}.notebook b{font-size:25px;display:block}.notebook li span{font-size:18px}.scribble{font-family:Kalam,cursive;color:#a43d2f;font-size:21px}.product{background:#103e42;color:#fff;padding:65px 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-radius:8px}.product h2,.about h2,.contact h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 23px}.product .eyebrow{color:#a6d7c6}.volume{letter-spacing:2px;font-size:13px}.features{padding-left:20px;font-size:16px}.features li{padding:5px 0}.offer{display:flex;gap:15px;align-items:center;margin-top:28px}.offer strong{font-size:40px}.offer span{font-size:14px;color:#c7dcd6}.product .small{color:#c7dcd6}.status{font-size:14px;color:#f1d49c}.light{background:#eaf1d5;color:#123e42;margin-top:10px}.light:hover{background:white}.reel{max-width:320px;width:100%;margin:auto}.reel video{width:100%;max-height:570px;display:block;background:#fcf8ed;border-radius:12px;box-shadow:0 15px 45px #082e30}.reel p{font-size:13px;text-align:center;color:#c7dcd6;margin-top:18px}.about{padding:85px 44px;max-width:820px}.about>p:not(.eyebrow){max-width:680px}.contact{padding:45px 44px;background:#e9f0eb;display:flex;gap:35px;align-items:center;justify-content:space-between}.contact p{max-width:580px}.contact h2{font-size:36px}.contact .button{flex-shrink:0}.details{padding:40px 44px}details{padding:18px 0;border-bottom:1px solid #d6e0dc}summary{font-weight:bold;cursor:pointer;font-size:16px}details p{max-width:850px;font-size:15px}footer{padding:30px 44px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #d6e0dc}footer span,footer>a:last-child{font-size:13px}@media(max-width:780px){header{padding:22px}nav{gap:18px;font-size:14px}.brand{font-size:21px}.brand span{font-size:12px}.hero{grid-template-columns:1fr;padding:50px 24px 65px;gap:38px}h1{letter-spacing:-1.3px}.intro{font-size:18px}.notebook{max-width:450px;width:calc(100% - 12px);margin:auto}.product{margin:0 12px;padding:38px 24px;grid-template-columns:1fr;gap:40px}.about{padding:55px 24px}.contact{padding:35px 24px;display:block}.details{padding:25px 24px}footer{padding:25px 24px;flex-wrap:wrap}.reel{max-width:285px}.contact .button{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sample-section{padding:20px 44px 75px}.sample-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:28px}.sample-heading h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1px;margin:0}.sample-heading>p{max-width:480px;margin:0}.sample-topics{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:0 0 28px}.sample-topics li{display:flex;align-items:flex-start;gap:20px;padding:21px 0;border-bottom:1px solid #d6e0dc}.topic-number{font-family:Kalam,cursive;color:#168378;font-size:26px;line-height:1.3}.subject{font-size:12px;letter-spacing:1px;font-weight:bold;color:#536967}.sample-topics h3{font-size:18px;line-height:1.45;font-weight:600;margin:5px 0}.sample-actions,.purchase-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.purchase-actions{margin-top:22px}.purchase-actions .light{margin:0}.button{border:0;font-family:inherit;cursor:pointer}.button:disabled{cursor:not-allowed;background:#315d60;color:#d8e9e4;opacity:1}.button:focus-visible{outline:3px solid #c55d32;outline-offset:6px}[hidden]{display:none!important}@media(max-width:780px){header{flex-wrap:wrap;gap:20px}nav{flex-wrap:wrap;gap:16px}.sample-section{padding:8px 24px 48px}.sample-heading{grid-template-columns:1fr;gap:18px}.sample-topics{grid-template-columns:1fr}.sample-topics li{padding:17px 0}.sample-actions{gap:16px}}