@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#172a22;--dark:#223e30;--green:#25794d;--bg:#edf2e6;--line:#c9d6c4}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink)}body{background:radial-gradient(ellipse at 50% 65%,#fafaf3 0%,#eff4ea 55%,#e4ebdf 100%)}
.shell{max-width:1620px;margin:auto;min-height:100svh;padding:23px clamp(18px,5.2vw,86px) 28px;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.17em}.brand{display:flex;gap:12px;align-items:center}.brand-dot{display:block;width:15px;height:24px;border:2px solid var(--dark);border-radius:20px;background:linear-gradient(to bottom,#fbfff8 50%,#31a567 50%);transform:rotate(-28deg)}.top-meta{font-weight:700;white-space:nowrap}.sep{opacity:.4;margin:0 6px}
.main{flex:1;display:flex;flex-direction:column;justify-content:center}.headline{text-align:center;margin:24px 0 28px}.eyebrow{font-size:11px;letter-spacing:.31em;font-weight:800;color:#54816c}.headline h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,6.2vw,95px);font-weight:700;line-height:1.01;letter-spacing:-.07em;margin:9px 0 10px}.headline h1 em{font-style:normal;color:#2f9258}.headline p{font-size:14px;letter-spacing:.04em;margin:0;color:#6c826f}
.stage{display:grid;grid-template-columns:minmax(170px,245px) minmax(360px,670px) minmax(170px,245px);justify-content:center;align-items:center;gap:clamp(18px,2.5vw,42px)}.actions{display:flex;flex-direction:column;gap:18px}.art{margin:0;min-width:0;padding:11px;background:#f8fbf4;border:1px solid #d7e1d2;border-radius:31px;box-shadow:0 22px 65px #29442c21}.art img{display:block;width:100%;height:auto;aspect-ratio:728/727;object-fit:contain;border-radius:21px}.art figcaption{display:flex;justify-content:center;align-items:center;gap:11px;color:#718578;font-size:9px;font-weight:800;letter-spacing:.20em;padding:15px 0 5px}.art figcaption span{font-size:9px;color:#27854a}
.pill-button{border:1.5px solid #b8d0bd;background:#fdfefb;color:#1d3728;border-radius:100px;min-height:87px;padding:13px 15px;display:flex;align-items:center;gap:13px;text-align:left;text-decoration:none;cursor:pointer;font:inherit;box-shadow:0 6px 0 #dae5d6,0 14px 26px #122d1510;transition:transform .19s,box-shadow .19s,border-color .19s;max-width:100%}.pill-button img{width:43px;height:43px;object-fit:contain;flex-shrink:0}.pill-button span{min-width:0;display:block;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.1}.pill-button small{display:block;margin-top:7px;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.17em;white-space:nowrap;color:#708674;font-weight:800}.pill-button i{margin-left:auto;width:7px;height:7px;flex-shrink:0;border-top:2px solid #438b5d;border-right:2px solid #438b5d;transform:rotate(45deg)}.pill-button.primary{background:#2e8754;color:#fff;border-color:#277347;box-shadow:0 6px 0 #236f45,0 14px 26px #174c2930}.pill-button.primary small{color:#d9f1db}.pill-button.primary i{border-color:#e0f7e4}.pill-button:hover{transform:translateY(-4px);box-shadow:0 10px 0 #dae5d6,0 18px 28px #122d1520;border-color:#5caa79}.pill-button.primary:hover{box-shadow:0 10px 0 #236f45,0 18px 28px #174c2935}.pill-button:focus-visible{outline:3px solid #3cb16a;outline-offset:4px}.pill-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.footerline{margin:26px auto 0;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.22em;font-weight:800;color:#709179}.mini-pill{width:8px;height:13px;border-radius:10px;border:1px solid #2e8754;background:linear-gradient(to bottom,#fff 50%,#31a567 50%);transform:rotate(-32deg)}
@media(max-width:980px){.stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;max-width:700px;margin:0 auto}.art{grid-column:1/-1;grid-row:1;max-width:580px;width:100%;justify-self:center}.actions{gap:12px;align-self:stretch}.pill-button{min-height:78px}.footerline{margin:25px auto 0}}
@media(max-width:520px){.shell{padding:17px 14px 26px}.topbar{font-size:9px}.headline{margin:27px 0 23px}.headline h1{font-size:clamp(40px,10vw,65px)}.headline p{font-size:12px}.eyebrow{font-size:9px}.stage{grid-template-columns:1fr 1fr;gap:11px}.art{padding:6px;border-radius:22px}.art img{border-radius:16px}.art figcaption{font-size:7px;padding:11px 0 6px}.pill-button{padding:12px 10px;min-height:69px;gap:7px;border-radius:35px}.pill-button img{width:28px;height:28px}.pill-button span{font-size:11px}.pill-button small{font-size:6px;letter-spacing:.08em;margin-top:4px;white-space:normal}.pill-button i{width:6px;height:6px}.actions{gap:11px}.footerline{font-size:7px;text-align:center}}
@media(prefers-reduced-motion:reduce){.pill-button{transition:none}}