.ob{max-width:560px;margin:0 auto;padding:18px 16px 64px}.ob-top{display:flex;align-items:center;justify-content:space-between;padding:6px 0 18px}.ob-top .brand{font-size:22px}.ob-top .brand img{width:30px;height:30px}.ob h1{font-size:clamp(34px,8vw,46px);letter-spacing:-1.4px;margin:6px 0 10px}.ob .lede{font-size:17px}.ob .kicker{display:block;margin-top:4px}.ob .stack{display:grid;gap:18px}.ob .panel{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;display:grid;gap:14px}.ob .panel h3{margin:0;font:700 19px/1.25 var(--display)}.ob .muted{color:var(--muted);font-size:14px;margin:0}.ob label.f{display:grid;gap:6px;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--soft);text-transform:uppercase}.ob input,.ob textarea{font:16px/1.4 var(--body);color:var(--ink);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px 14px;width:100%;outline:none}.ob input:focus,.ob textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentSoft)}.ob .btn{justify-content:center;width:100%;border:0;cursor:pointer;font-family:var(--body)}.ob .btn[disabled]{opacity:.45;cursor:default;transform:none}.ob .link{background:none;border:0;color:var(--accent);font:700 15px var(--body);cursor:pointer;padding:6px}.ob .err{color:#d2382b;font-size:14px;margin:0}.ob .ok{color:#1f9d63;font-weight:700;font-size:14px;margin:0}.steps{display:grid;gap:8px;margin-bottom:4px}.steps .lbl{font-size:12px;font-weight:700;letter-spacing:.8px;color:var(--muted)}.steps .bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.steps .bars i{height:4px;border-radius:2px;background:var(--border)}.steps .bars i.on{background:var(--accent)}.wcard{border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:0 24px 48px -28px #2a1a1473}.wcard .head{display:flex;align-items:center;gap:12px;padding:18px}.wcard .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px}.wcard .nm{flex:1;min-width:0}.wcard .nm b{display:block;font:700 20px/1.2 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcard .nm span{font-size:14px;opacity:.85}.wcard .pts{text-align:right}.wcard .pts b{display:block;font:800 30px/1 var(--body)}.wcard .pts span{font-size:11px;font-weight:700;letter-spacing:.6px;opacity:.85}.wcard .body{padding:16px 18px 18px;display:grid;gap:8px}.wcard .bar{height:10px;border-radius:5px;background:#fbede6;overflow:hidden}.wcard .bar i{display:block;height:100%;border-radius:5px}.wcard .body p{margin:0;font-size:14px;color:var(--muted)}.chips2{display:flex;flex-wrap:wrap;gap:8px}.chips2 button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--ink);font:600 14px var(--body);cursor:pointer}.chips2 button.on{background:var(--ink);border-color:var(--ink);color:#fff}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatches button{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;display:grid;place-items:center}.swatches button.on{border-color:var(--ink)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fbede6;border-radius:999px;padding:4px}.seg button{border:0;background:transparent;border-radius:999px;padding:9px 0;font:700 14px var(--body);color:var(--muted);cursor:pointer}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000000f}.rrow{display:grid;grid-template-columns:1fr 84px 30px;gap:8px;align-items:center}.rrow input{padding:11px 12px;background:#fbede6;border-color:transparent}.rrow input.cost{text-align:right}.rrow .x{border:0;background:none;cursor:pointer;color:var(--muted);font-size:22px;line-height:1}.pts3{display:grid;gap:14px}.pt{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}.pt .ic{width:40px;height:40px;border-radius:50%;background:var(--accentSoft);color:var(--accent);display:grid;place-items:center}.pt .ic svg{width:20px;height:20px}.pt b{display:block;font-size:16px}.pt span{color:var(--muted);font-size:14px}.price{border-radius:24px;padding:20px;background:var(--ink);color:#fbeee8;display:grid;gap:6px}.price .big{font:800 34px/1 var(--display);letter-spacing:-1px;color:#fff}.price .big small{font:600 15px var(--body);color:#d9c6bd;letter-spacing:0}.price p{margin:0;color:#d9c6bd;font-size:14px}.price .tag{justify-self:start;background:var(--accent);color:#fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats div{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px}.stats b{display:block;font:800 28px/1.1 var(--body)}.stats span{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--muted)}.qr{background:#fff;border-radius:16px;padding:14px;justify-self:center;width:220px}.hero-c{border-radius:24px;padding:24px;display:grid;gap:6px}.hero-c b{font:800 32px/1.05 var(--display);letter-spacing:-.8px}.cl-wrap{display:grid;justify-items:center}
