@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";.ob-host{text-align:left!important;border:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.ob{text-align:left;letter-spacing:normal}.ob h1,.ob h2,.ob h3,.ob p{color:inherit;font-family:inherit}.ob{--ob-bg:#ffd84d;--ob-fg:#17142f;--ob-alt:#17142f;--ob-altfg:#fff3c4;--ob-accent:#f13224;--ob-lb:#4270b7;--ob-cream:#fff3c4;--ob-ink:#17142f;--ob-gutter:clamp(18px, 5vw, 48px);--ob-ease-spring:cubic-bezier(.2, .9, .3, 1.35)}.ob[data-mood=night]{--ob-bg:#17142f;--ob-fg:#fff3c4;--ob-alt:#ffd84d;--ob-altfg:#17142f;--ob-lb:#ec9ab8}.ob[data-mood=mint]{--ob-bg:#bdf0d6;--ob-fg:#0f2a22;--ob-alt:#0f2a22;--ob-altfg:#e6fff3;--ob-lb:#f13224}.ob *{box-sizing:border-box}.ob{-webkit-text-size-adjust:100%;background:var(--ob-bg);color:var(--ob-fg);margin:0;font-family:Bricolage Grotesque,ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:450;line-height:1.55;transition:background-color .5s,color .5s;overflow-x:clip}.ob a{color:inherit}.ob button{font:inherit;color:inherit}.ob h1,.ob h2,.ob h3,.ob .sub,.ob .lead{text-wrap:balance}.ob :focus-visible{outline:3px solid var(--ob-fg);outline-offset:3px;border-radius:8px}.ob .hero{text-align:center;min-height:94svh;padding:92px var(--ob-gutter) clamp(120px, 24vh, 230px);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ob .pit{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ob .hud{z-index:3;padding:16px var(--ob-gutter);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.ob .hud-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ob .pill{background:color-mix(in srgb, var(--ob-fg) 12%, transparent);letter-spacing:-.005em;border-radius:999px;align-items:baseline;gap:8px;padding:9px 16px;font-size:.95rem;font-weight:700;display:inline-flex}.ob .pill b{font-variant-numeric:tabular-nums;min-width:1.1ch;font-size:1.15rem;display:inline-block}.ob .pill b.bump{animation:ob-bump .5s var(--ob-ease-spring)}.ob .msg{background:var(--ob-fg);color:var(--ob-bg);opacity:0;transform-origin:0 0;border-radius:12px 12px 12px 3px;margin:0 0 0 6px;padding:6px 12px;font-size:.9rem;font-weight:700;transform:translateY(-6px)scale(.9)}.ob .msg.show{animation:2.8s both ob-msg}@keyframes ob-msg{0%{opacity:0;transform:translateY(-6px)scale(.9)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@keyframes ob-bump{0%{transform:scale(1)}40%{transform:scale(1.7)rotate(-6deg)}to{transform:scale(1)}}.ob .moods{pointer-events:auto;gap:12px;padding:4px;display:flex}.ob .mood{border:3px solid var(--ob-fg);background:var(--ob-sw);cursor:pointer;width:38px;height:38px;transition:transform .25s var(--ob-ease-spring), box-shadow .2s;border-radius:50%;padding:0}.ob .mood:hover{transform:scale(1.12)rotate(-8deg)}.ob .mood:active{transform:scale(.9)}.ob .mood[aria-pressed=true]{box-shadow:0 0 0 3px var(--ob-bg), 0 0 0 6px var(--ob-fg)}.ob .hero-main{z-index:1;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.ob .logo{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(86vw,660px);animation:ob-drop .95s var(--ob-ease-spring) both;background:0 0;border:0;padding:0;display:block}.ob .logo svg{width:100%;height:auto;display:block;overflow:visible}.ob .logo .lb{fill:var(--ob-lb);stroke:var(--ob-lb);transition:fill .5s,stroke .5s}.ob .logo .lbf{fill:var(--ob-lb);transition:fill .5s}.ob .logo:hover{animation:.7s ease-in-out ob-wiggle}.ob .logo:active{transform:scale(.95)}@keyframes ob-drop{0%{opacity:0;transform:translateY(-60px)scale(.88)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes ob-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)scale(1.02)}60%{transform:rotate(2deg)scale(1.02)}}.ob h1{letter-spacing:-.035em;max-width:14ch;margin:clamp(24px,4vw,40px) 0 14px;font-size:clamp(2.1rem,6.4vw,4rem);font-weight:800;line-height:1}.ob .sub{max-width:34ch;margin:0;font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:500}.ob .hint{border:2px dashed color-mix(in srgb, var(--ob-fg) 55%, transparent);border-radius:999px;align-items:center;gap:10px;margin:22px 0 0;padding:8px 16px;font-size:.95rem;font-weight:700;display:inline-flex}.ob .hint i{background:var(--ob-fg);border-radius:50%;width:12px;height:12px;animation:2.6s infinite ob-blink}@keyframes ob-blink{0%,44%,52%,to{transform:scaleY(1)}48%{transform:scaleY(.15)}}.ob .hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.ob .shake{pointer-events:auto;border:2px solid var(--ob-fg);background:var(--ob-bg);cursor:pointer;min-height:40px;box-shadow:0 4px 0 var(--ob-fg);border-radius:999px;padding:0 18px;font-size:.95rem;font-weight:800;transition:transform .15s,box-shadow .15s}.ob .shake:active{box-shadow:0 0 0 var(--ob-fg);transform:translateY(4px)}.ob .band-wrap{z-index:4;margin:-64px 0 -56px;padding:18px 0 26px;position:relative;overflow:hidden}.ob .band{background:var(--ob-accent);color:var(--ob-cream);width:106%;box-shadow:0 6px 0 color-mix(in srgb, var(--ob-ink) 30%, transparent);margin-left:-3%;padding:14px 0;overflow:hidden;transform:rotate(-1.8deg)}.ob .track{width:max-content;animation:34s linear infinite ob-marq;display:flex}.ob .run{flex:none;align-items:center;display:flex}.ob .run span{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;font-size:clamp(1.5rem,4.4vw,2.7rem);font-weight:800;line-height:1}.ob .run i{background:var(--ob-cream);border-radius:50%;flex:none;width:.55em;height:.55em;margin:0 clamp(18px,3vw,34px);font-size:clamp(1.5rem,4.4vw,2.7rem)}@keyframes ob-marq{to{transform:translate(-50%)}}.ob .wrap{max-width:1120px;padding:0 var(--ob-gutter);margin:0 auto}.ob .section{padding:clamp(64px,11vw,128px) 0;transition:background-color .5s,color .5s}.ob .section.alt{background:var(--ob-alt);color:var(--ob-altfg)}.ob .section.hot{background:var(--ob-accent);color:var(--ob-cream)}.ob .kicker{letter-spacing:.12em;text-transform:uppercase;border:2px solid;border-radius:999px;margin:0 0 16px;padding:5px 12px;font-size:.8rem;font-weight:800;display:inline-block}.ob h2{letter-spacing:-.038em;max-width:14ch;margin:0 0 clamp(28px,5vw,52px);font-size:clamp(2.3rem,7.4vw,4.8rem);font-weight:800;line-height:.98}.ob .lead{max-width:36ch;margin:0 0 18px;font-size:clamp(1.15rem,2.6vw,1.45rem);font-weight:500;line-height:1.45}.ob .cards{gap:18px;display:grid}.ob .card{border:2px solid color-mix(in srgb, currentColor 35%, transparent);background:color-mix(in srgb, currentColor 7%, transparent);transition:transform .35s var(--ob-ease-spring), background-color .2s;border-radius:28px;padding:26px 26px 30px;position:relative}.ob .card:hover{background:color-mix(in srgb, currentColor 13%, transparent);transform:translateY(-8px)rotate(-1.2deg)}.ob .card:nth-child(2):hover{transform:translateY(-8px)rotate(1.2deg)}.ob .card:active{transform:scale(.97)}.ob .num{letter-spacing:-.05em;color:var(--ob-accent);margin-bottom:14px;font-size:clamp(3.4rem,9vw,5.2rem);font-weight:800;line-height:1;display:block}.ob .card h3{letter-spacing:-.025em;margin:0 0 8px;font-size:1.6rem;font-weight:800;line-height:1.1}.ob .card p{opacity:.92;margin:0;font-weight:500}.ob .cta-row{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.ob .btn{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;min-height:60px;padding:0 32px;font-size:1.2rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .2s,color .2s;display:inline-flex}.ob .btn-main{background:var(--ob-cream);color:var(--ob-ink);box-shadow:0 6px 0 color-mix(in srgb, var(--ob-ink) 55%, transparent)}.ob .btn-main:hover{box-shadow:0 4px 0 color-mix(in srgb, var(--ob-ink) 55%, transparent);transform:translateY(2px)}.ob .btn-main:active{transform:translateY(6px);box-shadow:0 0 #0000}.ob .btn-line{border:3px solid var(--ob-cream)}.ob .btn-line:hover{background:var(--ob-cream);color:var(--ob-accent)}.ob footer{background:var(--ob-alt);color:var(--ob-altfg);padding:34px 0 calc(40px + env(safe-area-inset-bottom));font-size:.98rem;font-weight:600;transition:background-color .5s,color .5s}.ob footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.ob footer a{text-underline-offset:4px;text-decoration-thickness:2px}.ob-js .reveal{opacity:0;transform:translateY(36px)scale(.96)}.ob-js .reveal.in{opacity:1;transition:opacity .6s ease, transform .7s var(--ob-ease-spring);transform:none}.ob-js .reveal.in.card:hover{transition:transform .35s var(--ob-ease-spring), background-color .2s;transform:translateY(-8px)rotate(-1.2deg);transition-delay:0s!important}.ob-js .reveal.in.card:nth-child(2):hover{transform:translateY(-8px)rotate(1.2deg)}.ob-js .reveal.in.card:active{transform:scale(.97)}@media (width>=860px){.ob .cards{grid-template-columns:repeat(3,1fr);gap:22px}.ob .hero{padding-top:104px}}@media (prefers-reduced-motion:reduce){.ob *,.ob :before,.ob :after{transition:none!important;animation:none!important}.ob-js .reveal{opacity:1;transform:none}}
