.kx-demo{color:var(--kx-ivory);background:radial-gradient(ellipse 58% 48% at 14% 0%, #cf9e6157, transparent 64%), radial-gradient(ellipse 36% 32% at 92% 88%, #cf9e611f, transparent 70%), var(--kx-black);padding:3.25rem 1.25rem 4.25rem;position:relative;overflow:hidden}.kx-demo-grid{gap:1.75rem;display:grid}.kx .kx-demo h1{letter-spacing:-.035em;max-width:11ch;color:var(--kx-ivory);text-wrap:balance;margin:0;font-size:clamp(2.7rem,7vw,4.35rem);font-weight:500;line-height:.98}.kx-demo .kx-kicker{color:#f4c383}.kx-demo .kx-lede{max-width:28rem;color:var(--kx-ivory-dim);margin-top:1rem;font-size:1.08rem}.kx-demo-visual{padding:.5rem .25rem .25rem}.kx-demo-tilt{background:linear-gradient(155deg,#f4c383f2,#cf9e612e 42%,#f4c3838c);border-radius:18px;padding:7px;transform:rotate(-3.2deg);box-shadow:0 30px 60px -28px #000000c7,0 0 42px -10px #cf9e619e}.kx-demo-shot{background:#fff;border-radius:12px;width:100%;height:auto;display:block}.kx-demo-chips{flex-wrap:wrap;gap:.5rem;margin:1.35rem 0 0;padding:0;list-style:none;display:flex}.kx-demo-chips li{min-height:34px;color:var(--kx-ivory);background:#cf9e611a;border:1px solid #cf9e6161;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;line-height:1.2;display:inline-flex}.kx-demo-chips svg{color:#f4c383;flex-shrink:0;width:14px;height:14px}.kx-demo-card{color:var(--kx-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf8f5;border:1px solid #fffcf8b3;border-radius:18px;box-shadow:inset 0 1px #ffffffb3,0 28px 56px -30px #000000b8,0 0 0 1px #cf9e612e}.kx-demo-form,.kx-success{gap:.85rem;padding:1.4rem 1.25rem 1.2rem;display:grid}.kx-field{gap:.35rem;display:grid}.kx-field span{color:var(--kx-text);font-size:.8rem;font-weight:600}.kx-field input,.kx-field select{border:1px solid var(--kx-line-strong);background:var(--kx-subtle);width:100%;min-height:46px;color:var(--kx-text);font:inherit;border-radius:10px;padding:0 .85rem;font-size:.98rem}.kx-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238A5A30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.2rem}.kx-field input:focus,.kx-field select:focus{outline:2px solid var(--kx-gold);outline-offset:1px;border-color:var(--kx-gold)}.kx-field .kx-demo-error,.kx-demo-error{color:#9f2d2d;margin:0;font-size:.8rem;font-weight:500}.kx a.kx-btn-gold{color:var(--kx-on-gold)}.kx-demo-card .kx-btn-gold{width:100%;margin-top:.15rem}.kx-demo-card .kx-btn-gold:disabled{cursor:wait;opacity:.7}.kx-demo-note{color:var(--kx-muted);text-align:center;margin:0;font-size:.75rem}.kx-success{text-align:center;justify-items:center;padding-top:1.7rem}.kx-check{width:52px;height:52px}.kx-check circle,.kx-check path{fill:none;stroke:var(--kx-gold);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.kx-check circle{stroke-dasharray:126;stroke-dashoffset:126px}.kx-check path{stroke-dasharray:36;stroke-dashoffset:36px}.kx .kx-success h2{color:var(--kx-text);margin:.15rem 0 0;font-size:clamp(1.7rem,3vw,2rem)}.kx-success-line{color:var(--kx-secondary);margin:0;font-size:.98rem}.kx h3.kx-next-label{color:var(--kx-gold-ink);font-family:var(--font-jost), Jost, sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:.7rem 0 0;font-size:.72rem;font-weight:500;line-height:1.2}.kx-next-pair{display:contents}.kx-next{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:.15rem;width:100%;margin:.15rem 0 .2rem;display:grid}.kx-next-step{color:var(--kx-text);justify-items:center;gap:.35rem;font-size:.78rem;font-weight:600;line-height:1.25;display:grid}.kx-next-step svg,.kx-next-arrow{width:18px;height:18px;color:var(--kx-gold-ink)}.kx-next-arrow{color:var(--kx-gold);align-self:center;margin-top:.15rem}.kx-back{color:var(--kx-gold-ink);text-underline-offset:.18em;margin-top:.35rem;font-size:.92rem;font-weight:600}@media (min-width:960px){.kx-demo{padding:4.75rem 1.5rem 5.25rem}.kx-demo-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.82fr);grid-template-areas:"copy card""visual card";align-items:start;gap:1.5rem 3.25rem}.kx-demo-copy{grid-area:copy}.kx-demo-visual{grid-area:visual;padding-top:.25rem}.kx-demo-card{grid-area:card;align-self:start}.kx .kx-demo h1{font-size:clamp(3.2rem,4.4vw,4.5rem)}}@media (prefers-reduced-motion:no-preference){.kx-rise{animation:.7s cubic-bezier(.2,.7,.2,1) both kx-rise}.kx-rise-2{animation-delay:80ms}.kx-rise-3{animation-delay:.16s}.kx-check circle{animation:.55s forwards kx-draw}.kx-check path{animation:.35s .4s forwards kx-draw}}@media (prefers-reduced-motion:reduce){.kx-demo-tilt{transform:none}.kx-check circle,.kx-check path{stroke-dashoffset:0}}.kx-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@keyframes kx-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes kx-draw{to{stroke-dashoffset:0}}