
:root{--p:#0b3d36;--p2:#14604f;--a:#c8963e;--a2:#ecd9ab;--bg:#faf8f3;--sg:#edf3ef;--tx:#15221f;--mut:#5b6b66;--ln:#dfe6e1}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font:16px/1.7 'DM Sans',system-ui,sans-serif;color:var(--tx);background:var(--bg)}
h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.15;color:var(--p)}
h1{font-size:clamp(2.3rem,5vw,3.6rem)}h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:.5rem}h3{font:700 1.08rem 'DM Sans',sans-serif;color:var(--p);margin-bottom:.3rem}
a{color:var(--p2)}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.w{max-width:1140px;margin:auto;padding:0 22px}.s{padding:76px 0}.alt{background:var(--sg)}.lead{color:var(--mut);max-width:620px;font-size:1.05rem}.hd{text-align:center}.hd .lead{margin:0 auto}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--ln)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:400 1.3rem/1.1 'DM Serif Display',serif;color:var(--p)}
.brand span{min-width:0}.brand img{width:44px}.brand small{display:block;font:500 .7rem 'DM Sans',sans-serif;color:var(--mut)}
nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;color:var(--tx);font-size:.9rem;font-weight:500}nav a:hover{color:var(--p2)}
.btn{display:inline-flex;align-items:center;padding:12px 26px;border-radius:10px;background:var(--a);color:#1d1403!important;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:.95rem;transition:background .2s}
.btn:hover{background:#d8a64d}.btn.o{background:#fff;border:1.5px solid var(--p);color:var(--p)!important}.btn.g{background:var(--p);color:#fff!important}.btn.g:hover{background:var(--p2)}
.wi{width:20px;height:20px;fill:currentColor;margin-right:8px;flex:none}
#mb{display:none;flex:none;width:44px;height:44px;color:var(--p);background:#fff;border:1px solid var(--ln);border-radius:10px;cursor:pointer;place-items:center}
.hero{background:linear-gradient(180deg,var(--bg),var(--sg));padding:64px 0 72px}
.hero p{color:var(--mut);max-width:500px;margin:18px 0 28px;font-size:1.1rem}.hero .b{display:flex;gap:12px;flex-wrap:wrap}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero figure{justify-self:center;max-width:460px}.hero figure img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:14px 14px 0 var(--a2);width:100%;animation:rise .9s ease both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}}
.tr{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--ln);border-radius:14px;margin-top:-34px;position:relative;box-shadow:0 10px 30px #0b3d3614}
.tr div{padding:18px 20px;border-right:1px solid var(--ln)}.tr div:last-child{border:0}.tr b{display:block;color:var(--p)}.tr span{font-size:.88rem;color:var(--mut)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.r .ph{order:2}
.ph{display:flex;justify-content:center}.ph img{border-radius:16px;width:100%;max-width:460px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 18px 44px #0b3d3626}
.ul{list-style:none;padding:0;margin:16px 0 24px}.ul li{padding:6px 0 6px 30px;position:relative}.ul li:before{content:"✓";position:absolute;left:0;color:var(--a);font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px}.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:24px}.card p{color:var(--mut);font-size:.95rem}
.card .ic{width:50px;height:50px;border-radius:50%;background:var(--sg);display:grid;place-items:center;font-size:1.5rem;margin-bottom:12px}
.tc{padding:14px}.tc img,.av{aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:10px;margin-bottom:14px;width:100%}.tc h3,.tc p{padding:0 6px}
.av{background:linear-gradient(135deg,var(--p2),var(--p));color:var(--a2);display:grid;place-items:center;font:400 3.2rem 'DM Serif Display',serif}
.pl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.pl .card{text-align:center;border-top:4px solid var(--a)}.pl b{font:400 2.1rem 'DM Serif Display',serif;color:var(--p);display:block}.pl span{color:var(--mut);font-size:.9rem}
.bk{background:var(--p);color:#e3efe9;border-radius:14px;padding:20px 24px;font-size:.93rem}.bk b{color:#fff}
.bn{border-radius:20px;background:linear-gradient(#0b3d36d9,#0b3d36d9),url(img/boys-reading.jpg) center/cover;color:#fff;padding:64px 24px;text-align:center}.bn h2{color:#fff}.bn p{color:#d6e8e0;margin:8px auto 22px;max-width:480px}
.mq{overflow:hidden;margin-top:30px}.mt{display:flex;gap:20px;width:max-content;animation:mv 50s linear infinite}.mq:hover .mt{animation-play-state:paused}
.mt .card{width:330px;flex:none}.st{color:var(--a);letter-spacing:3px}@keyframes mv{to{transform:translateX(calc(-50% - 10px))}}
@media(prefers-reduced-motion:reduce){.mt,.hero figure img{animation:none}.mq{overflow-x:auto}.btn{transition:none}}
details{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:16px 22px;margin-bottom:10px}summary{cursor:pointer;font-weight:600;color:var(--p)}details p{margin-top:10px;color:var(--mut)}
form{display:grid;gap:13px}label{font-weight:600;font-size:.88rem}input,select{width:100%;padding:12px;border:1px solid #cdd8d2;border-radius:10px;font:inherit;margin-top:4px;background:#fff}
.fc{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:28px;box-shadow:0 10px 30px #0b3d3612}
table{border-collapse:collapse;width:100%;margin:16px 0}td,th{padding:13px;border-bottom:1px solid var(--ln);text-align:left}th{background:var(--sg)}
.pg{background:var(--p);color:#fff;padding:56px 0}.pg h1{color:#fff;font-size:clamp(2rem,4.5vw,2.8rem)}.pg p{color:#cfe3da;margin-top:6px}
.doc{max-width:780px}.doc h2{font:700 1.2rem 'DM Sans',sans-serif;margin:26px 0 6px}.doc p,.doc li{color:#3b4a44}.doc ul{padding-left:22px}
.cta{background:var(--p);color:#fff;text-align:center;padding:64px 0}.cta h2{color:#fff}.cta p{color:#cfe3da;margin:8px 0 24px}
footer{background:#082d28;color:#a9c4ba;padding:52px 0 20px;font-size:.92rem}footer a{color:#a9c4ba}footer h4{color:#fff;margin-bottom:8px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.fg a{display:block;text-decoration:none;padding:3px 0}
.dv{border-top:1px solid #ffffff1f;margin-top:30px;padding-top:16px;text-align:center}.dv a{color:var(--a2);font-weight:600;display:inline}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;text-decoration:none;box-shadow:0 6px 20px #0004}.wa .wi{width:32px;height:32px;margin:0}
#ck{position:fixed;left:16px;bottom:16px;max-width:360px;background:#fff;border:1px solid #ddd;border-radius:14px;padding:16px;font-size:.88rem;box-shadow:0 8px 28px #0003;z-index:70;display:none}#ck button{margin-top:10px;padding:8px 18px}
@media(max-width:860px){.hg,.fg,.split,.pl{grid-template-columns:1fr}.split.r .ph{order:0}.tr{grid-template-columns:1fr 1fr}.tr div{border-bottom:1px solid var(--ln)}#mb{display:grid}.brand{font-size:1.1rem;min-width:0}.brand small{font-size:.62rem}.brand img{width:38px}.hero figure img,.ph img{aspect-ratio:16/10;max-width:100%}.hero{padding:40px 0 56px}.hero figure img{box-shadow:8px 8px 0 var(--a2)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:18px;box-shadow:0 10px 20px #0002}nav.o{display:flex}.s{padding:52px 0}}
