@media (max-width: 1180px) {.site-header__inner {
    gap: 18px;
  }.desktop-nav {
    gap: 2px;
  }.nav-link,
.nav-menu > summary {
    padding-inline: 8px;
    font-size: 14px;
  }.category-card > div {
    padding: 24px 20px;
  }.audience-panel {
    grid-template-columns: 0.75fr 1.25fr;
  }.audience-panel__content {
    padding: 44px 30px;
  }
}@media (max-width: 1120px) {:root {
    --header-height: 66px;
  }.site-header {
    height: var(--header-height);
  }.site-header__inner {
    grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr);
    gap: 10px;
  }.desktop-nav,
.header-actions {
    display: none;
  }.site-logo {
    order: 2;
    min-width: 0;
    justify-self: center;
  }.mobile-menu-toggle {
    order: 1;
    display: grid;
    justify-self: start;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    background: #fff;
    color: var(--color-ink);
  }.mobile-header-cta {
    order: 3;
    display: inline-flex;
    justify-self: end;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 9px;
    background: var(--color-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
  }.mobile-menu-toggle .icon {
    grid-area: 1 / 1;
    width: 21px;
    height: 21px;
  }.menu-icon-close {
    opacity: 0;
  }.mobile-menu-toggle[aria-expanded="true"] .menu-icon-open {
    opacity: 0;
  }.mobile-menu-toggle[aria-expanded="true"] .menu-icon-close {
    opacity: 1;
  }.mobile-menu {
    position: absolute;
    z-index: var(--z-menu);
    top: 100%;
    right: 0;
    left: 0;
    height: calc(100dvh - var(--header-height));
    display: block;
    overflow-y: auto;
    border-top: 1px solid var(--color-line);
    background: linear-gradient(180deg, #fff, #f7fafc);
  }.mobile-menu[hidden] {
    display: none;
  }.mobile-menu nav,
.mobile-menu__actions {
    width: min(calc(100% - var(--page-gutter-current) * 2), 720px);
    margin-inline: auto;
  }.mobile-menu nav {
    display: grid;
    gap: 10px;
    padding-block: 18px;
  }.mobile-menu nav > a,
.mobile-menu details > summary {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-inline: 16px;
    border: 1px solid var(--color-line);
    border-radius: 12px;
    background: #fff;
    color: var(--color-ink);
    font-size: 16px;
    font-weight: 700;
    list-style: none;
  }.mobile-menu nav > a[aria-current="page"],
.mobile-menu details.is-current > summary {
    border-color: rgba(15, 118, 110, 0.22);
    background: rgba(240, 253, 250, 0.64);
    color: var(--color-primary);
  }.mobile-menu details > summary .icon {
    transition: transform var(--transition);
  }.mobile-menu details[open] > summary .icon {
    transform: rotate(180deg);
  }.mobile-menu details > div {
    display: grid;
    gap: 8px;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--color-line);
    border-radius: 12px;
    background: #fff;
  }.mobile-menu__group {
    display: grid;
    gap: 2px;
  }.mobile-menu__label {
    padding: 6px 0 2px;
    color: var(--color-ink);
    font-size: 14px;
    font-weight: 800;
  }.mobile-menu details > div a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding-block: 8px;
    color: var(--color-muted);
    font-size: 14px;
    font-weight: 600;
  }.mobile-menu__top-link {
    min-height: 46px !important;
    padding: 9px 12px !important;
    border-radius: var(--radius-md);
    background: var(--color-primary-very-soft);
    color: var(--color-primary) !important;
    font-weight: 800 !important;
  }.mobile-menu__cta {
    margin-top: 8px;
    color: var(--color-primary) !important;
    font-weight: 800;
  }.mobile-menu__group-all {
    min-height: 44px !important;
    color: var(--color-primary) !important;
    font-weight: 800 !important;
  }.mobile-menu__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0 0 28px;
  }.mobile-menu__actions > a:first-child {
    display: grid;
    min-height: 48px;
    place-items: center;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-md);
    font-size: 16px;
    font-weight: 700;
  }.mobile-menu__actions .button {
    min-height: 48px;
    font-size: 16px;
    font-weight: 800;
  }.hero-product-stage {
    width: min(990px, calc(100% - 56px));
  }.hero-product-stage > .product-shell {
    width: 820px;
  }.hero-invite-stack {
    width: 176px;
  }
}@media (min-width: 1025px) and (max-width: 1340px) {

}@media (max-width: 1024px) {:root {
    --page-gutter-current: var(--page-gutter-tablet);
  }h1 {
    font-size: 48px;
  }h2 {
    font-size: 34px;
  }.home-hero h1 {
    font-size: 50px;
  }body.home-page .lp-section {
    padding-block: 96px;
  }.lp-step-grid,
.lp-plain-grid--four,
.lp-event-grid,
.lp-card-grid--six,
.lp-template-grid,
.lp-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }body.home-page .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }body.pricing-page .commerce-card {
    min-height: 470px;
  }body.pricing-page .pricing-compare__row--head {
    top: 66px;
  }
.lp-live__layout {
    grid-template-columns: 1fr;
    gap: 56px;
  }.lp-control .product-section__stage {
    width: 100%;
  }.lp-note-grid {
    justify-content: flex-start;
  }
.category-grid,
.template-grid,
.template-grid--full {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.category-card {
    min-height: 390px;
  }.feature-grid--three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.how-band__layout,
.product-split,
.share-band,
.product-focus,
.about-story,
.category-detail__intro {
    gap: 48px;
  }.feature-showcase {
    grid-template-columns: 1fr;
    gap: 44px;
  }.feature-showcase__intro {
    position: static;
  }.audience-section {
    grid-template-columns: 1fr;
  }.audience-panel + .audience-panel {
    border-top: 1px solid var(--color-line);
    border-left: 0;
  }.audience-panel {
    grid-template-columns: 0.9fr 1.1fr;
    min-height: 460px;
  }.pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }body.pricing-page .pricing-shared__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
body.pricing-page .pricing-compare__row {
    grid-template-columns: minmax(0, 1.15fr) repeat(4, minmax(0, 1fr));
  }
body.pricing-page .pricing-shared {
    grid-template-columns: 1fr;
  }body.pricing-page .pricing-faq-grid {
    grid-template-columns: 1fr;
  }body.pricing-page .pricing-faq-layout {
    grid-template-columns: 1fr;
  }body.pricing-page .pricing-faq-aside {
    position: static;
  }body.pricing-page .pricing-start {
    grid-template-columns: 1fr;
    gap: 32px;
  }.values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.contact-layout {
    gap: 48px;
  }.featured-article > div:last-child {
    padding: 36px;
  }.category-scenario {
    gap: 54px;
  }
}
@media (max-width: 900px) {.section {
    padding-block: 80px;
  }body.home-page .lp-section {
    padding-block: 84px;
  }body.home-page .lp-section .section-heading {
    margin-bottom: 36px;
  }body.home-page .lp-section .section-heading h2 {
    font-size: 40px;
  }.lp-faq .home-faq-aside .section-heading h2 {
    font-size: 40px;
  }.lp-step-grid,
.lp-plain-grid--four,
.lp-event-grid,
.lp-card-grid--six,
.lp-template-grid,
.lp-pricing-grid {
    grid-template-columns: 1fr;
  }body.home-page .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    grid-template-columns: 1fr;
  }body.home-page .commerce-card,
body.pricing-page .commerce-card {
    min-height: 0;
  }body.pricing-page .pricing-start {
    padding: 38px 30px;
  }
body.pricing-page .pricing-shared {
    padding: 28px;
  }body.pricing-page .pricing-differences__heading {
    display: grid;
    gap: 8px;
  }body.pricing-page .pricing-differences__heading p {
    max-width: none;
    text-align: left;
  }body.pricing-page .faq-layout > .faq-list {
    padding-inline: 20px;
  }.lp-step-grid .step-item,
.lp-plain-card,
body.home-page .feature-item,
body.home-page .price-card {
    min-height: 0;
  }.lp-event-grid .category-card {
    min-height: 420px;
  }
.lp-live__layout {
    gap: 44px;
  }.lp-live__mockup {
    min-height: 520px;
  }.home-hero {
    min-height: 610px;
  }.hero-product-stage {
    width: min(790px, 100%);
  }.hero-product-stage > .product-shell {
    width: min(690px, calc(100% - 72px));
  }.hero-invite-stack {
    width: 158px;
    height: 206px;
  }.hero-phone {
    display: none;
  }.how-band__layout,
.product-split,
.share-band,
.product-focus,
.about-story,
.custom-type,
.category-detail__intro,
.corporate-use-cases,
.contact-layout {
    grid-template-columns: 1fr;
  }.how-band__visual {
    min-height: 520px;
  }.product-split__visual,
.product-focus > div:last-child {
    order: -1;
  }.faq-layout,
.faq-page-layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }.home-faq-layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }.home-faq-aside {
    max-width: 680px;
  }.faq-page-aside {
    position: static;
  }.trust-strip,
