.demo{background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden}.demo-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:17px 21px;font-size:14px;font-weight:600;display:flex}.dot{background:var(--green);border-radius:50%;width:7px;height:7px}.tag{border:1px solid var(--line);color:var(--ink);background:var(--accent-soft);letter-spacing:.3px;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:500;display:inline-block}.demo-top .tag{margin-left:auto}.demo form{padding:22px}.example-buttons{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px;font-size:12px;display:flex}.example-buttons div{gap:6px;display:flex}.example-buttons button{padding:8px;font-size:12px}.demo label,label{flex-direction:column;gap:9px;margin-bottom:18px;font-size:14px;font-weight:600;display:flex}textarea,input,select{background:var(--paper);width:100%;color:var(--ink);accent-color:var(--green);border:1px solid #82917e;border-radius:12px;min-width:0;padding:12px}textarea{resize:vertical;min-height:135px;font-size:15px;font-weight:400;line-height:1.6}textarea::placeholder{color:#657063}.privacy{margin-top:-7px;font-size:12px;line-height:1.55}.feedback{background:var(--surface);border:1px solid var(--line);min-height:66px;color:var(--ink);border-radius:12px;margin:20px 0;padding:14px 15px;font-size:14px;line-height:1.55}.feedback[data-state=suggestion]{background:var(--accent-soft);color:var(--ink);border-color:#7c9f25}.feedback[data-state=complete]{border-color:var(--green);background:#edf8ee}.feedback[data-state=loading]{border-color:var(--green)}.feedback[data-state=unavailable]{background:var(--surface);border-color:#6a7069}.form-actions{flex-wrap:wrap;align-items:center;gap:17px;display:flex}.form-actions .small{margin-left:auto;font-size:9px}.text-button{background:0 0;border:0;padding:8px 0;font-size:14px;text-decoration:underline}.submission{color:var(--green);margin:12px 0 0;font-size:14px}.submission:empty{display:none}.page-intro{padding:70px 5% 40px}.page-intro h1{font-size:64px}.notice{border:1px solid var(--line);background:var(--accent-soft);border-radius:16px;max-width:750px;margin:25px 0;padding:16px 20px;font-size:14px;line-height:1.7}.demo-nav{flex-wrap:wrap;gap:22px;margin-top:30px;font-size:14px;display:flex}.demo-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8%;padding:65px 5%;scroll-margin-top:20px;display:grid}.demo-section .lede{max-width:350px;font-size:18px}.demo-section .small{margin-top:35px}@media (width<=700px){.demo-section{grid-template-columns:1fr;gap:24px;padding:40px 6%}.page-intro{padding:48px 6% 30px}.page-intro h1{font-size:48px}.demo form{padding:18px}.form-actions .small{width:100%;margin:0}.example-buttons{gap:12px}.example-buttons div{width:100%}.example-buttons button{flex:1;font-size:13px}.demo-nav{gap:14px}}:root{color:#163300;font-synthesis:none;--ink:#163300;--green:#163300;--accent:#b5f400;--accent-hover:#a9e600;--accent-soft:#f2f9e9;--muted:#62705e;--line:#e1e6de;--surface:#f6f8f3;--paper:#fff;background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline-offset:5px;outline:3px solid #4e711c}::selection{background:var(--accent);color:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;text-wrap:balance;font-weight:600;line-height:1.02}h1{font-size:clamp(48px,6vw,86px)}h2{margin-bottom:24px;font-size:clamp(38px,4vw,58px)}h3{letter-spacing:-.04em;font-size:24px;line-height:1.2}p{line-height:1.65}button{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:44px;padding:10px 16px}main{min-height:50vh}.wrap{width:calc(100% - 112px);max-width:1248px;margin-inline:auto}.section-pad{padding-block:110px}.eyebrow,.micro-label{letter-spacing:1.5px;font-size:12px;font-weight:600;line-height:1.5}.eyebrow{margin-bottom:24px}.micro-label{font-size:9px}.lede,.section-lede{color:var(--muted);font-size:20px;line-height:1.65}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.primary,.secondary,.nav-cta{border-radius:999px;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:14px 25px;font-size:16px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.primary,.nav-cta{background:var(--accent);border:1px solid #0000}.secondary{background:#fff;border:1px solid #ced6c8;gap:12px}.primary:hover,.nav-cta:hover{background:var(--accent-hover);transform:translateY(-2px)}.secondary:hover{background:var(--surface)}.text-link,.underlined{text-underline-offset:5px;font-size:15px;text-decoration:underline}.text-link{font-weight:500}.small,.caption,.hero-note{color:var(--muted);font-size:14px}.skip{background:var(--accent);z-index:100;padding:14px;position:fixed;top:-70px;left:20px}.skip:focus{top:10px}.site-header{backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:50;background:#fffffff5;position:sticky;top:0}.header-inner{align-items:center;gap:80px;width:calc(100% - 112px);max-width:1248px;height:88px;margin:auto;display:flex}.brand{letter-spacing:-1.4px;white-space:nowrap;align-items:center;gap:5px;font-size:27px;font-weight:700;display:inline-flex}.brand svg{flex-shrink:0}.brand-period{letter-spacing:0;align-self:flex-start;margin-top:6px;font-size:12px}#main-navigation{flex:1;justify-content:space-between;align-items:center;gap:28px;display:flex}.nav-links,.nav-actions{align-items:center;gap:30px;font-size:15px;display:flex}.nav-actions{gap:28px}.nav-links a:hover,.nav-links a[aria-current=page]{text-underline-offset:6px;text-decoration:underline}.nav-cta{gap:21px;min-height:42px;padding:11px 20px;font-size:14px}.login-link{gap:12px;font-size:14px;display:flex}.menu-toggle{display:none}.site-footer{max-width:1360px;margin:auto;padding:65px 56px 24px}.footer-main{justify-content:space-between;gap:60px;padding-bottom:65px;display:flex}.footer-main>div>p{color:var(--muted);margin-top:22px;font-size:16px}.footer-links{gap:110px;display:flex}.footer-links>div{flex-direction:column;gap:15px;font-size:15px;display:flex}.footer-links strong{letter-spacing:1.4px;margin-bottom:8px;font-size:9px}.footer-links a:hover{text-underline-offset:4px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:30px;padding-top:24px;font-size:12px;display:flex}.platform-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.platform-icon :is(svg,img){width:28px;height:28px}.platform-elementor{border:2px solid;border-radius:50%}.platform-elementor svg{width:22px}.notice{background:var(--accent-soft);border:1px solid #d2dfc5;border-radius:12px;margin:25px 0;padding:18px 22px;font-size:15px;line-height:1.7}.notice strong{display:block}.page-intro{max-width:1248px;margin:auto;padding:75px 0 45px}.demo-section{max-width:1360px;margin:auto}.demo-nav a:hover{text-decoration:underline}.page-intro>.demo{max-width:680px;margin-top:36px}textarea,input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #82917e;border-radius:9px;min-width:0;padding:12px}textarea{resize:vertical;min-height:135px;line-height:1.6}label{flex-direction:column;gap:9px;margin-bottom:18px;font-size:15px;font-weight:500;display:flex}pre{color:#f2f9e9;tab-size:2;background:#172e15;border-radius:12px;max-width:100%;padding:24px;font-size:14px;line-height:1.8;overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}p code,li code{overflow-wrap:anywhere;background:#f0f3ed;border-radius:4px;padding:2px 5px;font-size:.85em}section[id],div[id]{scroll-margin-top:110px}[data-reveal].is-visible{animation:.65s both reveal-in}@keyframes reveal-in{0%{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=1600px){.wrap,.header-inner{max-width:1320px}}@media (width<=1000px){.wrap,.header-inner{width:calc(100% - 64px)}.header-inner{gap:40px}.nav-links,.nav-actions{gap:20px}.section-pad{padding-block:80px}.site-footer,.page-intro{padding-inline:32px}}@media (width<=700px){html{scroll-padding-top:85px}.wrap,.header-inner{width:calc(100% - 40px)}.header-inner{justify-content:space-between;height:72px}.brand{font-size:25px}.menu-toggle{border:1px solid var(--line);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.menu-toggle span{background:var(--ink);width:16px;height:1.5px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px)rotate(-45deg)}#main-navigation{border-bottom:1px solid var(--line);background:#fff;padding:22px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 15px 20px #1633000d}.menu-toggle[aria-expanded=true]+#main-navigation{flex-direction:column;align-items:stretch;gap:18px;display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:0}.nav-links a{padding:14px 6px;font-size:18px}.nav-actions{border-top:1px solid var(--line);justify-content:space-between;padding-top:20px}.nav-cta,.login-link{font-size:16px}.section-pad{padding-block:64px}.eyebrow{letter-spacing:1.2px;margin-bottom:20px;font-size:9px}h2{font-size:40px}.section-lede,.lede{font-size:18px}.desktop-break{display:none}.primary,.secondary{gap:15px;min-height:48px;padding:13px 21px;font-size:15px}.footer-main{flex-direction:column;gap:25px;padding-bottom:38px}.site-footer{padding:44px 24px 24px}.footer-links{gap:55px}.footer-links>div{gap:17px;font-size:14px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:12px}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding:50px 20px 32px}.page-intro h1{font-size:48px}input,textarea,select{font-size:18px}pre{padding:18px;font-size:13px}.notice{padding:16px}.demo-top .tag{font-size:8px}.demo-section h2{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
