:root{--ink:#101820;--muted:#52606a;--accent:#cbf36b;--line:#dbe1e4;--paper:#f7f9fa;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #36794a;outline-offset:5px}p,h1,h2,h3{margin:0}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.6px;white-space:nowrap}.brand span{font-weight:400}.brand i{color:#548616;font-style:normal}.header nav{display:flex;gap:32px;font-size:15px}.header nav a{padding-block:12px}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:6px}.intro{padding-block:62px 52px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:16px;line-height:1.5}h1{font-size:clamp(40px,5.3vw,68px);line-height:1.03;letter-spacing:-3px;max-width:900px}h1 em{font-style:normal;color:#64747d}.lead{font-size:18px;line-height:1.6;max-width:560px;margin-top:24px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head .eyebrow{margin-bottom:8px;color:var(--muted);font-size:11px}.section-head h2{font-size:24px;letter-spacing:-.7px;line-height:1.2}.count{font-size:13px;color:var(--muted);white-space:nowrap}.feature{display:grid;grid-template-columns:1.2fr 1fr;border-radius:18px;overflow:hidden;background:var(--ink);color:#fff}.visual{position:relative;min-height:430px;display:flex;align-items:center;background:#c4beb4;overflow:hidden}.visual img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .4s}.visual:hover img{transform:scale(1.025)}.image-label{position:absolute;top:22px;left:22px;background:#fffef3ee;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--ink);padding:10px 12px;display:flex;gap:16px;align-items:center}.image-label b{font-size:14px}.feature-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start}.resource-type{font-size:11px;letter-spacing:1.7px;color:var(--accent);font-weight:700;margin-bottom:17px}.feature h3{font-size:clamp(32px,3.2vw,44px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:19px}.feature-copy>p:not(.resource-type):not(.hint){font-size:16px;line-height:1.65;color:#bfc9d0}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px;padding:0}.tags li{font-size:12px;color:#d6dfe4;border:1px solid #41505c;border-radius:5px;padding:7px 10px}.button{background:var(--accent);color:#101820;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 20px;min-height:52px;font-size:15px;font-weight:700}.button:hover{background:#e0ff9b}.button span{font-size:22px}.button:focus-visible{outline-color:white}.hint{font-size:12px;line-height:1.6;color:#a4b3bf;margin-top:15px;max-width:280px}.about{padding-block:70px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.about h2{font-size:32px;line-height:1.15;letter-spacing:-1px}.about>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}.author{border-left:3px solid #94b749;margin-top:24px;padding-left:16px;display:flex;flex-direction:column;gap:7px;font-size:13px}.author strong{letter-spacing:.7px}.author span{color:var(--muted)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px 32px;font-size:12px;color:var(--muted)}.small{font-size:22px;color:var(--ink)}.skip{position:fixed;top:10px;left:10px;padding:14px;background:var(--ink);color:white;transform:translateY(-200%);z-index:10}.skip:focus{transform:none}@media(min-width:1400px){.intro{padding-top:70px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.feature{grid-template-columns:1fr 1fr}.feature-copy{padding:30px}.visual{min-height:400px}.about{gap:36px}.footer{flex-wrap:wrap}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{padding-block:20px;gap:14px}.brand{font-size:25px}.header nav{gap:16px;font-size:14px}.intro{padding-block:40px 36px}h1{font-size:42px;letter-spacing:-1.8px}.lead{font-size:16px;margin-top:20px}.section-head{align-items:start}.section-head h2{font-size:22px;max-width:260px}.count{font-size:12px;margin-top:25px}.feature{grid-template-columns:1fr}.visual{min-height:0;aspect-ratio:1.52}.feature-copy{padding:28px}.feature h3 br{display:none}.feature h3{font-size:34px}.tags{margin-block:20px}.button{width:100%}.hint{max-width:none}.about{grid-template-columns:1fr;gap:25px;padding-block:44px}.about h2{font-size:29px}.about h2 br{display:none}.footer{gap:16px;padding-block:24px}.footer>span:nth-child(2){width:100%;order:3;font-size:12px}.footer a{margin-left:auto}.eyebrow{font-size:11px}.image-label{top:15px;left:15px}}@media(max-width:350px){.header{flex-wrap:wrap}.header nav{width:100%;justify-content:space-between}h1{font-size:36px}.section-head{flex-wrap:wrap}.count{margin-top:0}.feature-copy{padding:22px}.feature h3{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}