.guest-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.final-cta__inner {
    display: grid;
  }.final-cta__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
.final-cta__actions {
    justify-self: start;
    min-width: min(100%, 468px);
  }
.footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px;
  }.site-footer__top {
    grid-template-columns: 1fr;
    gap: 52px;
  }.article-content,
.legal-layout {
    grid-template-columns: minmax(0, 760px);
  }.article-content aside,
.legal-layout aside {
    display: none;
  }.featured-article {
    grid-template-columns: 1fr;
  }.featured-article__image img {
    min-height: 340px;
    aspect-ratio: 16 / 8;
  }.corporate-flow {
    gap: 18px;
  }.category-scenario {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
}
@media (max-width: 760px) {:root {
    --header-height: 64px;
    --page-gutter-current: var(--page-gutter-mobile);
  }h1 {
    font-size: 40px;
  }h2 {
    font-size: 30px;
  }.section {
    padding-block: 68px;
  }body.home-page .lp-section {
    padding-block: 72px;
  }body.home-page .lp-section .section-heading h2 {
    font-size: 34px;
  }body.home-page .lp-section .section-heading > p:last-child {
    font-size: 16px;
  }.lp-step-grid .step-item {
    gap: 20px;
    padding: 26px;
  }body.home-page .feature-item {
    padding: 26px;
  }.lp-manage__list article {
    padding: 18px;
  }.lp-phone-stack {
    min-height: 450px;
  }.lp-phone-stack .phone-preview {
    left: 3%;
    transform: scale(0.82) rotate(-5deg);
    transform-origin: top left;
  }.lp-phone-stack .phone-preview + .phone-preview {
    right: 0;
    transform: scale(0.82) rotate(5deg);
    transform-origin: top right;
  }.lp-phone-stack .response-popover {
    right: 4%;
    bottom: 54px;
  }.section-heading {
    margin-bottom: 34px;
  }.section-heading > p:last-child,
.page-hero__lead {
    font-size: 15px;
  }.page-hero__inner {
    padding-block: 66px 72px;
  }.home-hero {
    min-height: 590px;
  }.home-hero__inner {
    padding-top: 42px;
  }.home-hero h1 {
    font-size: 42px;
  }.home-hero__lead {
    font-size: 16px;
  }.hero-product-stage {
    height: 235px;
    margin-top: 30px;
  }.hero-product-stage > .product-shell {
    width: calc(100% - 60px);
  }.hero-invite-stack {
    top: 28px;
    width: 130px;
    height: 185px;
  }.hero-invite span,
.hero-invite strong {
    left: 10px;
  }.hero-invite strong {
    bottom: 10px;
    font-size: 12px;
  }.hero-invite span {
    bottom: 30px;
    font-size: 7px;
  }.product-shell--compact .product-shell__workspace,
.product-shell__workspace {
    grid-template-columns: 1fr;
  }.product-shell__sidebar,
.product-shell--compact .product-shell__sidebar {
    display: none;
  }.product-shell__lower {
    display: none;
  }.product-shell__content {
    padding: 14px;
  }.metric-grid {
    gap: 7px;
  }.metric {
    padding: 8px;
  }.metric__icon {
    width: 28px;
    height: 28px;
  }.metric strong {
    font-size: 15px;
  }.category-more a {
    width: 100%;
    margin: 6px 0 0;
  }.feature-grid--three {
    grid-template-columns: 1fr;
  }.feature-item {
    padding: 24px;
  }.feature-item__icon {
    margin-bottom: 26px;
  }.feature-showcase__list {
    grid-template-columns: 1fr;
  }.feature-showcase .feature-item__icon {
    margin-bottom: 28px;
  }.product-notes {
    grid-template-columns: 1fr;
  }.audience-panel {
    grid-template-columns: 1fr;
  }.audience-panel__image {
    min-height: 300px;
  }.audience-panel__content {
    padding: 42px 28px;
  }.pricing-grid {
    grid-template-columns: 1fr;
  }body.pricing-page .pricing-archive-note {
    padding: 14px 16px;
  }
body.pricing-page .pricing-shared {
    padding: 22px;
    border-radius: 26px;
  }body.pricing-page .pricing-shared__grid {
    grid-template-columns: 1fr;
  }body.pricing-page .pricing-compare__row {
    grid-template-columns: 1fr;
    gap: 8px;
  }body.pricing-page .pricing-compare__row--head {
    display: none;
  }body.pricing-page .pricing-compare__cell {
    align-items: flex-start;
    flex-direction: column;
  }body.pricing-page .pricing-compare__cell:not(.pricing-compare__cell--label)::before {
    content: attr(data-plan-name);
    color: var(--color-primary-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }body.pricing-page .pricing-faq-section {
    padding-block: 76px 58px;
  }body.pricing-page .pricing-faq-aside {
    padding: 24px;
    border-radius: 22px;
  }body.pricing-page .pricing-faq-card summary {
    min-height: 66px;
    padding: 18px;
    font-size: 15px;
  }body.pricing-page .pricing-faq-card div {
    padding: 0 18px 18px;
  }body.pricing-page .pricing-start-section {
    padding-block: 48px 82px;
  }body.pricing-page .pricing-start {
    padding: 30px 22px;
    border-radius: 22px;
  }body.pricing-page .pricing-start__panel {
    padding: 24px 20px;
  }body.pricing-page .pricing-start__panel h3 {
    font-size: 24px;
  }.site-footer__top {
    gap: 42px;
    padding-block: 64px;
  }.price-card {
    padding: 26px 22px;
  }.section-heading-row {
    display: grid;
    align-items: start;
  }.template-grid,
.template-grid--full {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.trust-strip,
.guest-journey {
    grid-template-columns: 1fr;
  }.trust-strip span {
    min-height: 82px;
    justify-content: flex-start;
  }.guest-journey > div {
    min-height: 150px;
  }.faq-item summary {
    min-height: 70px;
    font-size: 14px;
  }.lp-faq .home-faq-aside .section-heading h2 {
    font-size: 34px;
    line-height: 1.1;
  }.lp-faq .home-faq-aside .section-heading > p:last-child {
    font-size: 16px;
  }.home-faq-aside > .button {
    width: 100%;
    justify-content: center;
  }.home-faq-support {
    grid-template-columns: 1fr;
    max-width: none;
    padding: 20px;
  }.home-faq-item__trigger {
    min-height: 74px;
    padding-right: 4px;
    font-size: 15px;
  }.home-faq-item__answer {
    padding: 0 34px 22px 0;
  }.final-cta {
    padding-block: 68px;
  }.final-cta {
    padding-block: 50px;
  }
.final-cta__inner {
    gap: 28px;
    text-align: center;
  }
.final-cta__copy,
.final-cta h2,
.final-cta p:not(.eyebrow) {
    max-width: none;
  }
.final-cta__actions {
    width: min(100%, 340px);
    min-width: 0;
    justify-self: center;
  }
.final-cta .button-row {
    grid-template-columns: 1fr;
  }
.final-cta .button {
    min-width: 0;
  }
.site-footer__top {
    grid-template-columns: 1fr;
    gap: 46px;
    padding-block: 60px;
  }.footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px 30px;
  }.site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }.type-grid,
.pricing-principles,
.upcoming-articles {
    grid-template-columns: 1fr;
  }.pricing-principles {
    gap: 32px;
  }.custom-type {
    padding: 28px;
  }.corporate-flow {
    display: grid;
    grid-template-columns: 1fr;
  }.corporate-flow > .icon {
    transform: rotate(90deg);
  }.corporate-flow > div {
    min-width: 0;
  }.about-statement {
    min-height: 330px;
    padding: 34px;
  }.about-statement blockquote {
    margin-top: 80px;
    font-size: 25px;
  }.form-row {
    grid-template-columns: 1fr;
  }.contact-form {
    padding: 28px;
  }.article-header {
    padding-block: 60px 42px;
  }.article-header > p:not(.eyebrow) {
    font-size: 16px;
  }.article-content {
    padding-block: 52px 76px;
  }.article-prose h2 {
    font-size: 27px;
  }.article-prose p,
.article-prose li {
    font-size: 15px;
  }.article-lead {
    font-size: 18px !important;
  }.legal-hero {
    padding-block: 64px;
  }.legal-layout {
    padding-block: 60px 84px;
  }.not-found__code {
    font-size: 110px;
  }.category-scenario {
    grid-template-columns: 1fr;
    gap: 44px;
  }.category-scenario .template-card {
    width: min(320px, 100%);
  }.site-fab {
    right: 16px;
    bottom: 16px;
    gap: 8px;
  }.site-fab__item {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }.site-fab__item .icon {
    width: 20px;
    height: 20px;
  }
}@media (max-width: 540px) {.site-header__inner {
    gap: 8px;
  }.mobile-header-cta {
    min-height: 38px;
    padding-inline: 11px;
    font-size: 12px;
  }.mobile-menu-toggle {
    width: 42px;
    height: 42px;
  }h1 {
    font-size: 34px;
  }h2 {
    font-size: 28px;
  }.home-faq-layout {
    gap: 34px;
  }.home-faq-aside {
    gap: 18px;
  }.lp-faq .home-faq-aside .section-heading h2 {
    font-size: 31px;
    line-height: 1.1;
  }.lp-faq .home-faq-aside .section-heading > p:last-child {
    font-size: 15px;
  }.home-faq-support {
    border-radius: 18px;
  }.home-faq-item__trigger {
    min-height: 68px;
    gap: 14px;
  }.home-faq-item__answer {
    padding-right: 18px;
  }.site-logo {
    font-size: 18px;
  }.site-logo img {
    width: 31px;
    height: 31px;
  }.mobile-menu nav,
.mobile-menu__actions {
    width: min(calc(100% - var(--page-gutter-current) * 2), 720px);
  }.button-row:not(.button-row--keep-inline) {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }.button-row:not(.button-row--keep-inline) .button {
    width: 100%;
  }.page-hero__inner {
    padding-block: 54px 58px;
  }.page-hero h1 {
    margin-bottom: 16px;
  }.page-hero__lead {
    margin-bottom: 22px;
  }body.pricing-page .page-hero h1 {
    font-size: 30px;
    overflow-wrap: break-word;
  }body.pricing-page .page-hero__lead {
    max-width: 100%;
  }body.pricing-page .commerce-card {
    padding: 42px 20px 28px;
    border-radius: 28px;
  }body.pricing-page .commerce-card__price strong {
    font-size: 48px;
  }body.pricing-page .pricing-shared__grid > span {
    min-height: 78px;
  }body.pricing-page .pricing-start h2 {
    font-size: 30px;
  }.home-hero {
    min-height: 0;
  }.home-hero__inner {
    padding-top: 30px;
  }.home-hero h1 {
    margin-bottom: 13px;
    font-size: 31px;
  }.home-hero__lead {
    margin-bottom: 17px;
    font-size: 14px;
    line-height: 1.55;
  }.home-hero .button-row {
    gap: 10px;
  }.home-hero .button {
    min-height: 46px;
    min-width: 148px;
    padding-inline: 16px;
    font-size: 13px;
  }.hero-product-stage {
    width: 100%;
    height: 180px;
    margin-top: 22px;
  }.hero-product-stage > .product-shell {
    width: 100%;
  }.hero-invite-stack {
    display: none;
  }.product-shell__topbar {
    height: 36px;
    padding-inline: 10px;
  }.product-shell__brand {
    font-size: 9px;
  }.product-shell__brand img {
    width: 18px;
    height: 18px;
  }.product-shell__content,
.product-shell--compact .product-shell__content {
    padding: 9px;
  }.product-shell__heading,
.product-shell--compact .product-shell__heading {
    margin-bottom: 7px;
  }.product-shell__heading small {
    display: none;
  }.product-shell__heading strong {
    font-size: 11px;
  }.mini-button {
    height: 25px;
    font-size: 7px;
  }body.home-page .lp-section {
    padding-block: 72px;
  }body.home-page .lp-section .section-heading {
    margin-bottom: 30px;
  }body.home-page .lp-section .section-heading h2 {
    font-size: 31px;
  }body.home-page .lp-section .section-heading > p:last-child {
    font-size: 15px;
  }
.section-heading-row {
    display: grid;
    gap: 16px;
  }.section-heading-row .button {
    width: 100%;
  }.lp-step-grid .step-item,
.lp-plain-card,
body.home-page .feature-item,
body.home-page .price-card {
    padding: 24px;
  }body.home-page .commerce-card,
body.pricing-page .commerce-card {
    gap: 13px;
    padding: 28px 20px 24px;
    border-radius: 24px;
  }body.home-page .commerce-card__top,
body.pricing-page .commerce-card__top {
    top: -15px;
    right: 18px;
  }body.home-page .commerce-card h3,
body.pricing-page .commerce-card h3 {
    padding-right: 76px;
    font-size: 21px;
  }body.pricing-page .commerce-card:not(.commerce-card--badged) h3 {
    padding-right: 0;
  }body.home-page .commerce-card__summary,
body.pricing-page .commerce-card__summary {
    font-size: 13px;
  }body.home-page .commerce-card__price strong,
body.pricing-page .commerce-card__price strong {
    font-size: clamp(46px, 15vw, 58px);
  }body.home-page .commerce-card__feature,
body.pricing-page .commerce-card__feature {
    min-height: 48px;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 9px 10px;
  }body.home-page .commerce-card__feature-icon,
body.pricing-page .commerce-card__feature-icon {
    width: 30px;
    height: 30px;
  }body.home-page .commerce-card__feature b,
body.pricing-page .commerce-card__feature b {
    font-size: 12px;
  }.lp-event-grid .category-card {
    min-height: 360px;
  }
.lp-live__layout {
    gap: 34px;
  }.lp-live__mockup {
    min-height: 430px;
  }.lp-live__mockup .phone-preview {
    width: 238px;
    height: 486px;
    left: 0;
    transform: scale(0.82) rotate(-5deg);
    transform-origin: top left;
  }.lp-live__mockup .phone-preview + .phone-preview {
    top: 82px;
    right: 0;
    left: auto;
    transform: scale(0.82) rotate(5deg);
    transform-origin: top right;
  }.lp-live__mockup .response-popover {
    right: 4%;
    bottom: 42px;
  }.lp-control .product-section__stage::before {
    inset: 10% -2% -8%;
  }.metric {
    display: grid;
    gap: 5px;
  }.metric__icon {
    width: 24px;
    height: 24px;
  }.metric strong {
    font-size: 13px;
  }.metric small,
.metric em {
    font-size: 7px;
  }.section--categories {
    padding-top: 58px;
  }.category-grid,
.template-grid,
.template-grid--full {
    grid-template-columns: 1fr;
  }.category-card {
    min-height: 330px;
  }.category-card p {
    min-height: 0;
  }.category-more span {
    width: 100%;
  }.how-band__visual {
    min-height: 430px;
  }.phone-preview {
    width: 190px;
    height: 388px;
    border-radius: 27px;
  }.phone-preview__speaker {
    width: 58px;
    height: 15px;
    margin-left: 58px;
  }.phone-preview__screen {
    padding: 18px;
    border-radius: 20px;
  }.how-band__visual .phone-preview:first-child {
    transform: translateX(50px) rotate(-6deg) scale(0.88);
  }.how-band__visual .phone-preview:nth-child(2) {
    transform: translateX(-34px) translateY(34px) rotate(5deg) scale(0.88);
  }.response-popover {
    right: 12px;
    bottom: 18px;
    width: 210px;
  }.audience-panel h2 {
    font-size: 27px;
  }.footer-links {
    grid-template-columns: 1fr;
    gap: 34px;
  }.type-item {
    grid-template-columns: 1fr;
  }.corporate-use-cases ul {
    grid-template-columns: 1fr;
  }.values-grid {
    grid-template-columns: 1fr;
  }.featured-article > div:last-child {
    padding: 26px;
  }.featured-article__image img {
    min-height: 260px;
  }.article-meta {
    flex-wrap: wrap;
    gap: 7px 14px;
  }.contact-form {
    padding: 22px 18px;
  }.contact-form .button {
    width: 100%;
  }.category-detail__image > span {
    right: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
  }.site-fab {
    right: 12px;
    bottom: 12px;
  }.site-fab__item {
    width: 48px;
    height: 48px;
  }.site-fab__item .icon {
    width: 20px;
    height: 20px;
  }
}@media (max-width: 390px) {.mobile-menu__actions {
    grid-template-columns: 1fr;
  }.site-header .site-logo {
    gap: 5px;
    font-size: 14px;
  }.site-header .site-logo img {
    width: 24px;
    height: 24px;
  }.mobile-header-cta {
    min-height: 36px;
    width: 84px;
    padding-inline: 5px;
    font-size: 9px;
  }.mobile-menu-toggle {
    width: 40px;
    height: 40px;
  }.home-hero h1 {
    font-size: 28px;
  }.home-hero__lead {
    font-size: 13px;
  }.button {
    padding-inline: 14px;
    font-size: 13px;
  }.home-hero .button {
    min-width: 132px;
    padding-inline: 12px;
  }.hero-product-stage {
    height: 170px;
  }.metric:nth-child(3) {
    display: none;
  }.metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.not-found__code {
    font-size: 92px;
  }
}@media (max-width: 1024px) {body.home-page .lp-control__stage {
    width: min(1180px, calc(100vw - 40px));
  }body.home-page .lp-control__stage .product-shell__workspace {
    grid-template-columns: 156px minmax(0, 1fr);
  }body.home-page .lp-control__stage .product-shell__sidebar {
    min-height: 430px;
    padding: 18px 11px;
  }body.home-page .lp-control__stage .product-shell__content {
    padding: 22px;
  }body.home-page .lp-control__stage .metric {
    padding: 13px;
  }body.home-page .lp-control__stage .chart-bars {
    height: 84px;
  }
}@media (max-width: 900px) {body.home-page .lp-step-grid .feature-item,
body.home-page .lp-plain-grid--four .feature-item {
    min-height: 0;
  }body.home-page .lp-event-cta {
    margin-top: 20px;
  }body.home-page .lp-control__stage {
    left: auto;
    padding: 22px 0 18px;
    width: 100%;
    transform: none;
  }body.home-page .lp-control__stage::before {
    inset: 5% -2% -6%;
  }body.home-page .lp-control__stage .product-shell {
    border-radius: 18px;
  }body.home-page .lp-control__stage .product-shell__workspace {
    grid-template-columns: 1fr;
  }body.home-page .lp-control__stage .product-shell__sidebar {
    display: none;
  }body.home-page .lp-control__stage .product-shell__content {
    padding: 18px;
  }body.home-page .lp-control__stage .product-shell__lower {
    grid-template-columns: 1fr;
  }body.home-page .phone-preview strong {
    font-size: 24px;
  }body.home-page .phone-preview__footer {
    flex-direction: column;
    align-items: center;
  }
}@media (max-width: 760px) {.footer-socials {
    flex-wrap: nowrap;
    gap: 7px;
  }
.footer-brand .social-link,
.contact-socials .social-link {
    width: 32px;
    height: 32px;
  }
.footer-brand .social-link .icon,
.contact-socials .social-link .icon {
    width: 15px;
    height: 15px;
  }
.footer-brand .social-link {
    width: 36px;
    height: 36px;
  }
.footer-brand .social-link .icon {
    width: 20px;
    height: 20px;
  }
body.home-page .lp-step-grid .feature-item,
body.home-page .lp-plain-grid--four .feature-item {
    padding: 28px;
  }body.home-page .phone-preview__screen {
    padding: 20px 18px;
  }body.home-page .phone-preview__details {
    gap: 6px;
  }body.home-page .phone-preview__details span {
    min-height: 34px;
    font-size: 10px;
  }body.home-page .phone-preview__footer {
    margin-top: 14px;
  }body.home-page .lp-control__stage .product-shell__topbar {
    height: 48px;
    padding-inline: 14px;
  }body.home-page .lp-control__stage .product-shell__brand {
    font-size: 11px;
  }body.home-page .lp-control__stage .product-shell__brand img {
    width: 24px;
    height: 24px;
  }body.home-page .lp-control__stage .product-shell__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }body.home-page .lp-control__stage .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }body.home-page .lp-control__stage .product-shell__lower {
    display: none;
  }body.home-page .lp-control__caption {
    margin-top: 10px;
    font-size: 13px;
  }body.home-page .lp-control__chips {
    margin-top: 12px;
  }
}@media (max-width: 540px) {.social-link {
    width: 38px;
    height: 38px;
  }body.home-page .lp-control__stage .product-shell__content {
    padding: 14px;
  }body.home-page .lp-control__stage .metric {
    gap: 9px;
    padding: 11px;
  }body.home-page .lp-control__stage .metric__icon {
    width: 32px;
    height: 32px;
  }body.home-page .lp-control__stage .metric strong {
    font-size: 18px;
  }body.home-page .lp-control__chips > div {
    min-height: 34px;
    padding: 8px 11px;
    font-size: 11px;
  }body.home-page .lp-step-grid .feature-item,
body.home-page .lp-plain-grid--four .feature-item {
    padding: 24px;
  }body.home-page .phone-preview strong {
    font-size: 21px;
  }body.home-page .phone-preview__place {
    font-size: 12px;
  }
}@media (max-width: 390px) {.social-link {
    width: 36px;
    height: 36px;
  }body.home-page .phone-preview__details span {
    padding-inline: 10px;
  }
}@media (max-width: 1024px) {

}@media (max-width: 900px) {body.home-page .lp-templates .lp-template-grid {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    margin-inline: -12px;
    padding: 4px 12px 12px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }body.home-page .lp-templates .lp-template-grid::-webkit-scrollbar {
    display: none;
  }body.home-page .lp-templates .template-card {
    flex: 0 0 min(84vw, 392px);
    scroll-snap-align: start;
  }
}@media (min-width: 1025px) and (max-width: 1340px) {body.home-page .lp-templates .lp-template-grid {
    gap: 16px;
  }
}@media (max-width: 1024px) {body.home-page .lp-events .section-heading h2,
body.home-page .lp-process .section-heading h2,
body.home-page .lp-live .section-heading h2,
body.home-page .lp-control .section-heading h2,
body.home-page .lp-templates .section-heading h2 {
    font-size: 36px;
  }body.home-page .lp-events .category-card {
    min-height: 390px;
  }
}@media (max-width: 900px) {body.home-page .lp-events .lp-event-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }body.home-page .lp-events .section-heading,
body.home-page .lp-process .section-heading,
body.home-page .lp-live .section-heading,
body.home-page .lp-control .section-heading,
body.home-page .lp-templates .section-heading {
    margin-bottom: 30px;
  }body.home-page .lp-events .section-heading h2,
