@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(fonts/plus-jakarta-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Temvella seller visual system. Font files are self-hosted under the SIL OFL. */
body.temvella-platform-site {
  --tv-display: 'Plus Jakarta Sans', Inter, Arial, sans-serif;
  --tmv-serif: var(--tv-display);
  --wp--preset--font-family--display: var(--tv-display);
  --tv-ink: #151725; --tv-muted: #666c7d; --tv-accent: #6545f5;
  --tv-accent-dark: #4d2ed3; --tv-soft: #efecff; --tv-line: #e4e7ef;
  --tv-canvas: #ffffff; --tmv-ink: var(--tv-ink); --tmv-muted: var(--tv-muted);
  --tmv-green: var(--tv-accent); --tmv-line: var(--tv-line);
  --wp--preset--color--canvas: #ffffff; --wp--preset--color--ink: #151725;
  --wp--preset--color--forest: #6545f5; --wp--preset--color--muted: #666c7d;
  --wp--preset--color--line: #e4e7ef;
  background: #fff; color: var(--tv-ink); font-size: 16px; line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
.temvella-platform-site :is(h1,h2,h3,h4) { font-family: var(--tv-display)!important; font-weight: 700!important; }
.temvella-platform-site :is(h1,h2) em { font-family: inherit; font-style: normal; font-weight: inherit!important; color: var(--tv-accent); }
.temvella-platform-site .section-wrap { max-width: 1400px; padding-inline: 40px; }
.temvella-platform-site .eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: 1.4px; font-weight: 650; }
.temvella-platform-site :is(.button-primary,.button-secondary,.tv-header-cta) { border-radius: 9px; min-height: 51px; font-size: 14px; font-weight: 600; padding: 14px 24px; gap: 20px; }
.temvella-platform-site .button-primary { box-shadow: 0 5px 13px #6545f51c; }
.temvella-platform-site .button-secondary { background: #fff; border-color: #dce0e9; }
.temvella-platform-site .button-secondary:hover { background: #f6f5ff; border-color: #c4b8fa; }
.temvella-platform-site .text-link { font-size: 14px; font-weight: 600; }
.temvella-platform-site .section-heading { gap: 48px; margin-bottom: 35px; }
.temvella-platform-site .section-heading h2 { font-size: clamp(34px,3.6vw,49px); line-height: 1.18; letter-spacing: -2px; }
.temvella-platform-site .section-heading>div:last-child>p,
.temvella-platform-site .section-heading>p { font-size: 15px; line-height: 1.8; color: var(--tv-muted); }
.temvella-platform-site .wp-site-blocks>header { background: #ffffffed; border-bottom: 1px solid #edf0f5; backdrop-filter: blur(18px); }
.temvella-platform-site .site-header { max-width: 1400px; min-height: 86px; padding: 19px 40px; gap: 30px!important; }
.temvella-platform-site .brand-wordmark { font: 750 29px/1.1 var(--tv-display)!important; letter-spacing: -1.3px; }
.temvella-platform-site .brand-wordmark a { display: inline-block; position: relative; padding-left: 0; text-decoration: none; vertical-align: middle; }
.temvella-platform-site .brand-wordmark a:before,.temvella-platform-site .brand-wordmark a:after { content: none; }
.tv-brand-lockup { display: flex; align-items: center; gap: 7px; width: 212px; flex-shrink: 0; }
.tv-brand-lockup>.tv-brand-symbol { display: block; width: 43px; height: 43px; max-width: none; flex-shrink: 0; margin: 0; }
.tv-brand-wordmark-crop { position: relative; display: block; width: 162px; aspect-ratio: 1390/284; overflow: hidden; flex-shrink: 0; }
.tv-brand-wordmark-crop>img { display: block; position: absolute; left: -42.0144%; top: -85.9155%; width: 156.259%!important; max-width: none!important; height: auto!important; margin: 0; }
.tv-brand-lockup--inverse { width: 238px; gap: 8px; }
.tv-brand-lockup--inverse>.tv-brand-symbol { width: 48px; height: 48px; }
.tv-brand-lockup--inverse .tv-brand-wordmark-crop { width: 182px; }
.tv-brand-lockup--inverse .tv-brand-wordmark-crop>img { filter: brightness(0) invert(1); }
.temvella-platform-site .main-navigation { margin-left: auto; font-size: 14px; font-weight: 500; }
.temvella-platform-site .main-navigation .wp-block-navigation__container { gap: 27px; }
.temvella-platform-site .main-navigation a { color: #4c5264; text-decoration: none; transition: color .18s; }
.temvella-platform-site .main-navigation a:hover { color: var(--tv-accent); }
.temvella-platform-site .tv-header-cta { font-size: 13px; min-height: 44px; padding: 11px 18px; flex-shrink: 0; gap: 18px; }

/* Homepage: strong type, usable search and three real website previews. */
.tv-launch { padding-top: 58px; padding-bottom: 38px; position: relative; }
.tv-launch-copy { text-align: center; max-width: 1050px; margin: 0 auto; }
.tv-launch-badge { display: inline-flex; gap: 9px; align-items: center; font-size: 10px; font-weight: 650; letter-spacing: 1.15px; border: 1px solid #e4defa; border-radius: 30px; padding: 8px 13px; background: #f9f7ff; color: #5f4a9e; margin: 0 0 24px; }
.tv-launch-badge>span { width: 6px; height: 6px; border-radius: 50%; background: var(--tv-accent); box-shadow: 0 0 0 4px #6545f512; }
.temvella-platform-site .tv-launch h1 { font-size: clamp(52px,6.3vw,84px); font-weight: 750!important; line-height: 1.08; letter-spacing: -4.3px; margin: 0 0 25px; }
.tv-launch-description { max-width: 670px; margin: 0 auto 28px; color: var(--tv-muted); font-size: 17px; line-height: 1.8; }
.tv-launch-actions { justify-content: center; gap: 13px; }
.tv-launch-proof { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px 25px; color: #737889; font-size: 12px; margin-top: 22px; }
.tv-launch-proof i { color: var(--tv-accent); font-style: normal; margin-right: 5px; }
.tv-launch-gallery { border: 1px solid #e0e2ed; border-radius: 17px; margin-top: 43px; overflow: hidden; box-shadow: 0 20px 65px #3020550b; }
.tv-launch-toolbar { display: flex; gap: 25px; align-items: center; justify-content: space-between; padding: 15px 23px; background: #fff; border-bottom: 1px solid var(--tv-line); }
.tv-launch-library { display: inline-flex; gap: 11px; align-items: center; font: 650 13px/1.5 var(--tv-display); }
.tv-launch-library>span { font-size: 24px; color: var(--tv-accent); }
.tv-launch-library small { font: 500 10px/1.5 Inter,Arial,sans-serif; color: #7b7e8d; background: #f3f4f8; border-radius: 25px; padding: 4px 9px; }
.tv-launch-search { display: flex; width: 345px; border: 1px solid #e0e3ec; border-radius: 8px; overflow: hidden; background: #fafbfe; margin: 0; }
.tv-launch-search input { border: 0; background: transparent; min-width: 0; width: 100%; padding: 10px 13px; font: 400 13px/1.5 Inter,Arial,sans-serif; color: var(--tv-ink); }
.tv-launch-search:focus-within { border-color: var(--tv-accent); outline: 2px solid #6545f51a; }
.tv-launch-search input:focus { outline: 0; }
.tv-launch-search button { border: 0; color: var(--tv-accent); width: 45px; display: grid; place-items: center; cursor: pointer; background: transparent; flex-shrink: 0; }
.tv-launch-search button:hover { background: #eeebff; }
.tv-launch-stage { height: 455px; position: relative; overflow: hidden; background: radial-gradient(ellipse at 50% 90%,#ded7ff 0%,#f2f1fc 50%,#f7f8fc 90%); }
.tv-launch-preview { position: absolute; overflow: hidden; border-radius: 9px; background: #fff; border: 1px solid #dce0ea; box-shadow: 0 20px 45px #24234019; text-decoration: none; transition: box-shadow .25s, margin-top .25s; }
.tv-launch-preview:hover { margin-top: -5px; box-shadow: 0 24px 55px #24234028; }
.tv-launch-preview img { display: block; width: 100%; object-fit: cover; object-position: top; aspect-ratio: 1.75; }
.tv-launch-preview-bar { height: 30px; display: flex; align-items: center; gap: 18px; padding: 0 12px; color: #8a8d9d; font-size: 8px; background: #fcfcfe; border-bottom: 1px solid #eef0f5; }
.tv-launch-preview-bar>span:first-child { font-size: 7px; letter-spacing: 2px; color: #c5c8d5; }
.tv-launch-preview-bar>span:last-child:not(:first-child) { margin-left: auto; font-size: 12px; }
.tv-launch-preview-label { padding: 12px 17px; display: flex; align-items: center; justify-content: space-between; font: 650 14px/1.5 var(--tv-display); color: var(--tv-ink); }
.tv-launch-preview-label small { font: 500 9px/1.5 Inter,Arial,sans-serif; color: var(--tv-accent); background: #f2efff; padding: 3px 7px; border-radius: 4px; }
.tv-launch-preview-main { width: min(56%,600px); left: 50%; top: 22px; transform: translateX(-50%); z-index: 3; }
.tv-launch-preview-left { width: 33%; max-width: 415px; left: -35px; top: 68px; transform: rotate(-5deg); z-index: 1; }
.tv-launch-preview-right { width: 33%; max-width: 415px; right: -35px; top: 68px; transform: rotate(5deg); z-index: 1; }
.tv-launch-preview-left img,.tv-launch-preview-right img { aspect-ratio: 1.28; }
.tv-launch-note { position: absolute; bottom: 26px; right: 30px; display: flex; gap: 12px; align-items: center; padding: 14px 18px; z-index: 4; background: #fffffff5; border: 1px solid #e9e7f3; border-radius: 11px; box-shadow: 0 10px 30px #31205e15; }
.tv-launch-note-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #f0ebff; color: var(--tv-accent); font-size: 24px; }
.tv-launch-note strong { display: block; font: 650 12px/1.6 var(--tv-display); }
.tv-launch-note div>span { display: block; font-size: 9px; color: var(--tv-muted); }
.tv-launch-gallery-footer { display: flex; justify-content: space-between; gap: 22px; align-items: center; padding: 18px 24px; font-size: 11px; color: var(--tv-muted); background: #fff; border-top: 1px solid #e7e7f3; }
.tv-launch-gallery-footer strong { color: var(--tv-ink); margin-right: 5px; font-size: 13px; font-weight: 650; }
.tv-launch-gallery-footer a { display: flex; gap: 17px; align-items: center; color: var(--tv-accent); font-size: 11px; text-decoration: none; font-weight: 600; }
.tv-foundation { border-top: 0; padding-block: 26px 35px; }
.tv-foundation>span:first-child { font-size: 12px; }
.tv-foundation-note { font-size: 11px; }
.tv-platform-word { color: #3c4358; font-weight: 650; font-size: 23px; }

/* Collection cards and catalog controls. */
.tv-collection { padding-block: 76px 80px; }
.tv-collection-tags { gap: 9px; margin-bottom: 28px; }
.tv-collection-tags>span { font-size: 11px; padding: 6px 12px; border-radius: 6px; background: #f8f9fc; border-color: #e9ebf2; color: #6b7183; }
.temvella-platform-site .design-grid { gap: 30px 26px; }
.temvella-platform-site .design-card { background: #fff; border: 1px solid #e5e7ef; border-radius: 13px; overflow: hidden; box-shadow: 0 5px 22px #1b183b04; transition: transform .23s,box-shadow .23s,border-color .23s; }
.temvella-platform-site .design-card:hover { transform: translateY(-5px); border-color: #d2c9fb; box-shadow: 0 18px 35px #30205c0d; }
.temvella-platform-site .design-card__visual { border: 0; border-radius: 0; background: #f5f6fb; }
.tv-card-browser { height: 31px; padding-inline: 12px; font-size: 8px; background: #fbfcfe; color: #848a9a; }
.tv-card-image { padding: 18px 18px 0; background: #f2f3f9; }
.tv-card-image img { border: 1px solid #e3e4ed; border-bottom: 0; border-radius: 5px 5px 0 0; }
.temvella-platform-site .design-card__meta { padding: 20px 20px 18px; gap: 14px; }
.temvella-platform-site .design-card__meta :is(h2,h3) { font-size: 21px; font-weight: 650!important; line-height: 1.3; letter-spacing: -.6px; }
.temvella-platform-site .design-card__meta p { font-size: 12px; margin-top: 6px; color: var(--tv-muted); }
.temvella-platform-site .tv-access-badge { font-size: 10px; border-radius: 5px; padding: 5px 9px; font-weight: 600; color: #277a56; background: #eef9f2; border: 0; letter-spacing: 0; }
.temvella-platform-site .tv-access-badge.is-premium { color: #6545df; background: #f0ecff; }
.temvella-platform-site .design-card__bottom { margin-inline: 20px; padding-block: 15px; border-top-color: #eef0f5; }
.temvella-platform-site .design-card__bottom>span { font-size: 10px; }
.temvella-platform-site .design-card__bottom>a { font-size: 12px; font-weight: 600; color: #4d5367; }
.temvella-platform-site .design-card__open { font-size: 12px; background: var(--tv-accent); color: #fff; border-radius: 7px; }
.temvella-platform-site .design-card__bottom { flex-wrap: wrap; gap: 12px; }
.tv-card-actions { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.temvella-platform-site .tv-card-actions a { font-size: 11px; font-weight: 600; color: #626b80; }
.temvella-platform-site .tv-card-actions .tv-card-live-demo { display: inline-flex; align-items: center; gap: 10px; padding: 7px 10px; color: #6743ce; background: #f2eeff; border: 1px solid #e6def9; border-radius: 6px; }
.temvella-platform-site .tv-card-actions .tv-card-live-demo:hover { background: #e9e1ff; }
.tv-collection-bottom { padding-top: 32px; }
.tv-collection-bottom p { font-size: 14px; }
.temvella-platform-site .library-page,.temvella-platform-site .pricing-page { padding-top: 58px; padding-bottom: 70px; }
.temvella-platform-site .library-page .library-intro h1,.temvella-platform-site .pricing-page .library-intro h1 { font-size: clamp(42px,4.8vw,65px); line-height: 1.12; letter-spacing: -2.7px; margin-bottom: 24px; }
.temvella-platform-site .library-page .library-intro>p:not(.eyebrow),.temvella-platform-site .pricing-page .library-intro>p:not(.eyebrow) { font-size: 16px; line-height: 1.85; margin-top: 20px; }
.temvella-platform-site .tv-library-intro-note { font-size: 12px; margin-top: 22px; }
.temvella-platform-site .library-filters { padding: 21px; background: #f8f9fc; border: 1px solid #e8eaf2; border-radius: 13px; margin-top: 36px; }
.temvella-platform-site .tv-library-tabs { gap: 8px; margin-bottom: 19px; }
.temvella-platform-site .tv-library-tabs label>span { font-size: 13px; border-radius: 7px; background: #fff; border: 1px solid #e0e3ed; padding: 9px 14px; }
.temvella-platform-site .tv-library-tabs label>span small { font-size: 10px; }
.temvella-platform-site .tv-library-tabs input:checked+span { border-color: #d2c7ff; background: #f0ebff; color: #6041e0; }
.temvella-platform-site .library-filters :is(input[type=search],select) { font-size: 13px; min-height: 47px; border-radius: 8px; border-color: #e1e5ee; background: #fff; }
.temvella-platform-site .library-filters .style-field>span { font-size: 10px; }
.temvella-platform-site .library-filters .filter-submit { min-height: 47px; font-size: 13px; }
.temvella-platform-site .results-bar { font-size: 12px; padding-block: 24px; }
.temvella-platform-site .library-promise { border-radius: 14px; background: #f1efff; padding: 32px; margin-top: 50px; }
.temvella-platform-site .library-promise h2 { font-size: 27px; letter-spacing: -.8px; }
.temvella-platform-site .library-promise p { font-size: 14px; }

/* A dark feature section and the working brand customization example. */
.tv-difference { background: #151725; padding-block: 78px 82px; }
.temvella-platform-site .tv-difference :is(h2,h3) { color: #fff; }
.temvella-platform-site .tv-difference h2 { font-size: clamp(36px,4vw,55px); line-height: 1.15; letter-spacing: -2px; }
.temvella-platform-site .tv-difference h2 em { color: #b29cff; }
.tv-difference-intro>p:last-child { font-size: 16px; line-height: 1.8; color: #b5bbcf; max-width: 560px; }
.tv-difference .eyebrow { color: #929bb7; }
.tv-benefits { gap: 21px; margin-top: 42px; }
.tv-benefits>article,.tv-benefits>article+article { padding: 29px; background: #202336; border: 1px solid #30354c; border-radius: 16px; }
.tv-feature-symbol { width: 45px; height: 45px; background: #343055; border-color: #4d4274; color: #c2afff; border-radius: 12px; font-size: 26px; margin-bottom: 25px; }
.tv-feature-number { font-size: 9px; letter-spacing: 1px; color: #a6aec7; }
.temvella-platform-site .tv-benefits h3 { font-size: 24px; line-height: 1.35; letter-spacing: -.7px; margin: 16px 0 13px; }
.tv-benefits p { font-size: 14px; line-height: 1.85; color: #abb3ca; max-width: none; }
.tv-customize { padding-block: 90px; gap: 65px; }
.tv-customize-copy h2 { font-size: clamp(38px,3.8vw,52px); line-height: 1.17; letter-spacing: -2px; }
.tv-customize-copy>p:not(.eyebrow) { font-size: 15px; line-height: 1.85; color: var(--tv-muted); }
.tv-brand-demo { border-radius: 15px; border-color: #e3e5ef; box-shadow: 0 16px 45px #2620430a; background: #fff; }
.tv-demo-toolbar { padding: 17px 20px; font-size: 13px; background: #fff; border-bottom: 1px solid #e9ebf2; }
.tv-demo-label { font-size: 8px; color: #8e94a4; }
.tv-demo-body { grid-template-columns: 168px minmax(0,1fr); }
.tv-demo-controls { padding: 23px 17px; background: #f9faff; }
.tv-demo-controls :is(label,.tv-demo-field-label) { font-size: 11px; font-weight: 600; }
.tv-demo-controls :is(input,select) { min-height: 38px; font-size: 11px; border-radius: 6px; background: #fff; border-color: #e1e4ed; }
.tv-demo-controls p { font-size: 10px; line-height: 1.8; }
.tv-demo-preview-content h3 { font-family: Georgia,serif!important; font-weight: 400!important; }
.tv-brand-demo[data-font=sans] .tv-demo-preview-content h3 { font-family: var(--tv-display)!important; font-weight: 700!important; letter-spacing: -1.3px; }
.tv-workflow { padding-block: 25px 85px; }
.tv-steps { gap: 36px; margin-top: 38px; }
.tv-steps>article { border-top-color: #e6e9f1; padding-top: 25px; }
.tv-steps>article>span { display: grid; place-items: center; width: 39px; height: 39px; background: #f1eeff; border-radius: 10px; color: var(--tv-accent); font-size: 12px; margin-bottom: 21px; }
.tv-steps h3 { font-size: 21px; letter-spacing: -.5px; line-height: 1.35; }
.tv-steps p { font-size: 14px; line-height: 1.85; max-width: 360px; color: var(--tv-muted); }

/* Plans, the WooCommerce shop and the native customer workspace. */
.tv-home-pricing { padding-block: 80px 65px; background: #f7f8fc; }
.temvella-platform-site .tmv-plans-grid { gap: 22px; margin-top: 45px; align-items: stretch; }
.temvella-platform-site .tmv-plan-card { background: #fff; color: var(--tv-ink); border: 1px solid #e1e5ef; border-radius: 20px; padding: 32px; box-shadow: 0 8px 26px #26204305; }
.temvella-platform-site .tmv-plan-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 8px; min-height: 38px; margin-bottom: 14px; }
.temvella-platform-site .tmv-plan-heading h2 { display: flex; align-items: center; gap: 11px; margin: 0; font-size: 26px; line-height: 1.3; letter-spacing: -.9px; }
.tmv-plan-symbol { display: inline-grid; place-items: center; width: 36px; height: 36px; background: #f4f5f9; border-radius: 10px; color: #666d83; flex-shrink: 0; }
.temvella-platform-site .tmv-plan-description { font-size: 14px; line-height: 1.7; color: var(--tv-muted); min-height: 48px; margin: 0 0 26px; }
.temvella-platform-site .tmv-plan-price { font: 700 52px/1.1 var(--tv-display); letter-spacing: -2.5px; margin: 0 0 24px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 9px; }
.temvella-platform-site .tmv-plan-price .woocommerce-Price-currencySymbol { font-size: .59em; vertical-align: .2em; letter-spacing: -.8px; margin-right: 3px; }
.temvella-platform-site .tmv-plan-price>.tmv-plan-period { display: inline; font: 400 12px/1.5 Inter,Arial,sans-serif; letter-spacing: 0; color: #73798a; margin: 0; }
.temvella-platform-site .tmv-plan-capacity { font-size: 13px; line-height: 1.65; background: #f7f8fb; border: 1px solid #eceef4; border-radius: 10px; padding: 14px 16px; margin: 0 0 22px; color: #424a60; }
.temvella-platform-site .tmv-plan-capacity strong { font-size: 18px; font-weight: 700; color: var(--tv-ink); margin-right: 3px; }
.temvella-platform-site .tmv-plan-capacity small { font-size: 11px; line-height: 1.6; color: #73798a; margin-top: 3px; }
.temvella-platform-site .tmv-plan-card>.button-primary,.temvella-platform-site .tmv-plan-card>.button-secondary { display: flex; align-items: center; font-size: 14px; padding: 13px 18px; min-height: 49px; justify-content: space-between; margin-top: 0; border-radius: 9px; }
.temvella-platform-site .tmv-plan-card>.button-secondary { background: #fff; border-color: #dce0e9; box-shadow: 0 2px 3px #26204304; }
.temvella-platform-site .tmv-plan-card>.button-secondary:hover { background: #f5f3ff; border-color: #c6bafc; }
.temvella-platform-site .tmv-plan-card ul { border-top: 1px solid #e8ebf2; padding: 22px 0 0; margin: 24px 0 22px; columns: 1; }
.temvella-platform-site .tmv-plan-card li { font-size: 13px; line-height: 1.7; padding: 5px 0 5px 24px; color: #535c71; border: 0; position: relative; }
.temvella-platform-site .tmv-plan-card li:before { display: inline-grid; place-items: center; position: absolute; left: 0; top: 8px; width: 15px; height: 15px; border-radius: 50%; color: #727b91; background: #f0f2f7; font-size: 9px; line-height: 1; margin: 0; }
.temvella-platform-site .tmv-plan-renewal { font-size: 11px; line-height: 1.6; color: #7a8192; margin-top: auto; }
.temvella-platform-site .tmv-plan-card.is-recommended { background: linear-gradient(155deg,#f8f6ff 0%,#fff 58%); color: var(--tv-ink); border-color: #b7a6f5; box-shadow: 0 0 0 3px #f2eeff,0 12px 30px #6545f509; }
.temvella-platform-site .tmv-plan-card.is-recommended h2,.temvella-platform-site .tmv-plan-card.is-recommended .tmv-plan-price { color: var(--tv-ink); }
.temvella-platform-site .tmv-plan-card.is-recommended[data-plan] :is(.tmv-plan-description,li) { color: #535c71; }
.temvella-platform-site .tmv-plan-card.is-recommended :is(.tmv-plan-capacity,.tmv-plan-capacity small,.tmv-plan-renewal,.tmv-plan-price>.tmv-plan-period) { color: #6c7186; }
.temvella-platform-site .tmv-plan-card.is-recommended .tmv-plan-capacity strong { color: #5036b5; }
.temvella-platform-site .tmv-plan-card.is-recommended .tmv-plan-capacity { background: #f3f0ff; border-color: #e9e2fc; }
.temvella-platform-site .tmv-plan-card.is-recommended .tmv-plan-symbol { background: #ece6ff; color: #6947df; }
.temvella-platform-site .tmv-plan-card.is-recommended ul { border-color: #e8e3f5; }
.temvella-platform-site .tmv-plan-card.is-recommended li:before { background: #eee9ff; color: #7656d7; }
.temvella-platform-site .tmv-plan-card.is-recommended>.button-primary { background: #6545f5; border-color: #6545f5; color: #fff; }
.temvella-platform-site .tmv-plan-card.is-recommended>.button-primary:hover { background: #5132d7; border-color: #5132d7; }
.temvella-platform-site .tmv-plan-recommended { position: static; inset: auto; transform: none; display: inline-flex; align-items: center; gap: 5px; background: #eee8ff; border: 1px solid #e1d7fa; border-radius: 6px; color: #6544c1; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: 0; padding: 5px 8px; white-space: nowrap; }
.tmv-plan-recommended>span { font-size: 12px; }
.tv-pricing-footnote { font-size: 12px; color: var(--tv-muted); margin-top: 28px; }
.temvella-platform-site .tmv-plan-details h3 { font-size: 24px; line-height: 1.35; }
.temvella-platform-site .tmv-plan-details p,.temvella-platform-site .tmv-plan-policy p { font-size: 14px; line-height: 1.85; }
.temvella-platform-site .tmv-plan-policy summary { font-size: 14px; font-weight: 600; }
.temvella-platform-site .tv-shop-hero h1 { font-size: clamp(44px,5.5vw,72px); line-height: 1.1; }
.temvella-platform-site .tv-shop-intro>p:first-child { font-weight: 650; font-size: 24px; line-height: 1.45; letter-spacing: -.8px; }
.temvella-platform-site .tv-shop-intro>p:nth-child(2) { font-size: 15px; }
.temvella-platform-site .tv-shop-assurances>span { font-size: 13px; }
.temvella-platform-site .tv-shop h2 { font-size: 40px; line-height: 1.2; }
.temvella-platform-site .tv-shop-card { border-radius: 15px; }
.temvella-platform-site .tv-shop-card.is-featured { border-color: #b7a6f5; box-shadow: 0 0 0 3px #f2eeff,0 12px 30px #6545f509; }
.temvella-platform-site .tv-shop-plan-label { display: flex; align-items: center; min-height: 27px; margin: 0 0 17px; font-size: 11px; color: #7a8192; }
.temvella-platform-site .tv-shop-recommended { position: static; inset: auto; transform: none; display: inline-flex; align-items: center; gap: 5px; background: #eee8ff; border: 1px solid #e1d7fa; border-radius: 6px; color: #6544c1; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: 0; padding: 5px 8px; }
.temvella-platform-site .tv-shop-card-heading h3 { font-size: 28px; }
.temvella-platform-site .tv-shop-price { font-weight: 700; font-size: 29px; letter-spacing: -1px; }
.temvella-platform-site .tv-shop-price>.tv-shop-price-period { font-size: 11px; }
.temvella-platform-site .tv-shop-card-description { font-size: 13px; }
.temvella-platform-site .tv-shop-card li { font-size: 12px; }
.temvella-platform-site .tv-shop-purchase { font-size: 13px!important; }
.temvella-platform-site .tv-shop-included h3 { font-size: 22px; }
.temvella-platform-site .tv-shop-included article>p,.temvella-platform-site .tv-shop-faq details>p { font-size: 14px; }
.temvella-platform-site .tv-shop-faq summary { font-size: 14px; }
.temvella-platform-site .tv-shop-free { background: #f0ecff; border: 1px solid #e2dcfc; border-radius: 16px; }
.temvella-platform-site .tv-shop-free p:not(.eyebrow) { font-size: 14px; }
.temvella-platform-site :is(.account-main,.commerce-main) { max-width: 1400px; padding: 55px 40px 80px; }
.temvella-platform-site :is(.account-welcome,.workspace-heading) h1 { font-size: clamp(34px,4vw,48px); line-height: 1.2; letter-spacing: -1.8px; }
.temvella-platform-site :is(.account-welcome,.workspace-heading)>p:last-child { font-size: 14px; }
.temvella-platform-site .account-main .woocommerce-MyAccount-navigation { border-radius: 12px; padding: 23px 13px; background: #f9faff; border-color: #e5e8f1; }
.temvella-platform-site .account-main .woocommerce-MyAccount-navigation a { font-size: 13px; color: #636d83; padding: 12px; }
.temvella-platform-site .account-main .woocommerce-MyAccount-navigation li.is-active a { color: #6244d8; background: #ece7ff; font-weight: 600; }
.temvella-platform-site .workspace-plan { background: #f6f3ff; border-color: #e3dcfb; border-radius: 13px; }
.temvella-platform-site .workspace-plan h2 { font-size: 29px; }
.temvella-platform-site .workspace-plan h2 { color: var(--tv-ink); }
.temvella-platform-site .workspace-plan p { color: #636b80; }
.temvella-platform-site .workspace-info :is(p,li) { color: var(--tv-muted); }
.temvella-platform-site .access-label { color: #6247ba; border-color: #ded7f3; }
.temvella-platform-site :is(.workspace-plan p,.workspace-info p,.workspace-info li,.workspace-shortcuts a) { font-size: 13px; }
.temvella-platform-site .workspace-shortcuts a { border-radius: 9px; }
.temvella-platform-site .next-step-grid { border-radius: 13px; }
.temvella-platform-site .next-step-grid h3 { font-size: 27px; }
.temvella-platform-site .next-step-grid p { font-size: 14px; }
.temvella-platform-site .account-main .woocommerce :is(form.login,form.register) { border-radius: 14px; border-color: #e2e6f0; padding: 32px; box-shadow: 0 10px 35px #202b4405; }
.temvella-platform-site .account-main .woocommerce #customer_login h2 { font-size: 28px; }
.temvella-platform-site .account-main .woocommerce .form-row label { font-size: 13px; }
.temvella-platform-site .account-main .woocommerce :is(input.input-text,input[type=email],input[type=password]) { font-size: 16px; min-height: 48px; border-radius: 8px; border-color: #dbe1ec; color: var(--tv-ink); }
.temvella-platform-site .account-main .woocommerce .button { border-radius: 8px; font-size: 13px; }
.temvella-platform-site .account-main .woocommerce-privacy-policy-text { font-size: 12px; }
.temvella-platform-site .commerce-main>h1 { font-size: 44px; }
.temvella-platform-site .woocommerce div.product .product_title { font-size: clamp(27px,3vw,41px); line-height: 1.25; letter-spacing: -1.4px; }
.temvella-platform-site .woocommerce div.product p.price { font: 700 35px/1.3 var(--tv-display); color: var(--tv-ink); }
.temvella-platform-site .woocommerce-product-details__short-description { font-size: 15px; line-height: 1.9; }
.temvella-platform-site :is(.wc-block-components-text-input input,.wc-block-components-combobox-control input) { border-radius: 8px; }
.temvella-platform-site .guide-content { font-size: 16px; line-height: 1.85; }

/* Detail previews and shared closing sections. */
.temvella-platform-site .design-intro h1 { font-size: clamp(45px,5vw,67px); line-height: 1.15; letter-spacing: -2.5px; }
.temvella-platform-site .design-intro>div>p:not(.eyebrow) { font-size: 15px; }
.temvella-platform-site .tv-design-stage { border-radius: 13px; border-color: #dfe4ed; box-shadow: 0 13px 40px #2027430a; }
.tv-design-stage-bar { min-height: 47px; font-size: 11px; }
.tv-design-stage-caption { font-size: 11px; }
.temvella-platform-site .design-description h2 { font-size: 36px; letter-spacing: -1px; }
.temvella-platform-site .design-body { font-size: 15px; line-height: 1.9; }
.temvella-platform-site .package-summary { background: #f7f8fc; border-color: #e2e6ef; border-radius: 14px; }
.temvella-platform-site .package-summary h3 { font-size: 27px; line-height: 1.3; }
.temvella-platform-site .package-summary li { font-size: 13px; }
.temvella-platform-site .package-status { font-size: 12px; }
.temvella-platform-site .tv-included-grid h3 { font-size: 19px; line-height: 1.4; }
.temvella-platform-site .tv-included-grid p { font-size: 13px; }
.tv-faq { padding-block: 75px; gap: 70px; }
.tv-faq h2 { font-size: 44px; line-height: 1.2; letter-spacing: -1.8px; }
.faq-list summary { font-size: 15px; font-weight: 550; padding-block: 17px; }
.faq-list details p { font-size: 14px; line-height: 1.85; }
.tv-closing { padding-block: 58px; margin-block: 15px 70px; border-radius: 20px; background: #f0edff; gap: 40px; }
.tv-closing h2 { font-size: clamp(38px,4.5vw,60px); line-height: 1.14; letter-spacing: -2.4px; }
.tv-closing-star { color: var(--tv-accent); font-size: 130px; }
.temvella-platform-site .tv-footer { background: #141626; color: #b0b8ce; border: 0; }
.tv-footer-top { padding-block: 62px 45px; gap: 50px; }
.tv-footer-brand .tv-wordmark { font: 750 33px/1.1 var(--tv-display); letter-spacing: -1.5px; color: #fff; }
.tv-footer-brand .tv-wordmark span { color: #a18aff; }
.tv-footer-brand p { font-size: 14px; line-height: 1.85; color: #969fb9; }
.tv-footer-brand .text-link { font-size: 13px; color: #c1adff; }
.temvella-platform-site .tv-footer-column h3 { color: #fff; font-size: 13px; font-weight: 650!important; letter-spacing: 0; margin-bottom: 23px; }
.tv-footer-column a { font-size: 13px; color: #9ba5bd; line-height: 1.9; margin-bottom: 10px; }
.tv-footer-column a:hover { color: #d2c4ff; }
.tv-footer-bottom { border-color: #2a2f43; padding-block: 23px; font-size: 11px; color: #7c87a2; }

@media(max-width:1100px) {
  .temvella-platform-site .section-wrap { padding-inline: 32px; }
  .temvella-platform-site .site-header { padding-inline: 32px; gap: 22px!important; }
  .temvella-platform-site .main-navigation .wp-block-navigation__container { gap: 19px; }
  .temvella-platform-site .main-navigation { font-size: 12px; }
  .tv-launch-note { display: none; }
  .tv-launch-preview-main { width: 62%; }
  .tv-launch-preview-left { left: -90px; width: 39%; }
  .tv-launch-preview-right { right: -90px; width: 39%; }
  .tv-launch-stage { height: 430px; }
  .tv-customize { gap: 35px; }
  .tv-demo-body { grid-template-columns: 145px minmax(0,1fr); }
  .tv-demo-controls { padding-inline: 13px; }
  .temvella-platform-site .tmv-plan-card { padding: 30px 22px; }
  .temvella-platform-site .tmv-plan-heading { display: block; min-height: 78px; }
  .temvella-platform-site .tmv-plan-heading h2 { margin-bottom: 8px; }
  .tv-benefits>article,.tv-benefits>article+article { padding: 24px; }
  .tv-footer-top { gap: 30px; }
}
@media(max-width:780px) {
  .temvella-platform-site .section-wrap { padding-inline: 25px; }
  .temvella-platform-site .site-header { padding-inline: 25px; min-height: 78px; gap: 18px!important; }
  .temvella-platform-site .brand-wordmark { font-size: 27px!important; }
  .temvella-platform-site .main-navigation .wp-block-navigation__container { gap: 14px; }
  .temvella-platform-site .main-navigation { font-size: 11px; }
  .temvella-platform-site .tv-header-cta { min-height: 40px; font-size: 11px; padding: 9px 13px; }
  .tv-launch { padding-top: 37px; padding-bottom: 25px; }
  .temvella-platform-site .tv-launch h1 { font-size: clamp(43px,7.8vw,63px); letter-spacing: -2.7px; }
  .tv-launch-description { font-size: 15px; max-width: 590px; }
  .tv-launch-badge { font-size: 9px; letter-spacing: .8px; }
  .tv-launch-gallery { margin-top: 33px; }
  .tv-launch-toolbar { gap: 15px; padding: 13px 15px; }
  .tv-launch-library { font-size: 12px; }
  .tv-launch-library small { display: none; }
  .tv-launch-search { width: 46%; }
  .tv-launch-stage { height: 370px; }
  .tv-launch-preview-main { width: 80%; max-width: 520px; top: 18px; }
  .tv-launch-preview-left,.tv-launch-preview-right { width: 41%; top: 65px; }
  .tv-launch-gallery-footer { padding: 15px; gap: 15px; font-size: 10px; }
  .tv-launch-gallery-footer strong { font-size: 12px; }
  .tv-launch-gallery-footer a { font-size: 10px; gap: 8px; }
  .tv-foundation { flex-wrap: wrap; gap: 20px; padding-top: 18px; }
  .tv-platform-word { font-size: 20px; }
  .tv-foundation-note { display: none; }
  .tv-collection { padding-block: 46px 55px; }
  .temvella-platform-site .section-heading h2 { font-size: 39px; letter-spacing: -1.6px; }
  .temvella-platform-site .section-heading>div:last-child>p,.temvella-platform-site .section-heading>p { font-size: 14px; }
  .temvella-platform-site .design-grid { gap: 24px 18px; }
  .temvella-platform-site .design-card__meta { padding-inline: 16px; }
  .temvella-platform-site .design-card__bottom { margin-inline: 16px; }
  .temvella-platform-site .design-card__meta :is(h2,h3) { font-size: 21px; }
  .temvella-platform-site .design-card__bottom>span { max-width: 55%; font-size: 9px; }
  .temvella-platform-site .library-page .library-intro h1,.temvella-platform-site .pricing-page .library-intro h1 { font-size: 45px; letter-spacing: -1.8px; }
  .tv-difference { padding-block: 52px; }
  .tv-benefits { gap: 16px; }
  .tv-benefits>article,.tv-benefits>article+article { display: block; padding: 27px; }
  .tv-feature-symbol { margin-bottom: 20px; }
  .temvella-platform-site .tv-benefits h3 { font-size: 25px; }
  .tv-customize { padding-block: 55px; }
  .tv-customize-copy h2 { font-size: 42px; max-width: 560px; }
  .tv-demo-body { grid-template-columns: 165px minmax(0,1fr); }
  .tv-workflow { padding-bottom: 50px; }
  .tv-steps>article { display: block; }
  .tv-steps h3 { font-size: 23px; }
  .tv-steps p { max-width: 100%; }
  .tv-home-pricing { padding-block: 50px; }
  .temvella-platform-site .tmv-plan-card { padding: 34px; }
  .temvella-platform-site .tmv-plan-heading { display: flex; min-height: 38px; }
  .temvella-platform-site .tmv-plan-heading h2 { margin: 0; }
  .temvella-platform-site .tmv-plan-card ul { columns: 1; }
  .temvella-platform-site .tmv-plan-card li { font-size: 13px; }
  .temvella-platform-site .tv-shop-hero h1 { font-size: 53px; letter-spacing: -2px; }
  .temvella-platform-site .tv-shop h2 { font-size: 35px; }
  .temvella-platform-site :is(.account-main,.commerce-main) { padding-inline: 25px; }
  .tv-faq { padding-block: 50px; gap: 30px; }
  .tv-faq h2 { font-size: 38px; }
  .tv-closing { margin-inline: 25px!important; padding-block: 40px; margin-bottom: 45px; }
  .tv-closing h2 { font-size: 44px; }
  .tv-closing-star { font-size: 82px; }
  .tv-footer-top { padding-block: 43px; }
}
@media(max-width:600px) {
  .temvella-platform-site .section-wrap { padding-inline: 20px; }
  .temvella-platform-site .site-header { padding: 17px 18px; min-height: 72px; gap: 10px!important; }
  .temvella-platform-site .brand-wordmark { font-size: 25px!important; letter-spacing: -1px; }
  .temvella-platform-site .brand-wordmark a { padding-left: 0; }
  .temvella-platform-site .brand-wordmark .tv-brand-lockup { width: 156px; }
  .temvella-platform-site .brand-wordmark .tv-brand-symbol { width: 33px; height: 33px; }
  .temvella-platform-site .brand-wordmark .tv-brand-wordmark-crop { width: 116px; }
  .temvella-platform-site .brand-wordmark a:before { width: 21px; height: 21px; }
  .temvella-platform-site .tv-header-cta { padding: 9px 11px; font-size: 10px; gap: 9px; min-height: 37px; }
  .temvella-platform-site .main-navigation { margin-left: auto; }
  .temvella-platform-site .wp-site-blocks>header { backdrop-filter: none; }
  .temvella-platform-site .main-navigation .wp-block-navigation__responsive-container.is-menu-open { background: #fff; }
  .temvella-platform-site .main-navigation .is-menu-open .wp-block-navigation__container { font-size: 20px; }
  .tv-launch { padding-top: 30px; }
  .tv-launch-badge { font-size: 7px; letter-spacing: .7px; padding: 8px 10px; margin-bottom: 22px; gap: 8px; }
  .temvella-platform-site .tv-launch h1 { font-size: clamp(36px,9vw,52px); line-height: 1.15; letter-spacing: -1.9px; margin-bottom: 19px; }
  .tv-launch-description { font-size: 14px; line-height: 1.85; }
  .tv-launch-actions { gap: 10px; }
  .tv-launch-actions :is(.button-primary,.button-secondary) { font-size: 12px; min-height: 46px; padding: 12px 16px; gap: 11px; }
  .tv-launch-proof { gap: 8px 12px; font-size: 9px; margin-top: 20px; }
  .tv-launch-toolbar { flex-direction: column; align-items: stretch; padding: 13px; gap: 10px; }
  .tv-launch-library { font-size: 11px; }
  .tv-launch-search { width: 100%; box-sizing: border-box; }
  .tv-launch-search input { font-size: 16px; padding: 9px 10px; }
  .tv-launch-stage { height: clamp(235px,70vw,370px); }
  .tv-launch-preview-main { width: calc(100% - 28px); top: 17px; }
  .tv-launch-preview-left,.tv-launch-preview-right { display: none; }
  .tv-launch-preview-bar { height: 24px; font-size: 7px; gap: 12px; }
  .tv-launch-preview-label { font-size: 12px; padding: 10px 12px; }
  .tv-launch-preview-label small { font-size: 8px; }
  .tv-launch-gallery-footer { flex-wrap: wrap; gap: 9px 15px; font-size: 9px; }
  .tv-launch-gallery-footer a { width: 100%; justify-content: space-between; margin-top: 3px; }
  .tv-launch-gallery-footer strong { font-size: 11px; }
  .tv-foundation { padding-bottom: 22px; justify-content: space-between; gap: 18px; }
  .tv-foundation>span:first-child { width: 100%; font-size: 11px; }
  .tv-platform-word { font-size: 18px; gap: 14px; }
  .tv-platform-word:nth-child(2) { font-size: 22px; }
  .temvella-platform-site .section-heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .temvella-platform-site .eyebrow { font-size: 9px; letter-spacing: 1.1px; }
  .temvella-platform-site .design-grid { grid-template-columns: 1fr; gap: 25px; }
  .temvella-platform-site .design-card__meta { padding: 20px; }
  .temvella-platform-site .design-card__bottom { margin-inline: 20px; }
  .temvella-platform-site .design-card__meta :is(h2,h3) { font-size: 23px; }
  .temvella-platform-site .design-card__bottom>span { font-size: 10px; }
  .tv-collection-tags { flex-wrap: wrap; }
  .tv-collection-tags>span { font-size: 9px; }
  .temvella-platform-site .library-page .library-intro h1,.temvella-platform-site .pricing-page .library-intro h1 { font-size: 36px; letter-spacing: -1.4px; }
  .temvella-platform-site .library-page .library-intro>p:not(.eyebrow),.temvella-platform-site .pricing-page .library-intro>p:not(.eyebrow) { font-size: 14px; }
  .temvella-platform-site .library-filters { padding: 15px; }
  .temvella-platform-site .library-filters :is(input[type=search],select) { font-size: 16px; }
  .temvella-platform-site .tv-library-tabs { gap: 6px; }
  .temvella-platform-site .tv-library-tabs label>span { padding: 8px 9px; font-size: 11px; }
  .temvella-platform-site .tv-library-tabs label>span small { font-size: 9px; }
  .temvella-platform-site .results-bar { font-size: 11px; }
  .temvella-platform-site .library-promise { padding: 24px; }
  .temvella-platform-site .library-promise h2 { font-size: 25px; }
  .temvella-platform-site .tv-difference h2 { font-size: 34px; letter-spacing: -1.2px; }
  .tv-difference-intro>p:last-child { font-size: 14px; }
  .tv-benefits>article,.tv-benefits>article+article { padding: 24px; }
  .tv-customize-copy h2 { font-size: 35px; letter-spacing: -1.2px; }
  .tv-demo-body { grid-template-columns: 1fr; }
  .tv-demo-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 13px; padding: 17px; }
  .tv-demo-controls label,.tv-demo-controls .tv-demo-field-label { margin: 0; }
  .tv-demo-controls :is(input,select) { width: 100%; min-width: 0; margin: 0; font-size: 16px; }
  .tv-demo-controls>p { display: none; }
  .tv-demo-controls .tv-palette { margin: 0; gap: 10px; }
  .tv-demo-controls label[for=tv-demo-name] { grid-column: 1; grid-row: 1; }
  .tv-demo-controls input { grid-column: 1; grid-row: 2; }
  .tv-demo-controls .tv-demo-field-label { grid-column: 2; grid-row: 1; }
  .tv-demo-controls .tv-palette { grid-column: 2; grid-row: 2; }
  .tv-demo-controls label[for=tv-demo-font] { grid-column: 1; grid-row: 3; margin-top: 6px; }
  .tv-demo-controls select { grid-column: 1/-1; grid-row: 4; }
  .tv-demo-preview { min-height: 260px; }
  .temvella-platform-site .tmv-plan-card { padding: 29px 24px; }
  .temvella-platform-site .tmv-plan-description { min-height: 0; }
  .temvella-platform-site .tv-shop-hero h1 { font-size: 39px; letter-spacing: -1.5px; }
  .temvella-platform-site .tv-shop h2 { font-size: 31px; }
  .temvella-platform-site .tv-shop-card-heading h3 { font-size: 25px; }
  .temvella-platform-site .tv-shop-price { font-size: 26px; }
  .temvella-platform-site .account-main { padding-inline: 20px; }
  .temvella-platform-site .account-main .woocommerce :is(form.login,form.register) { padding: 24px; }
  .temvella-platform-site .package-summary h3 { font-size: 26px; }
  .temvella-platform-site .tv-included-grid h3 { font-size: 21px; }
  .tv-faq h2 { font-size: 33px; letter-spacing: -1.3px; }
  .faq-list summary { font-size: 14px; }
  .tv-closing { margin-inline: 20px!important; padding: 34px 24px!important; flex-direction: column; align-items: start; gap: 20px; }
  .tv-closing h2 { font-size: 35px; letter-spacing: -1.4px; }
  .tv-closing-star { display: none; }
  .tv-closing .button-row { gap: 20px; }
  .tv-footer-top { gap: 28px; }
  .tv-footer-brand p { font-size: 13px; }
  .tv-footer-column a { font-size: 12px; }
  .tv-footer-bottom { font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) {
  .tv-launch-preview,.temvella-platform-site .design-card { transition: none; }
  .tv-launch-preview:hover,.temvella-platform-site .design-card:hover { margin-top: 0; transform: none; }
  .tv-launch-preview-main:hover { transform: translateX(-50%); }
}