:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f3ea;--foreground:#14201b;--muted:#5e675f;--accent:#1e6b4f;--accent-strong:#0c4d35}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{place-items:center;min-height:100vh;padding:32px;display:grid}.hero{width:min(100%,920px)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:.875rem;font-weight:700}h1{letter-spacing:0;margin:0;font-size:clamp(4rem,12vw,9rem);line-height:.9}.lede{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.45}.actions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:38px;display:flex}.actions a{background:var(--accent);color:#fff;border-radius:6px;align-items:center;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.actions a:hover{background:var(--accent-strong)}.demo-page{color:#f7f7f4;background:linear-gradient(#1f211f1a,#1f211f1a),#858683;min-height:100vh;padding:clamp(42px,8vw,96px) clamp(24px,6vw,92px)}.demo-form{gap:clamp(28px,4vw,46px);width:min(100%,1560px);margin:0 auto;display:grid}.demo-form h1{font-size:clamp(3.5rem,7vw,5.75rem);font-weight:400;line-height:1}.field-grid{gap:clamp(28px,4vw,48px);display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-form label,.demo-form fieldset{min-width:0}.demo-form label{gap:16px;display:grid}.demo-form fieldset{border:0;margin:0;padding:0}.demo-form label>span,.demo-form legend{color:#42ff26;letter-spacing:0;font-size:clamp(1.25rem,2vw,1.9rem);font-weight:600}.demo-form input:not([type=checkbox]),.demo-form textarea{color:#fff;width:100%;font:inherit;background:0 0;border:2px solid #f7f7f4;border-radius:0;outline:none;min-height:84px;padding:18px 24px;font-size:clamp(1.25rem,2vw,2rem)}.demo-form textarea{resize:vertical;min-height:84px}.demo-form input:focus,.demo-form textarea:focus{border-color:#42ff26;box-shadow:0 0 0 2px #42ff2638}.demo-form textarea::placeholder{color:#111;opacity:1}.option-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:30px clamp(48px,10vw,160px);max-width:1180px;margin-top:24px;display:grid}.check-option{color:#f7f7f4;grid-template-columns:32px minmax(0,max-content);align-items:center;gap:22px;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.25;display:grid}.check-option input{appearance:none;border:2px solid #f7f7f4;border-radius:0;place-content:center;width:32px;height:32px;margin:0;display:grid}.check-option input:checked:before{content:"";background:#f7f7f4;width:16px;height:16px}.has-error .check-option input{border-color:#ff2020}.newsletter{grid-template-columns:32px minmax(0,1fr)}.demo-form .newsletter>span,.demo-form .check-option>span{color:#f7f7f4;font-weight:400}.form-actions{justify-content:space-between;align-items:center;gap:24px;margin-top:4px;display:flex}.align-right{justify-content:flex-end}.form-actions button{color:#fff;cursor:pointer;min-width:min(100%,200px);min-height:96px;font:inherit;background:#217c12;border:0;border-radius:0;padding:0 42px;font-size:clamp(1.35rem,2.4vw,2rem)}.form-actions button:hover:not(:disabled){background:#19650c}.form-actions button:disabled{cursor:wait;opacity:.72}.form-actions .secondary{color:#111;background:0 0;border:2px solid #111}.form-actions .secondary:hover{background:#ffffff24}.form-error,.form-success{margin:0;font-size:clamp(1.1rem,1.8vw,1.6rem)}.form-error{color:#ff2020}.has-error .form-error{margin-top:18px}.form-success{color:#42ff26}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.demo-page{padding:36px 20px}.two-columns,.option-grid{grid-template-columns:1fr}.demo-form input:not([type=checkbox]),.demo-form textarea{min-height:62px;padding:14px 16px}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions button{width:100%;min-height:64px}}
