@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";
:root{--vetic-pink:#f2a4e6;--vetic-ink:#131313;--vetic-black:#000;--accent-red:#ff2e00;--accent-orange:orange;--accent-yellow:#ffe500;--accent-green:#80fd8c;--accent-cyan:#00c2ff;--accent-blue:#beefff;--accent-purple:#e167ff;--accent-lilac:#e0dbff;--surface-page:#f2f2f2;--surface-card:#fff;--surface-dark:#131313;--text-title:#000;--text-body:#575757;--font-sans:"Urbanist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Urbanist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@keyframes sob-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sob-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sob-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sob-spin{to{transform:rotate(360deg)}}@keyframes sob-bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sob{min-height:100vh;font-family:var(--font-sans);color:var(--vetic-ink);background:#ffe3e3}.sob *,.sob :before,.sob :after{box-sizing:border-box}.sob button{font:inherit;cursor:pointer}@media (prefers-reduced-motion:no-preference){.sob .scrn{animation:.45s both sob-rise}}.sob .funnel-card{background:#fff;border-radius:32px;padding:48px 56px;position:relative;box-shadow:0 30px 80px #00000014}.sob .btn-primary{background:var(--vetic-ink);color:#fff;font-family:var(--font-sans);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 26px;font-size:17px;font-weight:600;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex}.sob .btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0000002e}.sob .btn-primary[disabled]{opacity:.38;pointer-events:none}.sob .btn-secondary{color:var(--vetic-ink);font-family:var(--font-sans);background:#fff;border:1.5px solid #0000001a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:600;transition:border-color .18s;display:inline-flex}.sob .btn-secondary:hover{border-color:var(--vetic-ink)}.sob .trust-pill{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0000000d}.sob .upload-tile{aspect-ratio:1;box-sizing:border-box;cursor:pointer;color:var(--vetic-ink);background:#fff;border:2.5px dashed #f2a4e6b3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:17px;font-weight:600;transition:border-color .18s,transform .18s;display:flex;position:relative}.sob .upload-tile:hover{border-color:var(--vetic-pink);transform:translateY(-2px)}.sob .upload-tile[data-filled=true]{border:none;padding:0;overflow:hidden}.sob .upload-tile img{object-fit:cover;width:100%;height:100%;display:block}.sob .upload-tile .tag{color:var(--vetic-ink);background:#fffffff2;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:14px}.sob .upload-tile .x{color:#fff;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.sob .opt-card{cursor:pointer;background:#fff;border:2px solid #0000000f;border-radius:18px;align-items:center;gap:14px;padding:16px;transition:border-color .15s,background .15s,transform .15s;display:flex}.sob .opt-card:hover{border-color:#0000002e;transform:translateY(-1px)}.sob .opt-card[data-active=true]{border-color:var(--vetic-ink);background:#f2a4e61a;transform:translateY(-1px)}.sob .opt-emoji{background:var(--accent-yellow);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.sob .tier-card{cursor:pointer;background:#fff;border:2px solid #00000014;border-radius:22px;padding:20px;transition:border-color .15s,transform .15s;position:relative}.sob .tier-card:hover{transform:translateY(-2px)}.sob .tier-card[data-active=true]{border-color:var(--vetic-ink)}.sob .tier-card[data-active=true] .tier-radio{background:var(--vetic-ink);border-color:var(--vetic-ink)}.sob .tier-card[data-active=true] .tier-radio:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px}.sob .tier-radio{border:2px solid #0000002e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sob .tier-badge{background:var(--vetic-pink);color:var(--vetic-ink);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-11px;right:16px}.sob .squiggle{background-color:var(--vetic-pink);height:12px;position:absolute;bottom:-8px;left:-4px;right:-4px;-webkit-mask:url(/sob/squiggle.svg) 50%/100% 100% no-repeat;mask:url(/sob/squiggle.svg) 50%/100% 100% no-repeat}.sob .progress-rail{background:#0000000f;border-radius:999px;width:100%;height:12px;overflow:hidden}.sob .progress-fill{background:linear-gradient(90deg, var(--vetic-pink), var(--accent-purple));border-radius:999px;height:100%;transition:width .5s}.sob .game-btn{cursor:pointer;background:#fff;border:2px solid #00000014;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 14px;transition:transform .12s,border-color .12s;display:flex}.sob .game-btn:hover{border-color:var(--vetic-ink);transform:translateY(-2px)}.sob .game-btn:active{transform:scale(.97)}.sob .reveal-img{aspect-ratio:1;outline:5px solid var(--vetic-pink);outline-offset:-3px;background:var(--accent-blue);border-radius:26px;animation:.7s both sob-rise;position:relative;overflow:hidden;box-shadow:0 20px 50px #f2a4e666}.sob .reveal-img img{object-fit:cover;width:100%;height:100%;display:block}.sob .reveal-img .save-overlay{color:#fff;opacity:0;background:#000000b3;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex;position:absolute;bottom:12px;right:12px}.sob .reveal-img:hover .save-overlay{opacity:1}.sob .addon-card{cursor:pointer;background:#fff;border:2px solid #0000000f;border-radius:18px;align-items:center;gap:14px;padding:16px;transition:border-color .15s,background .15s;display:flex}.sob .addon-card:hover{border-color:#00000029}.sob .addon-card[data-active=true]{border-color:var(--vetic-pink);background:#f2a4e61a}.sob .addon-emoji{background:var(--surface-page);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.sob .addon-check{color:#fff;border:2px solid #0000002e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sob .addon-card[data-active=true] .addon-check{background:var(--vetic-ink);border-color:var(--vetic-ink)}.sob .chip{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #0000000f;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.sob .chip:hover{border-color:#0000002e}.sob .chip[data-active=true]{border-color:var(--vetic-ink);background:#f2a4e61f}.sob .chip[data-active=true]:hover{border-color:var(--vetic-ink)}.sob .chip-emoji{font-size:15px;line-height:1}.sob .chip-row{flex-wrap:wrap;gap:8px;display:flex}.sob .customize-block{transition:opacity .2s}.sob .customize-block[data-locked=true]{opacity:.42;pointer-events:none}.sob .pay-pill{color:#fff;cursor:pointer;background:#000;border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;height:56px;padding:16px 22px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;transition:transform .1s;display:flex}.sob .pay-pill:active{transform:scale(.985)}.sob .pay-pill .pay-text{color:#fff;letter-spacing:-.01em;font-size:21px;font-weight:500}.sob .pay-pill.gpay .pay-text{font-size:19px}.sob .pay-pill.pink-pay{background:var(--vetic-pink);color:var(--vetic-ink)}.sob .pay-pill.pink-pay .pay-text{color:var(--vetic-ink);font-size:17px}.sob .pay-pill.pink-pay svg{color:var(--vetic-ink)}.sob .pay-confirm{text-align:center;color:#00000080;margin-top:8px;font-size:12px;font-weight:500}.sob .sticky-cta{z-index:5;background:#fff;border-radius:0 0 32px 32px;margin:24px -56px -48px;padding:18px 56px 28px;position:sticky;bottom:0}.sob .sticky-cta:before{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:28px;position:absolute;top:-28px;left:0;right:0}.sob .config-cta-fixed{z-index:50;background:#fff;border-radius:999px;padding:10px 14px;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000002e}.sob .config-cta-fixed .btn-primary{margin:0}.sob .toast{background:var(--vetic-ink);color:#fff;z-index:50;border-radius:999px;padding:14px 26px;font-size:15px;font-weight:500;animation:.25s sob-rise;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #00000038}@media (max-width:900px){.sob .sticky-cta{background:0 0;border-radius:0;margin:18px 0 0;padding:0;position:static}.sob .sticky-cta:before{display:none}.sob .config-cta-fixed{box-shadow:none;justify-content:flex-end;width:100%;margin:16px 0 0;position:static;transform:none}.sob .landing-hero-grid{grid-template-columns:1fr!important;gap:32px!important}.sob .landing-formula{justify-self:center}.sob .examples-grid{grid-template-columns:repeat(3,1fr)!important}.sob .how-grid{grid-template-columns:1fr!important}.sob .funnel-card{border-radius:24px!important;padding:32px 22px!important}.sob .upload-grid,.sob .tier-grid,.sob .reveal-grid,.sob .checkout-grid{grid-template-columns:1fr!important}.sob .display-h1{font-size:44px!important;line-height:48px!important}.sob .display-h2{font-size:34px!important;line-height:38px!important}}@media (max-width:560px){.sob .display-h1{font-size:34px!important;line-height:38px!important}.sob .display-h2{font-size:26px!important;line-height:30px!important}.sob .examples-grid{grid-template-columns:1fr 1fr 1fr!important}.sob .formula-baby{width:100px!important;height:100px!important}.sob .formula-parent{width:80px!important;height:80px!important}}
