@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";.ad-demo{--ad-green: #1a4d2e;--ad-bg: #f8faf9;--ad-border: #e2e8f0;--ad-text: #1a202c;--ad-muted: #718096;display:flex;flex-direction:column;align-items:center;gap:1.25rem;font-family:"Plus Jakarta Sans",var(--font-sans),sans-serif}.ad-meta{display:flex;align-items:center;gap:.75rem;min-height:30px;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted)}.ad-meta img{height:24px;width:auto}.ad-phone{width:290px;padding:10px;border-radius:40px;background:#060b1a;box-shadow:0 30px 60px -28px #0000008c}.ad-screen{height:560px;border-radius:30px;background:var(--ad-bg);color:var(--ad-text);display:flex;flex-direction:column;overflow:hidden;text-align:left}.ad-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px;font-size:.68rem;font-weight:600;color:#4a5568}.ad-bar-spacer,.ad-time{width:34px}.ad-logo{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:500;color:var(--ad-green);letter-spacing:-.02em}.ad-logo b{font-weight:700}.ad-body{flex:1;display:flex;flex-direction:column;gap:.7rem;padding:6px 16px 18px;animation:ad-in .35s cubic-bezier(.22,1,.36,1)}@keyframes ad-in{0%{opacity:0;transform:translate(18px)}}.ad-eyebrow{margin:0;font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}.ad-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.12rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ad-text)}.ad-hint{margin:0;font-size:.72rem;color:var(--ad-muted)}.ad-demo button{font-family:inherit;cursor:pointer}.ad-demo button:focus-visible{outline:2px solid var(--ad-green);outline-offset:2px}.ad-options{display:flex;flex-direction:column;gap:.5rem}.ad-option{display:flex;align-items:center;gap:.6rem;padding:.6rem .65rem;background:#fff;border:1.5px solid var(--ad-border);border-radius:10px;font-size:.78rem;font-weight:500;line-height:1.25;color:var(--ad-text);text-align:left;transition:border-color .15s,background .15s}.ad-option.is-on{border-color:var(--ad-green);background:#1a4d2e12}.ad-letter{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#0000000d;font-size:.7rem;font-weight:700;color:var(--ad-muted)}.ad-option.is-on .ad-letter{background:var(--ad-green);color:#fff}.ad-cta,.ad-ghost{height:42px;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid transparent}.ad-cta{margin-top:auto;width:100%;background:var(--ad-green);color:#fff;transition:opacity .15s}.ad-cta:disabled{background:#8aa396;cursor:not-allowed}.ad-ghost{flex:none;padding:0 .8rem;background:#fff;border-color:var(--ad-border);color:var(--ad-muted);font-weight:500}.ad-ghost:disabled{opacity:.5;cursor:not-allowed}.ad-remaining{display:flex;justify-content:space-between;align-items:center;padding:.5rem .7rem;border-radius:8px;background:#e4ebe6;color:var(--ad-green);font-size:.74rem;font-weight:600}.ad-remaining b{font-size:1rem}.ad-tiles{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-height:0}.ad-tile{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#eceeed;border:1px solid var(--ad-border);border-radius:10px;transition:background .15s}.ad-tile:hover:not(:disabled){background:#e3e7e5}.ad-tile:disabled{cursor:default}.ad-tile-label{font-size:.72rem;line-height:1.2;color:#6b7280;text-align:center}.ad-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:4px}.ad-dots i{width:14px;height:14px;border-radius:50%;background:var(--ad-green);animation:ad-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes ad-pop{0%{transform:scale(0)}}.ad-actions{display:flex;gap:.5rem}.ad-actions .ad-cta{margin-top:0;flex:1}.ad-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.ad-rank li{display:flex;align-items:center;gap:.45rem;padding:.5rem;background:#fff;border:1px solid var(--ad-border);border-radius:10px}.ad-num{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#e4ebe6;color:var(--ad-green);font-size:.7rem;font-weight:700}.ad-rank-text{flex:1;font-size:.74rem;font-weight:500;line-height:1.2}.ad-rank button{flex:none;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#4a5568;font-size:.9rem}.ad-rank button:hover:not(:disabled){background:#0000000f}.ad-rank button:disabled{color:#cbd5e0;cursor:default}.ad-done{flex:1;display:flex;flex-direction:column;gap:.7rem}.ad-check{width:52px;height:52px;margin-top:.5rem;display:grid;place-items:center;border-radius:50%;background:var(--ad-green);color:#fff;font-size:1.5rem}.ad-recap{margin:.25rem 0 0;display:flex;flex-direction:column;gap:.5rem}.ad-recap div{padding:.5rem .65rem;background:#fff;border:1px solid var(--ad-border);border-radius:10px}.ad-recap dt{font-size:.56rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}.ad-recap dd{margin:.1rem 0 0;font-size:.78rem;font-weight:600}.ad-progress{display:flex;gap:.4rem}.ad-progress span{width:28px;height:3px;border-radius:2px;background:#00000026;transition:background .2s}.ad-progress .is-now,.ad-progress .is-done{background:var(--ad-green)}@media(prefers-reduced-motion:reduce){.ad-body,.ad-dots i{animation:none}}