:root{--paper-2: #E9E6DC;--concrete-2: #A3A096;--oxide: #9C3B2C;--amber: #C8842A;--amber-ink: #8A5A16;--leaf: #8FB89E;--green: #17503C;--green-mid: #1F6B4D;--green-dark: #0D2E23;--green-light: #E7E9E2;--charcoal: #22211E;--ink: #1B1A17;--grey: #666560;--border: #DFDCD3;--mist: #F3F1EB;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--transition: .18s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block}.topbar{background:var(--charcoal);padding:16px 24px;display:flex;align-items:center;gap:10px}.topbar-logo{font-family:Archivo,sans-serif;font-weight:800;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:9px}.topbar-nav-simple{margin-left:auto;display:flex;align-items:center;gap:16px}.topbar-nav-simple a:not(.topbar-back){font-size:.82rem;color:#ffffff8c;text-decoration:none}.topbar-nav-simple a:not(.topbar-back):hover{color:#fff}.topbar-back{font-size:.82rem;color:#ffffff8c;border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:7px;transition:color var(--transition),border-color var(--transition)}.topbar-back:hover{color:#fff;border-color:#ffffff7a}.demo-page{max-width:1080px;margin:0 auto;padding:56px 24px 80px}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid);margin-bottom:10px}.section-title{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.5rem);letter-spacing:-.015em;line-height:1.15;margin-bottom:16px}.section-sub{font-size:1rem;color:var(--grey);max-width:430px;line-height:1.75}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.demo-perk{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.demo-perk-icon{width:38px;height:38px;background:var(--green-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.demo-perk-title{font-weight:700;font-size:.95rem;color:var(--ink);margin-bottom:4px}.demo-perk-desc{font-size:.88rem;color:var(--grey);line-height:1.65}.demo-form-wrap{background:var(--mist);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px}.demo-field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.demo-field label{font-size:.82rem;font-weight:600;color:var(--ink)}.demo-field input,.demo-field select,.demo-field textarea{width:100%;padding:11px 15px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.93rem;font-family:inherit;background:#fff;color:var(--ink);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{border-color:var(--green-mid);box-shadow:0 0 0 3px #17503c1a}.demo-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a72' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.demo-field textarea{resize:vertical;min-height:80px}.demo-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.demo-submit{width:100%;padding:14px;background:var(--green);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.demo-submit:hover{background:var(--green-mid);transform:translateY(-1px);box-shadow:0 6px 24px #2d8a5259}.demo-foot{text-align:center;font-size:.8rem;color:var(--grey);padding:24px;border-top:1px solid var(--border)}@media (max-width: 820px){.demo-grid{grid-template-columns:1fr;gap:36px}.demo-form-wrap{padding:28px 22px}}@media (max-width: 480px){.demo-row{grid-template-columns:1fr}}.demo-foot a{text-decoration:underline}:root{--focus-ring: #17503C}:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:2px!important;border-radius:2px}.site-footer,footer,.footer-top,.topbar,.topbar-nav,.topbar-nav-simple,.cta-block,.auth-wrap,.demo-foot,.foot{--focus-ring: #17503C}.logo-core{font-weight:400;color:var(--leaf)}.topbar-light .logo-core,.nav-light .logo-core{color:var(--green-mid)}