@layer utilities{.section-deep{background-color:var(--surface-tier-0)}}@layer components{.marketing-btn{min-height:45px;font-size:var(--b2-tb);font-weight:var(--b2-ti);color:var(--marketing-copy);transition:transform .22s var(--brand-v2-ease-effects), border-color .22s var(--brand-v2-ease-effects), background-color .22s var(--brand-v2-ease-effects), box-shadow .22s var(--brand-v2-ease-effects), color .22s var(--brand-v2-ease-effects);border:1px solid #0000;border-radius:.45rem;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.1rem;line-height:1;text-decoration:none;display:inline-flex}.marketing-btn svg{transition:transform .22s var(--brand-v2-ease-out)}.marketing-btn:focus-visible svg:last-child{transform:translate(3px)}@media (hover:hover) and (pointer:fine){.marketing-btn:not(:disabled,[aria-disabled=true]):hover{transform:translateY(-2px)}.marketing-btn:not(:disabled,[aria-disabled=true]):hover svg:last-child{transform:translate(3px)}}.marketing-btn:not(:disabled,[aria-disabled=true]):active{transition-duration:.18s;transform:translateY(1px)scale(.985)}.marketing-btn:focus-visible{outline:2px solid var(--brand-v2-pure-white);outline-offset:2px;box-shadow:0 0 0 5px var(--marketing-focus)}.marketing-btn:disabled,.marketing-btn[aria-disabled=true]{cursor:not-allowed;opacity:.65;transform:none}.marketing-btn--compact{min-height:2.75rem;font-size:var(--b2-tc);padding-inline:.95rem}.marketing-btn__label--mobile{display:none}.marketing-btn--primary{border-color:color-mix(in oklab, var(--marketing-rose-action) 78%, white 7%);background:var(--marketing-rose-action);color:#fff}.marketing-btn--primary:not(:disabled,[aria-disabled=true]):hover{background:color-mix(in oklab, var(--marketing-rose-action) 95%, black 5%)}.marketing-btn--primary:not(:disabled,[aria-disabled=true]):active{border-color:var(--brand-v2-rose-pressed);background:var(--brand-v2-rose-pressed)}.marketing-btn--secondary,.marketing-btn--ghost{border-color:var(--marketing-hairline-strong);color:color-mix(in oklab, var(--marketing-copy) 84%, transparent);background:#ffffff0a;background:lab(100% -.0000298023 .0000119209/.04)}.marketing-btn--secondary:not(:disabled,[aria-disabled=true]):hover,.marketing-btn--ghost:not(:disabled,[aria-disabled=true]):hover{color:var(--marketing-copy);background:#ffffff12;background:lab(100% -.0000298023 .0000119209/.07);border-color:#ffffff57;border-color:lab(100% -.0000298023 .0000119209/.34)}.marketing-btn--secondary:not(:disabled,[aria-disabled=true]):active,.marketing-btn--ghost:not(:disabled,[aria-disabled=true]):active{border-color:var(--marketing-hairline-strong);background:color-mix(in oklab, var(--marketing-copy) 10%, transparent)}.marketing-card,.marketing-panel{transition:border-color .18s,box-shadow .18s,transform .18s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.marketing-btn,.marketing-btn svg{transition-duration:.01ms}.marketing-btn:not(:disabled,[aria-disabled=true]):hover,.marketing-btn:not(:disabled,[aria-disabled=true]):active,.marketing-btn:not(:disabled,[aria-disabled=true]):hover svg:last-child,.marketing-btn:focus-visible svg:last-child{transform:none}}body:has(.marketing-shell) .alert{border:1px solid var(--brand-v2-hairline);background:var(--brand-v2-pure-white);min-height:4rem;color:var(--brand-v2-ink);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem 3rem 1rem 1rem;display:grid}body:has(.marketing-shell) .alert-error{border-color:color-mix(in oklab, var(--color-error) 38%, transparent)}:is(body:has(.marketing-shell) .alert-info,body:has(.marketing-shell) .alert-success){border-color:color-mix(in oklab, var(--color-success) 32%, transparent)}body:has(.marketing-shell) .alert-warning{border-color:color-mix(in oklab, var(--color-warning) 34%, transparent)}body:has(.marketing-shell) .alert .btn{min-width:2.25rem;min-height:2.25rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}body:has(.marketing-shell) .alert .btn:hover{background:#1a191714}}
@media (hover:hover) and (pointer:fine){:is(a,button).marketing-card:hover{transform:translateY(-2px)}}@keyframes successCheck{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-success-check{animation:.22s cubic-bezier(.16,1,.3,1) successCheck}@media (prefers-reduced-motion:reduce){.animate-success-check{animation:none}}
