@import url('sections.css');
:root { --vx-background: #f6f6f0; --vx-color-1: #f6f6f0; --vx-color-2: #bae52a; --vx-color-3: #f6ed8a; --vx-color-4: #171d18; --ink: #171d18; --muted: #62675d; --line: #d9ddd0; --vx-chart-c1: #bae52a; --vx-chart-c2: #6c8750; --vx-chart-accent: #bae52a; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--vx-background); color: var(--ink); font-family: 'TikTok Sans', Arial, sans-serif; font-weight: 400; font-stretch: 100%; letter-spacing: 0; line-height: 1.45; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { display: block; width: 100%; height: auto; }
.icon { width: 20px; height: 20px; flex: 0 0 20px; max-width: none !important; }
a:hover { color: #536d00; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline: 3px solid #748d1e; outline-offset: 5px; }
button, nav, .button { font-family: 'TikTok Sans', Arial, sans-serif; font-stretch: 100%; font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }
h1, h2, h3, h4 { font-family: 'TikTok Sans', Arial, sans-serif; font-stretch: 100%; line-height: 1.1; letter-spacing: -.02em; font-weight: 500; }
h1 { font-size: clamp(42px, 5.2vw, 76px); margin: 0; }
h2 { font-size: clamp(32px, 3.7vw, 54px); margin: 0 0 38px; max-width: 1000px; }
h3 { font-size: 25px; margin: 0 0 18px; }
p { margin: 0 0 22px; }
.wrap { width: min(1300px, calc(100% - 80px)); margin-inline: auto; }
.skip-link { position: absolute; top: -100px; left: 20px; z-index: 100; background: white; padding: 12px; }
.skip-link:focus { top: 10px; }
.opening { position: relative; isolation: isolate; background: #edf2d3; background-image: radial-gradient(ellipse at 76% 37%, #d8ef9c 0%, transparent 55%), radial-gradient(ellipse at 25% 65%, #fffbdc 0%, transparent 52%); }
.header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 108px; z-index: 10; border-bottom: 1px solid #242b1820; }
.brand { flex: 0 0 146px; }
.brand img { width: 146px; height: 63px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 32px; font-size: 15px; }
.tools { position: relative; }
.tools summary { cursor: pointer; padding: 16px 0; }
.tools-panel { position: absolute; top: 100%; left: -24px; width: 320px; padding: 20px 24px; background: #fdfef7; box-shadow: 0 20px 70px #28351824; border: 1px solid #cbd1bf; border-radius: 18px; display: grid; gap: 0; }
.tools-panel a { padding: 13px 0; border-bottom: 1px solid #e2e6da; }
.tools-panel a:last-child { border: 0; }
.login { display: flex; align-items: center; gap: 16px; font-size: 15px; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 14px; }
.opening > .header { z-index: 10; }
.mobile-menu[hidden] { display: none; }
.mobile-menu { position: absolute; top: 100%; left: -20px; right: -20px; background: #f8faed; border-bottom: 1px solid #b9c5a4; box-shadow: 0 24px 40px #18211d18; padding: 20px; display: grid; gap: 0; max-height: calc(100svh - 88px); overflow: auto; }
.mobile-menu a { padding: 13px 2px; border-bottom: 1px solid #dce3d0; }
.hero { min-height: 690px; display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 54px; padding-block: 66px 90px; }
.hero-copy { position: relative; z-index: 1; }
.hero-copy h1 { max-width: 760px; }
.hero-desc { max-width: 580px; font-size: 20px; margin: 28px 0 34px; }
.hero-note { max-width: 400px; font-size: 14px; color: #555e43; margin: 26px 0 0; }
.hero-text { grid-template-columns: 1fr; min-height: 490px; }
.hero-text .hero-copy { max-width: 1100px; }
.hero-text h1 { max-width: 1000px; }
.hero-text .hero-desc { max-width: 880px; }
.hero-visual { position: relative; min-width: 0; }
.hero-visual > img { margin-inline: auto; }
.hero-product { border-radius: 30px; background: linear-gradient(140deg, #ffffffde, #fafce6b8); border: 1px solid #fffffff0; box-shadow: 0 30px 65px #47621b20, inset 0 1px 1px #fff; padding: 22px; position: relative; }
.hero-product::after { content: ''; position: absolute; inset: -22px; z-index: -1; border: 1px solid #82985030; border-radius: 45px; }
.hero-product-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 17px; font-weight: 500; line-height: 1.25; padding-bottom: 24px; }
.hero-product-top a { padding: 14px; background: #bae52a; border-radius: 50%; }
.mini-schedule { background: #fff; border: 1px solid #dbe4ce; border-radius: 14px; overflow: hidden; padding-bottom: 10px; }
.schedule-dates { display: grid; grid-template-columns: 1.6fr repeat(7, 1fr); padding: 14px 12px; gap: 10px; font-size: 11px; border-bottom: 1px solid #e7ebdf; }
.schedule-row { display: grid; grid-template-columns: 1.6fr 7fr; padding: 9px 12px; gap: 10px; font-size: 12px; align-items: center; }
.schedule-lanes { display: grid; grid-template-columns: repeat(7, 1fr); background: repeating-linear-gradient(90deg,#f8faf4 0%,#f8faf4 14%,#e5eadc 14%,#e5eadc 14.3%); height: 35px; align-items: center; }
.schedule-lanes i { font-style: normal; font-size: 10px; background: #edb7b3; padding: 8px; border-radius: 5px; }
.schedule-row:nth-child(3) i { background: #d8c6ed; }
.schedule-row:nth-child(4) i { background: #cce393; }
.hero-widgets { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; margin-top: 16px; }
.hero-widgets > div { padding: 20px; border-radius: 18px; background: #202b20; color: #f8faec; }
.hero-widgets > div:last-child { background: #bae52a; color: #18211d; }
.hero-widgets span { font-size: 13px; }
.hero-widgets strong { display: block; font-size: 46px; font-weight: 500; line-height: 1.1; }
.hero-chart { height: 115px; --vx-chart-grid: transparent; --vx-chart-label: #fff; }
.hero-ring > div { aspect-ratio: 1; margin-top: 12px; display: grid; place-items: center; --vx-chart-accent: #18211d; --vx-chart-track: #18211d25; --vx-chart-stroke: 8px; }
.hero-ring b { font-size: 30px; font-weight: 500; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 100px; padding: 21px 27px; font-size: 16px; border: 1px solid transparent; min-height: 62px; max-width: 100%; transition: background .18s, box-shadow .18s; }
.button.primary { background: #bae52a; color: #192019; border-color: #accf35; box-shadow: 0 5px 0 #73901214; }
.button.primary:hover { background: #c9ee51; box-shadow: 0 8px 20px #738b2630; }
.button.secondary { background: transparent; border-color: #acb4a0; color: #192019; }
.button.secondary:hover { background: #e9eddc; }
.section { padding-block: 100px; border-bottom: 1px solid var(--line); }
.section > p { max-width: 820px; font-size: 18px; }
.section > .button { margin-top: 26px; }
.intro-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 80px; align-items: end; }
.large-copy { font-size: clamp(25px, 3vw, 42px); line-height: 1.2; letter-spacing: -.02em; margin: 0; }
.text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid currentColor; padding: 12px 0; }
.video-box { aspect-ratio: 16/9; max-width: 1040px; background: #e8ecdd; border-radius: 22px; overflow: hidden; margin: 34px 0; border: 1px solid #d0d7c1; }
.video-box iframe { width: 100%; height: 100%; border: 0; }
.calendar-showcase { padding: 52px; background: linear-gradient(130deg,#d5eb7e,#f3f5dc); border-radius: 28px; margin-bottom: 45px; }
.calendar-showcase img { margin-inline: auto; }
.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.module-grid h3 { display: flex; justify-content: space-between; gap: 24px; }
.module-grid p { font-size: 16px; color: #525949; }
.split { display: grid; grid-template-columns: 1fr 1.25fr; gap: 64px; align-items: center; }
.split p { font-size: 19px; }
.phone-gallery { padding: 32px; background: #e9eecf; border-radius: 24px; }
.phone-gallery img { margin: auto; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; }
.metrics-ground { background: #e6eccf; }
.metric { display: block; font-size: clamp(52px, 7vw, 94px); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }
.metrics-ground .vxk-tile { min-height: 290px; padding: 36px; justify-content: space-between; }
.metrics-ground .vxk-tile p { margin: 22px 0 0; font-size: 19px; max-width: 400px; }
.feature-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 60px; margin-top: 52px; }
.feature-columns article { padding-top: 28px; border-top: 1px solid #bcc5aa; }
.feature-columns p { max-width: 560px; }
.vxk-dash__frame { background: #e4e8d7; margin-top: 0; }
.vxk-dash__card { background: #20291f; color: #f6f6f0; }
.vxk-dash__ring { --vx-chart-track: #47533d; }
.vxk-dash__ring b { background: #f6f6f0; }
.vxk-dash__rings { grid-template-columns: 1fr 1fr; max-width: 350px; margin-inline: auto; }
.vxk-dash__plot { --vx-chart-grid: #ffffff20; --vx-chart-label: #ffffff90; --vx-chart-c2: #678646; }
.rate-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: 36px 0; border-top: 1px solid #c7cfb7; border-left: 1px solid #c7cfb7; }
.rate-strip > div { border-right: 1px solid #c7cfb7; border-bottom: 1px solid #c7cfb7; padding: 26px; }
.rate-strip span { display: block; font-size: 15px; color: #666e58; }
.rate-strip strong { display: block; font-size: 33px; font-weight: 500; margin-top: 22px; }
.cta-band { background: #dfeaab; padding: 64px; border-radius: 30px; margin-block: 70px; border-bottom: 0; }
.cta-band h2 { max-width: 850px; }
.stack-stage { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-block: 60px; }
.stack-deck { height: min(58svh, 480px); }
.stack-card { display: grid; grid-template-columns: 1fr 1fr; padding: 48px; gap: 50px; background: #d4ea90; border: 1px solid #c0d883; }
.stack-card:nth-child(2) { background: #e9eddc; }
.stack-card:nth-child(3) { background: #232d20; color: #f6f6f0; }
.stack-card:nth-child(4) { background: #f4eba2; }
.stack-card h3 { font-size: clamp(28px, 3vw, 44px); max-width: 450px; margin: 30px 0 24px; }
.stack-card p { max-width: 440px; font-size: 19px; }
.step-num { font-size: 15px; border-bottom: 1px solid currentColor; padding-bottom: 12px; display: inline-block; }
.step-art { padding: 28px; background: #f8faee; color: #1d2619; border-radius: 24px; }
.step-art b { font-size: 24px; font-weight: 500; }
.step-art > div { height: 220px; --vx-chart-fill: #819f27; --vx-chart-label: #24311e; --vx-chart-track: #d4dcca; }
.partners { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 50px; margin-top: 50px; }
.partners img { height: 70px; object-fit: contain; }
.ratings { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.ratings a { padding: 32px 24px; border: 1px solid #cbd3bb; background: #ebefdc; border-radius: 20px; }
.ratings strong { display: block; font-size: 65px; font-weight: 500; }
.ratings span { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
blockquote { margin: 0; }
.section > blockquote { border-left: 4px solid #bae52a; padding: 16px 0 16px 40px; max-width: 930px; font-size: 23px; }
.bot-band { margin-top: 60px; background: #e5ebcd; padding: 60px; border-radius: 26px; }
.plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.plans article { padding: 32px 24px; border: 1px solid #cbd3bb; border-radius: 24px; background: #eff2e4; display: flex; flex-direction: column; }
.plans article:nth-child(2) { background: #dfeaab; }
.plans h2, .plans h3 { font-size: 26px; margin-bottom: 26px; }
.plans strong { display: block; font-size: 36px; font-weight: 500; margin-bottom: 28px; }
.plans p { font-size: 15px; }
.plans .button { margin-top: auto; padding: 16px; font-size: 14px; }
.plans.two { grid-template-columns: 1fr 1fr; margin-bottom: 40px; }
.bonuses { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 40px; }
.bonuses > div { padding: 38px; background: #e7eccc; border-radius: 24px; }
.bonuses strong { font-size: clamp(40px, 5vw, 70px); line-height: 1.1; font-weight: 500; display: block; margin-bottom: 24px; }
.table-scroll { overflow: auto; margin-block: 35px; border: 1px solid #cbd3bb; border-radius: 20px; }
table { width: 100%; border-collapse: collapse; min-width: 980px; }
th, td { text-align: left; padding: 24px 18px; border-bottom: 1px solid #d8dec9; font-size: 14px; white-space: nowrap; }
th { font-weight: 500; }
thead { background: #e7eccf; }
tr:last-child th, tr:last-child td { border-bottom: 0; }
.blog-controls { display: flex; margin-bottom: 42px; }
.blog-controls label { width: min(100%, 540px); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 32px; }
.blog-card { border-bottom: 1px solid #ccd3bf; padding-bottom: 32px; }
.blog-card img { border-radius: 16px; margin-bottom: 22px; }
.blog-card time { font-size: 14px; color: #666d5c; }
.blog-card h2 { font-size: 25px; margin: 20px 0; }
.blog-card[hidden] { display: none; }
.review { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; padding-block: 45px; border-bottom: 1px solid #cbd3bb; }
.review h2 { font-size: 24px; max-width: 350px; }
.review blockquote { max-width: 750px; font-size: 18px; }
.event-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 60px; }
.event-feature > div { background: #e7eccf; border-radius: 22px; padding: 36px; }
.event-feature h3 { font-size: 33px; }
.archive .source-visual { display: inline-flex; margin-right: 35px; }
.archive > p { max-width: 920px; }
.number-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 45px 0; }
.number-features article { border-top: 1px solid #bdc8a8; padding-top: 30px; }
.number-features h3 { margin-top: 25px; }
.number-features p { font-size: 17px; }
.source-visual { margin: 42px 0; padding: 32px; background: linear-gradient(130deg, #e3eccb, #f0f2e6); border-radius: 24px; display: flex; justify-content: center; align-items: center; }
.source-visual img { width: auto; max-width: 100% !important; object-fit: contain; max-height: 550px; }
.product-story h3 { font-size: 30px; margin-top: 45px; max-width: 850px; }
.product-story > p { max-width: 900px; }
.feature-list { padding: 0; list-style: none; margin: 24px 0 40px; max-width: 950px; }
.feature-list li { padding: 12px 0 12px 30px; position: relative; border-bottom: 1px solid #d4ddc3; }
.feature-list li::before { content: ''; position: absolute; left: 0; top: 17px; width: 17px; height: 17px; background: url('icons/check.svg') center/contain no-repeat; }
.timeline h3 { margin-top: 50px; padding-top: 24px; border-top: 1px solid #c5d0b2; }
.process-list { padding-left: 28px; margin: 0; }
.process-list li { padding: 0 0 20px 10px; }
.channel-tags { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
.channel-tags > * { padding: 16px 24px; border: 1px solid #b2c285; background: #e4edc6; border-radius: 100px; font-size: 18px; }
.sync-showcase { background: #222d20; padding: 52px; border-radius: 28px; color: #f6f6f0; margin-top: 45px; }
.sync-hub { padding: 32px; border: 1px solid #a0b868; width: fit-content; margin: auto; background: #bae52a; color: #18211d; border-radius: 22px; text-align: center; font-size: 22px; }
.sync-hub strong { font-size: 30px; font-weight: 500; }
.sync-channels { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 70px; position: relative; }
.sync-channels::before { content: ''; position: absolute; top: 0; height: 42px; left: 50%; border-left: 1px solid #93aa61; }
.sync-channels span { padding: 24px 12px; border: 1px solid #64754f; border-radius: 14px; text-align: center; background: #303d27; }
.faq details { border-bottom: 1px solid #c6d0b6; padding-block: 25px; }
.faq summary { cursor: pointer; font-size: 23px; font-weight: 500; padding-right: 32px; }
.faq p { max-width: 900px; margin: 24px 0 0; font-size: 18px; }
.newsletter .lead-form { max-width: 670px; }
.page-cover { background: var(--vx-background); }
.footer { background: #1b241c; color: #f4f6eb; position: relative; padding: 70px 0; margin-top: 0; }
.art-footer { height: 65svh; background: #dfe9b5; color: #18211d; }
.art-footer [data-vx-wordmark] { font-size: 12vw; font-weight: 500; font-stretch: 100%; letter-spacing: -.02em; line-height: 1.1; margin: 0; }
.footer-grid { display: grid; grid-template-columns: 1.1fr 1.05fr .7fr 1.2fr; gap: 45px; position: relative; z-index: 2; }
.footer h2 { font-size: 32px; margin-bottom: 20px; }
.footer h3 { font-size: 18px; color: #bae52a; margin-bottom: 22px; }
.footer p { font-size: 14px; color: #bec6b7; }
.footer a { display: flex; align-items: center; gap: 14px; width: fit-content; font-size: 14px; margin-bottom: 13px; }
.footer a:hover { color: #bae52a; }
.footer small { display: block; font-size: 11px; color: #94a48b; margin: -7px 0 18px; }
.legal { position: relative; z-index: 2; margin-top: 44px; padding-top: 28px; border-top: 1px solid #52604b; }
.legal p { max-width: 1100px; font-size: 11px; }
.legal > div { display: flex; gap: 25px; flex-wrap: wrap; }
.legal a { font-size: 11px; }
.footer-pile { height: 100px; position: absolute; bottom: 0; left: 0; right: 0; pointer-events: none; }
.footer-pile > span { width: 50px; height: 50px; border-radius: 50%; background: #bae52a; display: grid; place-items: center; }
.footer-pile span:nth-child(2n) { background: #f4eba0; }
.footer-pile .icon { width: 27px; height: 27px; }
dialog { border: 1px solid #d6dfc7; background: #f6f8ee; padding: 42px; border-radius: 25px; width: min(560px, calc(100% - 32px)); color: #1b241c; max-height: 90svh; }
dialog::backdrop { background: #16201888; backdrop-filter: blur(6px); }
dialog h2 { font-size: 32px; margin-bottom: 28px; padding-right: 28px; }
.close-dialog { position: absolute; top: 18px; right: 18px; padding: 10px; border: 0; background: transparent; }
.lead-form { display: grid; gap: 16px; }
.lead-form label { display: grid; gap: 6px; font-size: 14px; }
input:not([type='checkbox']) { width: 100%; border: 1px solid #b5c09f; background: #fcfdf7; padding: 15px 17px; border-radius: 10px; color: #1b241c; }
input[type='checkbox'] { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #8fab21; }
.lead-form label.consent { display: flex; align-items: flex-start; gap: 12px; font-size: 12px; }
.consent a, .privacy-link { text-decoration: underline; text-underline-offset: 3px; }
.privacy-link { font-size: 12px; }
.lead-form .button { margin-top: 8px; width: 100%; }
.form-status { font-size: 14px; margin: 0; }
.form-status:empty { display: none; }
.honey { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; }
.legal-opening { background: #e6edcd; }
.legal-page { max-width: 1000px; padding-block: 70px 100px; }
.legal-page h1 { font-size: 48px; margin-bottom: 40px; }
.legal-page p { margin: 0 0 26px; }
@media (min-width: 1600px) {
  .hero { min-height: 760px; } }
@media (max-width: 1100px) {
  .desktop-nav { gap: 18px; }
  .hero { gap: 32px; }
  .wrap { width: calc(100% - 48px); }
  .plans { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .hero-widgets > div { padding: 16px; }
  .hero-product { padding: 16px; } }
@media (max-width: 800px) {
  .header { min-height: 86px; }
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .login { margin-left: auto; }
  .hero { grid-template-columns: 1fr; padding-block: 45px 65px; min-height: auto; gap: 45px; }
  .hero h1 { font-size: 52px; max-width: 720px; }
  .hero-copy br { display: none; }
  .hero-visual { width: 100%; max-width: 620px; margin: auto; }
  .hero-desc { font-size: 19px; }
  .hero-text { min-height: 410px; }
  .section { padding-block: 65px; }
  .module-grid { grid-template-columns: 1fr; gap: 24px; }
  .split { grid-template-columns: 1fr; gap: 30px; }
  .intro-grid { grid-template-columns: 1fr; gap: 30px; }
  .number-features { grid-template-columns: 1fr 1fr; }
  .partners { grid-template-columns: 1fr 1fr; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
  .review { grid-template-columns: 1fr; gap: 10px; }
  .review h2 { max-width: none; }
  .ratings { grid-template-columns: 1fr 1fr; }
  .sync-channels { grid-template-columns: 1fr 1fr; }
  .stack-card { padding: 28px; gap: 25px; }
  .stack-card h3 { font-size: 32px; }
  .cta-band, .bot-band { padding: 36px; }
  .source-visual { padding: 22px; } }
@media (max-width: 560px) {
  .wrap { width: calc(100% - 40px); }
  .brand { flex-basis: 124px; }
  .brand img { width: 124px; height: auto; }
  .header { gap: 12px; }
  .login { font-size: 14px; gap: 8px; }
  .login .icon { display: none; }
  .menu-toggle { padding: 10px 0 10px 10px; }
  .hero { padding-block: 35px 55px; gap: 35px; }
  .hero h1 { font-size: 42px; }
  .hero-desc { margin-block: 22px 27px; font-size: 17px; }
  .hero-note { margin-top: 20px; font-size: 13px; }
  .hero-product { padding: 13px; border-radius: 21px; }
  .hero-product::after { inset: -9px; border-radius: 30px; }
  .hero-product-top { font-size: 14px; padding-bottom: 15px; }
  .hero-product-top a { padding: 10px; }
  .hero-widgets { gap: 9px; }
  .hero-widgets > div { padding: 13px; }
  .hero-widgets strong { font-size: 38px; }
  .hero-ring b { font-size: 23px; }
  .hero-chart { height: 78px; }
  .schedule-row, .schedule-dates { padding-inline: 8px; gap: 4px; font-size: 9px; }
  .schedule-lanes i { padding: 7px 4px; font-size: 8px; }
  .button { padding: 18px 22px; font-size: 15px; min-height: 58px; }
  .section { padding-block: 52px; }
  h2 { font-size: 33px; margin-bottom: 28px; }
  h3 { font-size: 23px; }
  .large-copy { font-size: 27px; }
  .calendar-showcase { padding: 20px 10px; border-radius: 18px; }
  .phone-gallery { padding: 16px; }
  .feature-columns, .plans, .plans.two, .bonuses, .event-feature { grid-template-columns: 1fr; gap: 24px; }
  .rate-strip { grid-template-columns: 1fr 1fr; }
  .rate-strip > div { padding: 22px 17px; }
  .rate-strip strong { font-size: 28px; }
  .rate-strip span { font-size: 13px; }
  .ratings { gap: 12px; }
  .ratings a { padding: 22px 17px; }
  .ratings strong { font-size: 52px; }
  .ratings span { font-size: 13px; gap: 10px; }
  .partners { gap: 30px; }
  .partners img { height: 45px; }
  .section > blockquote { padding-left: 22px; font-size: 19px; }
  .metrics-ground .vxk-tile { min-height: 215px; padding: 26px; }
  .metric { font-size: 62px; }
  .number-features { grid-template-columns: 1fr; gap: 24px; }
  .blog-grid { grid-template-columns: 1fr; }
  .blog-card img { width: 100%; max-width: none; }
  .blog-card h2 { font-size: 27px; }
  .stack-card { grid-template-columns: 1fr; gap: 16px; padding: 25px; }
  .stack-deck { height: 69svh; }
  .stack-card h3 { margin-block: 16px; font-size: 31px; }
  .stack-card p { font-size: 16px; margin-bottom: 10px; }
  .step-art { padding: 18px; }
  .step-art > div { height: 170px; }
  .step-art b { font-size: 19px; }
  .stack-stage { padding-block: 36px; }
  .stack-stage h2 { margin-bottom: 15px; }
  .source-visual { padding: 20px 12px; }
  .cta-band, .bot-band { padding: 30px 24px; }
  .faq summary { font-size: 20px; }
  .faq p { font-size: 16px; }
  .sync-showcase { padding: 30px 20px; }
  .sync-channels { gap: 12px; }
  .sync-channels span { font-size: 13px; padding: 18px 10px; }
  .sync-hub strong { font-size: 25px; }
  .footer { padding-top: 50px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 22px; }
  .footer-grid > div:first-child, .footer-grid > div:last-child { grid-column: 1 / -1; }
  .footer h2 { font-size: 30px; }
  .footer a { font-size: 13px; }
  .legal > div { gap: 10px; }
  dialog { padding: 32px 24px; }
  dialog h2 { font-size: 28px; }
  .legal-page h1 { font-size: 36px; } }
.journey-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.journey-grid article { padding: 34px; border: 1px solid #c8d2b6; border-radius: 24px; background: #edf1df; }
.journey-grid article:nth-child(3n+1) { background: #e2ecc2; }
.journey-grid h3 { margin-top: 22px; font-size: 29px; }
.journey-grid p { font-size: 17px; }
.journey-grid article > img { margin: 30px auto 0; max-height: 420px; object-fit: contain; }
.journey-grid .source-visual { padding: 10px; }
.message-evidence { position: relative; width: min(600px, 100%); margin: 50px auto 0; padding: 35px; background: #d8edb3; border-radius: 24px; }
.message-evidence img:first-child { position: absolute; inset: 0; height: 100%; object-fit: cover; border-radius: inherit; opacity: .35; }
.message-evidence img:last-child { position: relative; margin: auto; }
.blog-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }
.blog-filters button { border: 1px solid #b6c59b; background: transparent; padding: 13px 19px; border-radius: 100px; font-size: 14px; }
.blog-filters button[aria-pressed='true'] { background: #bae52a; border-color: #a8cc30; }
.calendar-window { overflow: hidden; border-radius: 14px; box-shadow: 0 18px 40px #3c52182a; }
.hero-product > img { border-radius: 8px; }
.hero-product .channel-tags { margin: 24px 0 0; gap: 10px; }
.hero-product .channel-tags > span { font-size: 13px; padding: 10px 15px; }
@media (max-width: 800px) {
  .journey-grid { grid-template-columns: 1fr; }
  .journey-grid article { padding: 27px; } }
@media (max-width: 560px) {
  .hero h1 { font-size: 40px; }
  .hero-desc { font-size: 17px; }
  .journey-grid h3 { font-size: 26px; } }
.event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.event-grid article { border: 1px solid #c5ceb5; border-radius: 24px; overflow: hidden; background: #edf1e0; padding: 30px; display: flex; flex-direction: column; }
.event-grid article > img { border-radius: 16px; margin: 0 auto 26px; }
.event-grid article > div { display: flex; flex-direction: column; align-items: flex-start; flex: 1; }
.event-grid h3 { font-size: 28px; }
.event-grid .button { margin-top: auto; }
@media (max-width: 800px) {
  .event-grid { grid-template-columns: 1fr; }
}
.integration-pit { height: 250px; border-radius: 25px; background: #e9edda; }
.integration-pit span { padding: 20px 28px; border-radius: 100px; background: #bae52a; color: #18211d; font-size: 22px; font-weight: 500; }
.integration-pit span:nth-child(2n) { background: #24311f; color: #f4f7e7; }
@media (max-width: 560px) {
  .integration-pit span { font-size: 16px; padding: 16px 20px; }
}
.sync-showcase .vxk-reach__inner { align-items: center; gap: 38px; }
.sync-panel { background: #eff3df; color: #18211d; border-radius: 22px; padding: 30px; }
.sync-panel h3 { font-size: 20px; }
.sync-panel > strong { display: block; font-size: 48px; font-weight: 500; letter-spacing: -.02em; }
.sync-panel > p { font-size: 13px; }
.sync-plot { height: 170px; --vx-chart-accent: #759c13; --vx-chart-label: #566842; --vx-chart-grid: #18211d18; --vx-chart-stroke: 3px; }
.sync-state { margin-top: 32px; border-top: 1px solid #c5d1b2; padding-top: 20px; }
.sync-state span { display: block; font-size: 14px; }
.sync-state b { font-size: 22px; font-weight: 500; }
.sync-state > div { height: 25px; margin-top: 12px; --vx-chart-accent: #73931e; }
@media (max-width: 560px) {
  .sync-panel { padding: 24px 18px; }
}
.vxk-dash__card h3, .vxk-dash__num b { line-height: 1.1; letter-spacing: -.02em; font-stretch: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }