:root{--ink:#17130d;--ink-soft:#5d5349;--ink-faint:#8a7f74;--cream:#faf7f8;--line:#e7dee2;--accent:#ca2f6b;--accent-deep:#a3306b;--accent-tint:#fdeef4;--t-big:clamp(2.4rem, 5.4vw, 4rem);--t-section:clamp(1.65rem, 3.2vw, 2.5rem);--t-sub:clamp(1.02rem, 1.4vw, 1.2rem);--t-body:1rem;--t-small:.875rem;--t-label:.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{font-family:Outfit,Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--t-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--accent)}a:hover{color:var(--accent-deep)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:8px;padding:.85rem 1.1rem;text-decoration:none;transition:top .2s;position:absolute;top:-4rem;left:.75rem}.skip-link:focus{color:#fff;top:.75rem}.back{font-size:var(--t-small);color:var(--ink-soft);align-items:center;gap:.55rem;margin-block:-.85rem;padding-block:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back:hover{color:var(--ink)}.back svg{flex:none;width:1.05em;height:1.05em}.eyebrow{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:600}.p-demo{background:var(--cream);color:var(--ink);min-height:100dvh;position:relative;overflow-x:clip}.demo-shape{aspect-ratio:1;z-index:0;pointer-events:none;width:auto;position:fixed;top:0;bottom:0;left:clamp(-30rem,-20vw,-12rem);transform:translate(-30%);-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 34%);mask-image:linear-gradient(270deg,#0000 0%,#000 34%)}.cs-ring{background:linear-gradient(135deg, color-mix(in srgb, rgb(var(--cs)) 9.4%, #fff) 0%, color-mix(in srgb, rgb(var(--cs)) 26.4%, #fff) 26%, color-mix(in srgb, rgb(var(--cs)) 56.6%, #fff) 56%, color-mix(in srgb, rgb(var(--cs)) 86.8%, #fff) 82%, color-mix(in srgb, rgb(var(--cs)) 63.2%, #fff) 100%);box-shadow:inset 0 0 0 1.5px #ffffffe6, inset -30px -30px 60px #ffffff8c, inset 26px 26px 60px rgb(var(--cs-dk) / .16);border:1px solid #ffffffe6;border-radius:15%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cs-3{opacity:.336;--cs:110 136 255;--cs-dk:62 76 143;width:100%;height:100%;margin-top:0}.cs-2{opacity:.44;--cs:11 73 255;--cs-dk:6 41 143;width:68%;height:68%;margin-top:-5%}.cs-1{opacity:.56;--cs:0 20 154;--cs-dk:0 11 86;width:40%;height:40%;margin-top:-9%}.demo-wrap{z-index:1;flex-direction:column;gap:clamp(2rem,5vw,3.5rem);max-width:78rem;margin-inline:auto;padding:clamp(1.75rem,4vw,3.5rem) clamp(1.25rem,5vw,4rem) clamp(3rem,6vw,5rem);display:flex;position:relative}.demo-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.demo-intro{flex-direction:column;gap:1.25rem;display:flex}.demo-intro h1{font-family:Montserrat,Outfit,sans-serif;font-size:var(--t-big);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}.demo-intro p{max-width:34ch;font-size:var(--t-sub);color:var(--ink-soft);margin:0}.demo-points{font-size:var(--t-small);color:var(--ink-soft);flex-direction:column;gap:.7rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.demo-points li{align-items:flex-start;gap:.7rem;display:flex}.demo-points svg{width:1.05rem;height:1.05rem;color:var(--accent);flex:none;margin-top:.2rem}.demo-form{gap:clamp(1.5rem,3vw,2.1rem);display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.1rem);display:grid}.field{flex-direction:column;gap:.55rem;display:flex}.field label{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.field label .req{color:var(--accent)}.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #17130d2e;border-radius:0;padding:.55rem 0 .7rem;transition:border-color .2s}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171b0d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.45'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .1rem center;background-repeat:no-repeat;background-size:1.05rem;padding-right:1.75rem}.field select:invalid,.field select.is-empty{color:#17130d6b}.field select option{color:var(--ink)}.field textarea{resize:vertical;min-height:6.5rem}.field input::placeholder,.field textarea::placeholder{color:#17130d4d}.field input:hover,.field textarea:hover,.field select:hover{border-bottom-color:#17130d57}.field input:focus,.field textarea:focus,.field select:focus{border-bottom-color:var(--accent);outline:none}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:none}.field .err{font-size:var(--t-small);color:var(--accent-deep);min-height:0}.field .err:empty{display:none}.field.is-bad input,.field.is-bad textarea,.field.is-bad select{border-bottom-color:var(--accent)}.field-other[hidden]{display:none}.field-other{margin-top:1.1rem}.demo-submit{flex-direction:column;align-items:flex-end;gap:.85rem;display:flex}.btn-send{font:inherit;font-weight:700;font-size:var(--t-small);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(96deg, var(--accent) 0%, var(--accent-deep) 100%);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:.8rem;padding:1.15rem 2.4rem;transition:filter .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 30px #d83b8642}.btn-send:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 18px 38px #d83b8657}.btn-send:active{transform:translateY(0)}.btn-send[disabled]{opacity:.6;cursor:progress;transform:none}.btn-send svg{width:1.1em;height:1.1em}.demo-note{font-size:var(--t-small);color:var(--ink-faint);text-align:right;margin:0}.form-status{font-size:var(--t-small);border:1px solid var(--line);background:#fff;border-radius:10px;margin:0;padding:.95rem 1.15rem}.form-status:empty{display:none}.form-status.is-bad{color:var(--accent-deep);background:var(--accent-tint);border-color:#ca2f6b66}.form-status.is-good{color:#0f5f46;background:#e6f4ee;border-color:#16785a59}@media (width<=860px){.demo-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}.field-row{grid-template-columns:minmax(0,1fr)}.demo-submit{align-items:stretch}.btn-send{justify-content:center}.demo-note{text-align:center}.demo-shape{opacity:.5;left:-55vw}}.doc-wrap{flex-direction:column;gap:clamp(1.75rem,4vw,2.75rem);max-width:52rem;margin-inline:auto;padding:clamp(1.75rem,4vw,3.5rem) clamp(1.25rem,5vw,2.5rem) clamp(4rem,8vw,7rem);display:flex}.doc-head{flex-direction:column;gap:.9rem;display:flex}.doc-head h1{font-size:var(--t-section);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.1}.doc-meta{font-size:var(--t-small);color:var(--ink-faint);margin:0}.doc-body{flex-direction:column;gap:2.25rem;display:flex}.doc-body section{flex-direction:column;gap:.75rem;display:flex}.doc-body h2{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600}.doc-body h3{margin:.5rem 0 0;font-size:1rem;font-weight:600}.doc-body p,.doc-body li{max-width:68ch;color:var(--ink-soft)}.doc-body p{margin:0}.doc-body ul{flex-direction:column;gap:.45rem;margin:0;padding-left:1.15rem;display:flex}.doc-toc{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.15rem 1.35rem}.doc-toc h2{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .6rem;font-weight:600}.doc-toc ol{font-size:var(--t-small);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.3rem 1.5rem;margin:0;padding-left:1.2rem;display:grid}.doc-toc a{text-decoration:none}.doc-toc a:hover{text-decoration:underline}.todo{background:var(--accent-tint);border-bottom:1px dashed var(--accent);color:var(--accent-deep);white-space:nowrap;border-radius:3px;padding:0 .25rem;font-weight:500}.doc-foot{border-top:1px solid var(--line);font-size:var(--t-small);color:var(--ink-faint);flex-wrap:wrap;gap:.6rem 1.6rem;padding-top:1.5rem;display:flex}.doc-foot a{text-decoration:none}.doc-foot a:hover{text-decoration:underline}.doc-credit,.demo-credit{font-size:var(--t-label);letter-spacing:.02em;color:#17130d6b}.demo-credit{margin:.5rem 0 0}.doc-credit a,.demo-credit a{color:#17130d9e;border-bottom:1px solid #0000;margin-block:-.9rem;padding-block:.9rem;font-weight:600;text-decoration:none}.doc-credit a:hover,.demo-credit a:hover{color:var(--ink);border-bottom-color:currentColor}