body.home-page .lp-process .section-heading h2,
body.home-page .lp-live .section-heading h2,
body.home-page .lp-control .section-heading h2,
body.home-page .lp-templates .section-heading h2 {
    font-size: 30px;
  }body.home-page .lp-events .category-card {
    min-height: 360px;
  }
}@media (max-width: 640px) {body.home-page .lp-events .lp-event-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
    gap: 14px;
    margin-inline: 0;
    padding: 0;
    scroll-snap-type: none;
  }body.home-page .lp-events .lp-event-grid::-webkit-scrollbar {
    display: none;
  }body.home-page .lp-events .category-card {
    min-height: 330px;
  }

}@media (max-width: 540px) {body.home-page .lp-templates .template-card {
    flex-basis: min(84vw, 340px);
  }body.home-page .lp-templates .template-card__preview {
    aspect-ratio: 4 / 5.34;
  }body.home-page .lp-templates .template-card__sample-copy {
    width: calc(100% - 26px);
    min-height: 58%;
    padding: 22px 14px 18px;
  }body.home-page .lp-templates .template-card__badge {
    top: 10px;
    right: 10px;
    max-width: calc(100% - 84px);
    padding: 5px 8px;
    font-size: 8px;
    line-height: 1.2;
    white-space: normal;
  }body.home-page .lp-templates .template-card__sample-label {
    top: 10px;
    left: 10px;
    padding: 4px 6px;
  }body.home-page .lp-templates .template-card__body {
    min-height: 84px;
    padding: 14px 16px 12px;
  }body.home-page .lp-templates .template-card__body h3 {
    font-size: 14px;
  }body.home-page .lp-templates .template-card__summary {
    font-size: 11px;
    line-height: 1.66;
  }body.home-page .lp-events .section-heading h2,
body.home-page .lp-process .section-heading h2,
body.home-page .lp-live .section-heading h2,
body.home-page .lp-control .section-heading h2,
body.home-page .lp-templates .section-heading h2 {
    font-size: 28px;
    line-height: 1.12;
    white-space: normal;
  }body.home-page .lp-events .section-heading p,
body.home-page .lp-process .section-heading p,
body.home-page .lp-live .section-heading p,
body.home-page .lp-control .section-heading p,
body.home-page .lp-templates .section-heading p {
    font-size: 14px;
    line-height: 1.55;
  }body.home-page .lp-section.lp-live .section-heading > p:last-child {
    font-size: 14px;
    line-height: 1.55;
  }body.home-page .lp-events .category-card {
    min-height: 318px;
    border-radius: 22px;
  }body.home-page .lp-events .category-card__badge {
    top: 14px;
    left: 14px;
    padding: 4px 8px;
    font-size: 9px;
  }body.home-page .lp-events .category-card__content {
    padding: 22px 20px 20px;
  }body.home-page .lp-events .category-card h3 {
    font-size: 21px;
  }body.home-page .lp-events .category-card p {
    max-width: 96%;
    font-size: 13px;
    line-height: 1.55;
  }body.home-page .lp-events .category-card__link {
    width: 32px;
    height: 32px;
  }body.home-page .lp-events .category-card__link .icon {
    width: 18px;
    height: 18px;
  }
}@media (max-width: 390px) {body.home-page .lp-events .section-heading h2,
body.home-page .lp-process .section-heading h2,
body.home-page .lp-live .section-heading h2,
body.home-page .lp-control .section-heading h2,
body.home-page .lp-templates .section-heading h2 {
    font-size: 26px;
  }body.home-page .lp-events .category-card {
    min-height: 306px;
  }
}@media (max-width: 360px) {body.home-page .lp-events .section-heading h2,
body.home-page .lp-process .section-heading h2,
body.home-page .lp-live .section-heading h2,
body.home-page .lp-control .section-heading h2,
body.home-page .lp-templates .section-heading h2 {
    font-size: 24px;
  }
}@media (max-width: 900px) {.lp-faq > .home-faq-layout {
    max-width: var(--site-content-max);
    grid-template-columns: 1fr;
    gap: 44px;
  }body.home-page .site-footer > .site-footer__top {
    grid-template-columns: 1fr;
    gap: 52px;
  }
}@media (max-width: 1100px) {body.home-page .lp-process .section-heading h2,
body.home-page .lp-process .section-heading p {
    white-space: normal;
  }body.home-page .lp-process .lp-process-card {
    min-height: 252px;
  }
}@media (max-width: 900px) {body.home-page .lp-process .section-heading {
    margin-bottom: 30px;
  }body.home-page .lp-process .section-heading p {
    max-width: 760px;
  }body.home-page .lp-process .lp-plain-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}@media (max-width: 640px) {body.home-page .lp-process .section-heading {
    margin-bottom: 30px;
  }body.home-page .lp-process .section-heading p {
    font-size: 14px;
    line-height: 1.55;
  }body.home-page .lp-process .lp-process-card {
    min-height: 238px;
    padding: 24px 22px 24px;
    border-radius: 22px;
  }body.home-page .lp-process .lp-plain-grid--four {
    grid-template-columns: 1fr;
  }body.home-page .lp-process-wire {
    width: 154px;
    height: 76px;
    border-radius: 16px;
  }body.home-page .lp-process .lp-process-card h3 {
    margin-top: 24px;
    font-size: 20px;
  }body.home-page .lp-process .lp-process-card p {
    max-width: 260px;
    font-size: 14px;
  }body.home-page .lp-process__closing {
    max-width: 300px;
    margin-top: 20px;
    font-size: 14px;
  }
}@media (max-width: 390px) {body.home-page .lp-process .section-heading p {
    font-size: 14px;
  }body.home-page .lp-process .lp-process-card {
    padding-inline: 20px;
  }body.home-page .lp-process-wire {
    width: 148px;
    height: 74px;
  }
}@media (max-width: 1180px) {body.home-page .lp-live {
    padding-block: 96px;
  }body.home-page .lp-live .section-heading {
    max-width: 880px;
  }body.home-page .lp-live .section-heading h2,
body.home-page .lp-live .section-heading p {
    white-space: normal;
  }body.home-page .lp-live__layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }body.home-page .lp-live__accordion {
    width: min(100%, 760px);
    max-width: 760px;
    margin-inline: auto;
  }body.home-page .lp-live__mockup {
    min-height: 660px;
    margin-left: 0;
  }body.home-page .lp-live-preview {
    max-width: 580px;
    min-height: 650px;
    margin-inline: auto;
  }
}@media (max-width: 760px) {body.home-page .lp-live {
    padding-block: 82px;
  }body.home-page .lp-live .section-heading p {
    max-width: 520px;
    text-align: center;
  }body.home-page .lp-live__layout {
    gap: 34px;
  }body.home-page .lp-live-accordion__item {
    padding: 18px 20px 18px 22px;
  }body.home-page .lp-live-accordion__title {
    font-size: 16px;
  }body.home-page .lp-live-accordion__text {
    font-size: 13px;
  }body.home-page .lp-live__mockup {
    min-height: 568px;
  }body.home-page .lp-live-preview {
    width: min(100%, 540px);
    min-height: 568px;
  }body.home-page .lp-live-device {
    width: 292px;
    height: 560px;
    padding: 10px;
    border-radius: 40px;
  }body.home-page .lp-live-device::before {
    top: 10px;
    width: 66px;
    height: 15px;
  }body.home-page .lp-live-device__screen {
    padding: 17px 16px 16px;
    border-radius: 28px;
  }body.home-page .lp-live-device__cover {
    height: 142px;
    border-radius: 19px;
  }body.home-page .lp-live-device__cover span {
    top: 10px;
    right: 10px;
    padding: 5px 9px;
    font-size: 10px;
  }body.home-page .lp-live-device__names {
    margin-top: 18px;
    min-height: 58px;
    max-width: 220px;
    font-size: 29px;
  }body.home-page .lp-live-device__date {
    margin-top: 8px;
    font-size: 10px;
    letter-spacing: 1.2px;
  }body.home-page .lp-live-device__screen p {
    max-width: 210px;
    margin-top: 18px;
    font-size: 13px;
    line-height: 1.58;
  }body.home-page .lp-live-countdown {
    gap: 7px;
  }body.home-page .lp-live-countdown span {
    min-height: 44px;
    border-radius: 13px;
  }body.home-page .lp-live-countdown b {
    font-size: 15px;
  }body.home-page .lp-live-countdown em {
    font-size: 9px;
  }body.home-page .lp-live-actions {
    gap: 7px;
    margin-top: 8px;
  }body.home-page .lp-live-actions__item {
    min-height: 34px;
    border-radius: 12px;
    font-size: 11px;
  }body.home-page .lp-live-float-card {
    width: 132px;
    padding: 12px;
  }body.home-page .lp-live-float-card--qr {
    top: 70px;
    right: 28px;
  }body.home-page .lp-live-float-card--rsvp {
    bottom: 96px;
    left: 28px;
  }body.home-page .lp-live-qr {
    width: 46px;
    height: 46px;
    gap: 5px;
    margin-top: 12px;
    padding: 8px;
  }
}@media (max-width: 430px) {body.home-page .lp-live .section-heading p {
    max-width: 300px;
    margin-inline: auto;
  }body.home-page .lp-live__mockup {
    min-height: auto;
  }body.home-page .lp-live-preview {
    width: 100%;
    min-height: auto;
    padding-bottom: 112px;
  }body.home-page .lp-live-device {
    width: 244px;
    height: 464px;
    padding: 9px;
    border-radius: 34px;
  }body.home-page .lp-live-device::before {
    top: 9px;
    width: 58px;
    height: 14px;
  }body.home-page .lp-live-device__screen {
    padding: 15px 13px 14px;
    border-radius: 26px;
  }body.home-page .lp-live-device__cover {
    height: 110px;
    border-radius: 17px;
  }body.home-page .lp-live-device__cover span {
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    font-size: 9px;
  }body.home-page .lp-live-device__names {
    margin-top: 14px;
    min-height: 50px;
    max-width: 188px;
    font-size: 25px;
  }body.home-page .lp-live-device__date {
    font-size: 10px;
    letter-spacing: 1px;
  }body.home-page .lp-live-device__screen p {
    max-width: 184px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.55;
  }body.home-page .lp-live-countdown,
body.home-page .lp-live-actions {
    gap: 6px;
  }body.home-page .lp-live-countdown span {
    min-height: 42px;
    border-radius: 12px;
  }body.home-page .lp-live-countdown b {
    font-size: 14px;
  }body.home-page .lp-live-actions__item {
    min-height: 32px;
    border-radius: 11px;
    font-size: 10px;
  }body.home-page .lp-live-float-card {
    width: min(142px, calc(50% - 8px));
    padding: 11px;
  }body.home-page .lp-live-float-card strong {
    font-size: 10px;
  }body.home-page .lp-live-float-card small {
    margin-top: 7px;
    font-size: 9px;
  }body.home-page .lp-live-float-card--qr {
    top: auto;
    right: calc(50% + 4px);
    bottom: 0;
  }body.home-page .lp-live-float-card--rsvp {
    bottom: 0;
    left: calc(50% + 4px);
  }body.home-page .lp-live-qr {
    width: 42px;
    height: 42px;
    gap: 4px;
    margin-top: 10px;
    padding: 7px;
  }body.home-page .lp-live-progress {
    height: 6px;
    margin-top: 12px;
  }
}@media (max-width: 380px) {body.pricing-page .commerce-card {
    padding-inline: 20px;
  }
body.pricing-page .commerce-card__price strong {
    font-size: 43px;
  }body.pricing-page .pricing-faq-heading h2 {
    font-size: 30px;
  }
}@media (prefers-reduced-motion: reduce) {html {
    scroll-behavior: auto;
  }*,
*::before,
*::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }body.home-page .lp-process .lp-process-card:hover,
body.home-page .lp-process .lp-process-card:hover h3,
body.home-page .lp-process .lp-process-card:hover .lp-process-wire {
    transform: none !important;
  }body.home-page .lp-live-preview.is-updating .lp-live-device__screen {
    opacity: 1 !important;
    transform: none !important;
  }
}@media print {.site-header,
.site-footer,
.final-cta,
.breadcrumbs,
.button {
    display: none !important;
  }body {
    color: #000;
  }.section {
    padding-block: 28px;
  }
}@media (max-width: 1024px) {body.home-page .lp-section {
    padding-block: 96px;
  }body.home-page .hero-product-stage {
    width: 100%;
    max-width: var(--site-content-max);
    height: 288px;
  }body.home-page .hero-product-stage > .product-shell {
    width: min(766px, calc(100% - 52px));
  }body.home-page .hero-invite-stack {
    width: 184px;
    height: 216px;
  }
body.home-page .hero-invite-stack--left {
    left: 8px;
  }
body.home-page .hero-invite-stack--right {
    right: 8px;
  }
body.home-page .lp-process .lp-process-card {
    min-height: 286px;
  }body.home-page .lp-process-wire {
    width: 176px;
  }

}@media (max-width: 760px) {body.home-page .lp-section {
    padding-block: 74px;
  }body.home-page .hero-product-stage {
    width: 100%;
    max-width: var(--site-content-max);
    height: 246px;
    margin-top: 28px;
  }body.home-page .hero-product-stage > .product-shell {
    width: calc(100% - 48px);
  }body.home-page .hero-invite-stack {
    top: 30px;
    width: 136px;
    height: 190px;
  }body.home-page .lp-control__chips {
    justify-content: center;
    gap: 10px;
  }body.home-page .lp-control__chips > div {
    min-height: 40px;
    padding-inline: 14px;
  }
body.home-page .lp-pricing .commerce-card {
    min-height: 0;
  }
}@media (max-width: 1024px) {body.home-page .lp-control__stage {
    left: auto;
    width: 100%;
    transform: none;
  }body.home-page {
    --section-heading-gap: 42px;
    --section-heading-gap-tight: 38px;
    --section-heading-gap-dark: 44px;
  }

}@media (max-width: 760px) {body.home-page {
    --section-heading-gap: 34px;
    --section-heading-gap-tight: 32px;
    --section-heading-gap-dark: 36px;
    --shadow-surface: 0 18px 42px rgba(15, 23, 42, 0.055);
    --shadow-hover: 0 22px 52px rgba(15, 23, 42, 0.08);
    --shadow-featured: 0 20px 56px rgba(15, 118, 110, 0.09);
    --shadow-ink-surface: 0 14px 32px rgba(2, 6, 23, 0.11);
    --shadow-ink-hover: 0 18px 40px rgba(2, 6, 23, 0.14);
  }

}@media (max-width: 1180px) {body.product-page {
    --product-section-space: 104px;
  }.product-hero__inner,
.product-intro__inner,
.product-flow,
.product-compare {
    grid-template-columns: 1fr;
  }.product-hero__copy {
    max-width: 760px;
    text-align: center;
    margin-inline: auto;
  }.product-hero__copy .button-row {
    justify-content: center;
  }.product-hero__visual {
    width: min(100%, 840px);
    margin-inline: auto;
  }.product-hero__visual > .product-shell {
    transform: none;
  }.product-capability-grid,
.product-highlight-grid,
.product-use-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.product-intro__panel {
    min-height: 0;
  }.product-faq {
    grid-template-columns: 1fr;
    gap: 42px;
  }.product-faq aside {
    position: static;
  }
}@media (max-width: 760px) {body.product-page {
    --product-section-space: 82px;
  }body.product-page .product-section {
    padding-block: var(--product-section-space);
  }body.product-page .section-heading {
    margin-bottom: 34px;
  }.product-hero__inner {
    min-height: auto;
    padding-block: 68px 76px;
    gap: 42px;
  }.product-hero__copy h1 {
    font-size: clamp(36px, 10.8vw, 46px);
  }.product-hero__copy > p:not(.eyebrow) {
    font-size: 16px;
  }.product-hero__visual {
    padding: 18px 18px 64px;
  }.product-hero__phone {
    right: 12px;
    width: 118px;
  }.product-capability-grid,
.product-highlight-grid,
.product-use-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }body.product-category-page #kullanim-alanlari .product-use-grid,
body.product-category-page #organizasyon-ve-mekan .product-use-grid,
body.product-category-page #egitim-ve-topluluk .product-use-grid {
    grid-template-columns: 1fr;
  }body.product-page .feature-item {
    min-height: 0;
    padding: 24px;
  }body.product-page .feature-item__icon {
    margin-bottom: 24px;
  }.product-intro__inner,
