@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap";:root{--font-ui: "DM Sans", sans-serif;--font-display: "Fraunces", serif;--color-bg: #ffffff;--color-fg: #0a0a0a;--color-primary: #e8192c;--color-primary-hover: #ff4d5a;--color-primary-subtle: #fff0f1;--color-surface: #f5f5f5;--color-surface-2: #ebebeb;--color-muted: #6b6b6b;--color-border: #e0e0e0;--color-border-strong: #c0c0c0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--text-hero: clamp(3.5rem, 8vw, 6.5rem);--text-h1: clamp(2.25rem, 5vw, 3.75rem);--text-h2: clamp(1.75rem, 3.5vw, 2.5rem);--text-h3: clamp(1.25rem, 2vw, 1.5rem);--text-body-lg: 1.125rem;--text-body: 1rem;--text-small: .875rem;--text-label: .75rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 100px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--ease: cubic-bezier(.16, 1, .3, 1);--duration: .2s}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5;color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em}p{line-height:1.6}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-6)}.section{padding-block:var(--space-10)}@media (max-width: 768px){.section{padding-block:var(--space-9)}.container{padding-inline:var(--space-5)}}.eyebrow{display:inline-block;font-family:var(--font-ui);font-size:var(--text-label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#00000080}.confirm-modal__card{background:#fff;border-radius:12px;padding:28px 32px;width:90%;max-width:380px;text-align:center}.confirm-modal__message{font-family:var(--font-ui);font-size:var(--text-body);color:var(--color-fg);margin:0 0 24px;line-height:1.5}.confirm-modal__actions{display:flex;gap:10px;justify-content:center}.toast{position:fixed;bottom:24px;right:24px;z-index:400;background:var(--color-fg);color:#fff;border-radius:var(--radius-lg);padding:14px 20px;font-family:var(--font-ui);font-size:var(--text-small);box-shadow:var(--shadow-lg);min-width:260px;max-width:400px;overflow:hidden;transform-origin:bottom right;transform:rotateX(90deg);opacity:0}.toast--visible{animation:toastFlipIn .35s var(--ease) forwards}.toast--exiting{animation:toastFlipOut .25s var(--ease) forwards}@keyframes toastFlipIn{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes toastFlipOut{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(90deg);opacity:0}}.toast__text{display:block}.toast__bar{position:absolute;bottom:0;left:0;height:3px;background:var(--color-primary);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-body);font-weight:500;line-height:1;padding:12px 24px;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-bg);color:var(--color-fg);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-border-strong);background-color:var(--color-surface)}.btn--inverted{background-color:#fff;color:var(--color-primary)}.btn--inverted:hover{background-color:var(--color-primary-subtle)}.btn--sm{padding:8px 16px;font-size:var(--text-small)}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-muted)}.btn--ghost:hover{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-fg)}.btn-x{flex-shrink:0;height:40px;padding:0 12px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-ui);line-height:1;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.btn-x:hover{background:var(--color-bg);border-color:var(--color-border-strong);color:var(--color-fg)}.btn-x-pill{flex-shrink:0;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;font-size:10px;line-height:1;padding:0;transition:background .12s,border-color .12s,color .12s}.btn-x-pill:hover{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-fg)}.nav{position:fixed;inset:0 0 auto 0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);transition:box-shadow var(--duration) var(--ease)}.nav--scrolled{box-shadow:var(--shadow-sm)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav__links{display:flex;align-items:center;gap:var(--space-5)}.nav__link{font-family:var(--font-ui);font-size:.9rem;color:var(--color-muted);transition:color var(--duration) var(--ease)}.nav__link:hover{color:var(--color-fg)}.nav__cta{margin-left:var(--space-3)}.nav__toggle{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;align-items:center}.nav__toggle span{display:block;width:22px;height:2px;background-color:var(--color-fg);transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease)}.nav--open .nav__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav--open .nav__toggle span:nth-child(2){opacity:0}.nav--open .nav__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.wordmark{font-family:var(--font-display);font-weight:600;font-size:1.4rem;letter-spacing:-.03em;color:var(--color-fg);display:inline-flex;align-items:flex-end;line-height:1}.wordmark__dot{color:var(--color-primary)}.wordmark-show{line-height:1}.wordmark-roll{display:inline-block;height:1em;line-height:1;overflow:hidden}.wordmark-reel{display:flex;flex-direction:column;transform:translateY(.04em);transition:transform .3s var(--ease);transition-delay:.28s;will-change:transform}.wordmark-off,.wordmark-on{display:block;height:1em;line-height:1;white-space:nowrap}.wordmark-on{color:var(--color-primary)}.wordmark-dot{color:var(--color-primary);display:inline-block;transform-origin:center bottom;transition:opacity .14s var(--ease),transform .32s cubic-bezier(.34,1.5,.64,1)}.wordmark-off .wordmark-dot{opacity:1;transform:scale(1);transition-delay:.58s}.wordmark-on .wordmark-dot{display:none}.wordmark:hover .wordmark-reel{transform:translateY(-.96em);transition-delay:0ms}.wordmark:hover .wordmark-off .wordmark-dot{opacity:0;transform:scale(1.5);transition-delay:0ms}.footer .wordmark,.footer .wordmark-dot{color:#fff}.footer .wordmark-on{color:var(--color-primary)}@media (prefers-reduced-motion: reduce){.wordmark-reel,.wordmark-dot{transition:none}}@media (max-width: 768px){.nav__toggle{display:flex}.nav__links{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:flex-start;gap:var(--space-4);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-5) var(--space-5) var(--space-6);box-shadow:var(--shadow-md);transform:translateY(-120%);transition:transform var(--duration) var(--ease)}.nav--open .nav__links{transform:translateY(0)}.nav__link{font-size:1.05rem}.nav__cta{margin-left:0;width:100%}}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:calc(68px + var(--space-9));padding-bottom:var(--space-9);overflow:hidden}.hero__inner{max-width:900px;display:flex;flex-direction:column;align-items:center}.hero__title{font-size:var(--text-hero);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin-top:var(--space-5);max-width:16ch}.hero__title .accent{color:var(--color-primary)}.hero__actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center}.mockup{width:min(900px,100%);margin-top:var(--space-9);background-color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}.mockup__chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#161616;border-bottom:1px solid #262626}.mockup__dots{display:flex;gap:6px}.mockup__dots span{width:11px;height:11px;border-radius:50%;background-color:#3a3a3a}.mockup__dots span:first-child{background-color:var(--color-primary)}.mockup__address{flex:1;max-width:320px;height:22px;margin-inline:auto;background-color:#262626;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.7rem;color:#777;display:flex;align-items:center;justify-content:center}.mockup__body{display:grid;grid-template-columns:150px 1fr;min-height:360px}.mockup__sidebar{background-color:#111;padding:var(--space-4);display:flex;flex-direction:column;gap:10px;border-right:1px solid #222}.mockup__brand{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:#fff;margin-bottom:var(--space-3)}.mockup__navitem{height:26px;border-radius:var(--radius-sm);background-color:#1c1c1c}.mockup__navitem--active{background-color:var(--color-primary)}.mockup__main{padding:var(--space-5);background-color:#0d0d0d}.mockup__heading{font-family:var(--font-display);font-weight:600;font-size:1rem;color:#fff;margin-bottom:var(--space-4)}.mockup__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.mockup__card{height:78px;background-color:#161616;border:1px solid #242424;border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.mockup__card:before{content:"";display:block;width:18px;height:18px;border-radius:var(--radius-sm);background-color:#e8192c40}.mockup__line{height:6px;border-radius:var(--radius-pill);background-color:#2a2a2a}.mockup__line--short{width:60%}@media (max-width: 600px){.mockup__body{grid-template-columns:1fr}.mockup__sidebar{display:none}.mockup__grid{grid-template-columns:repeat(2,1fr)}}.logobar{padding-block:var(--space-8);text-align:center}.logobar__label{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted)}.logobar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-7);margin-top:var(--space-5)}.logobar__logo{font-family:var(--font-ui);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-surface-2)}.section__head{max-width:720px;margin-bottom:var(--space-8)}.section__head--center{margin-inline:auto;text-align:center}.section__title{font-size:var(--text-h2);margin-top:var(--space-3)}.section__subtitle{font-family:var(--font-ui);font-size:var(--text-body-lg);color:var(--color-muted);margin-top:var(--space-3)}.howitworks{background-color:var(--color-surface)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.step{position:relative;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.step:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.step__badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1;margin-bottom:var(--space-4)}.step__title{font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--color-fg)}.step__body{font-family:var(--font-ui);font-size:var(--text-body);color:var(--color-muted);line-height:1.6;margin-top:var(--space-3)}@media (max-width: 860px){.steps{grid-template-columns:1fr;gap:var(--space-7)}}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.feature{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.feature:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature__icon{color:var(--color-fg);display:flex;align-items:center;margin-bottom:var(--space-5);transition:color var(--duration) var(--ease),transform var(--duration) var(--ease)}.feature__icon svg{width:30px;height:30px}.feature:hover .feature__icon{color:var(--color-primary);transform:translateY(-1px)}.feature__icon--brand svg{width:28px;height:28px}.feature__title{font-family:var(--font-ui);font-size:var(--text-body-lg);font-weight:600;color:var(--color-fg)}.feature__body{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);line-height:1.6;margin-top:var(--space-2)}@media (max-width: 900px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.features__grid{grid-template-columns:1fr}}.quote{background-color:var(--color-fg);color:#fff;text-align:center}.quote__inner{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}.quote__mark{font-family:var(--font-display);font-weight:600;font-size:8rem;line-height:.5;color:var(--color-primary);height:3rem}.quote__text{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.75rem;line-height:1.4;color:#fff;max-width:700px;margin-top:var(--space-5)}.quote__attr{font-family:var(--font-ui);font-size:var(--text-small);color:#fff9;margin-top:var(--space-6)}.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:1040px;margin-inline:auto;align-items:stretch}.price-card{position:relative;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column}.price-card--featured{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.price-card__price--text{font-size:2.25rem}.price-card__badge{position:absolute;top:-11px;right:var(--space-5);font-family:var(--font-ui);font-size:var(--text-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background-color:var(--color-primary);padding:4px 12px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.price-card__name{font-family:var(--font-ui);font-size:var(--text-body);font-weight:600;color:var(--color-fg)}.price-card__price{font-family:var(--font-display);font-weight:600;font-size:3rem;letter-spacing:-.02em;color:var(--color-fg);margin-top:var(--space-3)}.price-card__sub{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted)}.price-card__features{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-6);flex:1}.price-card__features li{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg);display:flex;align-items:center;gap:var(--space-3)}.price-card__features li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background-color:var(--color-primary)}.price-card .btn{width:100%}@media (max-width: 920px){.pricing__grid{grid-template-columns:1fr;max-width:420px}}.finalcta{background-color:var(--color-primary);color:#fff;text-align:center}.finalcta__title{font-size:var(--text-h1);color:#fff;max-width:16ch;margin-inline:auto}.finalcta .btn{margin-top:var(--space-6)}.footer{background-color:var(--color-fg);color:#fff}.footer__top{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-8);gap:var(--space-5);flex-wrap:wrap}.footer .wordmark{color:#fff}.footer__links{display:flex;gap:var(--space-5);flex-wrap:wrap}.footer__link{font-family:var(--font-ui);font-size:var(--text-small);color:#fff9;transition:color var(--duration) var(--ease)}.footer__link:hover{color:#fff}.footer__rule{height:1px;background-color:var(--color-primary);opacity:.3;border:none}.footer__bottom{padding-block:var(--space-5);text-align:center;font-family:var(--font-ui);font-size:var(--text-small);color:#ffffff80}.navitem__icon{display:inline-block;transition:transform .2s var(--ease)}.navitem__icon.nav-play{animation-duration:.4s;animation-timing-function:var(--ease);animation-fill-mode:forwards}.nav-pulse.nav-play{animation-name:navPulse}.nav-flip.nav-play{animation-name:navFlip}.nav-spin.nav-play{animation-name:navSpin}.nav-pop.nav-play{animation-name:navPop}.nav-rotate.nav-play{animation-name:navRotate}.nav-spin180.nav-play{animation-name:navSpin180}@keyframes navPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes navFlip{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes navSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes navPop{0%{transform:scale(1)}40%{transform:scale(.7)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes navRotate{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes navSpin180{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(0)}}.app{display:flex;height:100vh;height:100svh;overflow:hidden}.sidebar{flex:none;width:240px;background-color:var(--color-fg);color:#fff;display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);overflow-y:auto;view-transition-name:sidebar}#sidebar-placeholder{flex:none;width:240px;background-color:var(--color-fg);view-transition-name:sidebar}@media (max-width: 768px){#sidebar-placeholder{width:0;view-transition-name:none}}.sidebar__brand{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:-.02em;color:#fff;padding-inline:var(--space-3);margin-bottom:var(--space-6)}.sidebar__brand .wordmark__dot{color:var(--color-primary)}.sidebar__brand.wordmark{color:#fff}.sidebar__brand .wordmark-on{color:var(--color-primary)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.navitem{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;font-family:var(--font-ui);font-size:var(--text-small);color:#fff9;padding:10px var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.navitem:hover{color:#ffffffe6;background-color:#ffffff0f}.navitem--active,.navitem--active:hover{background-color:#fff;color:var(--color-fg)}.navitem__icon{flex:none;width:24px;text-align:center;font-size:1.3rem}.sidebar__spacer{flex:1}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-5)}.avatar{flex:none;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:var(--text-small);font-weight:600}.sidebar__username{font-family:var(--font-ui);font-size:var(--text-small);font-weight:500;color:#fff}.sidebar__plan{font-family:var(--font-ui);font-size:var(--text-label);color:#ffffff80}.sidebar__logout{display:block;width:100%;text-align:left;font-family:var(--font-ui);font-size:var(--text-label);color:#fff6;padding:var(--space-3) var(--space-3) 0;margin-top:var(--space-2);transition:color var(--duration) var(--ease);background:none;border:none;cursor:pointer}.sidebar__logout:hover{color:var(--color-primary)}.main{flex:1;display:flex;flex-direction:column;background-color:var(--color-surface);overflow:hidden}.topbar{flex:none;height:64px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-6);background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.topbar__title{font-family:var(--font-ui);font-size:var(--text-body-lg);font-weight:600;color:var(--color-fg)}.topbar__actions{display:flex;align-items:center;gap:var(--space-4)}.iconbtn{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-muted);border:1px solid var(--color-border);background:var(--color-surface);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.iconbtn:hover{background-color:var(--color-bg);border-color:var(--color-border-strong);color:var(--color-fg)}.menubtn{display:none}.content{flex:1;overflow-y:auto;padding:var(--space-6)}.content__inner{max-width:1040px;margin-inline:auto}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.welcome{margin-bottom:var(--space-5)}.welcome__title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-fg)}.welcome__body{font-family:var(--font-ui);font-size:var(--text-body);color:var(--color-muted);margin-top:var(--space-3);max-width:60ch}.welcome__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.stat{padding:var(--space-5)}.stat__label{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted)}.stat__value{font-family:var(--font-display);font-weight:600;font-size:2.5rem;line-height:1;color:var(--color-fg);margin-block:var(--space-3) var(--space-2)}.stat__hint{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted)}@media (max-width: 760px){.stats{grid-template-columns:1fr}}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card__title{font-family:var(--font-ui);font-size:var(--text-body);font-weight:600;color:var(--color-fg)}.link--muted{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);transition:color var(--duration) var(--ease)}.link--muted:hover{color:var(--color-fg)}.link--primary{color:var(--color-primary);font-weight:500;transition:color var(--duration) var(--ease)}.link--primary:hover{color:var(--color-primary-hover)}.empty{text-align:center;padding:var(--space-7) var(--space-5)}.empty__title{font-family:var(--font-ui);font-size:var(--text-body);font-weight:500;color:var(--color-fg)}.empty__sub{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);margin-top:var(--space-2);margin-bottom:var(--space-4)}.checklist{margin-top:var(--space-5)}.checklist__items{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2)}.check{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration) var(--ease)}.check:hover{background-color:var(--color-surface)}.check__box{flex:none;width:18px;height:18px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.check__box:after{content:"✓";font-size:.7rem;color:#fff;opacity:0;transition:opacity var(--duration) var(--ease)}.check--done .check__box{background-color:var(--color-primary);border-color:var(--color-primary)}.check--done .check__box:after{opacity:1}.check--done .check__label{color:var(--color-muted);text-decoration:line-through}.sidebar__scrim{display:none}.input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-body);color:var(--color-fg);background:var(--color-bg);transition:border-color var(--duration) var(--ease)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.broadcast-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.broadcast-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.broadcast-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.broadcast-row__focus{font-family:var(--font-ui);font-size:var(--text-body);font-weight:500;color:var(--color-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-row__channels{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted)}.integrations-grid{display:flex;flex-direction:column;gap:var(--space-4)}.integration-card{display:flex;align-items:center;gap:var(--space-5);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.integration-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.integration-card__header{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.integration-card__icon{flex:none;width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.integration-card__name{font-family:var(--font-ui);font-size:var(--text-body);font-weight:600;color:var(--color-fg);margin:0}.integration-card__desc{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);margin:2px 0 0;line-height:1.4}.integration-card__status{flex:none}.status-badge{display:inline-block;font-family:var(--font-ui);font-size:var(--text-label);font-weight:500;padding:4px 10px;border-radius:var(--radius-pill);text-transform:capitalize}.status-badge--pending{background-color:var(--color-surface);color:var(--color-muted)}.status-badge--connected{background-color:#d1fae5;color:#065f46}.status-badge--error{background-color:#fee2e2;color:#991b1b}.integration-card__btn{flex:none;width:120px}.integration-card__btn--connect{background-color:var(--color-primary);color:#fff}.integration-card__btn--connect:hover{background-color:var(--color-primary-hover)}.integration-card__btn--disconnect{background-color:var(--color-bg);color:var(--color-fg);border-color:var(--color-border)}.integration-card__btn--disconnect:hover{border-color:var(--color-border-strong);background-color:var(--color-surface)}@media (max-width: 720px){.integration-card{flex-wrap:wrap;gap:var(--space-4)}.integration-card__status{order:2}.integration-card__btn{order:3;width:100%}}@media (max-width: 768px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;transform:translate(-100%);transition:transform var(--duration) var(--ease);box-shadow:var(--shadow-lg)}.app--menu-open .sidebar{transform:translate(0)}.sidebar__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#0006;opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease)}.app--menu-open .sidebar__scrim{opacity:1;pointer-events:auto}.menubtn{display:flex}}.broadcast-step--anim{animation:stepFadeIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-panel--anim{animation:stepFadeIn .26s cubic-bezier(.16,1,.3,1) both}.bf-heading{font-family:var(--font-display);font-size:var(--text-h3);color:var(--color-fg);text-align:center;margin:0 0 var(--space-1)}.bf-subheading{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);text-align:center;margin:0 0 var(--space-5)}.bf-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);align-items:stretch}.bf-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;text-align:left;transition:border-color var(--duration) var(--ease)}.bf-card:hover{border-color:var(--color-border-strong)}.bf-card--selected,.bf-card--selected:hover{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.bf-card__pill{position:absolute;top:var(--space-3);right:var(--space-3);font-family:var(--font-ui);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff}.bf-card__icon{display:flex;position:relative;margin-bottom:var(--space-3)}.bf-card__icon svg{width:34px;height:34px}.bf-card__burst{position:absolute;pointer-events:none;z-index:10;width:10px;height:2px;background:var(--color-primary);border-radius:2px;transition:clip-path .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;clip-path:inset(0 100% 0 0)}.bf-card__burst--in{clip-path:inset(0 0 0 0);opacity:1}.bf-card__burst--out{clip-path:inset(0 0 0 100%);opacity:.3}.bf-card__title{font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--color-fg);margin:0 0 var(--space-1)}.bf-card__desc{font-family:var(--font-ui);font-size:var(--text-label);color:var(--color-muted);line-height:1.5;margin:0}.bf-tp__pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.bf-tp__chip{font-family:var(--font-ui);font-size:var(--text-label);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted)}.bf-step-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.bf-back{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);background:none;border:none;cursor:pointer;padding:0;transition:color var(--duration) var(--ease)}.bf-back:hover{color:var(--color-fg)}.bf-type-pill{font-family:var(--font-ui);font-size:var(--text-label);font-weight:600;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary)}.bf-form{max-width:720px}.bf-section{border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-5)}.bf-section:first-child{border-top:none;padding-top:0;margin-top:0}.bf-section__title{font-family:var(--font-ui);font-size:var(--text-label);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin:0 0 var(--space-3)}.bf-field{margin-bottom:var(--space-4)}.bf-field:last-child{margin-bottom:0}.bf-label{display:block;font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-fg);margin-bottom:var(--space-2)}.bf-helper{font-family:var(--font-ui);font-size:var(--text-label);color:var(--color-muted);margin:var(--space-1) 0 0}.bf-muted{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);margin:0}.bf-link{color:var(--color-primary);text-decoration:underline}.bf-code{background:var(--color-surface);padding:1px 5px;border-radius:3px;font-size:var(--text-label)}.bf-error{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-primary);margin:var(--space-2) 0 0}.bf-error--center{text-align:center;margin-top:var(--space-3)}.bf-textarea{width:100%;font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;resize:vertical;transition:border-color var(--duration) var(--ease)}.bf-textarea:focus{outline:none;border-color:var(--color-fg)}.bf-textarea::placeholder{color:var(--color-muted)}.bf-input{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 10px;transition:border-color var(--duration) var(--ease)}.bf-input:focus{outline:none;border-color:var(--color-fg)}.bf-input--date,.bf-input--time{min-width:150px}.bf-once-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}select.bf-input{width:100%;max-width:320px;cursor:pointer}.bf-toggle-pills{display:inline-flex;gap:var(--space-2)}.bf-toggle-pill{font-family:var(--font-ui);font-size:var(--text-small);padding:6px 16px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-muted);cursor:pointer;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease)}.bf-toggle-pill:hover{border-color:var(--color-border-strong)}.bf-toggle-pill--active{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.bf-recurring-row{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.bf-day-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.bf-day-pill{font-family:var(--font-ui);font-size:var(--text-label);width:44px;padding:6px 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-muted);cursor:pointer;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease)}.bf-day-pill:hover{border-color:var(--color-border-strong)}.bf-day-pill--active{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.bf-next-run{font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);margin:var(--space-3) 0 0}.bf-automation-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.bf-switch{position:relative;width:40px;height:22px;flex:none;cursor:pointer}.bf-switch input{opacity:0;width:0;height:0}.bf-switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:11px;transition:background var(--duration) var(--ease)}.bf-switch__slider:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--duration) var(--ease)}.bf-switch input:checked+.bf-switch__slider{background:var(--color-primary)}.bf-switch input:checked+.bf-switch__slider:after{transform:translate(18px)}.bf-add-context{font-family:var(--font-ui);font-size:var(--text-small);padding:8px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);cursor:pointer;transition:border-color var(--duration) var(--ease)}.bf-add-context:hover{border-color:var(--color-border-strong)}.bf-ms{position:relative;max-width:420px}.bf-ms__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;cursor:pointer;transition:border-color var(--duration) var(--ease)}.bf-ms__trigger:hover{border-color:var(--color-border-strong)}.bf-ms--open .bf-ms__trigger{border-color:var(--color-fg)}.bf-ms__chev{color:var(--color-muted);font-size:.7rem}.bf-ms__panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:240px;display:flex;flex-direction:column}.bf-ms__panel[hidden]{display:none}.bf-ms--up .bf-ms__panel{top:auto;bottom:calc(100% + 4px)}.bf-ms__search{margin:8px 8px 0;padding:6px 8px;font-family:var(--font-ui);font-size:var(--text-label);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);background:var(--color-bg)}.bf-ms__search:focus{outline:none;border-color:var(--color-fg)}.bf-ms__list{overflow-y:auto;padding:4px 0}.bf-ms__item{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;font-family:var(--font-ui);font-size:var(--text-label);cursor:pointer;transition:background var(--duration) var(--ease)}.bf-ms__item:hover{background:var(--color-surface)}.bf-ms__item--selected{background:var(--color-primary-subtle)}.bf-ms__check{flex:none;width:14px;height:14px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-bg)}.bf-ms__item--selected .bf-ms__check{background:var(--color-primary);border-color:var(--color-primary)}.bf-ms__item--selected .bf-ms__check:after{content:"";display:block;margin:1px auto 0;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.bf-ms__empty{padding:10px;font-family:var(--font-ui);font-size:var(--text-label);color:var(--color-muted);text-align:center}.bf-ms__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.bf-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-label);padding:4px 6px 4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-fg)}.bf-pill--pending,.bf-pill__status{color:var(--color-muted)}.bf-pill__x{width:16px;height:16px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;font-size:10px;line-height:1;padding:0;transition:background .12s,border-color .12s,color .12s}.bf-pill__x:hover{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-fg)}.bf-spinner{width:11px;height:11px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:bfSpin .7s linear infinite}@keyframes bfSpin{to{transform:rotate(360deg)}}.bf-form__footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.bf-summary{max-width:720px;margin:0 auto}.bf-row{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.bf-row__header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:none;cursor:pointer;text-align:left}.bf-row__label{font-family:var(--font-ui);font-size:var(--text-small);font-weight:600;color:var(--color-fg);flex:none;min-width:120px}.bf-row__summary{flex:1;min-width:0;font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-muted);display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-end;text-align:right}.bf-row__chev{flex:none;color:var(--color-muted);font-size:.7rem;transition:transform var(--duration) var(--ease)}.bf-row--open .bf-row__chev{transform:rotate(180deg)}.bf-row__body{display:none;padding:var(--space-4);background:var(--color-surface);font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg)}.bf-row--open .bf-row__body{display:block}.bf-row__body p{margin:0 0 var(--space-2)}.bf-row__body p:last-child{margin-bottom:0}.bf-src-group{margin-bottom:var(--space-3)}.bf-src-group ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.bf-summary__footer{display:flex;justify-content:flex-end;gap:var(--space-3);max-width:720px;margin:var(--space-5) auto 0}.tpl-badge{font-family:var(--font-ui);font-size:var(--text-label);font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary);white-space:nowrap}.tpl-badge--off{background:var(--color-surface);color:var(--color-muted)}#recentBroadcasts{margin-top:var(--space-8)}.bf-recent__title{font-family:var(--font-ui);font-size:var(--text-body);font-weight:600;color:var(--color-fg);margin:0 0 var(--space-4)}.chsel{position:relative;max-width:420px}.chsel__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-ui);font-size:var(--text-small);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;cursor:pointer;transition:border-color var(--duration) var(--ease)}.chsel__trigger:hover{border-color:var(--color-border-strong)}.chsel--open .chsel__trigger{border-color:var(--color-fg)}.chsel__chevron{color:var(--color-muted);font-size:.7rem}.chsel__panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:240px;display:flex;flex-direction:column}.chsel__panel[hidden]{display:none}.chsel--up .chsel__panel{top:auto;bottom:calc(100% + 4px)}.chsel__search{margin:8px 8px 0;padding:6px 8px;font-family:var(--font-ui);font-size:var(--text-label);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);background:var(--color-bg)}.chsel__search:focus{outline:none;border-color:var(--color-fg)}.chsel__list{overflow-y:auto;padding:4px 0}.chsel__item{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;font-family:var(--font-ui);font-size:var(--text-small);cursor:pointer;transition:background var(--duration) var(--ease)}.chsel__item:hover{background:var(--color-surface)}.chsel__item--selected{background:var(--color-primary-subtle)}.chsel__item--disabled{opacity:.4;cursor:not-allowed}.chsel__badge{margin-left:auto;font-size:10px;color:var(--color-primary);background:var(--color-primary-subtle);padding:1px 6px;border-radius:3px;white-space:nowrap;font-weight:500}.chsel__check{flex:none;width:14px;height:14px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-bg)}.chsel__item--selected .chsel__check{background:var(--color-primary);border-color:var(--color-primary)}.chsel__item--selected .chsel__check:after{content:"";display:block;margin:1px auto 0;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.chsel__logo{display:inline-flex;align-items:center;width:16px;height:16px}.chsel__logo .channel-logo{width:100%;height:100%}.chsel__name{font-size:var(--text-small)}.chsel__empty{padding:10px;font-family:var(--font-ui);font-size:var(--text-label);color:var(--color-muted);text-align:center}.chsel__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.channel-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-label);padding:4px 6px 4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg)}.channel-pill .chsel__logo{width:14px;height:14px}.channel-pill__name{color:var(--color-fg)}.channel-pill__status{width:6px;height:6px;border-radius:50%;flex:none}.channel-pill__status--connected{background:#16a34a}.channel-pill__status--disconnected{background:var(--color-primary)}.channel-pill__x{border:none;background:transparent;padding:0 2px;font-size:.9rem;line-height:1;color:var(--color-muted);cursor:pointer}.channel-pill__x:hover{color:var(--color-primary)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero .eyebrow{animation:rise .6s var(--ease) 0ms both}.hero__title{animation:rise .7s var(--ease) .15s both}.hero__actions{animation:rise .6s var(--ease) .35s both}.hero .mockup{animation:rise .8s var(--ease) .5s both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.revealed{opacity:1;transform:translateY(0)}.features__grid .feature:nth-child(1){transition-delay:0ms}.features__grid .feature:nth-child(2){transition-delay:80ms}.features__grid .feature:nth-child(3){transition-delay:.16s}.features__grid .feature:nth-child(4){transition-delay:.24s}.features__grid .feature:nth-child(5){transition-delay:.32s}.features__grid .feature:nth-child(6){transition-delay:.4s}.steps .step:nth-child(1){transition-delay:0ms}.steps .step:nth-child(2){transition-delay:.12s}.steps .step:nth-child(3){transition-delay:.24s}.pricing__grid .price-card:nth-child(1){transition-delay:0ms}.pricing__grid .price-card:nth-child(2){transition-delay:.12s}.queue{display:flex;flex-direction:column;gap:var(--space-2)}.queue__item{display:flex;align-items:center;gap:10px;padding:8px 10px;background-color:#161616;border:1px solid #242424;border-radius:var(--radius-md);opacity:0;transform:translate(16px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.queue__item--in{opacity:1;transform:translate(0)}.queue__dot{flex:none;width:7px;height:7px;border-radius:50%;transition:background-color .4s var(--ease)}.queue__title{flex:1;font-family:var(--font-ui);font-size:.72rem;color:#c9c9c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue__badge{flex:none;font-family:var(--font-ui);font-size:.62rem;font-weight:500;letter-spacing:.02em;padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap;transition:background-color .4s var(--ease),color .4s var(--ease)}.queue__dot--amber{background-color:#e8a33d}.queue__dot--green{background-color:#2fb67c}.queue__dot--grey{background-color:#555}.queue__badge--amber{background-color:#e8a33d29;color:#e8a33d}.queue__badge--green{background-color:#2fb67c29;color:#4ecb95}.queue__badge--grey{background-color:#222;color:#888}@media (prefers-reduced-motion: reduce){.hero .eyebrow,.hero__title,.hero__actions,.hero .mockup{animation:none}.reveal{opacity:1;transform:none;transition:none}.queue__item{opacity:1;transform:none}}