:root{--ink:oklch(14.5% 0 0);--muted:oklch(42% 0 0);--line:oklch(88% .012 206);--surface:oklch(100% 0 0);--field:oklch(96% .022 206);--primary:oklch(65.65% .1123 206.294);--primary-hover:oklch(59% .105 206.294);--ring:oklch(53% .105 206.294);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--surface);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);min-height:100vh;display:grid}.intro{background:var(--field);flex-direction:column;justify-content:space-between;gap:clamp(1.5rem,5vh,4rem);padding:clamp(2rem,5vw,5.5rem);display:flex}.wordmark{width:min(226px,62vw);height:auto;display:block}h1,p{margin:0}h1{letter-spacing:-.035em;text-wrap:balance;max-width:10ch;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:.98}.lead{color:oklch(30% .018 206);text-wrap:pretty;max-width:35rem;margin-top:1.75rem;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55}.before-after{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);align-items:center;gap:.75rem;width:min(100%,35rem);margin:0;display:grid}.example span{color:oklch(34% .03 206);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.crop{aspect-ratio:4/3;background:var(--surface);border-radius:12px;position:relative;overflow:hidden}.crop img{max-width:none;height:auto;position:absolute}.example-before .crop img{width:255%;top:-70%;left:-142%}.example-after .crop img{width:220%;top:-22%;left:-5%}.example-arrow{color:var(--ring);text-align:center;margin-top:1.25rem;font-size:1.8rem;line-height:1}.form-panel{align-items:center;padding:clamp(2rem,7vw,7rem);display:grid}form{width:min(100%,31rem);margin-inline:auto}.form-intro{margin-bottom:2rem}.form-intro h2{letter-spacing:-.03em;text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;line-height:1.05}.form-intro p{max-width:30rem;color:var(--muted);text-wrap:pretty;margin-top:.8rem;font-size:.95rem;line-height:1.55}.field+.field{margin-top:1.4rem}label{justify-content:space-between;gap:1rem;margin-bottom:.55rem;font-size:.92rem;font-weight:600;display:flex}label span{color:var(--muted);font-weight:400}input,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:10px;outline:none;transition:border-color .16s,box-shadow .16s}input{height:3.25rem;padding:0 .95rem}textarea{resize:vertical;min-height:8rem;padding:.9rem .95rem;line-height:1.5}input::placeholder,textarea::placeholder{color:oklch(47% 0 0)}input:focus-visible,textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px oklch(86% .055 206)}button{background:var(--primary);width:100%;min-height:3.4rem;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:2rem;padding:0 1.5rem;font-weight:650;transition:background-color .16s,transform .16s}button:hover{background:var(--primary-hover)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}button:disabled{cursor:wait;opacity:.7}.exchange{color:var(--muted);text-align:center;text-wrap:pretty;margin-top:1rem;font-size:.82rem;line-height:1.5}.form-status{color:oklch(36% .08 153);text-align:center;min-height:1.5rem;margin-top:.7rem;font-size:.875rem;line-height:1.5}.form-status[data-error=true]{color:oklch(48% .18 28)}.trap,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){main{grid-template-columns:1fr}.intro{gap:3rem;min-height:48vh}h1{max-width:11ch}.form-panel{min-height:52vh;padding-block:3.5rem}}@media (width>=821px) and (height<=900px){.intro{padding-block:2.5rem}}@media (width<=430px){.before-after{grid-template-columns:1fr 1.5rem 1fr;gap:.45rem}.example-arrow{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}