html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--text)}#ob{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-image:linear-gradient(rgba(0,173,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,173,216,.035) 1px,transparent 1px);background-size:42px 42px}.ob-header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px 5px}.ob-brand{font:500 11px var(--font-mono);color:var(--muted);text-decoration:none}.ob-brand b{color:var(--go-blue)}.ob-back{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.ob-back:hover{color:var(--br-yellow);border-color:var(--br-yellow)}.ob-dots{display:flex;gap:5px;list-style:none;margin:0 0 0 auto;padding:0}.ob-dots li{width:6px;height:6px;border-radius:50%;background:var(--border)}.ob-dots .on{background:var(--go-blue)}.ob-dots .done{background:var(--br-green)}.ob-step{flex:1 1 auto;min-height:0;display:none;overflow:hidden}.ob-step.active{display:flex}.ob-body{width:min(100%,500px);margin:auto;padding:6px 20px 20px}.ob-kicker{margin:0 0 5px;color:var(--go-blue);font:600 10px var(--font-mono);letter-spacing:.15em}.ob-step h1{margin:0 0 7px;font-size:clamp(24px,6.5vw,32px);line-height:1.04;outline:none}.ob-sub{margin:0 0 17px;color:var(--muted);font-size:14px;line-height:1.42}.ob-options{display:flex;flex-direction:column;gap:9px}.ob-opt{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:500 14px var(--font-body);text-align:left;cursor:pointer}.ob-opt strong{font-size:15px}.ob-opt span{color:var(--muted);font-size:12px}.ob-opt:hover{border-color:var(--br-yellow);transform:translateY(-1px)}.ob-grid{display:grid;grid-template-columns:1fr 1fr}.ob-grid .ob-opt{min-height:54px;justify-content:center}.ob-cta{border:0;border-radius:9px;padding:12px 16px;background:var(--go-blue);color:#04222d;font:700 14px var(--font-body);cursor:pointer}.ob-cta:hover{background:var(--br-yellow)}.ob-cta:disabled{opacity:.58;cursor:wait}.ob-link{display:block;margin:10px auto 0;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ob-link:hover{color:var(--br-yellow)}.demo-editor{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#071622}.demo-editor textarea{display:block;width:100%;height:150px;resize:none;border:0;padding:13px;background:#071622;color:#e9f7fd;font:12px/1.5 var(--font-mono);outline:none}.demo-actions{display:flex;align-items:center;gap:12px;padding:9px 11px;border-top:1px solid var(--border)}.demo-actions span{color:var(--muted);font-size:11px}.demo-shimmer{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:8px;background:#071622ed;color:var(--muted);font-size:12px}.demo-shimmer[hidden]{display:none}.demo-shimmer i{width:150px;height:7px;border-radius:9px;background:var(--surface-2);animation:shimmer 1.1s ease-in-out infinite}.demo-result{margin:0;padding:9px 12px;color:var(--br-green);font-size:12px;border-top:1px solid var(--border)}.ob-trail-card{display:flex;align-items:baseline;gap:8px;padding:12px 14px;margin-bottom:9px;border:1px solid var(--go-blue);border-radius:11px;background:var(--surface)}.ob-trail-card>span{font:600 9px var(--font-mono);color:var(--go-blue)}.ob-trail-card strong{font-size:17px}.ob-trail-card small{margin-left:auto;color:var(--muted)}.ob-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.ob-mini{display:flex;min-width:0;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.ob-mini strong{font-size:12px;line-height:1.2}.ob-mini span{color:var(--br-yellow);font:600 9px var(--font-mono)}.rec-body>.ob-cta{width:100%}.ob-form{display:flex;flex-direction:column;gap:9px}.ob-form label>span{display:block;margin-bottom:3px;color:var(--muted);font-size:12px}.ob-form input[type=text],.ob-form input[type=email]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:16px var(--font-body)}.ob-form input:focus{outline:2px solid color-mix(in srgb,var(--go-blue) 40%,transparent);border-color:var(--go-blue)}.ob-consent{display:flex;gap:8px;align-items:flex-start}.ob-consent input{margin-top:3px;accent-color:var(--go-blue)}.ob-consent em{font-style:normal;opacity:.7}.ob-error{margin:0;color:var(--danger);font-size:12px}.ob-fine{margin:0;color:var(--muted);font-size:10px;text-align:center;line-height:1.4}.ob-fine a{color:inherit}.coupon-body{width:min(100%,650px);text-align:center}.coupon-copy{margin-bottom:10px}.coupon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.coupon-card{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.coupon-card.featured{border-color:var(--go-blue)}.coupon-card h2{margin:0;font-size:17px}.coupon-card p{min-height:34px;margin:0;color:var(--muted);font-size:12px;line-height:1.35}.coupon-card small{min-height:27px;color:var(--br-yellow);font-size:10px;line-height:1.3}.coupon-tag{color:var(--go-blue);font:600 9px var(--font-mono);letter-spacing:.08em}.coupon-price{display:flex;align-items:baseline;gap:8px}.coupon-price s{color:var(--muted)}.coupon-price strong{color:var(--br-yellow);font:800 27px var(--font-display)}.coupon-card .ob-cta{margin-top:auto;width:100%}.coupon-body>.ob-fine{margin-top:8px}.done-body{text-align:center}.done-check{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--br-green);color:#fff;font-size:28px}.ob-confetti{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none}.ob-confetti i{position:absolute;left:var(--x);top:55%;width:8px;height:8px;border-radius:2px;animation:confetti 1.1s ease-out var(--delay) both}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),-48vh) rotate(480deg)}}@keyframes shimmer{50%{opacity:.35;transform:scaleX(.7)}}.ob-step.active .ob-body{animation:enter .34s ease-out both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.ob-step.active .ob-body,.demo-shimmer i,.ob-confetti i{animation:none}.ob-confetti{display:none}}@media(max-height:740px){.ob-header{padding:7px 12px 2px}.ob-body{padding:3px 16px 10px}.ob-step h1{font-size:clamp(21px,5.8vw,25px);margin-bottom:4px}.ob-sub{font-size:12px;margin-bottom:9px}.ob-options{gap:6px}.ob-opt{padding:8px 11px}.ob-opt strong{font-size:13px}.ob-opt span{font-size:10px}.demo-editor textarea{height:105px}.demo-actions{padding:6px 8px}.ob-trail-card{padding:8px 10px}.ob-mini{padding:7px}.ob-form{gap:6px}.ob-form input[type=text],.ob-form input[type=email]{padding:8px 10px}.coupon-card{padding:9px;gap:4px}.coupon-card p{min-height:28px}.coupon-price strong{font-size:23px}.coupon-body>.ob-fine{margin-top:5px}}@media(max-width:370px){.ob-mini-grid{grid-template-columns:1fr 1fr}.ob-mini:nth-child(3){display:none}.coupon-grid{gap:7px}.coupon-card{padding:8px}.coupon-card h2{font-size:15px}}