:root{font-family:system-ui,-apple-system,sans-serif;color:#172b22;background:#f8f8f2;line-height:1.55}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none}a{color:#225c42}select,button{font:inherit}select{padding:9px;border:1px solid #c6d4c9;border-radius:10px;background:white;color:#225c42}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:48px 0}.eyebrow,.tag{font-size:11px;letter-spacing:.13em;font-weight:750;color:#42604e}h1{font-size:clamp(36px,5.3vw,62px);letter-spacing:-.055em;line-height:1.06;margin:16px 0 24px}.lead{font-size:18px;color:#506257;max-width:480px}.button{display:inline-block;border-radius:12px;padding:15px 26px;background:#205c40;color:white;text-decoration:none;font-weight:700;box-shadow:0 6px 16px #205c4020}.button:hover{background:#16482f}.small{font-size:12px;color:#586b5f;max-width:400px}.login{font-size:14px}.preview{display:flex;flex-direction:column;gap:22px;text-decoration:none;border:1px solid #cfddcf;border-radius:26px;padding:32px;background:#eaf0e4;box-shadow:0 20px 60px #193b2310}.preview strong{font-size:31px;line-height:1.2;letter-spacing:-.03em}.play{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#205c40;color:white;font-size:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:36px 0;border-block:1px solid #dbe2d7}.steps b{color:#68816f;font-size:13px}h2{font-size:21px;letter-spacing:-.025em}.steps p,.faq p{color:#506257}.faq{max-width:720px;margin:52px auto}.faq h2{font-size:28px}details{padding:20px 0;border-bottom:1px solid #dbe2d7}summary{cursor:pointer;font-weight:650;min-height:26px}.last{text-align:center;background:white;border:1px solid #dbe2d7;border-radius:22px;padding:32px}.last h2{font-size:28px}.share{display:block;margin:20px auto 0;background:none;border:0;color:#225c42;text-decoration:underline;cursor:pointer;padding:10px}#copy-link{max-width:100%;width:450px;padding:10px}footer{display:flex;justify-content:space-between;gap:28px;font-size:12px;color:#68786d;padding-bottom:40px}footer span{max-width:490px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #bd8820;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr;gap:28px;padding:20px 0 30px}h1{font-size:43px}.lead{font-size:17px}.button{width:100%;text-align:center}.preview{padding:24px;gap:16px}.preview strong{font-size:27px}.play{width:56px;height:56px}.steps{grid-template-columns:1fr;gap:12px;padding:26px 0}.steps h2{margin:5px 0}.steps p{margin:6px 0 18px}.faq{margin:30px 0}footer{flex-direction:column}.last{padding:24px 18px}}

.share-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.share-actions .share{margin:12px 0 0;font-size:14px;min-height:44px}.mobile-start{display:none}#share-status{min-height:1.5em}a,button,select{-webkit-tap-highlight-color:transparent}@media(max-width:700px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-start{display:block;position:fixed;bottom:0;left:0;right:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#f8f8f2f5;border-top:1px solid #dbe2d7;z-index:10}.hero .login{display:inline-flex;align-items:center;min-height:44px}select{min-height:44px}}