:root{color-scheme:dark;--bg:#111916;--fg:#f3f4eb;--muted:#acb8ae;--lime:#d5f787}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}.shell{max-width:1440px;margin:auto;padding:0 6%}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354038}.brand{text-decoration:none;color:var(--fg);font-size:25px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center}.mark{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--lime);color:var(--bg);font-size:23px;margin-right:11px}.dot{color:var(--lime)}.label{font-size:10px;letter-spacing:2px;color:var(--lime)}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:650px;gap:35px;padding:70px 0 80px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);margin:0 0 27px}h1{font-size:clamp(44px,5.4vw,77px);letter-spacing:-4px;line-height:1.06;font-weight:500;margin:0}h1 em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.intro{font-size:15px;line-height:1.85;color:var(--muted);margin:28px 0}.button{display:inline-flex;gap:42px;align-items:center;background:var(--lime);border-radius:5px;color:#172013;text-decoration:none;font-size:13px;font-weight:700;padding:17px 21px}.button:hover{background:#e6ffae}a:focus-visible{outline:3px solid white;outline-offset:5px}.button span{font-size:20px}.visual{position:relative;min-height:415px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:370px;height:370px;border:1px solid #354638;border-radius:50%;transform:rotate(-20deg)}.orbit:after{content:"";position:absolute;inset:35px -25px;border:1px solid #283c2d;border-radius:50%;transform:rotate(55deg)}.card{width:350px;position:relative;z-index:1;background:#f0f1e9;color:#263128;padding:27px 25px 20px;border-radius:12px;transform:rotate(-5deg);box-shadow:0 30px 60px #0004}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:700}.card-top span{font-size:22px}.card h2{font-size:29px;font-weight:700;letter-spacing:-1px;margin:32px 0 10px}.card>p{font-size:12px;color:#626d60;margin:0 0 25px}.task{font-size:11px;display:flex;gap:10px;align-items:center;border-top:1px solid #d9ddd3;padding:17px 0}.task b{background:#dce8ca;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#526c38}.task small{font-size:7px;color:#465738;background:#e2e8d6;padding:5px;border-radius:3px;margin-left:auto;white-space:nowrap}.card-bottom{border-top:1px solid #d9ddd3;padding-top:20px;margin-top:8px;font-size:8px;letter-spacing:.6px;display:flex;justify-content:space-between;color:#636d5d}.sticker{position:absolute;right:0;bottom:0;background:var(--lime);color:#23301b;padding:18px 23px;font-size:16px;transform:rotate(9deg);z-index:2;line-height:1.3;box-shadow:0 12px 30px #0003}.sticker span{display:block;font-size:38px}.next{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;border-top:1px solid #354038;border-bottom:1px solid #354038;padding:38px 0 43px}.section-no{font-size:10px;letter-spacing:1.2px;color:var(--muted);padding-top:6px}h2{margin:0 0 12px;font-size:24px;font-weight:500;letter-spacing:-.6px}.next p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.soon{font-size:9px;letter-spacing:1px;text-align:right;padding-top:7px;color:var(--lime)}footer{display:flex;justify-content:space-between;padding:29px 0 35px;font-size:10px;color:var(--muted)}@media(max-width:850px){h1{font-size:52px;letter-spacing:-2.5px}.card{width:280px;padding:22px 18px}.orbit{width:285px;height:325px}.task{font-size:10px}.next{grid-template-columns:1fr 2fr}.soon{grid-column:2;text-align:left}.label{font-size:8px;letter-spacing:1px}}@media(max-width:620px){header{height:80px}.brand{font-size:22px}.label{display:none}.hero{display:block;padding:47px 0 55px}h1{font-size:clamp(46px,14vw,66px);letter-spacing:-3px}.eyebrow{font-size:9px;letter-spacing:1px}.intro{font-size:14px}.visual{margin:38px 0 10px;min-height:405px}.card{width:min(330px,88%)}.orbit{width:85%;height:345px}.sticker{right:2px;bottom:0}.next{grid-template-columns:1fr;gap:22px;padding:30px 0}.soon{grid-column:1}footer{flex-wrap:wrap;gap:18px;font-size:9px}footer span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
