:root {
  color-scheme: light;
  --canvas: #f3f7fc;
  --surface: #ffffff;
  --surface-2: #edf3fa;
  --ink: #162d4b;
  --muted: #536780;
  --line: #dce6f2;
  --accent: #2563eb;
  --accent-deep: #2055b5;
  --navy: #102846;
  --navy-2: #1a4169;
  --gold: #5b99e4;
  --shadow: 0 24px 70px rgba(28, 65, 112, .12);
}

.analytics-settings {
  appearance: none; border: 0; padding: 0; background: transparent;
  color: inherit; cursor: pointer; text-align: left; font: inherit;
}
.analytics-settings:hover { color: #80b0ea; }
.analytics-panel {
  position: fixed; z-index: 90; right: 1.25rem; bottom: 1.25rem;
  width: min(440px, calc(100% - 2.5rem)); max-height: calc(100dvh - 2.5rem);
  overflow-y: auto; padding: 1.4rem; background: var(--surface); color: var(--ink);
  border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow);
}
.analytics-panel[hidden], .analytics-settings[hidden] { display: none !important; }
.analytics-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.analytics-heading h2 { font-size: 1.15rem; line-height: 1.35; margin: 0; letter-spacing: -.02em; }
.analytics-close {
  display: grid; place-items: center; flex: 0 0 36px; height: 36px;
  border: 1px solid var(--line); border-radius: 50%; background: var(--surface-2);
  color: var(--ink); font-size: 1.4rem; line-height: 1; cursor: pointer;
}
.analytics-panel p { margin: .8rem 0; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.analytics-panel .analytics-status { font-size: .8rem; color: var(--accent-deep); }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 .8rem; }
.analytics-actions .button { flex: 1 1 155px; min-height: 44px; padding: .75rem .7rem; font-size: .85rem; cursor: pointer; box-shadow: none; }
.analytics-actions .button-primary { border: 1px solid transparent; }
.analytics-details { color: var(--accent-deep); font-size: .8rem; text-underline-offset: 3px; }
.privacy-content { min-width: 0; }
.privacy-content h3 { font-size: 1.06rem; margin: 1.5rem 0 .65rem; }
.privacy-table-wrap { overflow-x: auto; margin: 1.1rem 0; border: 1px solid var(--line); border-radius: 12px; }
.privacy-table { width: 100%; min-width: 420px; border-collapse: collapse; font-size: .9rem; text-align: left; }
.privacy-table th { background: var(--surface-2); font-weight: 750; color: var(--ink); }
.privacy-table th, .privacy-table td { padding: .8rem 1rem; vertical-align: top; }
.privacy-table tbody tr { border-top: 1px solid var(--line); }
.privacy-table td { color: var(--muted); }
.privacy-table td:first-child { width: 36%; color: var(--ink); font-weight: 600; }
@media (max-width: 640px) {
  .analytics-panel { right: 1rem; bottom: calc(5.2rem + env(safe-area-inset-bottom)); width: calc(100% - 2rem); max-height: calc(100dvh - 7rem); padding: 1.15rem; }
}
html[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #0c1728;
  --surface: #14243a;
  --surface-2: #1c304a;
  --ink: #edf4ff;
  --muted: #adc0d8;
  --line: #2d435e;
  --accent: #78b8ff;
  --accent-deep: #a6cfff;
  --navy: #151a21;
  --navy-2: #1f2b39;
  --shadow: 0 24px 70px rgba(0, 0, 0, .21);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; min-width: 320px; background: var(--canvas); color: var(--ink); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; line-height: 1.55; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a { color: inherit; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid #4084d6; outline-offset: 4px; }
.skip { position: absolute; top: -100px; left: 1rem; z-index: 100; padding: .7rem 1rem; background: var(--surface); border-radius: .8rem; }
.skip:focus { top: 1rem; }
.container { width: min(100% - 2.5rem, 1180px); margin-inline: auto; }
.eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: var(--accent-deep); font-size: .85rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow::before { content: ""; display: inline-block; width: 1.7rem; height: 2px; background: currentColor; }
.eyebrow.on-dark { color: #80b0ea; }
.section-heading { max-width: 750px; margin-bottom: 2rem; }
.section-heading h2 { font-size: clamp(2rem, 4.3vw, 3.55rem); line-height: 1.12; letter-spacing: -.045em; margin: .75rem 0 1rem; }
.section-heading p { color: var(--muted); font-size: 1.08rem; margin: 0; max-width: 680px; }
.section-heading.on-dark p { color: #aec4d3; }
.section { padding: clamp(4.5rem, 8vw, 7rem) 0; }
.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--canvas) 92%, transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.header-inner { display: flex; align-items: center; gap: 1rem; min-height: 78px; }
.brand { display: inline-flex; align-items: center; gap: .68rem; text-decoration: none; white-space: nowrap; font-weight: 850; font-size: 1rem; letter-spacing: -.025em; }
.brand img { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; box-shadow: 0 4px 14px rgba(28, 65, 112, .18); }
.desktop-nav { display: flex; align-items: center; gap: clamp(.8rem, 2.25vw, 2rem); margin-left: auto; }
.desktop-nav a { text-decoration: none; font-size: .9rem; color: var(--muted); font-weight: 650; transition: color .2s; }
.desktop-nav a:hover { color: var(--accent-deep); }
.header-actions { display: flex; align-items: center; gap: .7rem; margin-left: 1.2rem; }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--surface); padding: .7rem .85rem; cursor: pointer; font-size: .88rem; font-weight: 650; white-space: nowrap; min-height: 43px; }
.theme-toggle:hover { border-color: var(--accent); }
.theme-toggle svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.header-cta { display: inline-flex; justify-content: center; align-items: center; padding: .73rem 1.12rem; border-radius: 999px; background: var(--navy); color: #fff; font-size: .9rem; font-weight: 750; white-space: nowrap; text-decoration: none; min-height: 43px; }
.header-cta:hover { background: #2b4666; }
.mobile-menu { display: none; margin-left: auto; position: relative; }
.mobile-menu summary { cursor: pointer; list-style: none; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); font-size: 1.4rem; line-height: 1; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu[open] nav { position: absolute; right: 0; top: calc(100% + .8rem); width: min(280px, calc(100vw - 2.5rem)); padding: .6rem; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); display: grid; }
.mobile-menu nav a { text-decoration: none; padding: .85rem 1rem; border-radius: 10px; font-weight: 700; }
.mobile-menu nav a:hover { background: var(--surface-2); }
.hero { overflow: hidden; padding: clamp(4.8rem, 7vw, 7rem) 0 6rem; position: relative; }
.hero::before { content: ""; position: absolute; inset: 0 0 auto; height: 620px; background: radial-gradient(circle at 87% 32%, rgba(91, 158, 233, .21), transparent 36%), radial-gradient(circle at 52% 92%, rgba(28, 65, 112, .11), transparent 28%); pointer-events: none; }
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(370px, .96fr); gap: clamp(2.6rem, 6vw, 6rem); align-items: center; }
.hero h1 { font-size: clamp(2.85rem, 5.25vw, 5.35rem); letter-spacing: -.063em; line-height: 1.035; max-width: 760px; margin: 1.2rem 0 1.4rem; }
.hero h1 span { color: var(--accent-deep); }
.hero-lead { font-size: clamp(1.04rem, 1.4vw, 1.22rem); color: var(--muted); max-width: 600px; line-height: 1.7; margin: 0 0 2rem; }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 50px; padding: .85rem 1.3rem; border-radius: 13px; text-decoration: none; font-weight: 800; font-size: .98rem; line-height: 1.3; text-align: center; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: #2563eb; color: #ffffff; box-shadow: 0 12px 24px rgba(28, 65, 112, .22); }
.button-primary:hover { background: #1d4ed8; box-shadow: 0 16px 30px rgba(28, 65, 112, .27); }
.button-secondary { background: var(--surface); border: 1px solid var(--line); color: var(--ink); }
.button-secondary:hover { border-color: var(--accent); }
.button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.hero-proof { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; margin-top: 2rem; color: var(--muted); font-size: .88rem; font-weight: 650; }
.hero-proof span { display: inline-flex; align-items: center; gap: .48rem; }
.hero-proof i { display: inline-block; width: 6px; height: 6px; background: var(--accent-deep); border-radius: 50%; }
.product-stage { position: relative; padding: 1.4rem; background: linear-gradient(146deg, #263d5a, #1b222b 64%); border: 1px solid #3c5e87; border-radius: 30px; box-shadow: 0 38px 75px rgba(28, 65, 112, .25), inset 0 1px 0 rgba(255, 255, 255, .16); color: #eef4fc; min-height: 470px; }
.product-stage::after { content: ""; position: absolute; width: 82%; height: 42%; left: 9%; bottom: -12%; z-index: -1; border-radius: 50%; background: rgba(91, 158, 233, .18); filter: blur(45px); }
.stage-top { display: flex; justify-content: space-between; align-items: center; padding: .15rem .35rem 1.3rem; border-bottom: 1px solid rgba(198, 233, 247, .15); }
.stage-top strong { display: inline-flex; gap: .65rem; align-items: center; font-size: .9rem; letter-spacing: .01em; }
.stage-top img { width: 30px; height: 30px; object-fit: cover; border-radius: 50%; }
.stage-top small { color: #aec9ea; font-size: .78rem; }
.stage-label { color: #aec9ea; font-size: .74rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 800; margin: 1.35rem .35rem .8rem; }
.compose-card { background: #f4f8fd; color: #1e2b3b; padding: 1.5rem; border-radius: 18px; box-shadow: 0 18px 30px rgba(0, 0, 0, .13); }
.compose-card-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.compose-card-top strong { font-size: .9rem; }
.compose-card-top span { font-size: .76rem; color: #235087; background: #cfe1f7; border-radius: 999px; padding: .32rem .65rem; font-weight: 800; }
.compose-card h3 { margin: 1.25rem 0 .48rem; font-size: 1.35rem; line-height: 1.25; letter-spacing: -.025em; }
.compose-card p { margin: 0; color: #465c76; font-size: .9rem; line-height: 1.55; }
.compose-card-footer { border-top: 1px solid #cbdaed; margin-top: 1.25rem; padding-top: 1rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.compose-card-footer span { color: #2f5078; background: #d6e4f4; border-radius: 8px; padding: .35rem .6rem; font-size: .78rem; font-weight: 800; }
.delivery { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: .85rem; }
.delivery-item { background: rgba(255, 255, 255, .07); border: 1px solid rgba(190, 230, 245, .15); border-radius: 13px; padding: .84rem .95rem; display: flex; gap: .68rem; align-items: center; font-size: .82rem; font-weight: 700; }
.delivery-icon { display: grid; place-items: center; background: #639ee6; color: #192432; border-radius: 9px; width: 30px; height: 30px; flex: none; font-size: .85rem; font-weight: 900; }
.delivery-item:nth-child(2) .delivery-icon { background: #699ad7; }
.delivery-item small { display: block; color: #9fc2d4; font-size: .73rem; font-weight: 500; }
.stage-caption { color: #9ab6c8; font-size: .74rem; margin: .9rem .3rem .1rem; }
.trust-line { border-block: 1px solid var(--line); background: var(--surface); }
.trust-line .container { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-line div { padding: 1.45rem 1.25rem; border-right: 1px solid var(--line); }
.trust-line div:first-child { padding-left: 0; }
.trust-line div:last-child { border-right: 0; }
.trust-line strong { display: block; letter-spacing: -.025em; font-size: 1rem; }
.trust-line span { color: var(--muted); font-size: .83rem; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; counter-reset: step; }
.step { background: var(--surface); border: 1px solid var(--line); border-radius: 19px; padding: 1.7rem; box-shadow: 0 10px 30px rgba(28, 65, 112, .05); }
.step .number { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #204675; background: #c3d9f5; font-weight: 900; }
.step h3 { font-size: 1.18rem; letter-spacing: -.02em; margin: 1.35rem 0 .55rem; }
.step p { color: var(--muted); margin: 0; font-size: .94rem; }
.feature-section { background: var(--surface); }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.feature-card { border: 1px solid var(--line); border-radius: 20px; padding: 2rem; background: var(--canvas); display: flex; flex-direction: column; min-height: 250px; }
.feature-card .icon-box { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; background: #cadef6; color: #275997; }
.feature-card .icon-box svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.feature-card h3 { font-size: 1.35rem; letter-spacing: -.03em; margin: 1.15rem 0 .45rem; }
.feature-card p { color: var(--muted); margin: 0; font-size: .96rem; }
.feature-card ul { color: var(--muted); padding-left: 1.2rem; margin: .9rem 0 0; font-size: .9rem; }
.feature-card li + li { margin-top: .35rem; }
.more-features { margin-top: 1.2rem; background: var(--canvas); border: 1px solid var(--line); border-radius: 18px; }
.more-features summary { cursor: pointer; font-weight: 800; padding: 1.15rem 1.4rem; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.more-features summary::-webkit-details-marker { display: none; }
.more-features summary::after { content: "+"; font-size: 1.5rem; line-height: 1; color: var(--accent-deep); }
.more-features[open] summary::after { content: "−"; }
.feature-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding: 0 1.4rem 1.5rem; }
.feature-details div { border-top: 1px solid var(--line); padding-top: .8rem; }
.feature-details strong { display: block; font-size: .92rem; }
.feature-details p { color: var(--muted); font-size: .86rem; margin: .3rem 0 0; }
.workspace-section { background: var(--canvas); }
.workspace-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.workspace-grid h2 { font-size: clamp(2rem, 4.1vw, 3.45rem); line-height: 1.13; letter-spacing: -.045em; margin: .8rem 0 1.3rem; }
.workspace-grid p { color: var(--muted); font-size: 1.03rem; }
.workspace-grid .button-row { margin-top: 1.7rem; }
.workspace-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: clamp(1.5rem, 3vw, 2.2rem); box-shadow: var(--shadow); }
.workspace-panel-label { color: var(--accent-deep); font-size: .77rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.workspace-panel h3 { font-size: 1.4rem; letter-spacing: -.035em; margin: .45rem 0 1.3rem; }
.workspace-list { border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }
.workspace-list div { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding: .92rem 1rem; }
.workspace-list div + div { border-top: 1px solid var(--line); }
.workspace-list strong { font-size: .94rem; }
.workspace-list span { text-align: right; font-size: .79rem; color: var(--muted); }
.workspace-roles { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.4rem 0 .7rem; }
.workspace-roles span { border-radius: 999px; background: var(--surface-2); color: var(--accent-deep); padding: .35rem .7rem; font-size: .78rem; font-weight: 800; }
.workspace-panel small { color: var(--muted); }
.pricing-section { background: linear-gradient(140deg, #1d2a39, #171d24 60%, #1f3652); color: #eff5fc; }
.plans { display: grid; grid-template-columns: repeat(6, 1fr); gap: .9rem; align-items: stretch; }
.plan { grid-column: span 2; background: #223144; border: 1px solid #3a5577; border-radius: 20px; padding: 1.5rem; display: flex; flex-direction: column; min-height: 380px; }
.plan.entry { grid-column: span 3; min-height: 320px; }
.plan.featured { border-color: #5b99e4; box-shadow: 0 0 0 1px rgba(91, 158, 233, .45), 0 18px 38px rgba(0, 0, 0, .16); background: #264060; }
.plan-kind { color: #90b7e7; font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 850; }
.plan h3 { font-size: 1.4rem; margin: .4rem 0 .6rem; letter-spacing: -.025em; }
.plan-price { font-size: 1.75rem; line-height: 1.25; font-weight: 850; letter-spacing: -.04em; min-height: 2.2em; }
.plan-price span { color: #abc6e8; font-size: .88rem; font-weight: 500; letter-spacing: 0; }
.plan p { color: #b3c9e4; font-size: .88rem; margin: .35rem 0 1rem; min-height: 3rem; }
.plan ul { list-style: none; margin: 0 0 1.4rem; padding: 0; color: #cddef2; font-size: .86rem; }
.plan li { position: relative; padding-left: 1.35rem; margin: .55rem 0; }
.plan li::before { content: "✓"; color: #83b2eb; position: absolute; left: 0; font-weight: 900; }
.plan li.no::before { content: "—"; color: #8ba6c6; }
.plan .button { margin-top: auto; width: 100%; min-height: 47px; font-size: .9rem; }
.plan .button-secondary { background: transparent; border-color: #577ba8; color: #eef4fc; }
.billing-note { margin: 1.6rem 0 0; color: #b3c9e4; font-size: .9rem; max-width: 1000px; }
.billing-note strong { color: #eff5fc; }
.compare { background: var(--surface); }
.comparison-shell { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; }
table { width: 100%; border-collapse: collapse; min-width: 850px; font-size: .92rem; }
th, td { padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); text-align: center; }
th:first-child, td:first-child { text-align: left; width: 40%; font-weight: 700; }
th { background: var(--surface-2); font-size: .84rem; }
tr:last-child td { border-bottom: 0; }
tbody tr:nth-child(even) { background: color-mix(in srgb, var(--canvas) 65%, var(--surface)); }
td small { display: block; color: var(--muted); font-weight: 500; }
.table-note { color: var(--muted); font-size: .86rem; margin: 1rem 0 0; }
.max-note { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 1rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 19px; padding: 1.4rem 1.6rem; margin-top: 1.5rem; }
.max-note .icon-box { display: grid; place-items: center; width: 38px; height: 38px; background: #bad4f4; color: #204878; border-radius: 10px; font-weight: 900; }
.max-note h3 { margin: 0 0 .35rem; font-size: 1.05rem; }
.max-note p { margin: 0; color: var(--muted); font-size: .9rem; }
.faq-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 3rem; align-items: start; }
.faq-list { display: grid; gap: .7rem; }
.faq-list details { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); overflow: hidden; }
.faq-list summary { cursor: pointer; list-style: none; padding: 1.08rem 1.2rem; display: flex; justify-content: space-between; gap: 1rem; font-weight: 750; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; color: var(--accent-deep); font-size: 1.4rem; line-height: 1; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { padding: 0 1.2rem 1.2rem; margin: 0; color: var(--muted); font-size: .91rem; }
.faq-list a { color: var(--accent-deep); text-underline-offset: .2em; }
.closing { background: var(--navy); color: white; padding: 4.2rem 0; }
.closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.closing h2 { font-size: clamp(2rem, 3.5vw, 3.3rem); line-height: 1.15; letter-spacing: -.045em; margin: 0 0 .6rem; }
.closing p { color: #b3c9e4; margin: 0; }
.site-footer { background: #15191e; color: #a8c0de; padding: 2.5rem 0 3rem; }
.footer-top { display: flex; justify-content: space-between; gap: 2rem; align-items: start; }
.footer-brand { display: flex; align-items: center; gap: .7rem; color: #eff5fc; font-weight: 850; }
.footer-brand img { width: 38px; height: 38px; border-radius: 50%; }
.footer-links { display: flex; gap: .8rem 1.7rem; flex-wrap: wrap; justify-content: end; }
.footer-links a { text-decoration: none; font-size: .89rem; }
.footer-links a:hover { color: #80b0ea; }
.footer-bottom { margin-top: 2rem; border-top: 1px solid #324760; padding-top: 1.3rem; font-size: .78rem; }
.mobile-sticky { display: none; }
.privacy-main { padding: 4rem 0 6rem; }
.privacy-hero { max-width: 850px; margin-bottom: 2.5rem; }
.privacy-hero h1 { font-size: clamp(2.3rem, 5vw, 4rem); line-height: 1.1; letter-spacing: -.055em; margin: .7rem 0 1rem; }
.privacy-hero p { color: var(--muted); font-size: 1.05rem; margin: 0; }
.privacy-layout { display: grid; grid-template-columns: 225px minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.privacy-toc { position: sticky; top: 105px; display: grid; gap: .6rem; border: 1px solid var(--line); background: var(--surface); border-radius: 16px; padding: 1rem; }
.privacy-toc span { font-weight: 800; font-size: .8rem; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; padding: .3rem .6rem; }
.privacy-toc a { text-decoration: none; padding: .45rem .6rem; border-radius: 8px; font-size: .88rem; font-weight: 650; }
.privacy-toc a:hover { background: var(--surface-2); }
.privacy-content { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: clamp(1.4rem, 4vw, 3rem); }
.privacy-content section + section { border-top: 1px solid var(--line); padding-top: 1.5rem; margin-top: 1.5rem; }
.privacy-content h2 { margin: 0 0 .7rem; font-size: 1.3rem; letter-spacing: -.025em; }
.privacy-content p, .privacy-content li { color: var(--muted); font-size: .96rem; }
.privacy-content p { margin: .3rem 0; }
.privacy-content ul { padding-left: 1.25rem; margin: .5rem 0; }
.privacy-content li + li { margin-top: .5rem; }
.privacy-content a { color: var(--accent-deep); }
@media (max-width: 1020px) {
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  .header-actions { margin-left: 0; }
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(315px, .9fr); gap: 2rem; }
  .plans { grid-template-columns: repeat(2, 1fr); }
  .plan, .plan.entry { grid-column: auto; }
  .plan.business { grid-column: span 2; }
  .plan { min-height: 365px; }
}
@media (max-width: 760px) {
  .container { width: min(100% - 2rem, 1180px); }
  .header-inner { min-height: 68px; }
  .header-cta { display: none; }
  .theme-toggle span { display: none; }
  .brand img { width: 38px; height: 38px; }
  .hero { padding: 4.2rem 0 4.7rem; }
  .hero-grid { grid-template-columns: 1fr; }
  .workspace-grid { grid-template-columns: 1fr; }
  .hero h1 { max-width: 650px; }
  .product-stage { max-width: 550px; width: 100%; margin-inline: auto; min-height: 0; }
  .trust-line .container { grid-template-columns: repeat(2, 1fr); }
  .trust-line div { border-bottom: 1px solid var(--line); }
  .trust-line div:nth-child(2) { border-right: 0; }
  .trust-line div:nth-child(n+3) { border-bottom: 0; }
  .trust-line div:nth-child(3) { padding-left: 0; }
  .steps, .feature-details { grid-template-columns: 1fr; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 0; }
  .faq-grid { grid-template-columns: 1fr; gap: 1rem; }
  .closing-inner { display: block; }
  .closing .button-row { margin-top: 1.5rem; }
  .privacy-layout { grid-template-columns: 1fr; gap: 1rem; }
  .privacy-toc { position: static; grid-template-columns: repeat(2, 1fr); }
  .privacy-toc span { grid-column: 1 / -1; }
  .mobile-sticky { display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 45; padding: .7rem 1rem max(.7rem, env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--canvas) 94%, transparent); border-top: 1px solid var(--line); backdrop-filter: blur(16px); }
  .mobile-sticky a { display: block; background: #2563eb; color: #ffffff; border-radius: 12px; padding: .75rem; text-align: center; text-decoration: none; font-size: .94rem; font-weight: 850; }
  .site-footer { padding-bottom: 6rem; }
}
@media (max-width: 540px) {
  .hero h1 { font-size: clamp(2.55rem, 12vw, 3.6rem); }
  .button-row .button { width: 100%; }
  .product-stage { padding: 1rem; border-radius: 21px; }
  .delivery { grid-template-columns: 1fr; }
  .trust-line .container { grid-template-columns: 1fr 1fr; }
  .trust-line div { padding: 1rem .65rem; }
  .trust-line strong { font-size: .89rem; }
  .trust-line span { font-size: .76rem; }
  .plans { grid-template-columns: 1fr; }
  .plan.business { grid-column: auto; }
  .plan { min-height: 0; }
  .plan-price { min-height: 0; }
  .plan p { min-height: 0; }
  .footer-top { display: block; }
  .footer-links { justify-content: start; margin-top: 1.5rem; }
  .privacy-toc { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button { transition: none; }
}


/* .131 — sky, slate and navy */
:root{--canvas:#f3f7fc;--surface:#fff;--surface-2:#eaf2fd;--ink:#162d4b;--muted:#536780;--line:#dce6f2;--accent:#2563eb;--accent-deep:#2055b5;--navy:#102846;--navy-2:#1b416b;--sky:#78b8ff;--shadow:0 18px 60px rgba(34,76,129,.08)}
html[data-theme="dark"]{--canvas:#0c1728;--surface:#14243a;--surface-2:#1c304a;--ink:#edf4ff;--muted:#adc0d8;--line:#2d435e;--accent:#78b8ff;--accent-deep:#a6cfff;--navy:#0b192c;--navy-2:#17375b;--shadow:0 18px 60px rgba(0,0,0,.14)}
body{-webkit-font-smoothing:antialiased}::selection{background:#bedbff;color:#122e53}:focus-visible{outline:3px solid #4489f4;outline-offset:4px}.container{width:min(100% - 64px,1200px)}

/* Snake mini-game */
:root{--snake-board:#f8fbff;--snake-board-deep:#e7f1fd;--snake-grid:#dce8f5;--snake-head:#2563eb;--snake-head-highlight:#a9d4ff;--snake-body:#62a2eb;--snake-body-highlight:#9ad1f5;--snake-wave:#79c9ff;--snake-wave-highlight:#ffffff;--snake-food:#ef6b73;--snake-food-highlight:#ffafb5;--snake-obstacle:#66758b;--snake-obstacle-highlight:#b8c7d9;--snake-overlay:rgba(243,247,252,.86)}
html[data-theme="dark"]{--snake-board:#0d1d31;--snake-board-deep:#122b46;--snake-grid:#315274;--snake-head:#78b8ff;--snake-head-highlight:#c2e2ff;--snake-body:#4384c8;--snake-body-highlight:#75b7ed;--snake-wave:#9fe0ff;--snake-wave-highlight:#e7f7ff;--snake-food:#ff7882;--snake-food-highlight:#ffc0c5;--snake-obstacle:#58708e;--snake-obstacle-highlight:#a8c8e8;--snake-overlay:rgba(12,23,40,.88)}
.snake-section{background:var(--surface)}
.snake-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(2rem,6vw,5.5rem);align-items:center;padding:clamp(1.4rem,4vw,3.2rem);background:var(--canvas);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.snake-copy{max-width:480px}.snake-kicker{display:inline-flex;align-items:center;padding:.38rem .7rem;border-radius:999px;background:var(--surface-2);color:var(--accent-deep);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.snake-copy h3{font-size:clamp(1.8rem,3.3vw,2.75rem);line-height:1.1;letter-spacing:-.05em;margin:1.05rem 0 .8rem}.snake-copy>p{color:var(--muted);font-size:1rem;margin:0;max-width:410px}.snake-copy kbd{display:inline-block;min-width:1.7em;padding:.1rem .32rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--ink);font-size:.78em;text-align:center}
.snake-scoreboard{display:flex;gap:.75rem;margin:1.7rem 0 1.2rem}.snake-stat{min-width:110px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.snake-stat span{display:block;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.snake-stat strong{display:block;margin-top:.1rem;color:var(--accent-deep);font-size:1.7rem;line-height:1.15}.snake-actions{display:flex;flex-wrap:wrap;gap:.65rem}.snake-actions .button{min-height:46px;cursor:pointer}.snake-actions .button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.snake-status{min-height:1.5em;margin-top:1rem!important;color:var(--accent-deep)!important;font-size:.86rem!important;font-weight:700}
.snake-game{width:min(100%,500px);margin-inline:auto}.snake-board-wrap{position:relative;padding:.65rem;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 18px 45px rgba(28,65,112,.1)}#snakeCanvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:16px;background:var(--snake-board);touch-action:none}.snake-overlay{position:absolute;inset:.65rem;display:grid;place-content:center;gap:.25rem;padding:1rem;border-radius:16px;background:var(--snake-overlay);color:var(--ink);text-align:center;backdrop-filter:blur(3px)}.snake-overlay[hidden]{display:none}.snake-overlay strong{font-size:1.35rem;letter-spacing:-.025em}.snake-overlay span{color:var(--muted);font-size:.87rem}.snake-controls{display:grid;justify-items:center;gap:.35rem;margin-top:1rem}.snake-controls>div{display:flex;gap:.35rem}.snake-control{display:grid;place-items:center;width:43px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:1.15rem;line-height:1;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb,var(--line) 75%,transparent)}.snake-control:hover{border-color:var(--accent);color:var(--accent-deep);background:var(--surface-2)}.snake-control:active{transform:translateY(2px);box-shadow:none}.snake-hint{margin:.75rem 0 0;color:var(--muted);font-size:.76rem;text-align:center}
@media (max-width:760px){.snake-shell{grid-template-columns:1fr}.snake-copy{max-width:none}.snake-game{order:-1}}
@media (max-width:540px){.snake-shell{padding:1rem;border-radius:21px}.snake-game{width:100%}.snake-actions .button{width:100%}.snake-scoreboard{margin-top:1.3rem}}
.snake-board-wrap{cursor:crosshair}
.snake-game-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.snake-game-actions .button{flex:1 1 155px;min-width:140px;min-height:50px;cursor:pointer}.snake-controls{gap:.55rem;margin-top:.85rem}.snake-controls>div{gap:.55rem}.snake-control{width:58px;height:52px;border-radius:14px;font-size:1.45rem;touch-action:manipulation;user-select:none}
.snake-leaderboard{margin-top:1.5rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.snake-leaderboard-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.snake-leaderboard-head h4{margin:0;font-size:1rem;letter-spacing:-.02em}.snake-leaderboard-head span{color:var(--muted);font-size:.72rem}.snake-name-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem;color:var(--muted);font-size:.78rem;font-weight:700}.snake-name-field input{width:145px;min-width:0;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);font:inherit;font-weight:600}.snake-name-field input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:1px}.snake-leaderboard-list{display:grid;gap:.35rem;margin:.85rem 0 0;padding:0;list-style:none;counter-reset:leaders}.snake-leaderboard-list li{display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.45rem;padding:.42rem .5rem;border-radius:8px;color:var(--muted);font-size:.8rem}.snake-leaderboard-list li::before{counter-increment:leaders;content:counter(leaders);color:var(--muted);font-size:.72rem;font-weight:800}.snake-leaderboard-list li:nth-child(1){background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--ink)}.snake-leaderboard-list li.is-current{outline:1px solid color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent-deep)}.snake-leaderboard-list strong{color:var(--ink);font-weight:800}.snake-leaderboard-list li.is-current strong{color:var(--accent-deep)}
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{min-height:80px;gap:18px}.brand{font-weight:750;font-size:1.06rem;letter-spacing:-.035em}.brand img{width:38px;height:38px;box-shadow:none}.desktop-nav{gap:25px}.desktop-nav a{font-size:.84rem;font-weight:550}.header-actions{gap:9px;margin-left:16px}.header-cta{background:#2563eb;border-radius:11px;font-size:.83rem;font-weight:650;padding:.72rem 1rem}.header-cta:hover{background:#1d4ed8}.theme-toggle{border-radius:11px;padding:.65rem;width:43px;min-height:43px}.theme-toggle span{display:none}.theme-toggle:hover{background:var(--surface-2)}
.eyebrow{font-size:.71rem;font-weight:700;letter-spacing:.12em}.eyebrow::before{width:20px}.hero{padding:88px 0 84px}.hero::before{height:100%;background:radial-gradient(ellipse at 88% 30%,rgba(104,173,255,.17),transparent 56%),radial-gradient(ellipse at 7% 100%,rgba(141,211,250,.11),transparent 45%)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}.hero .eyebrow{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:.67rem;letter-spacing:.05em}.hero .eyebrow::before{width:6px;height:6px;border-radius:50%;background:#4a93ef}
.hero h1{font-size:clamp(2.9rem,4.7vw,4.7rem);line-height:1.065;font-weight:760;letter-spacing:-.065em;margin:24px 0}.hero h1 span{color:var(--accent-deep)}.hero-lead{font-size:1rem;line-height:1.8;max-width:490px;margin-bottom:30px}
.button{border-radius:12px;min-height:49px;padding:.83rem 1.18rem;font-size:.87rem;font-weight:650;transition:transform .18s,box-shadow .18s,background .18s}.button-primary{background:#2563eb;color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.15)}.button-primary:hover{background:#1d4ed8;box-shadow:0 9px 23px rgba(37,99,235,.2)}.button-secondary{background:var(--surface);border-color:var(--line)}.button-secondary:hover{background:var(--surface-2)}.hero-proof{gap:8px 16px;margin-top:24px;font-size:.72rem;font-weight:500}.hero-proof i{width:5px;height:5px;background:#6599d6}
.product-stage{padding:0;min-height:0;border-radius:22px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 30px 70px rgba(43,86,139,.12),0 3px 9px rgba(43,86,139,.04)}.product-stage::after{left:12%;bottom:-9%;width:76%;height:32%;background:rgba(79,156,246,.12);filter:blur(45px)}
.stage-top{padding:17px 20px;border-bottom:1px solid var(--line)}.stage-top strong{font-size:.77rem;font-weight:700;gap:9px}.stage-top img{width:26px;height:26px}.stage-top small{font-size:.61rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.stage-top small i,.stage-bottom i{display:inline-block;width:5px;height:5px;background:#4e95e4;border-radius:50%}
.stage-workspace{padding:22px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.stage-label{margin:0;color:var(--muted);font-size:.55rem;font-weight:600;letter-spacing:.12em}.stage-heading .stage-title{font-size:1.65rem;letter-spacing:-.05em;font-weight:700;margin:4px 0 0}.stage-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:1.4rem;color:#fff;background:#2563eb}
.stage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stage-metrics>div{padding:13px 11px;background:var(--canvas);border:1px solid var(--line);border-radius:12px}.stage-metrics small{font-size:.58rem;color:var(--muted)}.stage-metrics strong{display:block;margin-top:6px;font-size:1.4rem;font-weight:700;line-height:1.1}.stage-metrics strong span{font-size:.5rem;font-weight:500;color:var(--muted);letter-spacing:0}
.stage-day{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:.74rem}.stage-day span{font-size:.6rem;color:var(--accent-deep);background:var(--surface-2);border-radius:6px;padding:4px 7px}.stage-post{display:flex;align-items:center;gap:10px;padding:12px 8px;border:1px solid transparent;border-bottom-color:var(--line)}.stage-post.selected{background:var(--surface-2);border-color:var(--line);border-radius:10px;margin:4px -2px;padding:12px 10px}.stage-time{color:var(--muted);font-size:.62rem;font-variant-numeric:tabular-nums}.stage-post-icon{display:grid;place-items:center;width:31px;height:34px;flex:none;background:var(--canvas);border:1px solid var(--line);border-radius:8px;color:var(--accent-deep)}.stage-post-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.stage-post strong{display:block;font-size:.67rem;font-weight:650}.stage-post small{display:block;color:var(--muted);font-size:.55rem;margin-top:4px}.stage-state{margin-left:auto;color:var(--accent-deep);font-size:.52rem;white-space:nowrap}.stage-state.neutral{color:var(--muted)}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;color:var(--muted);font-size:.55rem}.stage-bottom b{font-weight:500;padding:0 3px}.stage-bottom i{margin-right:4px}.stage-caption{padding:0 22px 15px;margin:0;color:var(--muted);font-size:.55rem}
.trust-line{background:var(--surface)}.trust-line div{padding:22px}.trust-line strong{font-size:.88rem;font-weight:650}.trust-line span{font-size:.75rem}.section{padding:90px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(2rem,3.2vw,3.05rem);font-weight:700;letter-spacing:-.05em;margin:12px 0 16px}.section-heading p{font-size:.96rem;line-height:1.75;max-width:650px}
.step{padding:28px;border-radius:19px;box-shadow:none}.step .number{width:auto;height:auto;display:block;background:none;color:var(--accent-deep);font-size:.81rem;letter-spacing:.07em;font-weight:650}.step h3{font-size:1.14rem;margin:27px 0 10px;font-weight:650}.step p{font-size:.88rem;line-height:1.75}.step a{color:var(--accent-deep);text-underline-offset:3px}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:26px;min-height:0;border-radius:19px;background:var(--surface)}.feature-card .icon-box{background:var(--surface-2);color:var(--accent-deep);width:42px;height:42px;border-radius:12px}.feature-card h3{font-size:1.12rem;font-weight:650;margin:24px 0 10px}.feature-card p,.feature-card ul{font-size:.87rem;line-height:1.75}.more-features{background:var(--canvas);border-radius:15px;margin-top:20px}.more-features summary{padding:18px 22px;font-size:.9rem;font-weight:650}.feature-details p{font-size:.8rem;line-height:1.65}
.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:75px}.workspace-grid h2{font-size:clamp(2.1rem,3.6vw,3.5rem);font-weight:700;letter-spacing:-.05em}.workspace-grid>div>p{font-size:.96rem;line-height:1.8}.workspace-benefits{list-style:none;padding:0;display:grid;gap:21px;margin:28px 0}.workspace-benefits li{display:flex;gap:15px;align-items:start}.workspace-benefits li>span{display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--surface);color:var(--accent-deep);border:1px solid var(--line);border-radius:9px;font-size:.68rem}.workspace-benefits strong{font-size:.93rem;font-weight:650}.workspace-benefits p{margin:5px 0 0;font-size:.84rem;line-height:1.6}.workspace-grid .workspace-entry{font-size:.72rem;margin:14px 0 0}
.workspace-panel{padding:28px;border-radius:22px;box-shadow:0 16px 48px rgba(43,86,139,.06)}.workspace-panel-label{font-size:.64rem;font-weight:700}.workspace-panel h3{font-size:1.45rem;font-weight:650;margin:8px 0 22px}.workspace-list{border:0;border-radius:0}.workspace-list div{padding:14px 0;align-items:center}.workspace-list strong{font-size:.83rem;font-weight:650}.workspace-list span{font-size:.71rem;max-width:45%}.workspace-roles span{font-size:.68rem;font-weight:600}.workspace-panel small{font-size:.75rem;line-height:1.6}
.pricing-section{background:var(--surface-2);color:var(--ink)}.pricing-section .eyebrow.on-dark{color:var(--accent-deep)}.pricing-section .section-heading.on-dark p{color:var(--muted)}.plan{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px}.plan.featured{background:#153961;color:#fff;border-color:#153961;box-shadow:0 16px 34px rgba(21,57,97,.13)}.plan-kind{color:var(--accent-deep);font-size:.65rem;font-weight:700}.plan h3{font-size:1.35rem;font-weight:650;margin:9px 0 13px}.plan-price{font-weight:700;font-size:1.85rem}.plan-price span,.plan p{color:var(--muted)}.plan p{font-size:.84rem;line-height:1.65}.plan ul{color:var(--ink);font-size:.8rem;line-height:1.6}.plan li::before{color:var(--accent-deep)}.plan li.no::before{color:var(--muted)}.plan .button-secondary{border-color:var(--line);color:var(--ink);background:var(--canvas)}.plan.featured .plan-kind{color:#a6d3ff}.plan.featured .plan-price span,.plan.featured p{color:#c0d5ed}.plan.featured ul{color:#edf5ff}.plan.featured li::before{color:#9dccff}.plan.featured .button{background:#fff;color:#17417a;border-color:#fff;box-shadow:none}.plan.featured .button:hover{background:#e5f0ff}.billing-note,.billing-note strong{color:var(--muted);font-size:.82rem}
.comparison-shell{border-radius:17px}th{background:var(--surface-2)}table{font-size:.84rem}th,td{padding:17px}.max-note{border-radius:16px;background:var(--canvas)}.max-note .icon-box{background:var(--surface-2);color:var(--accent-deep)}.faq-list details{border-radius:14px}.faq-list summary{font-size:.92rem;font-weight:650;padding:20px}.faq-list details p{padding:0 20px 20px;font-size:.84rem;line-height:1.8}
.closing{background:linear-gradient(120deg,#153961,#102846);padding:70px 0}.closing h2{font-size:clamp(1.85rem,3vw,2.7rem);font-weight:650;letter-spacing:-.045em}.closing p{color:#b9cde5;font-size:.91rem}.closing .button-primary{background:#fff;color:#17417a;box-shadow:none}.closing .button-primary:hover{background:#e5f0ff}.site-footer{background:#0d213b;color:#b9cde5}.footer-brand{font-weight:650}.footer-links a{font-size:.8rem}.footer-bottom{border-color:#294461;font-size:.75rem;color:#a1b8d2}.mobile-sticky a{background:#2563eb;color:#fff;font-weight:650;font-size:.87rem}.privacy-header h1{font-weight:700;letter-spacing:-.055em}.privacy-content{box-shadow:none}.privacy-content h2{font-weight:650}
.hero-grid>div:first-child{animation:sky-enter .48s ease-out both}.product-stage{animation:sky-enter .55s .08s ease-out both}.is-revealed{animation:sky-enter .4s var(--reveal-delay,0ms) ease-out both}@keyframes sky-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.step,.feature-card{transition:border-color .2s,box-shadow .2s,transform .2s}.step:hover,.feature-card:hover{border-color:#b1cef0;box-shadow:0 12px 30px rgba(34,76,129,.055);transform:translateY(-3px)}}
@media(max-width:1100px){.desktop-nav{gap:16px}.hero-grid{gap:32px}.hero h1{font-size:clamp(2.9rem,5vw,4.2rem)}.stage-workspace{padding:18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{gap:40px}.stage-state{display:none}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{min-height:68px;gap:10px}.brand{font-size:.97rem}.header-actions{margin-left:0}.mobile-menu summary{border-radius:11px}.hero{padding:48px 0 52px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(2.85rem,9vw,4.4rem);margin:22px 0 20px}.hero-lead{font-size:.96rem;max-width:560px;margin-bottom:24px}.hero-proof{font-size:.67rem;gap:9px 13px;margin-top:22px}.product-stage{max-width:540px;padding:0;border-radius:20px}.stage-top{padding:15px 18px}.stage-workspace{padding:20px}.stage-state{display:inline}.stage-post{padding:13px 7px}.section{padding:62px 0}.section-heading h2{font-size:2.15rem}.section-heading p{font-size:.89rem}.steps{gap:12px}.step{padding:24px}.step h3{margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:25px}.feature-card h3{margin-top:20px}.workspace-grid{grid-template-columns:1fr;gap:34px}.workspace-grid h2{font-size:2.5rem}.workspace-panel{padding:23px}.workspace-list div{gap:15px}.trust-line div{padding:16px 12px}.trust-line strong{font-size:.77rem}.trust-line span{font-size:.69rem}.plans{gap:12px}.plan{padding:24px}.closing{padding:48px 0}.site-footer{padding-bottom:100px}.mobile-sticky{background:var(--surface)}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.hero .eyebrow{font-size:.57rem}.hero h1{font-size:2.65rem}.stage-top small{font-size:.51rem}.stage-workspace{padding:15px}.stage-metrics{gap:6px}.stage-metrics>div{padding:10px 8px}.stage-metrics strong span{display:block;margin-top:4px}.stage-state{display:none}.stage-post{gap:8px}.stage-post strong{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Cardlink return pages */
.payment-main{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:clamp(42px,8vw,100px) 0}
.payment-card{width:min(100%,720px);padding:clamp(26px,6vw,58px);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.payment-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 24px;border-radius:22px;background:var(--surface-2);color:var(--accent-deep)}
.payment-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.payment-icon.is-failure{color:#c63b50;background:color-mix(in srgb,#c63b50 11%,var(--surface))}
.payment-eyebrow{margin:0 0 10px;color:var(--accent-deep);font-size:.73rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.payment-card h1{margin:0;font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;letter-spacing:-.055em}
.payment-lead{max-width:560px;margin:18px auto 0;color:var(--muted);font-size:1.04rem;line-height:1.75}
.payment-note{margin:24px 0 0;padding:15px 18px;text-align:left;background:var(--canvas);border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:.87rem;line-height:1.65}
.payment-actions{justify-content:center;margin-top:28px}
.payment-support{margin:20px 0 0;color:var(--muted);font-size:.84rem}
.payment-support a{color:var(--accent-deep);text-underline-offset:3px}
@media(max-width:760px){.payment-main{min-height:calc(100vh - 140px)}.payment-card{border-radius:20px}.payment-icon{width:60px;height:60px;border-radius:19px}}