:root {
  color-scheme: light;
  --ink: #1f2b27;
  --ink-soft: #43524c;
  --muted: #7a8780;
  --line: #e8ece8;
  --paper: #f6f7f4;
  --surface: #fff;
  --green: #1f7a5a;
  --green-dark: #165a42;
  --green-soft: #e9f4ee;
  --blue: #6786d7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: var(--paper); font-size: 15px; }
a { color: inherit; }
a:focus-visible { outline: 3px solid rgba(31, 122, 90, .34); outline-offset: 4px; border-radius: 4px; }
.skip-link { position: absolute; z-index: 20; top: 8px; left: 8px; padding: 10px 14px; transform: translateY(-150%); border-radius: 6px; color: #fff; background: var(--green-dark); }
.skip-link:focus { transform: translateY(0); }
.section-wrap, .site-header-inner { width: min(1160px, calc(100% - 64px)); margin: 0 auto; }
.site-header { position: sticky; z-index: 10; top: 0; border-bottom: 1px solid rgba(228, 233, 228, .88); background: rgba(246, 247, 244, .94); backdrop-filter: blur(12px); }
.site-header-inner { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 20px; }
.site-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 20px; font-weight: 800; letter-spacing: -1px; }
.brand-mark { display: inline-flex; width: 23px; height: 21px; align-items: end; gap: 2px; padding: 2px 3px; transform: skewY(-8deg); border-radius: 7px; background: var(--green); }
.brand-mark i { flex: 1; border-radius: 2px 2px 1px 1px; background: #fff; }
.brand-mark i:nth-child(1) { height: 45%; opacity: .7; }
.brand-mark i:nth-child(2) { height: 72%; opacity: .85; }
.brand-mark i:nth-child(3) { height: 100%; }
.site-nav { display: flex; align-items: center; gap: clamp(14px, 2vw, 27px); }
.language-toggle { cursor: pointer; min-width: 52px; font-family: inherit; }
.site-nav > a:not(.button) { color: var(--ink-soft); text-decoration: none; font-size: 13px; font-weight: 600; }
.site-nav > a:not(.button):hover, .text-link:hover, .feature-card > a:hover, .planned-card > a:hover { color: var(--green-dark); }
.button { display: inline-flex; min-height: 41px; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; border: 1px solid transparent; border-radius: 7px; text-decoration: none; font-size: 13px; font-weight: 700; transition: background .16s ease, transform .16s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: var(--green); }
.button-primary:hover { background: var(--green-dark); }
.button-light { color: var(--ink-soft); border-color: var(--line); background: #fff; }
.button-light:hover { background: #f9fbf8; }
.button-large { min-height: 49px; padding: 0 20px; font-size: 14px; }
.button-outline { color: var(--green-dark); border-color: #cfe0d4; background: #fff; }
.button-outline:hover { background: #f5faf6; }
.hero { display: grid; min-height: 594px; grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr); align-items: center; gap: clamp(45px, 7vw, 92px); padding-top: 56px; padding-bottom: 62px; }
.hero-copy { padding-bottom: 8px; }
.eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 17px; color: #718078; font-size: 10px; font-weight: 800; letter-spacing: 1.15px; line-height: 1.45; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: #7fb18d; box-shadow: 0 0 0 4px #e7f1e9; }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { max-width: 590px; margin: 0 0 20px; font-size: clamp(40px, 5vw, 59px); line-height: 1.06; letter-spacing: -2.8px; }
.hero-lede { max-width: 520px; margin-bottom: 26px; color: #68766f; font-size: 16px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.text-link { color: var(--green); text-decoration: none; font-size: 13px; font-weight: 700; }
.hero-footnote { display: flex; align-items: center; gap: 8px; margin: 21px 0 0; color: #78857e; font-size: 11px; }
.hero-footnote span { color: var(--green); font-size: 14px; }
.preview-wrap { min-width: 0; padding: 14px 0 0 9px; }
.preview-window { overflow: hidden; border: 1px solid #e6ebe6; border-radius: 12px; background: #fff; box-shadow: 0 22px 60px rgba(38, 59, 46, .13), 0 3px 8px rgba(38, 59, 46, .04); transform: rotate(.4deg); }
.preview-topline { display: grid; height: 42px; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 15px; border-bottom: 1px solid #edf0ed; color: #85918a; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.preview-dots { display: flex; gap: 4px; }
.preview-dots i { width: 6px; height: 6px; border-radius: 50%; background: #dce3dd; }
.preview-demo { justify-self: end; padding: 5px 7px; border-radius: 4px; color: #4c805d; background: #edf6ef; font-size: 7px; letter-spacing: .5px; }
.preview-content { padding: 20px 20px 16px; }
.preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.preview-heading > div { display: grid; gap: 5px; }
.preview-heading small, .preview-metrics small { color: #929d96; font-size: 7px; font-weight: 800; letter-spacing: .7px; }
.preview-heading b { font-size: 15px; letter-spacing: -.3px; }
.preview-period { padding: 7px 9px; border: 1px solid #e8ece8; border-radius: 5px; color: #77837c; font-size: 8px; white-space: nowrap; }
.preview-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.preview-metrics > div { display: grid; min-width: 0; gap: 5px; padding: 12px 10px 10px; border: 1px solid #edf0ed; border-radius: 7px; background: #fff; }
.preview-metrics b { overflow: hidden; color: #26352e; font-size: clamp(13px, 1.7vw, 19px); letter-spacing: -.7px; text-overflow: ellipsis; white-space: nowrap; }
.preview-metrics span { color: #98a29c; font-size: 7px; line-height: 1.4; }
.preview-chart-card { padding: 13px 12px 5px; border: 1px solid #edf0ed; border-radius: 7px; }
.preview-chart-title { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.preview-chart-title b { font-size: 10px; }
.preview-chart-title span { color: #a0a9a3; font-size: 7px; }
.preview-chart-card svg { display: block; width: 100%; margin-top: 7px; overflow: visible; }
.preview-chart-card svg text { fill: #9aa49d; font: 8px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.chart-grid { fill: none; stroke: #eef1ee; stroke-width: 1; }
.chart-area { fill: rgba(31, 122, 90, .09); }
.chart-line { fill: none; stroke: #4a9873; stroke-linecap: round; stroke-width: 3; }
.preview-bottom { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 11px 3px 0; color: #738078; font-size: 8px; }
.preview-bottom span { display: inline-flex; align-items: center; gap: 5px; }
.preview-bottom small { margin-left: auto; color: #9aa49d; font-size: 7px; }
.preview-bottom i { width: 7px; height: 7px; border-radius: 50%; }
.legend-green { background: #4a9873; }
.legend-blue { background: #718dcf; }
.preview-caption { display: flex; align-items: center; gap: 8px; margin: 18px 0 0; color: #77857d; font-size: 10px; }
.caption-check { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #4e825c; background: #e9f4eb; font-size: 10px; font-weight: 800; }
.trust-strip { border-top: 1px solid #edf0ed; border-bottom: 1px solid #edf0ed; background: #fff; }
.trust-inner { display: flex; width: min(1030px, calc(100% - 64px)); min-height: 73px; align-items: center; justify-content: space-between; gap: 20px; margin: auto; color: #79867f; font-size: 12px; }
.trust-inner span { display: flex; align-items: center; gap: 5px; }
.trust-inner b { color: #34453d; font-weight: 700; }
.features { padding-top: 96px; padding-bottom: 101px; }
.section-heading { max-width: 620px; margin: 0 auto 39px; text-align: center; }
.section-heading .eyebrow { justify-content: center; }
.section-heading h2, .numbers-section h2, .privacy-card h2, .availability h2, .closing-cta h2 { margin-bottom: 13px; font-size: clamp(29px, 3.5vw, 39px); line-height: 1.16; letter-spacing: -1.5px; }
.section-heading > p:last-child { margin-bottom: 0; color: #7a8780; font-size: 14px; line-height: 1.65; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.feature-card { min-height: 256px; padding: 24px 23px; border: 1px solid #e8ece8; border-radius: 9px; background: #fff; box-shadow: 0 4px 14px rgba(42, 58, 47, .025); }
.feature-icon { display: grid; width: 36px; height: 36px; place-items: center; margin-bottom: 23px; border-radius: 9px; font-size: 18px; }
.icon-stock { color: #4f8a66; background: #edf6ef; }
.icon-sales { color: #6786d7; background: #eff2fb; }
.icon-analytics { color: #9b7a51; background: #fbf4ea; }
.feature-kicker { margin-bottom: 7px; color: #97a29b; font-size: 8px; font-weight: 800; letter-spacing: .9px; }
.feature-card h3 { margin-bottom: 9px; font-size: 17px; letter-spacing: -.35px; }
.feature-card > p:not(.feature-kicker) { min-height: 66px; margin-bottom: 16px; color: #7b8780; font-size: 12px; line-height: 1.65; }
.feature-card > a, .planned-card > a { color: var(--green); text-decoration: none; font-size: 11px; font-weight: 700; }
.numbers-section { padding: 85px 0 89px; background: #edf3ef; }
.numbers-inner { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); align-items: center; gap: clamp(40px, 8vw, 110px); }
.numbers-section .eyebrow { margin-bottom: 14px; }
.numbers-section h2 { margin-bottom: 14px; }
.numbers-inner > div:first-child > p:not(.eyebrow) { max-width: 350px; margin-bottom: 23px; color: #6d7b73; font-size: 13px; line-height: 1.7; }
.number-list { overflow: hidden; border: 1px solid #dfe8e1; border-radius: 9px; background: #fff; }
.number-list article { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 20px 19px; }
.number-list article + article { border-top: 1px solid #eef1ee; }
.number-index { padding-top: 1px; color: #91a198; font-size: 10px; font-weight: 800; }
.number-list h3 { margin-bottom: 5px; font-size: 13px; }
.number-list p { max-width: 420px; margin: 0; color: #7c8982; font-size: 11px; line-height: 1.55; }
.number-tag { padding: 5px 7px; border-radius: 4px; color: #6e8375; background: #f0f5f1; font-size: 7px; font-weight: 800; letter-spacing: .55px; white-space: nowrap; }
.privacy-section { padding-top: 76px; padding-bottom: 76px; }
.privacy-card { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: start; gap: 19px; padding: 29px; border: 1px solid #e4eae5; border-radius: 10px; background: #fff; }
.privacy-icon-large { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 10px; color: var(--green); background: var(--green-soft); font-size: 20px; }
.privacy-copy .eyebrow { margin-bottom: 9px; }
.privacy-card h2 { margin-bottom: 10px; font-size: 24px; letter-spacing: -.8px; }
.privacy-copy > p:not(.eyebrow) { max-width: 730px; margin-bottom: 11px; color: #75827b; font-size: 12px; line-height: 1.7; }
.privacy-copy .privacy-caution { margin-bottom: 0; padding: 10px 12px; border-left: 3px solid #cfaa67; border-radius: 0 5px 5px 0; color: #705e3e; background: #fbf7ef; }
.privacy-card > .button { align-self: center; white-space: nowrap; }
.availability { display: grid; grid-template-columns: minmax(0, 1fr) 295px; align-items: center; gap: 48px; padding-top: 6px; padding-bottom: 89px; }
.availability h2 { margin-bottom: 11px; font-size: 30px; }
.availability > div:first-child > p:last-child { max-width: 650px; margin: 0; color: #75827b; font-size: 13px; line-height: 1.7; }
.planned-card { padding: 19px; border: 1px solid #e6ebe6; border-radius: 8px; background: #fff; }
.planned-label { display: inline-block; margin-bottom: 11px; color: #8a968f; font-size: 7px; font-weight: 800; letter-spacing: .8px; }
.planned-price { display: flex; align-items: baseline; gap: 5px; }
.planned-price b { font-size: 21px; letter-spacing: -.8px; }
.planned-price span { color: #8a958e; font-size: 10px; }
.planned-yearly { margin-top: 5px; }
.planned-yearly b { font-size: 15px; }
.planned-card > p { margin: 13px 0; padding-top: 12px; border-top: 1px solid #eef1ee; color: #818d86; font-size: 10px; line-height: 1.6; }
.closing-cta { padding: 66px 0 73px; background: #f0f4f0; text-align: center; }
.closing-cta .eyebrow { justify-content: center; }
.closing-cta h2 { max-width: 620px; margin: 0 auto 12px; }
.closing-cta p:not(.eyebrow) { margin-bottom: 22px; color: #748179; font-size: 13px; }
.site-footer { background: #fff; }
.site-footer > div { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 20px; }
.site-footer .site-brand { font-size: 16px; }
.site-footer p, .site-footer > div > a:last-child { margin: 0; color: #89958e; font-size: 10px; }
.site-footer > div > a:last-child { text-decoration: none; }
@media (max-width: 950px) {
  .hero { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; }
  .hero h1 { font-size: clamp(38px, 5.4vw, 50px); }
  .preview-content { padding: 15px 13px 13px; }
  .preview-metrics { gap: 5px; }
  .preview-metrics > div { padding: 10px 7px; }
  .numbers-inner { gap: 40px; }
}
@media (max-width: 760px) {
  .section-wrap, .site-header-inner { width: min(100% - 40px, 600px); }
  .site-header-inner { min-height: 64px; }
  .site-nav { gap: 10px; }
  .site-nav > a:not(.button) { display: none; }
  .site-nav .button { min-height: 36px; padding: 0 11px; font-size: 11px; }
  .hero { min-height: 0; grid-template-columns: 1fr; gap: 37px; padding-top: 55px; padding-bottom: 48px; }
  .hero-copy { max-width: 620px; }
  .hero h1 { max-width: 560px; font-size: clamp(39px, 9vw, 55px); }
  .hero-lede { font-size: 15px; }
  .preview-wrap { width: min(100%, 610px); justify-self: center; padding-left: 0; }
  .preview-window { transform: none; }
  .preview-metrics b { font-size: clamp(14px, 3vw, 18px); }
  .trust-inner { width: min(100% - 40px, 600px); align-items: flex-start; flex-direction: column; gap: 12px; padding: 19px 0; }
  .features { padding-top: 69px; padding-bottom: 72px; }
  .feature-grid { grid-template-columns: 1fr; gap: 10px; }
  .feature-card { min-height: 0; padding: 21px; }
  .feature-icon { margin-bottom: 16px; }
  .feature-card > p:not(.feature-kicker) { min-height: 0; }
  .numbers-section { padding: 67px 0; }
  .numbers-inner { grid-template-columns: 1fr; gap: 28px; }
  .number-list article { grid-template-columns: 25px minmax(0, 1fr); }
  .number-tag { grid-column: 2; justify-self: start; }
  .privacy-section { padding-top: 52px; padding-bottom: 55px; }
  .privacy-card { grid-template-columns: 42px minmax(0, 1fr); gap: 13px; padding: 21px; }
  .privacy-icon-large { width: 38px; height: 38px; }
  .privacy-card > .button { grid-column: 2; justify-self: start; }
  .availability { grid-template-columns: 1fr; gap: 20px; padding-bottom: 68px; }
  .planned-card { max-width: 400px; }
  .closing-cta { padding: 55px 0 60px; }
}
@media (max-width: 480px) {
  .section-wrap, .site-header-inner { width: calc(100% - 32px); }
  .site-brand { font-size: 18px; }
  .site-nav { gap: 7px; }
  .site-nav .button-light { display: none; }
  .hero { gap: 28px; padding-top: 43px; }
  .eyebrow { font-size: 8px; letter-spacing: .8px; }
  .hero h1 { font-size: clamp(37px, 10vw, 46px); letter-spacing: -2px; }
  .hero-lede { font-size: 14px; line-height: 1.65; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
  .preview-content { padding: 12px 9px 10px; }
  .preview-heading b { font-size: 12px; }
  .preview-period { padding: 6px; font-size: 7px; }
  .preview-metrics { grid-template-columns: 1fr 1fr; }
  .preview-metrics > div:last-child { display: none; }
  .preview-metrics b { font-size: 17px; }
  .preview-chart-card { padding: 10px 7px 3px; }
  .preview-bottom { gap: 8px; font-size: 7px; }
  .preview-bottom small { width: 100%; margin-left: 0; }
  .trust-inner { width: calc(100% - 32px); font-size: 11px; }
  .section-heading { margin-bottom: 26px; }
  .section-heading h2, .numbers-section h2, .availability h2, .closing-cta h2 { font-size: 29px; }
  .number-list article { padding: 16px 13px; }
  .privacy-card { grid-template-columns: 1fr; }
  .privacy-card > .button { grid-column: 1; }
  .privacy-card h2 { font-size: 22px; }
  .site-footer > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding-top: 16px; padding-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
.legal-page { width: min(860px, calc(100% - 42px)); margin: 0 auto; padding: 42px 0 80px; color: #58665d; font-size: 14px; line-height: 1.75; }
.legal-brand { display: inline-flex; margin-bottom: 35px; text-decoration: none; }
.legal-page h1 { margin: 0 0 8px; color: #26362e; font-size: clamp(34px, 6vw, 48px); line-height: 1.1; letter-spacing: -1.5px; }
.legal-page h2 { margin: 28px 0 8px; color: #2d3b33; font-size: 20px; line-height: 1.3; }
.legal-page p { margin-bottom: 12px; }
.legal-page li { margin: 6px 0; }
.legal-page ul { padding-left: 24px; }
.legal-page a:not(.legal-brand) { color: #397556; }
.legal-updated { color: #8a968e; font-size: 12px; }
.legal-warning { margin: 20px 0 30px; }
.legal-warning .preview-icon { color: #9a6339; background: #f9e9dc; }
.legal-warning b { color: #754d32; }
.legal-warning p { color: #82674f; }
@media (max-width: 560px) {
  .legal-page { width: calc(100% - 32px); padding-top: 25px; font-size: 13px; }
  .legal-page h2 { margin-top: 22px; font-size: 18px; }
}