.app:has(#introduction:not(.hidden)){max-width:1080px;background:#fcfcf8}.app:has(#introduction:not(.hidden)) main{padding:0}.app:has(#introduction:not(.hidden)) header{padding:20px 36px;background:#fcfcf8ed}.app:has(#introduction:not(.hidden)) #auth,.app:has(#introduction:not(.hidden)) #loading{max-width:440px;margin:24px auto;padding:0 18px}#introduction{padding:0 48px;color:#173d38}#introduction a{color:inherit;text-decoration:none}#introduction a:focus-visible{outline:3px solid #0f8f84;outline-offset:5px}#introduction h1,#introduction h2,#introduction h3{letter-spacing:-1.1px}#introduction p{line-height:1.8}#introduction .intro-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:70px 0 80px}.intro-label{font-size:12px;letter-spacing:.5px;color:#51746d;font-weight:700}#intro-title{font-size:76px;line-height:1.13;margin:23px 0}#intro-title em{font-style:normal;color:#0f8f84}.intro-lead{font-size:17px;color:#526a64}.intro-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}#introduction .intro-cta{display:inline-flex;align-items:center;gap:30px;background:#126a5e;border-radius:50px;padding:15px 23px;color:#fff;font-weight:700;font-size:14px}.intro-more{font-size:13px}.intro-note{font-size:11px;color:#6f807a;margin-top:18px}.intro-preview{background:#e9eee6;padding:23px;border-radius:26px;border:1px solid #dbe3d8;box-shadow:10px 20px 0 #f0f1e9;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px}.preview-top>b{font-size:17px}.preview-top>span{font-size:10px;color:#61766d;border:1px solid #c5d1c6;border-radius:20px;padding:5px 9px}.intro-preview h2{font-size:15px}.intro-preview h2 span,.preview-status b span{font-size:11px;color:#0b8070;margin-left:6px}.preview-item{background:#fff;border-radius:13px;padding:15px;margin-top:11px}.preview-item>div{display:flex;align-items:center;gap:8px}.preview-item b{font-size:14px}.preview-item small{font-size:11px;color:#718078}.preview-item i{font-size:10px;font-style:normal;color:#b14f3b;background:#fff0e7;border-radius:20px;padding:3px 7px}.preview-item i.preview-normal{color:#826b39;background:#f9f4dd}.preview-item p{font-size:11px;color:#62716d;margin:8px 0 0}.preview-action{display:block;font-size:11px;color:#357769;background:#eff6f0;text-align:center;border-radius:7px;padding:8px;margin-top:10px}.preview-status{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:3px 1px}.preview-status b{font-size:13px}.preview-status small{font-size:10px;color:#738278}.preview-caption{font-size:10px;color:#64796b;margin-bottom:0}.intro-section{padding:58px 0;border-top:1px solid #dae2d9}#introduction .intro-section h2,#introduction .intro-features h2{font-size:34px;line-height:1.4;margin:16px 0 30px}.intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-number{font-size:12px;font-weight:800;color:#348774}.intro-steps h3{font-size:19px;margin:14px 0 8px}.intro-steps p{font-size:13px;color:#60716b}.intro-features{background:#eaf0e7;margin:10px -18px 0;padding:36px;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature-list article+article{border-top:1px solid #ccd9c9;padding-top:10px}.feature-list h3{font-size:16px;margin:12px 0 4px}.feature-list p{font-size:13px;color:#536e60;margin-top:0}.intro-faq{padding:60px 0 30px}.intro-faq h2{font-size:24px;margin-bottom:22px}.intro-faq details{border-bottom:1px solid #dce3d8;padding:12px 0}.intro-faq summary{font-size:14px;margin:0;gap:12px}.intro-faq p{font-size:13px;color:#526b60;margin:10px 0}.intro-bottom{text-align:center;padding:35px 0 10px}.intro-bottom h2{font-size:24px}.intro-bottom p{font-size:13px;color:#607269}#authForm{scroll-margin-top:90px}@media(max-width:700px){#introduction{padding:0 24px}.app:has(#introduction:not(.hidden)) header{padding:16px 24px}#introduction .intro-hero{grid-template-columns:1fr;gap:36px;padding:40px 0 45px}#intro-title{font-size:58px}.intro-lead{font-size:15px}.intro-preview{transform:none;max-width:420px;width:100%;margin:auto}.intro-steps{grid-template-columns:1fr;gap:18px}.intro-steps article{border-bottom:1px solid #e1e6dc;padding-bottom:10px}.intro-steps h3{margin-top:8px}.intro-features{grid-template-columns:1fr;padding:25px;gap:0;margin:0 -8px}.intro-section{padding:35px 0}#introduction .intro-section h2,#introduction .intro-features h2{font-size:29px}.intro-faq{padding:40px 0 20px}.intro-bottom h2{font-size:21px}.intro-links{gap:16px}}

.intro-join{font-size:13px;color:#526a64}.intro-join a{font-weight:800;border-bottom:1px solid #a5bfb4;padding-bottom:3px}.onboard-choices{display:flex;gap:8px}.onboard-choices button[aria-pressed=true]{background:#d8efe7;color:#126a5e;box-shadow:inset 0 0 0 1px #81b9a7}.pending-heading{margin-top:24px}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.feedback-review textarea{height:90px;min-height:70px}.app:has(#introduction:not(.hidden)) #auth{display:none}#headerLogin{font-size:14px;font-weight:700;padding:8px 14px;border:1px solid #c7d9d2;border-radius:30px}#auth{padding-top:6px}#authNotice{white-space:pre-wrap}#auth .hero{margin-top:10px}#introduction .intro-hero{padding-top:48px;padding-bottom:55px}