.product-flow,
.product-compare,
.product-faq {
    gap: 36px;
  }.product-intro__panel {
    padding: 30px;
    border-radius: 22px;
  }.product-intro__panel strong {
    font-size: 28px;
  }.product-flow__preview {
    min-height: 470px;
    border-radius: 24px;
  }.product-flow__preview .phone-preview {
    width: min(248px, 84%);
  }.product-showcase__stage {
    padding: 22px 16px 84px;
    border-radius: 24px;
  }.product-showcase__phone {
    right: 18px;
    bottom: -12px;
    width: 112px;
  }.product-compare__panel {
    padding: 12px;
    border-radius: 22px;
  }.product-compare-row {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
  }.product-compare-row > span {
    width: 38px;
    height: 38px;
  }
}@media (max-width: 430px) {.product-hero__visual > .product-shell {
    width: 100%;
  }.product-hero__phone,
.product-showcase__phone {
    display: none;
  }.product-showcase__stage {
    padding-bottom: 22px;
  }body.product-page .trust-strip {
    grid-template-columns: 1fr;
  }
}@media (max-width: 1180px) {body.product-page .product-story-hero__inner,
body.product-page .product-problem__inner,
body.product-page .product-solution__inner,
body.product-page .product-capabilities__inner,
.product-timeline__inner,
body.product-page .product-trust__inner {
    grid-template-columns: 1fr;
  }body.product-page .product-story-hero__copy {
    max-width: 780px;
    margin-inline: auto;
    text-align: center;
  }body.product-page .product-story-hero__copy .button-row {
    justify-content: center;
  }
body.product-landing-page .product-hero-proof {
    justify-content: center;
  }
body.product-page .product-story-stage {
    width: min(100%, 860px);
    margin-inline: auto;
  }body.template-page .product-story-stage--template-moodboard {
    width: min(100%, 760px);
    min-height: 500px;
    padding: 0;
  }body.product-page .product-problem-map,
body.product-page .product-solution__visual {
    min-height: 500px;
  }body.product-page .product-capability-row {
    grid-template-columns: 40px 44px minmax(130px, 0.45fr) minmax(0, 1fr);
  }body.product-page .product-audience-grid,
body.product-page .product-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
body.product-page .product-screen-grid {
    grid-template-columns: 1fr;
  }
body.product-page .product-screen-grid--hub {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
body.product-page .product-screen-card--wide {
    grid-row: auto;
  }
}
@media (max-width: 1024px) {.contact-map iframe {
    height: 380px;
  }
}
@media (max-width: 900px) {.footer-main .footer-socials {
    justify-content: flex-start;
  }
}
@media (min-width: 761px) and (max-width: 1024px) {.contact-layout.contact-layout--professional {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  }
}
@media (max-width: 760px) {body.product-page .product-screen-grid--hub {
    grid-template-columns: 1fr;
  }
  body.product-page .product-screen-card__body {
    min-height: 0;
  }
  body.product-page .product-intro__panel--summary ul {
    grid-template-columns: 1fr;
  }
  .contact-layout--professional {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 540px) {.contact-section {
    padding-block: 30px 76px;
  }
.contact-map {
    border-radius: 20px;
  }
.contact-map iframe {
    height: 350px;
  }
.contact-card,
.contact-form--live {
    padding: 24px;
    border-radius: 20px;
  }
.contact-socials .footer-socials {
    gap: 7px;
  }
.contact-card h1,
.contact-form__heading h2 {
    font-size: 27px;
  }
.contact-info-item {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 14px;
  }
.contact-info-item > span {
    width: 38px;
    height: 38px;
  }
.contact-form--live .button {
    width: 100%;
  }
}
@media (max-width: 340px) {.footer-brand .footer-socials,
.contact-socials .footer-socials {
    gap: 6px;
  }
.footer-brand .social-link,
.contact-socials .social-link {
    width: 30px;
    height: 30px;
  }
.footer-brand .social-link .icon,
.contact-socials .social-link .icon {
    width: 14px;
    height: 14px;
  }
.footer-brand .social-link {
    width: 36px;
    height: 36px;
  }
.footer-brand .social-link .icon {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 820px) {body.product-page .product-story-hero__inner {
    min-height: auto;
    padding-block: 70px 84px;
  }body.product-page .product-story-hero h1 {
    font-size: clamp(34px, 9vw, var(--section-heading-title-size));
  }
body.product-page .product-story-hero__copy > p:not(.eyebrow) {
    font-size: 17px;
  }body.product-page .product-story-stage {
    min-height: 420px;
    padding: 24px 18px 72px;
    border-radius: 26px;
  }body.template-page .product-story-stage--template-moodboard {
    min-height: 400px;
    padding: 0;
  }body.product-page .product-story-stage__dashboard {
    transform: none;
  }
body.product-landing-page .product-story-stage__dashboard,
body.product-landing-page #katilim-yanitlarini-takip-etme .product-intro__panel > .product-shell {
    width: 100%;
    transform: none;
  }
body.product-page .product-story-stage__phone {
    right: 18px;
    width: 128px;
  }body.product-page .product-story-stage__note {
    padding: 10px 12px;
    font-size: 12px;
  }body.product-page .product-story-stage__note--left {
    left: 18px;
    bottom: 24px;
  }body.product-page .product-story-stage__note--right {
    top: 18px;
    right: 18px;
  }body.product-page .product-problem-map {
    display: grid;
    min-height: auto;
    gap: 14px;
    padding: 18px;
  }body.product-page .product-problem-map__center,
body.product-page .product-problem-node {
    position: static;
    width: 100%;
    min-height: 0;
    transform: none;
  }body.product-page .product-problem-map__center {
    min-height: 160px;
  }body.product-page .product-solution__visual {
    min-height: 420px;
  }body.product-page .product-solution__visual strong {
    width: 178px;
    height: 178px;
    font-size: 24px;
  }body.product-page .product-solution__dot--1 { top: 34px; left: 24px; }body.product-page .product-solution__dot--2 { top: 62px; right: 22px; }body.product-page .product-solution__dot--3 { bottom: 120px; left: 22px; }body.product-page .product-solution__dot--4 { right: 22px; bottom: 94px; }body.product-page .product-experience__stage {
    padding: 22px 16px 88px;
    border-radius: 26px;
  }body.product-page .product-experience__phone {
    right: 18px;
    width: 112px;
  }body.product-page .product-experience__flow {
    width: calc(100% - 32px);
    justify-content: center;
    overflow: hidden;
  }body.product-page .product-experience__flow span {
    padding-inline: 8px;
    font-size: 11px;
  }body.product-page .product-experience__metrics,
body.product-page .product-stat-strip {
    grid-template-columns: 1fr;
  }body.product-page .product-capability-row {
    grid-template-columns: 34px 42px minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
  }body.product-page .product-capability-row p {
    grid-column: 3;
  }body.product-page .product-before-after {
    grid-template-columns: 1fr;
  }body.product-page .product-before-after__bridge {
    transform: rotate(90deg);
  }
}@media (max-width: 560px) {body.product-landing-page {
    min-width: 0;
  }
body.product-landing-page .site-header {
    width: 100%;
  }
body.product-category-page .section-heading h2,
body.product-landing-page .section-heading h2 {
    font-size: clamp(29px, 8.7vw, 38px);
    line-height: 1.12;
  }
body.product-landing-page #katilim-yanitlarini-takip-etme .product-intro__inner {
    grid-template-columns: 1fr;
  }
body.product-landing-page #katilim-yanitlarini-takip-etme .product-intro__panel {
    width: 100%;
    min-height: 0;
  }
body.template-page .product-story-stage--template-moodboard {
    min-height: 330px;
    padding: 0;
    border-radius: 22px;
  }body.template-page .template-hero-card {
    width: clamp(74px, 23vw, 104px);
  }body.template-page .template-hero-card .template-card__sample-label {
    top: 8px;
    left: 8px;
    max-width: calc(100% - 16px);
    padding: 4px 5px;
    font-size: 6px;
  }body.template-page .template-hero-card .template-card__sample-copy {
    width: calc(100% - 16px);
    gap: 4px;
    padding: 12px 8px;
  }body.template-page .template-hero-card .template-card__sample-copy span,
body.template-page .template-hero-card .template-card__sample-copy small {
    font-size: 7px;
  }body.template-page .template-hero-card .template-card__sample-copy strong {
    font-size: 10px;
  }
body.product-page .product-story-stage__phone,
body.product-page .product-experience__phone {
    display: none;
  }
body.product-page .product-story-stage,
body.product-page .product-experience__stage {
    padding-bottom: 24px;
  }body.product-page .product-story-stage__note {
    position: static;
    width: max-content;
    margin-top: 12px;
  }body.product-page .product-solution__dot {
    position: static;
  }body.product-page .product-solution__visual {
    align-content: center;
    gap: 10px;
    min-height: auto;
    padding: 28px;
  }body.product-page .product-solution__visual small {
    position: static;
  }body.product-page .product-audience-grid,
body.product-page .product-trust-grid {
    grid-template-columns: 1fr;
  }
body.product-page .product-trust-card {
    grid-template-columns: 1fr;
  }
body.product-page .product-screen-card {
    padding: 20px;
    border-radius: 22px;
  }

}
/* Pricing final revision responsive layer */
@media (max-width: 1180px) {
  body.home-page .lp-pricing .commerce-card__price strong,
  body.pricing-page .commerce-card__price strong {
    font-size: 42px;
  }

  body.home-page .lp-pricing .commerce-card,
  body.pricing-page .commerce-card {
    min-height: 560px;
    padding-inline: 22px;
  }
}
@media (max-width: 1024px) {body.home-page .lp-pricing .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
body.home-page .lp-pricing .commerce-card,
body.pricing-page .commerce-card {
    min-height: 500px;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    font-size: 40px;
  }
body.home-page .lp-pricing .section-heading p,
body.pricing-page .page-hero__lead {
    font-size: 16px;
  }
}
@media (max-width: 900px) {body.home-page .lp-pricing .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {body.home-page .lp-pricing .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    grid-template-columns: 1fr;
    max-width: 430px;
  }
body.home-page .lp-pricing .commerce-card,
body.pricing-page .commerce-card {
    min-height: 588px;
    padding: 30px 22px 24px;
  }
body.home-page .lp-pricing .commerce-card__price strong,
body.pricing-page .commerce-card__price strong {
    font-size: 40px;
  }
body.pricing-page .page-hero__inner {
    padding-block: 58px 62px;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    font-size: 30px;
  }
body.home-page .lp-pricing .section-heading p,
body.pricing-page .page-hero__lead {
    font-size: 14px;
  }
}
@media (max-width: 430px) {body.home-page .lp-pricing .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    max-width: 100%;
  }
