:root{--ink:#14161c;--muted:#5f6573;--line:rgba(20,22,28,.12);--brand:#3b5bdb;--ok:#2b8a3e}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input{font:inherit;color:inherit}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:max(26px,min(5vw,34px));line-height:1.15}.lead{color:var(--muted);margin:0 0 24px}.stage{background:#f6f7fb;min-height:100vh;position:relative;overflow:hidden}.wash{background:radial-gradient(40% 40% at 20% 20%,color-mix(in srgb,var(--brand)28%,transparent),transparent 70%),radial-gradient(45% 45% at 85% 75%,color-mix(in srgb,var(--brand)22%,transparent),transparent 70%);transition:background .8s;animation:18s ease-in-out infinite alternate drift;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}@keyframes drift{to{transform:translate(3%,-2%)scale(1.06)}}.site{opacity:0;pointer-events:none;background-position:top;background-size:cover;transition:opacity 1s;position:absolute;top:0;bottom:0;left:0;right:0}.site.on.shot{opacity:1}.veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(255,255,255,.35);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.site.on.shot+.veil{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.62)}.card{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.7);border-radius:24px;width:min(560px,100%);padding:max(22px,min(4vw,36px));animation:.5s both rise;box-shadow:0 20px 60px -20px rgba(20,22,28,.35),0 2px 8px rgba(20,22,28,.06)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.logo{letter-spacing:-.03em;margin-bottom:26px;font-size:20px;font-weight:800}.logo b{color:var(--brand)}.logo span{color:var(--muted);font-weight:600}.row{gap:10px;display:flex}input[type=text],input[type=email]{border:1.5px solid var(--line);background:rgba(255,255,255,.9);border-radius:14px;outline:none;flex:1;min-width:0;padding:15px 18px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand)18%,transparent)}.btn{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:14px;padding:15px 22px;font-weight:650;transition:transform .1s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.pill{border:1.5px solid var(--line);cursor:pointer;background:rgba(255,255,255,.7);border-radius:999px;margin-top:16px;padding:11px 20px;transition:border-color .15s,background .15s}.pill:hover{border-color:var(--brand);background:#fff}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;text-decoration:underline}.steps{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);opacity:0;align-items:center;gap:10px;animation:.4s forwards show;display:flex}.steps li:before{content:"";border:2px solid var(--brand);border-top-color:transparent;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes show{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.profile{border:1px solid var(--line);background:rgba(255,255,255,.9);border-radius:16px;align-items:center;gap:14px;margin-bottom:22px;padding:14px 16px;display:flex}.dot{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;flex:none;width:48px;height:48px}.swatch{border-radius:5px;flex:none;order:-1;align-self:stretch;width:10px}.profile>div:last-child{min-width:0}.profile small{color:var(--muted);overflow-wrap:anywhere;display:block}.opt{text-align:left;border:1.5px solid var(--line);cursor:pointer;background:rgba(255,255,255,.85);border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:15px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.opt:hover{border-color:color-mix(in srgb,var(--brand)50%,var(--line))}.opt.sel{border-color:var(--brand);background:color-mix(in srgb,var(--brand)9%,white)}.opt .ico{background:color-mix(in srgb,var(--brand)12%,white);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.opt strong{display:block}.opt span.d{color:var(--muted);font-size:14px;display:block}.card>.btn{width:100%;margin-top:8px}.chat{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 24px -12px rgba(20,22,28,.25)}.chat header{color:#fff;background:var(--brand);padding:13px 16px;font-weight:650}.msgs{background:#fafbfc;flex-direction:column;gap:8px;height:240px;padding:14px;display:flex;overflow-y:auto}.m{background:#eceef2;border-radius:16px 16px 16px 4px;max-width:82%;padding:9px 14px}.m.me{background:var(--brand);color:#fff;border-radius:16px 16px 4px;align-self:flex-end}.send{border-top:1px solid var(--line);background:#fff;gap:8px;padding:10px;display:flex}.send .btn{padding:12px 18px}.field{margin-bottom:14px}.field label{margin-bottom:6px;font-weight:600;display:block}.done{color:var(--ok)}.url{word-break:break-all;background:rgba(20,22,28,.05);border-radius:12px;margin:8px 0 16px;padding:13px 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}@media (max-width:480px){.row{flex-direction:column}.btn{width:100%}}@media (prefers-reduced-motion:reduce){.wash,.card,.steps li,.steps li:before{animation:none}.steps li{opacity:1}}.field input{width:100%}.card h1+.chat{margin-top:16px}