/* Shared visual language with mucinly.ai. */
.brief-dialog { margin: auto; width: min(640px, calc(100% - 32px)); max-height: calc(100svh - 40px); overflow-y: auto; background: #101010; color: #fff; padding: 32px; border: 1px solid #363636; border-radius: 8px; font-family: 'Inter', sans-serif; }
.brief-dialog::backdrop { background: rgba(0,0,0,.8); backdrop-filter: blur(5px); }
.brief-close { position: absolute; right: 12px; top: 10px; width: 40px; height: 40px; color: #bbb; background: none; border: 0; font-size: 28px; cursor: pointer; }
.brief-kicker { font-size: 11px; color: #8ca7ff; margin-bottom: 14px; }
.brief-dialog h2 { font-size: 28px; line-height: 1.15; padding-right: 22px; }
.brief-intro, .brief-progress, .brief-note, .brief-success p { color: #aaa; font-size: 14px; line-height: 1.6; margin-block: 16px; }
.brief-progress { color: #b5c6ff; }
.brief-form { display: grid; gap: 18px; }
.brief-step { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 18px; }
.brief-step[hidden], .brief-form label[hidden] { display: none; }
.brief-choices { display: grid; gap: 10px; }
.brief-form .brief-choice { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 16px; border: 1px solid #383838; border-radius: 6px; cursor: pointer; }
.brief-choice:has(input:checked) { border-color: #648aff; background: #141c30; }
.brief-form .brief-choice input { width: 16px; min-width: 16px; padding: 0; accent-color: #4e7dfd; }
.brief-choice strong { font-size: 15px; }
.brief-choice small { display: block; font-size: 12px; line-height: 1.5; color: #aaa; margin-top: 4px; }
.brief-choice b { text-align: right; font-size: 20px; }
.brief-estimate, .brief-order-summary { color: #c8d6ff; font-size: 16px; font-weight: 600; }
.brief-process { list-style: decimal; padding-left: 22px; display: grid; gap: 14px; }
.brief-process li { font-size: 13px; color: #bbb; }
.brief-process span { display: block; margin-top: 4px; color: #949494; }
.brief-continue { justify-content: center; white-space: normal; }
.brief-continue:disabled { opacity: .5; cursor: wait; }
.brief-actions { display: flex; gap: 12px; }
.brief-actions .brief-back { flex: 0 0 auto; }
@media (max-width: 400px) { .brief-form .brief-choice { padding: 12px; gap: 8px; } .brief-choice b { font-size: 18px; } }
.brief-form[hidden], .brief-success[hidden] { display: none; }
.brief-form label { display: grid; gap: 8px; font-size: 13px; color: #ddd; }
.brief-form input:not([type=checkbox]), .brief-form textarea, .brief-form select { width: 100%; min-width: 0; background: #191919; color: #fff; border: 1px solid #3a3a3a; border-radius: 4px; padding: 12px; font: 16px 'Inter', sans-serif; }
.brief-form textarea { resize: vertical; }
.brief-form input:focus, .brief-form textarea:focus, .brief-form select:focus { outline: 2px solid #4e7dfd; outline-offset: 2px; }
.brief-form .brief-consent { display: flex; align-items: start; gap: 10px; }
.brief-consent input { margin-top: 4px; accent-color: #295bff; }
.brief-error { color: #ffaaa3; font-size: 14px; }
.brief-submit { width: 100%; justify-content: center; white-space: normal; min-height: 48px; border-radius: 4px; }
.brief-submit:disabled { opacity: .55; cursor: wait; }
.brief-note { margin: 0; font-size: 12px; }
@media (max-width: 640px) { .brief-dialog { padding: 24px 18px; } .brief-dialog h2 { font-size: 24px; } }
:root {
  --f-body: 'Inter', system-ui, sans-serif;
  --f-display: 'Inter', system-ui, sans-serif;
  --f-serif: 'Instrument Serif', Georgia, serif;
  --accent: #295bff;
  --accent-bright: #4e7dfd;
  --border: #202020;
  --text-dim: #949494;
}

/* Product-led agency layout. */
.section.work--strip { padding: 10px 0 56px; border: 0; }
.work--strip .wrap { max-width: 1440px; }
.work--strip .section__head { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.work--strip .bento { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; grid-auto-rows: auto; }
.work--strip .case, .work--strip .case:nth-child(n) { grid-column: auto; min-height: 0; aspect-ratio: 3 / 4; border-radius: 8px; }
.work--strip .case__title { font-size: 20px; }
.work--strip .case__overlay { padding: 16px; }
.work--strip .case__tag { font-size: 10px; }
.offers .section__head, .pricing .section__head, .process .section__head, .why .section__head { display: block; text-align: center; margin: 0 auto 44px; max-width: 760px; }
.offers .section__title, .pricing .section__title, .process .section__title, .why .section__title { max-width: 24ch; margin-inline: auto; }
.offers .eyebrow, .pricing .eyebrow, .process .eyebrow, .why .eyebrow { display: none; }
.process .section__head-link { display: inline-block; margin-top: 18px; font-size: 12px; }
.offers .offer-grid { gap: 24px; align-items: stretch; }
.offers .offer { padding: 14px; border-radius: 8px; border-color: #242424; background: #090909; }
.offer__image { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; margin-bottom: 22px; }
.offers .offer__top, .offers .offer__body, .offers .offer__foot { padding: 0; border: 0; background: none; }
.offer__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 14px; min-height: 56px; }
.offers .offer__title { font-size: 24px; margin: 0; line-height: 1.15; }
.offers .offer__price { margin: 0; flex: 0 0 auto; text-align: right; max-width: 42%; }
.offers .offer__amt { font-size: 14px; line-height: 1.3; color: #fff; }
.offers .offer__note { display: none; }
.offers .offer__pitch { font-size: 14px; line-height: 1.55; min-height: 110px; }
.offer__details { margin: 18px 0; }
.offer__details summary { cursor: pointer; font-size: 13px; color: #c5c5c5; text-decoration: underline; text-underline-offset: 4px; }
.offer__details[open] summary { margin-bottom: 16px; }
.offers .offer__list { font-size: 13px; }
.offers .offer__foot { margin-top: auto; }
.offers .offer__foot .btn { min-height: 46px; border-radius: 6px; background: var(--accent); border-color: var(--accent); color: #fff; font-size: 14px; }
.pricing .tiers { gap: 0; border-block: 1px solid #252525; }
.pricing .tier, .pricing .tier--feature { background: none; border: 0; border-right: 1px solid #252525; padding: 28px; }
.pricing .tier:last-child { border-right: 0; }
.pricing .tier__flag { position: static; display: inline-block; background: none; padding: 0; color: var(--accent-bright); margin-bottom: 10px; }
.pricing .tier__amt { font-size: 36px; }
.pricing .tier__price { margin-block: 16px; }
.pricing .tier__features { font-size: 13px; margin-bottom: 24px; }
.why .why__grid { border: 0; gap: 28px; }
.why .why__card { border: 0; border-top: 1px solid #252525; padding: 28px 0; background: none; }
@media (max-width: 900px) {
  .work--strip .bento { grid-template-columns: repeat(5, 210px); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; }
  .work--strip .case { scroll-snap-align: start; }
  .offers .offer__pitch { min-height: 0; }
  .pricing .tier, .pricing .tier--feature { border-right: 0; border-bottom: 1px solid #252525; }
}
@media (max-width: 640px) {
  .work--strip .bento { grid-template-columns: repeat(5, 180px); }
  .offers .offer__title { font-size: 22px; }
  .offers .section__head, .pricing .section__head { margin-bottom: 30px; }
}

.brand__logo, .nav.is-scrolled .brand__logo { width: 132px; height: 36px; object-fit: contain; }
.loader, .cursor { display: none !important; }
body.has-cursor, body.has-cursor * { cursor: auto !important; }
body.has-cursor a, body.has-cursor button { cursor: pointer !important; }
body.has-cursor input { cursor: text !important; }
.nav, .nav.is-scrolled { background: rgba(5,5,5,.96); }
.nav__inner { max-width: 1200px; }
.nav__pill { border: 0; box-shadow: none; background: #101010; }
.lang { border: 0; box-shadow: none; }
.btn { box-shadow: none; }
.btn--accent:hover { box-shadow: none; }

.hero { padding: 142px 24px 44px; }
.hero__inner { max-width: 1080px; gap: 26px; }
.hero .eyebrow { display: none; }
.hero__title { max-width: 25ch; font-size: 68px; font-weight: 600; line-height: 1.08; }
.hero__title em { font-family: var(--f-serif); font-weight: 400; font-style: italic; color: #b5c6ff; }
.hero__sub { order: 0; max-width: 64ch; font-size: 16px; line-height: 1.65; color: #a3a3a3; }
.intake--hero { max-width: 760px; margin-top: 14px; }
.intake--hero .intake__bar {
  flex-wrap: nowrap; align-items: center; min-height: 84px;
  border-radius: 48px; padding: 10px; border: 1px solid #343c58;
  background: #161719; box-shadow: none;
}
.intake--hero .intake__prefix { display: none; }
.intake--hero .intake__input { width: 100%; padding: 16px 20px; font-size: 18px; min-height: 60px; }
.intake__input { color-scheme: dark; caret-color: #fff; }
.intake__input:autofill { box-shadow: 0 0 0 1000px #161719 inset; -webkit-text-fill-color: #f5f5f7; color: #f5f5f7; }
.intake__input:-webkit-autofill,
.intake__input:-webkit-autofill:hover,
.intake__input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #161719 inset; -webkit-text-fill-color: #f5f5f7; caret-color: #fff; }
.intake--hero .intake__submit {
  flex: 0 0 52px; min-width: 52px; width: 52px; height: 52px;
  min-height: 52px; border-radius: 50%; padding: 0; font-size: 26px;
  justify-content: center; gap: 0;
}
.intake--hero .intake__bar:focus-within { border-color: var(--accent-bright); box-shadow: 0 0 0 3px rgba(41,91,255,.15); }
.intake--hero .intake__meta { margin-top: 22px; gap: 14px; }
.intake__chip { border: 0; padding: 0; font-family: var(--f-body); font-size: 12px; text-transform: none; background: none; }
.intake__chip.is-detected { color: var(--accent-bright); background: none; }
.hero__alt { font-size: 12px; }
.hero__status { display: none; }

.section, .process, .work, .about, .faq, .cta, .proof { background: #050505; }
.section { padding-block: 88px; border-top: 1px solid #191919; }
.section__title { font-size: 44px; font-weight: 600; line-height: 1.15; }
.section__title em, .cta__title em { color: #b5c6ff; }
.section__head::before, .offer::after, .tier::after, .why__card::after, .cta__glow { display: none; }
.offer, .offer:first-child, .tier, .tier--feature, .why__card, .case--cta {
  background: #0b0b0b; box-shadow: none; border-color: #242424;
}
.offer:hover, .tier:hover, .tier--feature, .tier--feature:hover, .why__card:hover { transform: none; }
.offer:first-child, .tier--feature { border-color: #344d99; }
.tier__amt, .stat__num { color: #fff; }
.tier__flag { box-shadow: none; }
.process { color: var(--text); }
.process .section__title, .process .step__title, .process .step__link { color: var(--text); }
.process .eyebrow, .process .section__head-link, .process .step__desc { color: var(--text-dim); }
.process .steps { border: 0; gap: 28px; }
.process .step { padding: 24px 0; background: none; border: 0; border-top: 1px solid #242424; box-shadow: none; }
.process .step__num { padding: 0; border: 0; color: var(--accent-bright); margin-bottom: 24px; }
.process .step__link, .process .section__head-link { border-color: #343434; }
.about__portrait { box-shadow: none; }
.faq__item summary { font-size: 17px; }
.cta__inner { background: none; border: 0; backdrop-filter: none; padding-block: 0; }
.cta .eyebrow { border: 0; padding: 0; }
.cta__title { font-size: 52px; }
.reveal { opacity: 1; transform: none; }

@media (max-width: 1000px) {
  .hero__title { font-size: 56px; }
  .nav__inner { gap: 16px; }
}
@media (max-width: 640px) {
  .brand__logo, .nav.is-scrolled .brand__logo { width: 108px; height: 30px; }
  .hero { padding: 116px 20px 36px; }
  .hero__inner { gap: 22px; width: 100%; }
  .hero__title { font-size: 38px; line-height: 1.12; }
  .hero__sub { font-size: 15px; }
  .intake--hero { margin-top: 8px; }
  .intake--hero .intake__bar { min-height: 72px; padding: 8px; }
  .intake--hero .intake__input { min-height: 54px; padding: 12px; font-size: 16px; }
  .intake--hero .intake__submit { flex-basis: 44px; min-width: 44px; width: 44px; height: 44px; min-height: 44px; }
  .intake--hero .intake__meta { gap: 12px; }
  .section { padding-block: 60px; }
  .section__title { font-size: 32px; }
  .cta__title { font-size: 36px; }
}

/* Consistent surfaces, spacing and interaction states. */
html { scroll-padding-top: 110px; }
.nav, .nav.is-scrolled { top: 16px; left: 24px; right: 24px; width: auto; max-width: 1192px; margin-inline: auto; border: 1px solid #252525; border-radius: 8px; background: rgba(12,12,12,.94); backdrop-filter: blur(20px); }
.nav .nav__inner, .nav.is-scrolled .nav__inner { padding: 12px 20px; min-height: 64px; }
.nav__pill { background: transparent; gap: 2px; }
.nav__pill a { font-size: 13px; padding: 8px 12px; border-radius: 4px; }
.nav .btn { border-radius: 4px; }
.brand__logo, .nav.is-scrolled .brand__logo { width: 118px; height: 32px; }
.hero__alt { margin-top: 0; }
.hero__inner { gap: 22px; }
.work--strip .case__media img { filter: none; }
.work--strip .case:hover .case__media img { transform: scale(1.025); }
.work--strip .case__title { font-size: 17px; font-weight: 600; }
.work--strip .case__client { font-size: 12px; }
.work--strip .bento.work-carousel { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: none; scrollbar-width: none; }
.work--strip .bento.work-carousel::-webkit-scrollbar { display: none; }
.work--strip .work-carousel .case { flex: 0 0 248px; }
.work-carousel-controls { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.work-carousel-controls button { width: 38px; height: 38px; border: 1px solid #343439; border-radius: 6px; background: #141417; color: #fff; font: 18px Inter, sans-serif; cursor: pointer; }
.work-carousel-controls button:hover { background: #25252b; }
.work-carousel-controls button:focus-visible, .work-carousel:focus-visible { outline: 2px solid #779aff; outline-offset: 3px; }
@media (max-width: 640px) { .work--strip .work-carousel .case { flex-basis: 210px; } }
.work--strip .case--sample:nth-child(n) { aspect-ratio: auto; background: #111113; display: flex; flex-direction: column; }
.work--strip .case--sample .case__media { position: relative; aspect-ratio: 9 / 16; transform: none; }
.case--sample video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.work--strip .case--sample .case__overlay { position: static; display: block; background: none; padding: 16px; }
.case--sample .case__client { text-transform: none; line-height: 1.5; }
.proof { padding-block: 30px 54px; }
.proof .stats__grid { border-block: 1px solid #222; }
.proof .stat { padding: 26px 24px; }
.proof .stat__num, .proof .stat__num--word { font-size: 32px; font-weight: 500; line-height: 1.2; }
.proof .stat__label { font-family: var(--f-body); font-size: 12px; line-height: 1.6; text-transform: none; max-width: 23ch; margin-top: 10px; }
.section { padding-block: 76px; }
.section__title { font-size: 42px; font-weight: 500; }
.offers .offer { padding: 12px 12px 18px; transition: border-color .2s; }
.offers .offer:first-child { border-color: #242424; }
.offers .offer:hover { border-color: #555; }
.offer__image { aspect-ratio: 4 / 3; margin-bottom: 24px; }
.offers .offer__top, .offers .offer__details, .offers .offer__foot { margin-inline: 8px; }
.offers .offer__title { font-size: 22px; font-weight: 500; }
.offers .offer__price { border: 0; padding: 0; }
.offers .offer__pitch { min-height: 112px; color: #a3a3a3; }
.offer__details summary { text-decoration: none; padding-block: 10px; border-top: 1px solid #252525; }
.offer__details summary:hover { color: white; }
.offers .offer__foot .btn { font-weight: 500; }
.pricing .tier__head { min-height: 108px; }
.pricing .tier__name { font-size: 22px; font-weight: 500; }
.pricing .tier { position: relative; padding-top: 46px; }
.pricing .tier__flag { position: absolute; top: 15px; left: 28px; font-size: 10px; }
.pricing .tier__amt { font-size: 48px; font-weight: 500; }
.pricing .tier__per { font-size: 13px; }
.pricing .tier .btn { border-radius: 4px; font-size: 13px; }
.process .step__num { font-family: var(--f-body); font-size: 14px; }
.process .step__title, .why .why__title { font-size: 23px; font-weight: 500; }
.process .step__desc, .why .why__desc { font-size: 15px; color: #a3a3a3; }
.faq__inner { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 72px; }
.faq__head .eyebrow { display: none; }
.faq__head { align-self: start; }
.faq__item summary { font-size: 16px; font-weight: 500; padding: 24px 0; gap: 24px; }
.faq__body p { font-size: 14px; padding-left: 0; color: #a3a3a3; }
.cta__title { font-size: 52px; font-weight: 500; max-width: 20ch; margin-inline: auto; }
.cta__sub { font-size: 16px; max-width: 58ch; }
.intake--compact .intake__bar { border-radius: 8px; padding: 6px; }
.intake--compact .intake__bar::before, .intake--compact .intake__bar::after { content: none; }
.intake--compact .intake__submit { border-radius: 4px; }
.cta__avail { font-size: 11px; color: #949494; }
.footer { padding-top: 44px; }
.footer__email { font-size: 22px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #7798ff; outline-offset: 5px; }
@media (max-width: 1000px) {
  .nav .nav__inner { gap: 12px; }
  .nav__pill a { padding-inline: 7px; }
  .faq__inner { gap: 32px; }
}
@media (max-width: 760px) {
  .nav, .nav.is-scrolled { top: 10px; left: 12px; right: 12px; }
  .nav .nav__inner, .nav.is-scrolled .nav__inner { padding: 10px 12px; min-height: 56px; }
  .brand__logo, .nav.is-scrolled .brand__logo { width: 100px; height: 28px; }
  .section { padding-block: 56px; }
  .section__title { font-size: 32px; }
  .faq__inner { display: grid; grid-template-columns: 1fr; gap: 28px; }
  .offers .offer__pitch { min-height: 0; }
  .pricing .tier__head { min-height: 0; }
  .pricing .tier { padding-top: 44px; }
  .cta__title { font-size: 36px; }
  .proof .stat { padding: 20px 16px; }
  .proof .stat__num, .proof .stat__num--word { font-size: 28px; }
}
@media (max-width: 360px) {
  .hero__title { font-size: 32px; }
  .intake--hero .intake__input { font-size: 14px; padding-inline: 8px; }
}
/* Match the live Mucinly.ai type hierarchy. */
.hero__title, .section__title, .cta__title,
.offers .offer__title, .pricing .tier__name,
.process .step__title, .why .why__title { font-weight: 800; }
.hero__title em, .section__title em, .cta__title em {
  font-family: var(--f-serif); font-style: italic; font-weight: 400;
}
.nav__pill a { font-weight: 500; }
.btn, .offers .offer__foot .btn { font-weight: 600; }

/* Pricing uses one type family and aligned comparison rows. */
.pricing .tiers { border-color: #414141; }
.pricing .tier { border-color: #414141; order: 0; }
.pricing .tier__head { min-height: 112px; }
.pricing .tier__price { min-height: 84px; margin: 0 0 20px; padding-bottom: 22px; border-color: #414141; }
.pricing .tier__amt { font-family: var(--f-body); font-weight: 800; font-size: 48px; font-variant-numeric: lining-nums tabular-nums; }
.pricing .tier__per, .pricing .tier__flag, .pricing .tier__features,
.offers .offer__amt, .offers .offer__note { font-family: var(--f-body); text-transform: none; letter-spacing: 0; }
.pricing .tier__per { font-size: 14px; color: #b4b4b4; }
.pricing .tier__tagline { color: #b4b4b4; font-size: 14px; }
.pricing .tier__features { display: grid; grid-template-rows: repeat(6, minmax(64px, auto)); gap: 0; flex-grow: 0; }
.pricing .tier__features li { display: flex; align-items: center; font-size: 14px; line-height: 1.5; padding: 12px 0 12px 24px; border-bottom: 1px solid #303030; color: #c3c3c3; }
.pricing .tier__features li::before { top: calc(50% - 4px); }
.pricing .tier > .btn { margin-top: auto; }
@media (max-width: 900px) {
  .pricing .tier__head { min-height: 0; margin-bottom: 24px; }
  .pricing .tier__features { grid-template-rows: none; grid-auto-rows: minmax(52px, auto); }
}

/* Keep prices prominent without ruling every row. */
.section, .proof .stats__grid, .proof .stat,
.pricing .tiers, .pricing .tier, .pricing .tier__price,
.pricing .tier__features li, .offer__details summary,
.process .step, .why .why__card { border: 0; }
.pricing .tiers { gap: 32px; }
.pricing .tier { padding-inline: 16px; }
.pricing .tier__flag { left: 16px; }
.pricing .tier__price { min-height: 116px; }
.pricing .tier__amt { font-size: 44px; }
.pricing .tier__amt--custom { font-size: 32px; line-height: 1.2; }
.pricing .tier__volume { flex-basis: 100%; font-size: 14px; font-family: var(--f-body); font-weight: 500; color: #b4b4b4; margin-top: 8px; }
.pricing .tier__features { grid-template-rows: repeat(5, minmax(56px, auto)); }
.offer__heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px; min-height: 84px; }
.offers .offer__price { max-width: none; text-align: right; margin-top: 0; }
.offers .offer__amt { font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.offers .offer__note { display: block; font-size: 12px; color: #a3a3a3; margin-top: 5px; }
.section.volume { padding-block: 44px; }
.volume .section__head { display: block; max-width: 620px; margin: 0 auto 26px; text-align: center; }
.volume .section__title { max-width: none; font-size: 30px; font-weight: 500; line-height: 1.2; }
.volume .section__head p { color: #a3a3a3; font-size: 14px; line-height: 1.6; margin-top: 12px; }
.volume-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; max-width: 860px; margin: auto; }
.volume-type h3 { font-size: 19px; margin-bottom: 6px; }
.volume-type > p { color: #a3a3a3; font-size: 13px; margin-bottom: 12px; }
.volume table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.volume th, .volume td { padding: 11px 0; text-align: right; font-size: 14px; }
.volume th:first-child { text-align: left; font-weight: 500; }
.volume thead th { font-size: 12px; color: #a3a3a3; font-weight: 400; }
.volume tbody tr + tr { border-top: 1px solid #252528; }
.volume td:nth-child(2) { font-size: 18px; font-weight: 600; }
.volume td:last-child { color: #b5c6ff; font-size: 13px; }
@media (max-width: 640px) {
  .section.volume { padding-block: 32px; }
  .volume .section__title { font-size: 25px; }
  .volume-grid { grid-template-columns: 1fr; gap: 28px; }
  .offers .offer__heading { min-height: 76px; }
  .offers .offer__title { font-size: 21px; }
  .offers .offer__amt { font-size: 26px; }
}
@media (max-width: 900px) {
  .pricing .tier, .pricing .tier--feature { border: 0; }
  .pricing .tier__features { grid-template-rows: none; }
}

/* Orbiting border light, with a separately blurred halo. */
@property --mucinly-glow-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: true;
}
.intake .intake__bar,
.offers .offer__foot .btn,
.pricing .tier .btn {
  position: relative;
  overflow: visible;
  isolation: isolate;
  animation: mucinly-border-orbit 4s linear infinite;
}
.offers .offer__foot .btn, .pricing .tier .btn {
  background: #101c46;
  color: #fff;
  border-color: #2b427e;
}
.intake .intake__bar::before,
.intake .intake__bar::after,
.offers .offer__foot .btn::before,
.offers .offer__foot .btn::after,
.pricing .tier .btn::before,
.pricing .tier .btn::after {
  content: "";
  position: absolute;
  inset: -1px;
  width: auto;
  height: auto;
  padding: 2px;
  border: 0;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from var(--mucinly-glow-angle), transparent 0% 58%, #295bff 73%, #c4d5ff 80%, #4e7dfd 86%, transparent 96%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 1;
  transition: opacity .3s, filter .3s;
}
.intake .intake__bar::after,
.offers .offer__foot .btn::after,
.pricing .tier .btn::after { z-index: 2; }
.intake .intake__bar::before,
.offers .offer__foot .btn::before,
.pricing .tier .btn::before {
  inset: -5px;
  padding: 6px;
  filter: blur(9px);
  opacity: .55;
  z-index: -1;
}
.intake .intake__bar:focus-within,
.offers .offer__foot .btn:focus-visible,
.pricing .tier .btn:focus-visible { animation-play-state: paused; box-shadow: 0 0 24px rgba(41,91,255,.22); }
.intake .intake__bar:focus-within::before,
.offers .offer__foot .btn:focus-visible::before,
.pricing .tier .btn:focus-visible::before { opacity: .9; filter: blur(12px); }
@media (hover: hover) {
  .intake .intake__bar:hover,
  .offers .offer__foot .btn:hover,
  .pricing .tier .btn:hover { animation-play-state: paused; box-shadow: 0 0 24px rgba(41,91,255,.22); }
  .intake .intake__bar:hover::before,
  .offers .offer__foot .btn:hover::before,
  .pricing .tier .btn:hover::before { opacity: .9; filter: blur(12px); }
}
@keyframes mucinly-border-orbit { to { --mucinly-glow-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) {
  .intake .intake__bar::before, .offers .offer__foot .btn::before, .pricing .tier .btn::before { display: none; }
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}