body.home-page .lp-pricing .commerce-card,
body.pricing-page .commerce-card {
    min-height: 588px;
    padding-inline: 20px;
  }
body.home-page .lp-pricing .commerce-card h3,
body.pricing-page .commerce-card h3 {
    font-size: 21px;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    font-size: 26px;
  }
body.home-page .lp-pricing .section-heading p,
body.pricing-page .page-hero__lead {
    font-size: 12px;
  }
}
@media (max-width: 400px) {body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    font-size: 24px;
  }
}
@media (max-width: 380px) {body.home-page .lp-pricing .commerce-card,
body.pricing-page .commerce-card {
    min-height: auto;
    padding-inline: 18px;
  }
body.home-page .lp-pricing .commerce-card__price strong,
body.pricing-page .commerce-card__price strong {
    font-size: 38px;
  }
body.home-page .lp-pricing .commerce-card__feature b,
body.pricing-page .commerce-card__feature b {
    font-size: 12px;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    font-size: 22px;
  }
body.home-page .lp-pricing .section-heading p,
body.pricing-page .page-hero__lead {
    font-size: 12px;
  }
}
/* Pricing repair responsive layer */
@media (max-width: 1180px) {
  body.home-page .lp-pricing .commerce-card,
  body.pricing-page .commerce-card {
    min-height: 560px;
  }

  body.pricing-page .pricing-shared,
  body.pricing-page .pricing-faq-layout {
    grid-template-columns: 1fr;
  }

  body.pricing-page .pricing-faq-aside {
    position: static;
  }
  body.pricing-page .pricing-communication__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {body.pricing-page .pricing-compare__row {
    grid-template-columns: minmax(150px, 0.78fr) repeat(4, minmax(0, 1fr));
  }
body.pricing-page .pricing-compare__cell {
    padding-inline: 12px;
    font-size: 13px;
  }
.site-footer__top {
    grid-template-columns: 1fr;
    gap: 36px;
  }
.footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {body.pricing-page .pricing-shared,
body.pricing-page .pricing-communication,
body.pricing-page .pricing-start {
    padding: 24px;
  }
body.pricing-page .pricing-shared__grid {
    grid-template-columns: 1fr;
  }
body.pricing-page .pricing-communication__grid {
    grid-template-columns: 1fr;
  }
body.pricing-page .pricing-compare__row--head {
    display: none;
  }
body.pricing-page .pricing-compare__row {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 16px;
  }
body.pricing-page .pricing-compare__cell {
    justify-content: space-between;
    min-height: 0;
    padding: 10px 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-line);
    text-align: right;
  }
body.pricing-page .pricing-compare__cell:last-child {
    border-bottom: 0;
  }
body.pricing-page .pricing-compare__cell--label {
    margin-bottom: 4px;
    padding-top: 0;
    background: transparent;
    font-size: 15px;
    text-align: left;
  }
body.pricing-page .pricing-compare__cell:not(.pricing-compare__cell--label)::before {
    content: attr(data-plan-name);
    margin-right: 14px;
    color: var(--color-muted);
    font-weight: 800;
    text-align: left;
  }
body.pricing-page .pricing-start {
    grid-template-columns: 1fr;
  }
body.pricing-page .pricing-start__copy ul {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {body.home-page .lp-pricing .commerce-card,
body.pricing-page .commerce-card {
    min-height: auto;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1,
body.home-page .lp-pricing .section-heading p,
body.pricing-page .page-hero__lead {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-overflow: clip;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    line-height: 1.18;
  }
body.pricing-page .page-hero__inner {
    display: grid;
    justify-items: center;
  }
body.pricing-page .pricing-compare-section,
body.pricing-page .pricing-faq-section,
body.pricing-page .pricing-start-section {
    padding-block: 64px;
  }
body.home-page .lp-pricing .commerce-card__info span,
body.pricing-page .commerce-card__info span {
    right: -8px;
    width: min(252px, 78vw);
  }
}
@media (max-width: 430px) {.mobile-header-cta {
    display: inline-flex;
    min-height: 38px;
    padding-inline: 10px;
    font-size: 11.5px;
  }.site-header .site-logo {
    gap: 7px;
    font-size: 18px;
  }.site-header .site-logo img {
    width: 29px;
    height: 29px;
  }
body.home-page .lp-pricing .commerce-grid--home,
body.pricing-page .commerce-grid--pricing {
    width: 100%;
    max-width: 100%;
  }
body.home-page .lp-pricing .commerce-card__top,
body.pricing-page .commerce-card__top,
body.home-page .commerce-card__top,
body.pricing-page .commerce-card__top {
    position: static;
    justify-content: flex-start;
    order: -1;
    margin-bottom: -4px;
  }
body.home-page .lp-pricing .commerce-card--badged h3,
body.pricing-page .commerce-card--badged h3,
body.home-page .commerce-card--badged h3,
body.pricing-page .commerce-card--badged h3 {
    padding-right: 0;
  }
body.pricing-page .pricing-shared,
body.pricing-page .pricing-start,
body.pricing-page .pricing-faq-aside {
    padding: 20px;
  }
body.pricing-page .pricing-shared__copy h3,
body.pricing-page .pricing-faq-aside h2 {
    font-size: 24px;
  }
body.pricing-page .pricing-start h2 {
    font-size: 26px;
  }
.footer-links {
    grid-template-columns: 1fr;
  }
.site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 360px) {:root {
    --page-gutter-current: var(--page-gutter-narrow);
  }
}
@media (max-width: 340px) {.site-header .site-logo {
    gap: 4px;
    font-size: 13px;
  }.site-header .site-logo img {
    width: 23px;
    height: 23px;
  }.mobile-header-cta {
    width: 80px;
    font-size: 8.5px;
  }
body.home-page .lp-pricing .section-heading h2,
body.pricing-page .page-hero h1 {
    font-size: 19px;
  }
body.home-page .lp-pricing .section-heading p {
    font-size: 11px;
  }
}

@media (max-width: 1180px) {.nav-menu--print-center .nav-menu__panel {
    width: min(960px, calc(100vw - 36px));
  }.nav-menu--print-center .nav-groups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.print-hero__inner,
.print-category-hero__inner {
    grid-template-columns: minmax(0, 1fr);
  }.print-hero__visual {
    min-height: 440px;
  }.print-definition {
    grid-template-columns: minmax(0, 1fr);
  }.print-feature-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.print-process {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.print-info-layout {
    grid-template-columns: minmax(0, 1fr);
  }.print-info-layout .section-heading {
    text-align: center;
  }
}
@media (max-width: 1024px) {body.home-page .lp-print-center .section-heading h2,
body.print-center-page .section-heading h2 {
    font-size: 36px;
  }.print-category-grid,
.print-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.print-hero h1,
.print-category-hero h1 {
    font-size: 44px;
  }.print-directory {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {body.home-page .lp-print-center .section-heading,
body.print-center-page .section-heading {
    margin-bottom: 30px;
  }body.home-page .lp-print-center .section-heading h2,
body.print-center-page .section-heading h2 {
    font-size: 30px;
  }.print-section,
.print-category-section,
.print-category-faq,
.print-info-section {
    padding-block: 72px;
  }.print-hero,
.print-category-hero {
    padding: calc(var(--header-height) + 52px) 0 68px;
  }.print-hero__visual {
    min-height: 380px;
  }.print-hero__stats {
    grid-template-columns: 1fr;
  }body.print-center-page .print-gallery {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 4px 4px 16px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }body.print-center-page .print-gallery::-webkit-scrollbar {
    display: none;
  }body.print-center-page .print-gallery__item {
    flex: 0 0 min(78vw, 340px);
    min-width: 280px;
  }
}
@media (max-width: 640px) {.print-category-grid,
.print-products-grid,
.print-feature-grid,
.print-feature-grid--compact,
.print-process {
    grid-template-columns: minmax(0, 1fr);
  }.print-category-card > div,
.print-product-card > div,
.print-feature-grid article,
.print-process article {
    padding: 20px;
  }.print-hero__visual {
    min-height: 320px;
  }.print-hero__image--main {
    right: 2%;
    width: min(72%, 360px);
  }.print-hero__image--side {
    width: min(46%, 220px);
  }.print-hero__image--mini {
    width: min(38%, 180px);
  }.print-directory__group,
.print-directory__group--with-image {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px;
  }.print-directory__image {
    max-width: 220px;
  }.print-directory__links {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 540px) {body.home-page .lp-print-center .section-heading h2,
body.print-center-page .section-heading h2 {
    font-size: 28px;
    line-height: 1.12;
    white-space: normal;
  }body.home-page .lp-print-center .section-heading p,
body.print-center-page .section-heading p {
    font-size: 14px;
    line-height: 1.55;
  }.print-hero h1,
.print-category-hero h1 {
    font-size: 34px;
  }.print-hero p,
.print-category-hero p {
    font-size: 16px;
  }.print-hero__visual {
    min-height: 280px;
  }
}
@media (max-width: 390px) {body.home-page .lp-print-center .section-heading h2,
body.print-center-page .section-heading h2 {
    font-size: 26px;
  }.print-hero h1,
.print-category-hero h1 {
    font-size: 31px;
  }
}
@media (max-width: 360px) {body.home-page .lp-print-center .section-heading h2,
body.print-center-page .section-heading h2 {
    font-size: 24px;
  }
}

@media (max-width: 1180px) {
  .template-catalog-shell {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 28px;
  }
  .template-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .template-catalog-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .template-category-sidebar {
    display: none;
  }
  .template-mobile-filter {
    display: inline-flex;
  }
}
@media (max-width: 760px) {
  .template-catalog-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .template-mobile-filter {
    width: 100%;
  }
  .template-catalog-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }
  .template-preview-dialog__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 20px;
  }
  .template-preview-dialog__visual {
    max-width: 390px;
    margin-inline: auto;
  }
}
@media (max-width: 560px) {
  .template-catalog-heading h3 {
    font-size: 24px;
  }
  .template-catalog-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .template-card__actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .template-card__actions .button {
    width: 100%;
  }
  .template-active-filters {
    align-items: flex-start;
    flex-direction: column;
  }
  .template-page .template-pagination {
    gap: 6px;
    margin-top: 24px;
  }
  .template-page .template-pagination__button {
    min-width: 40px;
    min-height: 40px;
    padding-inline: 9px;
  }
  .template-filter-dialog {
    width: 100%;
  }
  .template-dialog-header {
    padding: 17px 18px;
  }
  .template-preview-dialog {
    width: calc(100% - 20px);
    max-height: calc(100vh - 20px);
  }
  .template-preview-dialog__inner {
    max-height: calc(100vh - 20px);
  }
  .template-preview-dialog__details dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
  .template-preview-dialog__details .button {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  body.print-center-page.template-page .print-catalog-hero .print-hero__inner {
    grid-template-columns: minmax(0, 1fr);
  }
  body.print-center-page.template-page .print-catalog-hero .print-hero__copy {
    max-width: 760px;
  }
  body.print-center-page.template-page .print-catalog-hero .print-hero__visual,
  body.print-center-page.template-page .print-hero-moodboard {
    min-height: 440px;
  }
}
@media (max-width: 640px) {
  body.print-center-page.template-page .print-catalog-hero {
    padding-block: calc(var(--header-height) + 44px) 58px;
  }
  body.print-center-page.template-page .print-catalog-hero .print-hero__visual,
  body.print-center-page.template-page .print-hero-moodboard {
    min-height: 330px;
  }
  .print-hero-card figcaption {
    right: 8px;
    bottom: 8px;
    left: 8px;
    padding: 7px 8px;
    font-size: 9px;
  }
  .print-hero-card--invitations {
    top: 14%;
    left: 27%;
    width: 48%;
  }
  .print-hero-card--boards {
    top: 6%;
    right: 4%;
    width: 34%;
  }
  .print-hero-card--envelopes {
    bottom: 7%;
    left: 4%;
    width: 36%;
  }
  .print-hero-card--labels {
    right: 6%;
    bottom: 8%;
    width: 30%;
  }
}