@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&display=swap');:root{--font-body:'Manrope',Arial,sans-serif;--font-heading:'Source Serif 4',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:#f7f5ee;color:#193149;font:15px/1.5 var(--font-body)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:20px 32px;border-bottom:1px solid #deded5}header img{width:185px}nav{display:flex;align-items:center;gap:28px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:1px solid #c9a04d;border-radius:10px;background:linear-gradient(#e6c878,#d6af54);box-shadow:inset 0 1px #fff8,0 4px 8px #75571918;color:#172f46;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 15px #75571925}.btn:active{transform:translateY(0)}.outline{background:#fff9;border-color:#a5afb8;box-shadow:0 3px 8px #19314908}.wrap{max-width:1200px;margin:auto;padding:0 32px}h1,h2,h3{font-family:var(--font-heading);line-height:1.15}h1{font-size:49px;letter-spacing:-1.7px;margin:16px 0}h2{font-size:30px;margin:0 0 18px}p{color:#617180}.eyebrow{font-size:11px;letter-spacing:2px;color:#97752e;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:490px;gap:40px}.hero p{max-width:455px;font-size:17px}.actions{display:flex;gap:12px;margin:26px 0 18px}.fine{font-size:12px!important}.sheets{height:420px;position:relative;background:radial-gradient(ellipse,#ece3cb,transparent 70%)}.sheets img{position:absolute;width:245px;height:317px;object-fit:contain;box-shadow:0 15px 28px #27344720;background:white;border-radius:4px;top:42px;left:30px;transform:rotate(-8deg)}.sheets img+img{left:240px;top:68px;transform:rotate(8deg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dcdedb;border-radius:16px;background:#fff9;margin:0 0 42px;padding:24px;gap:24px}.step{display:flex;gap:14px}.num{background:#d8b35a;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.step b{font-family:var(--font-heading)}.step p{font-size:13px;margin:5px 0}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}.collection{padding:23px;background:white;border:1px solid #e0e3e4;border-radius:14px;box-shadow:0 6px 16px #19314908}.icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4f2ff;color:#267ac0;font-size:25px;vertical-align:middle;margin-right:7px}.minus{background:#eee5fc;color:#8154b5}.collection p{font-size:13px}.catalog-title{padding:28px 0 14px}.catalog-title h1{font-size:39px;margin:5px 0}.catalog-title p{margin:10px 0}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #deded5}.pill{border:1px solid #dce1e5;background:#fff;border-radius:24px;padding:8px 17px;color:#193149}.pill.active{background:#193149;color:white;border-color:#193149}.pill .icon{height:23px;width:23px;font-size:19px}.filters select{margin-left:auto;padding:9px 14px;border:1px solid #dce1e5;border-radius:9px;background:white;color:#193149}.count{font-size:12px;color:#657383;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid #e0e4e5;border-radius:16px;box-shadow:0 9px 19px #19314910,0 2px 4px #19314906;padding:18px;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#617180}.badge{font-size:10px;letter-spacing:0;background:#e3f2e5;color:#2e6841;border-radius:20px;padding:4px 10px}.medium{background:#fff1d5;color:#866221}.hard{background:#eee5fa;color:#754c9a}.card h3{font-size:18px;min-height:43px;margin:10px 0}.preview{border:0;border-radius:9px;background:#f7f8f6;padding:8px;width:100%;height:153px;display:flex;justify-content:center;align-items:center;gap:15px}.preview img{height:136px;width:auto;box-shadow:0 3px 7px #19314915}.preview svg{height:129px;width:108px}.meta{font-size:11px;color:#657383;margin:11px 0 8px}.detail{font-size:12px;color:#3a6387;background:transparent;border:0;padding:0;text-align:left}.bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f1}.bottom .btn{font-size:11px;padding:9px 13px}.price{font-weight:700;font-size:16px}.bag{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}footer{border-top:1px solid #deded5;margin-top:35px;padding:23px 0;font-size:12px;color:#617180;display:flex;justify-content:space-between}.notice{text-align:center;background:#193149;color:white;font-size:11px;padding:7px}.modal{max-width:760px;width:90%;border:1px solid #dce1e5;border-radius:18px;padding:24px;color:#193149}.modal::backdrop{background:#13283bc0}.modal img{max-width:100%;max-height:70vh;display:block;margin:auto}.modal .close{float:right}.modal p{font-size:13px}@media(max-width:700px){header{padding:15px}header img{width:135px}nav{gap:12px;font-size:12px}nav .btn{display:none}.wrap{padding:0 18px}.hero{grid-template-columns:1fr;gap:0;padding-top:25px}.hero h1{font-size:39px}.sheets{height:320px}.sheets img{width:180px;height:233px;left:10px}.sheets img+img{left:140px}.steps,.collections{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.filters select{margin-left:0}.catalog-title h1{font-size:32px}}
.card[hidden]{display:none}
.hero{min-height:465px;gap:26px}.hero h1{font-size:58px;line-height:1.04;max-width:540px;letter-spacing:-2px}.hero p{max-width:440px}.hero .sheets{height:405px}.sheets img{width:260px;height:337px;left:12px;top:25px;transform:rotate(-8deg);box-shadow:0 18px 28px #19314922}.sheets img+img{left:226px;top:51px;transform:rotate(8deg)}.steps{margin-bottom:38px;padding:25px 28px;border-radius:13px}.practice-section>.eyebrow{margin-bottom:10px}.practice-section h2{font-size:36px;letter-spacing:-.8px;margin-bottom:22px}.collections{gap:18px;margin-bottom:20px}.collection{display:flex;gap:16px;padding:23px 20px;border-radius:12px;box-shadow:0 5px 15px #19314906}.collection h3{margin:4px 0 9px;font-size:21px}.collection p{margin:0 0 13px;line-height:1.6}.route-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;font-size:30px}.blue-route{background:#e1f2fd;color:#1688d5}.purple-route{background:#eee3fc;color:#8e52cc}.gold-route{background:#f9edca;color:#9e791f}.route-link{font-size:11px;font-weight:700;color:#385873}.report-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:43px 30px 45px}.report-art{position:relative;padding:8px 12px 10px}.report-paper{position:relative;z-index:1;background:#fff;border:1px solid #dedfd9;border-radius:8px;box-shadow:0 12px 30px #19314915;padding:23px;transform:rotate(-2deg)}.report-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #e4e8eb}.report-head img{width:103px}.report-head b{display:block;font-family:var(--font-heading);font-size:16px}.report-head span{display:block;font-size:8px;letter-spacing:1px;color:#84909b;margin-top:5px}.report-student{margin:16px 0 8px}.report-student b{font-size:12px}.report-student>span{display:block;font-size:9px;color:#74828d;margin-top:4px}.report-rings{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:14px}.ring{width:114px;height:114px;margin:12px auto 13px;padding:10px;border-radius:50%;box-shadow:0 3px 6px #19314915}.addition-ring{background:conic-gradient(#45a2e8 85%,#eaf0f3 0)}.subtraction-ring{background:conic-gradient(#a682d8 60%,#efeaf4 0)}.ring>span{background:#fff;border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 1px 5px #1931490b}.ring strong{font-size:25px}.ring small{font-size:8px;color:#74828d}.report-rings b{font-size:12px}.report-rings p{font-size:10px;margin:7px 0 16px}.opdot{font-style:normal;color:#278bc6}.purple-dot{color:#9467ca}.report-rule{height:1px;background:#e5e9eb}.report-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:13px}.report-bottom small{display:block;font-size:8px;letter-spacing:1px;color:#7b8994}.report-bottom b{font-size:10px}.sample-badge{background:#f2ecdc;padding:4px 8px;border-radius:6px;font-size:9px;color:#8c7033}.report-copy h2{font-size:37px;letter-spacing:-1px;margin:12px 0 17px}.report-copy p{font-size:15px;line-height:1.7}.report-copy ul{list-style:none;padding:0;margin:21px 0 25px;font-size:13px;color:#496173}.report-copy li{margin:12px 0;display:flex;gap:10px}.report-copy li span{color:#b18a37}.report-copy .btn{font-size:13px}.report-copy .fine{margin-top:17px;font-size:11px!important}footer{margin-top:0} @media(max-width:700px){.hero h1{font-size:43px}.hero .sheets{height:330px}.sheets img{width:185px;height:240px;left:10px;top:22px}.sheets img+img{left:145px;top:45px}.report-section{grid-template-columns:1fr;padding:25px 0;gap:28px}.report-copy h2{font-size:31px}.practice-section h2{font-size:29px}.report-paper{transform:none;padding:20px}.report-art{padding:0}.hero{padding-bottom:8px}}
