:root{--ink:#111;--muted:#666;--line:#ebebeb;--chip:#f3f3f3;--green:#06c168;--green-dark:#05a659;--lime:#d4f56a}*{box-sizing:border-box;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif}.wrap{max-width:568px;margin:0 auto;padding:0 24px}code{background:var(--chip);border-radius:5px;padding:2px 6px;font:.9em ui-monospace,SF Mono,Menlo,Consolas,monospace}.muted{color:var(--muted);font-size:14px;text-decoration:none}a.muted:hover{color:var(--ink)}header,footer{justify-content:space-between;align-items:center;display:flex}header{padding:24px 0}.logo{letter-spacing:-.02em;align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex}.logo b{background:var(--lime);border-radius:5px;margin-left:2px;padding:1px 5px}.hero{text-align:center;padding:16px 0 32px}h1{letter-spacing:-.03em;margin:16px 0 12px;font-size:26px;line-height:1.2}.hero p{color:var(--muted);max-width:28em;margin:0 auto}.phones{scroll-snap-type:x mandatory;gap:16px;margin:0 -24px 32px;padding:0 24px 8px;display:flex;overflow-x:auto}.phone{scroll-snap-align:center;background:var(--ink);border-radius:34px;flex:0 0 260px;padding:10px}.screen{background:#fff;border-radius:25px;flex-direction:column;gap:8px;height:100%;padding:16px 12px 18px;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:4px;padding-bottom:12px;font-size:14px;font-weight:600;line-height:1.25;display:flex}.chat-head small{color:var(--green-dark);font-size:11px;font-weight:500;display:block}.avatar{background:var(--lime);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.msg{border-radius:16px;max-width:84%;padding:8px 12px;font-size:13.5px;line-height:1.35}.msg small{opacity:.7;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.msg.me{background:var(--green);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg.them{background:var(--chip);border-bottom-left-radius:4px;align-self:flex-start}@media (min-width:1200px){.phones{margin:0;padding:0;display:block;overflow:visible}.phone{width:260px;position:fixed;top:50%;box-shadow:0 30px 60px -30px #00000059}.phone.left{right:calc(50% + 300px);transform:translateY(-50%)rotate(-3deg)}.phone.right{left:calc(50% + 300px);transform:translateY(-50%)rotate(3deg)}}.steps,.asks{padding:0;list-style:none}.steps{counter-reset:step;margin-bottom:20px}.steps li{counter-increment:step;border-top:1px solid var(--line);padding:24px 0 24px 36px;position:relative}.steps li:before{content:counter(step);color:var(--green);font-weight:700;position:absolute;left:0}.asks li{border-top:1px solid var(--line);padding:18px 0}.asks li:last-child{border-bottom:1px solid var(--line)}.asks div{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;display:flex}.tag{color:var(--green-dark);white-space:nowrap;font-size:14px;font-weight:700}.asks p{color:var(--muted);font-size:14px}.btn{background:linear-gradient(var(--green), var(--green-dark));color:#fff;font:inherit;text-align:center;cursor:pointer;border:0;border-radius:14px;padding:14px 22px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-block;box-shadow:0 8px 20px -8px #06c16899}.btn:hover{transform:translateY(-1px)}.btn.wide{margin:40px 0 18px;display:block}.btn.ghost{background:var(--chip);color:var(--ink);box-shadow:none}:focus-visible{outline:3px solid var(--green-dark);outline-offset:3px}.note{color:#2b4a3a;background:#f6fbf8;border:1px solid #d6efe1;border-radius:12px;padding:14px 16px;font-size:14px}.fine{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.6}footer{color:var(--muted);padding:64px 0 32px;font-size:13px}dialog{text-align:center;border:0;border-radius:20px;width:calc(100% - 32px);max-width:360px;margin:auto;padding:32px 28px}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc}dialog h2{letter-spacing:-.02em;margin-bottom:6px;font-size:22px}dialog p{color:var(--muted);margin-bottom:22px}.gate-actions{justify-content:center;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.btn{transition:none}}