@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@600;700;900&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#193c35;background:#f4f8f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 4%,#e0efe5,transparent 35%),#f4f8f5}.shell{max-width:1160px;margin:auto;padding:0 5%}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce8df}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#173d35}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#174e45;color:white;font:900 22px 'Noto Serif SC',serif}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:9px;letter-spacing:.17em;color:#8aa69b;margin-top:4px}.badge{border:1px solid #c8ddd0;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:700;color:#588272}.preview{font-size:12px;color:#8b7757;margin:20px 0 0}.hero{min-height:410px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#6d9a88}.hero h1{font:900 clamp(37px,5vw,62px)/1.3 'Noto Serif SC',serif;margin:20px 0}.hero h1 em{font-style:normal;color:#53917a}.lead{max-width:470px;color:#708b80;font-size:15px;line-height:1.9}.primary{display:inline-flex;gap:35px;align-items:center;margin-top:20px;padding:15px 20px;background:#174e45;color:white;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 10px 25px #174e4525}.primary span{font-size:20px}.art{height:350px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:320px;height:320px;border:1px solid #b7dbc9;border-radius:50%}.paper{position:absolute;width:205px;height:270px;border-radius:10px;box-shadow:0 18px 40px #204a3a1e}.back{background:#b5d8c7;transform:rotate(-10deg) translate(-24px,5px)}.front{background:#fff;transform:rotate(5deg);padding:25px}.front small{font-size:9px;letter-spacing:.18em;color:#8aaa9d}.front strong{display:block;font:900 30px/1.4 'Noto Serif SC',serif;margin-top:25px}.front strong span{color:#dfa56d}.lines{margin-top:23px;height:34px;background:repeating-linear-gradient(to bottom,#e9f1ec 0 4px,transparent 4px 12px)}.front b{position:absolute;bottom:22px;right:22px;background:#dcefe4;color:#4b977b;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.art-label{position:absolute;right:7%;bottom:28px;padding:12px;border-radius:10px;background:#e7b580;color:#624a38;font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.5;transform:rotate(-5deg)}.section-title{display:flex;justify-content:space-between;align-items:end;margin:32px 0 18px}.section-title h2{font:700 26px 'Noto Serif SC',serif;margin:7px 0}.section-title>p{color:#91a99c;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{display:flex;gap:15px;position:relative;min-height:155px;padding:21px;background:white;border:1px solid #e0ebe5;border-radius:18px;text-decoration:none;color:#244d42}.feature.active{background:#e2f0e7;border-color:#d3e8da}.icon{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#226b59;color:white;font-size:22px}.sand{background:#f3e9dc;color:#b48658}.violet{background:#eceaf6;color:#8577a7}.feature small{font-size:10px;letter-spacing:.12em;color:#86a195}.feature h3{font-size:17px;margin:8px 0}.feature p{font-size:13px;line-height:1.7;color:#7c948a;margin:0}.arrow{position:absolute;right:17px;top:18px;font-size:20px}.note{margin:25px 0;padding:19px 22px;background:#eaf3ed;border-radius:15px;color:#729185;font-size:13px}.note strong{color:#416c5d}footer{text-align:center;border-top:1px solid #dce8df;padding:25px 0;color:#97aaa0;font-size:11px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d89c58;outline-offset:3px}@media(max-width:700px){.shell{padding:0 18px}header{height:72px}.hero{grid-template-columns:1fr;padding-top:25px;gap:0}.hero h1{font-size:37px;margin:15px 0}.lead{font-size:14px}.art{height:260px}.orbit{width:230px;height:230px}.paper{width:155px;height:205px}.front{padding:19px}.front strong{font-size:23px;margin-top:17px}.front b{width:30px;height:30px;bottom:14px;right:14px}.lines{margin-top:15px}.art-label{right:5%;bottom:10px}.section-title{margin:15px 0}.section-title h2{font-size:23px}.section-title>p{display:none}.cards{grid-template-columns:1fr}.feature{min-height:115px;padding:18px}}