/* Public website only; never loaded by the CRM or platform administration. */
.pub-inner-page [hidden] { display:none !important; }
.pub-inner-page :is(a,button,input,select,summary):focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.pub-story { display:grid; grid-template-columns:1.5fr 1fr; gap:60px; padding-block:60px; }
.pub-story h2 { font-size:32px; letter-spacing:-1px; margin:14px 0; }
.pub-story p { line-height:1.8; }
.pub-story small { color:var(--muted); }
.pub-story aside { align-self:center; background:#edf4ff; border-radius:14px; padding:30px; border-left:3px solid var(--blue); }
.pub-story aside>.icon { width:28px; height:28px; color:var(--blue); }
.pub-story h3 { font-size:18px; }.pub-story aside p { margin-bottom:0; font-size:14px; }
.pub-detailed-steps.pub-steps { margin-top:0; }
.pub-detailed-steps.pub-steps article { align-items:flex-start; }
.pub-detailed-steps p { font-size:13px; line-height:1.8; margin-bottom:0; }
.pub-related .pub-feature-grid { grid-template-columns:1fr 1fr; }
.pub-start-strip { display:flex; align-items:center; justify-content:space-between; gap:36px; padding:40px; border:1px solid #c7e6d8; background:#eff8f3; border-radius:14px; margin-block:34px 60px; }
.pub-start-strip h2 { font-size:30px; letter-spacing:-1px; margin:14px 0; }.pub-start-strip p { margin:0; }
.pub-start-strip>.button { flex:none; }
.pub-starting { display:grid; grid-template-columns:1.8fr 1fr; gap:64px; padding-block:20px 40px; }
.pub-starting>ol { padding:0; margin:0; list-style:none; }
.pub-starting li { display:flex; gap:24px; border-bottom:1px solid var(--line); padding:30px 0; }
.pub-starting li:first-child { padding-top:0; }
.pub-step-icon { color:var(--blue); background:#e9efff; display:inline-grid; place-items:center; width:46px; height:46px; border-radius:12px; flex:none; }
.pub-step-icon>.icon { width:26px; height:26px; stroke-width:1.6; }
.pub-icon-accent { fill:#bce8d5; stroke:none; }
.workflow-steps .pub-step-icon { background:#ffffff10; color:#b3c8ff; --pub-icon-disc:#182e49; }
.workflow-steps .pub-icon-accent { fill:#347b69; }
.pub-starting h2 { font-size:25px; letter-spacing:-.7px; margin-top:4px; }.pub-starting p { line-height:1.8; }
.pub-prepare { display:flex; gap:12px; background:#f1f7f4; padding:16px; border-radius:8px; font-size:13px; }
.pub-prepare .icon { flex:none; color:var(--green); }
.pub-starting-aside { padding:30px; background:#fff; border:1px solid var(--line); border-radius:14px; align-self:start; }
.pub-starting-aside h2 { margin-top:22px; }.pub-starting-aside h3 { font-size:20px; }
.pub-starting-aside p { font-size:14px; }.pub-starting-aside hr { border:0; border-top:1px solid var(--line); margin-block:30px; }
.pub-cost-parts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.pub-cost-parts article { background:#fff; padding:28px; border:1px solid var(--line); border-radius:14px; }
.pub-cost-parts h3 { font-size:21px; margin-top:22px; }.pub-cost-parts p { font-size:14px; line-height:1.8; }
.pub-note { padding:18px 22px; border-left:3px solid var(--green); background:#eff8f3; font-size:14px; margin-top:24px; }
.pub-help-center { padding-block:56px 0; }.pub-help-center>h2 { font-size:32px; letter-spacing:-1px; }
.pub-help-tools { display:grid; grid-template-columns:2fr 1fr auto; gap:16px; align-items:end; background:#edf4ff; padding:24px; border-radius:14px; }
.pub-help-tools>div { min-width:0; }.pub-help-tools label { display:block; font-size:13px; font-weight:600; margin-bottom:9px; }
.pub-help-tools :is(input,select) { width:100%; min-width:0; min-height:48px; background:#fff; border:1px solid #bcc9da; border-radius:8px; padding:12px; color:var(--ink); font:inherit; font-size:14px; }
.pub-help-tools .button { min-height:48px; font-size:13px; }
.pub-help-status { font-size:13px; color:var(--muted); margin-block:18px 28px; }
.pub-help-group { margin-bottom:34px; }.pub-help-group>h3 { font-size:22px; letter-spacing:-.5px; }
.pub-help-empty { padding:32px; background:white; border:1px solid var(--line); border-radius:14px; }
.pub-support-checklist { display:grid; grid-template-columns:1.5fr 1fr; gap:50px; padding:36px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.pub-support-checklist h2 { font-size:28px; letter-spacing:-.8px; margin-block:14px; }
.pub-support-checklist li { margin-block:14px; }.pub-support-checklist ul { padding-left:20px; }
.pub-support-checklist p { font-size:14px; line-height:1.8; }.pub-support-checklist aside { background:#f0f7f3; padding:24px; border-radius:10px; }
.pub-tour-guide { font-size:12px; line-height:1.6; margin:20px 10px 0; }
.pub-tour-learn { margin-block:16px; }.pub-tour-learn summary { cursor:pointer; font-size:14px; font-weight:600; min-height:30px; }
.pub-tour-learn ul { font-size:13px; line-height:1.8; padding-left:20px; }
@media(max-width:980px) {
  .pub-story,.pub-starting { gap:30px; }
  .pub-help-tools { grid-template-columns:1fr 1fr; }.pub-help-tools>div:first-child { grid-column:1/-1; }
  .pub-cost-parts { gap:16px; }.pub-cost-parts article { padding:20px; }
  .pub-start-strip { align-items:flex-start; flex-direction:column; }
}
@media(max-width:760px) {
  .pub-story,.pub-starting,.pub-support-checklist { grid-template-columns:1fr; gap:28px; }
  .pub-story { padding-block:36px; }.pub-story h2 { font-size:28px; }.pub-story aside { padding:24px; }
  .pub-start-strip { padding:26px; margin-bottom:36px; }.pub-start-strip>.button { max-width:100%; }
  .pub-starting li { gap:14px; }.pub-starting h2 { font-size:23px; }.pub-starting-aside { padding:24px; }
  .pub-cost-parts { grid-template-columns:1fr; }.pub-related .pub-feature-grid { grid-template-columns:1fr; }
  .pub-help-center { padding-top:36px; }.pub-help-tools { padding:18px; grid-template-columns:1fr; }.pub-help-tools>div:first-child { grid-column:auto; }
  .pub-support-checklist { padding:24px; }.pub-step-icon { width:36px; height:36px; }.pub-step-icon>.icon { width:23px; height:23px; }
  .pub-tour-guide { margin-top:10px; }
}
.header-inner { width:min(1440px,calc(100% - 64px)); gap:28px; }
.header-actions { gap:18px; }
.hero h1 { font-size:clamp(38px,3.6vw,58px); letter-spacing:-2px; }
.hero h1 em { color:var(--green); white-space:normal; }
.hero-actions { flex-wrap:wrap; }
.site-nav>[aria-current=page] { color:var(--blue); }
.pub-nav-features { position:relative; font-weight:600; font-size:13px; }
.pub-nav-features summary { display:flex; align-items:center; gap:7px; cursor:pointer; list-style:none; min-height:44px; }
.pub-nav-features summary::-webkit-details-marker { display:none; }
.pub-nav-features[open] summary { color:var(--blue); }
.pub-nav-menu { position:absolute; top:calc(100% + 12px); left:-24px; width:580px; background:white; border:1px solid var(--line); border-radius:14px; padding:16px; display:grid; grid-template-columns:1fr 1fr; gap:6px; box-shadow:0 14px 40px #17294116; }
.pub-nav-menu a { display:grid; padding:13px 16px; border-radius:8px; min-width:0; }
.pub-nav-menu a:first-child { grid-column:1/-1; background:#eef7f2; }
.pub-nav-menu a:hover { background:#f0f4fc; }
.pub-nav-menu small { color:var(--muted); font-weight:400; margin-top:3px; }
.pub-nav-menu [aria-current=page] { color:var(--blue); }
.pub-inner-page { padding-bottom:64px; }
.pub-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-block:28px 10px; color:var(--muted); font-size:12px; }
.pub-breadcrumb a:hover { color:var(--blue); text-decoration:underline; }
.pub-feature-nav { background:#fff; border-bottom:1px solid var(--line); }
.pub-feature-nav>.wrap { display:flex; gap:28px; overflow:auto; }
.pub-feature-nav a { padding:18px 0; border-bottom:2px solid transparent; white-space:nowrap; font-size:12px; }
.pub-feature-nav [aria-current=page] { color:var(--blue); border-color:var(--blue); font-weight:600; }
.pub-hero { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:64px; padding-block:54px 66px; }
.pub-hero>*,.pub-detail>*,.pub-choice>* { min-width:0; }
.pub-hero h1,.pub-page-heading h1 { font-size:clamp(36px,4.1vw,60px); letter-spacing:-2.4px; line-height:1.08; margin:18px 0 24px; }
.pub-page-heading h1 em { color:var(--green); font-style:normal; }
.pub-lead,.pub-page-heading>p { font-size:18px; line-height:1.65; max-width:640px; }
.pub-actions { display:flex; gap:24px; flex-wrap:wrap; align-items:center; margin-top:30px; }
.pub-actions .button { font-size:13px; }
.pub-actions .text-link { font-size:12px; }
.pub-page-heading { text-align:center; padding-block:42px 40px; }
.pub-page-heading>p { margin:0 auto 26px; }
.pub-page-heading h1 { max-width:850px; margin-inline:auto; }
.pub-section { padding-block:48px; }
.pub-section>h2 { font-size:32px; letter-spacing:-1px; margin-bottom:28px; }
.pub-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pub-feature-card { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--line); background:white; border-radius:14px; padding:30px; transition:border-color .15s,transform .15s; }
.pub-feature-card:hover { border-color:var(--blue); transform:translateY(-3px); }
.pub-feature-icon { display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center; background:#e5f5ed; color:var(--green); border-radius:50%; flex:none; }
.pub-feature-icon .icon { width:24px; height:24px; }
.pub-feature-card h3 { font-size:22px; margin:24px 0 12px; }
.pub-feature-card p { font-size:14px; line-height:1.75; margin-bottom:26px; }
.pub-card-link { display:inline-flex; align-items:center; gap:10px; margin-top:auto; font-size:13px; font-weight:600; color:var(--blue); }
.pub-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding-block:24px 56px; }
.pub-benefits article { display:flex; align-items:flex-start; gap:17px; }
.pub-benefits h2 { font-size:17px; letter-spacing:-.4px; margin:4px 0 8px; }
.pub-benefits p { font-size:13px; margin:0; }
.pub-detail { display:grid; grid-template-columns:1fr 1fr; gap:72px; padding:48px; background:white; border:1px solid var(--line); border-radius:14px; }
.pub-detail h2 { font-size:34px; letter-spacing:-1px; margin:16px 0; }
.pub-detail p { line-height:1.8; }
.pub-detail ul { list-style:none; padding:0; display:grid; gap:26px; align-content:center; margin:0; }
.pub-detail li { display:flex; align-items:flex-start; gap:14px; }
.pub-detail li .icon { color:var(--green); flex:none; }
.pub-steps { margin-top:44px; padding:36px 42px; border-radius:14px; background:#eaf6f0; }
.pub-steps h2 { font-size:28px; letter-spacing:-.8px; }
.pub-steps>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.pub-steps article { display:flex; align-items:center; gap:16px; }
.pub-steps article>.pub-step-icon { background:white; width:42px; height:42px; border-radius:12px; }
.pub-steps h3 { font-size:15px; margin:0; line-height:1.5; }
.pub-faq { border-top:1px solid var(--line); }
.pub-faq details { border-bottom:1px solid var(--line); }
.pub-faq summary { padding:22px 4px; cursor:pointer; font-weight:600; }
.pub-faq p { max-width:880px; line-height:1.8; margin:0 4px 24px; }
.pub-cta { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:40px; border-radius:14px; background:var(--navy); color:white; }
.pub-cta h2 { font-size:32px; letter-spacing:-1px; margin:12px 0; }
.pub-cta p,.pub-cta .eyebrow { color:#cbd8e9; margin:0; }
.pub-cta .button { flex:none; }
.pub-pricing-teaser { display:flex; gap:40px; justify-content:space-between; align-items:center; padding-block:64px; }
.pub-pricing-teaser h2 { font-size:32px; letter-spacing:-1px; margin:16px 0; }
.pub-pricing-teaser .button { max-width:350px; flex:none; text-align:center; }
.pub-inner-page .pricing { padding-top:48px; }
.pub-inner-page .pricing h1 { font-size:46px; letter-spacing:-1.6px; margin:20px 0; }
.pub-inner-page .pricing h1 span { color:var(--green); }
.pub-inner-page .pricing .pricing-heading h2 { font-size:46px; }
.pub-demo { border:1px solid #e0e7ef; border-radius:14px; background:#fff; padding:24px; box-shadow:0 8px 30px #17294106; overflow:hidden; min-width:0; }
.pub-demo-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:24px; }
.pub-demo h3 { font-size:18px; margin:0; }
.pub-tag { display:inline-block; padding:4px 9px; border-radius:6px; color:#326958; background:#e7f5ee; font-size:10px; line-height:1.5; }
.pub-demo-caption { font-size:10px; color:var(--muted); text-align:right; margin:18px 0 0; }
.pub-demo-row { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid #edf0f5; font-size:12px; }
.pub-demo-row>div { flex:1; min-width:0; }
.pub-demo strong,.pub-demo small { display:block; }
.pub-demo small { color:var(--muted); font-size:11px; margin-top:4px; }
.pub-demo-icon { color:var(--blue); background:#f0f4ff; width:34px; height:34px; border-radius:9px; display:grid; place-items:center; flex:none; }
.pub-demo-icon .icon { width:17px; height:17px; }
.pub-person { display:flex; align-items:center; gap:14px; padding:10px 0 22px; font-size:14px; }
.pub-avatar { display:inline-grid; place-items:center; background:#e1edff; color:#2856be; border-radius:50%; width:44px; height:44px; font-size:14px; flex:none; }
.pub-avatar.small { width:26px; height:26px; font-size:9px; }
.pub-demo-labels { display:flex; gap:24px; font-size:11px; color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:10px; }
.pub-demo-labels span:first-child { color:var(--blue); }
.pub-demo-note { margin-top:20px; padding:18px; border-radius:8px; background:#f4f7fc; font-size:12px; }
.pub-demo-note strong { margin-block:6px; }
.pub-demo-note .icon { vertical-align:middle; width:16px; height:16px; }
.pub-demo-note p { margin:8px 0 0; }
.pub-demo-note>span { color:var(--muted); font-size:11px; }
.pub-mini-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:12px; }
.pub-mini-stats>div { border:1px solid var(--line); border-radius:8px; padding:14px; }
.pub-mini-stats strong { font-size:22px; margin-top:8px; }
.pub-pipeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.pub-pipeline-column { background:#f3f6fa; border-radius:9px; padding:10px; min-width:0; }
.pub-pipeline h4 { font-size:11px; display:flex; gap:6px; align-items:center; margin:3px 0 14px; }
.pub-dot { background:#99aaca; width:6px; height:6px; border-radius:50%; flex:none; }
.pub-dot-1 { background:var(--blue); }.pub-dot-2 { background:var(--green); }
.pub-pipeline article { padding:12px; border-radius:8px; margin-bottom:10px; background:white; border:1px solid var(--line); }
.pub-pipeline article strong { font-size:12px; line-height:1.5; margin-top:6px; }
.pub-pipeline article small { font-size:8px; letter-spacing:.5px; }
.pub-pipeline article p { font-size:10px; margin:16px 0; }
.pub-pipeline .pub-deal-highlight { border-color:var(--blue); }
.pub-agenda>div { display:flex; gap:18px; min-height:68px; align-items:center; border-top:1px solid var(--line); font-size:12px; }
.pub-agenda time { color:var(--muted); font-size:11px; }
.pub-agenda article { background:#eaf2ff; border-left:3px solid var(--blue); padding:12px; border-radius:4px; flex:1; }
.pub-agenda>div>span { color:var(--muted); }
.pub-chat { display:grid; gap:14px; background:#f5f8fc; padding:16px; border-radius:8px; }
.pub-chat>div { padding:12px 16px; background:white; border-radius:10px; width:87%; border:1px solid var(--line); font-size:12px; }
.pub-chat>div:nth-child(2) { justify-self:end; background:#e8f5ef; }
.pub-chat p { margin:5px 0 0; color:var(--ink); }
.pub-demo-hint { font-size:12px; padding:12px; margin:0; }
.pub-tour { display:grid; grid-template-columns:220px minmax(0,1fr); border:1px solid var(--line); border-radius:14px; background:white; overflow:hidden; margin-block:8px 52px; }
.pub-tour>aside { padding:26px 18px; background:#fafbfd; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.pub-tour>aside h2 { font-size:17px; letter-spacing:-.5px; padding:0 8px; margin-bottom:24px; }
.pub-tour-tabs { display:grid; gap:8px; }
.pub-tour-tabs button { display:flex; align-items:center; gap:14px; border:0; background:transparent; text-align:left; padding:12px 10px; border-radius:8px; font-size:13px; color:var(--ink); }
.pub-tour-tabs button>span { display:grid; place-items:center; background:#edf1f6; height:32px; width:32px; flex:none; border-radius:50%; }
.pub-tour-tabs [aria-selected=true] { color:var(--blue); background:#eaf0ff; font-weight:600; }
.pub-tour-tabs [aria-selected=true]>span { background:var(--blue); color:white; }
.pub-tour-tabs .pub-step-icon>.icon { width:21px; height:21px; }
.pub-tour-tabs button:hover { background:#edf3fb; }
.pub-tour [data-tour-status] { font-size:12px; border-top:3px solid var(--blue); padding-top:12px; margin:36px 10px 0; }
.pub-tour-stage { min-width:0; padding:16px 26px 20px; }
.pub-tour-notice { padding:10px 14px; border-radius:7px; background:#e1f4e9; font-size:11px; color:#26634d; display:flex; gap:8px; align-items:center; }
.pub-tour-notice .icon { width:16px; height:16px; flex:none; }
.pub-tour-stage .pub-demo { border:0; box-shadow:none; padding:26px 0 12px; border-radius:0; }
.pub-tour-stage [role=tabpanel] { min-height:460px; }
.pub-tour-stage .pub-demo h3 { font-size:25px; }
.pub-tour-stage .pub-pipeline { gap:16px; }
.pub-tour-stage .pub-pipeline-column { padding:14px; }
.pub-tour-stage .pub-pipeline article strong { font-size:14px; }
.pub-tour-stage .pub-pipeline article p { font-size:12px; }
.pub-tour-explanation { display:flex; align-items:flex-start; gap:16px; background:#f4f7fc; padding:20px; border-radius:10px; margin-block:8px 22px; }
.pub-tour-explanation h2 { font-size:18px; letter-spacing:-.4px; margin:0 0 8px; }
.pub-tour-explanation p { font-size:14px; margin:0 0 8px; }
.pub-tour-explanation .text-link { font-size:12px; }
.pub-tour-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding-top:20px; }
.pub-tour-controls .button { font-size:13px; min-height:44px; }
.pub-tour-controls button:disabled { opacity:.45; cursor:not-allowed; transform:none; box-shadow:none; }
.pub-reset { background:none; border:0; color:var(--blue); padding:12px 8px; font-size:12px; min-height:44px; }
.pub-choice { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.pub-choice article { padding:38px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.pub-choice article:nth-child(2) { background:#eaf6f0; }
.pub-choice h2 { font-size:28px; letter-spacing:-1px; }
.pub-choice small { display:block; color:var(--muted); margin-top:14px; }
.pub-contact-strip { padding-block:60px 14px; text-align:center; }
.pub-contact-strip h2 { font-size:32px; letter-spacing:-1px; }
.pub-help-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.pub-help-links>a { padding:30px; border:1px solid var(--line); border-radius:14px; background:white; }
.pub-help-links>a:hover { border-color:var(--blue); }
.pub-help-links .icon { color:var(--green); width:28px; height:28px; }
.pub-help-links h2 { margin-top:24px; font-size:20px; letter-spacing:-.5px; }
.pub-help-links p { font-size:14px; }
.pub-help-links span { color:var(--blue); font-size:13px; font-weight:600; }
.pub-contact-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; padding-block:20px 80px; max-width:1080px; }
.pub-contact-card { padding:36px; border:1px solid var(--line); border-radius:14px; background:white; }
.pub-contact-card h2 { font-size:28px; letter-spacing:-.7px; margin-top:24px; }
.pub-email { display:block; font-size:24px; font-weight:600; color:var(--blue); margin-block:28px; overflow-wrap:anywhere; }
.pub-contact-card small { display:block; color:var(--muted); margin-top:20px; line-height:1.8; }
.pub-contact-layout aside { padding-top:34px; }
.pub-contact-layout aside h2 { font-size:28px; letter-spacing:-.7px; }
.pub-contact-layout aside a { display:flex; justify-content:space-between; gap:12px; padding:20px 0; border-bottom:1px solid var(--line); font-size:14px; }
.pub-contact-layout aside a:hover { color:var(--blue); }
.pub-contact-layout aside p { font-size:13px; margin-top:24px; }
@media(max-width:1150px) {
  .header-inner { width:calc(100% - 40px); gap:20px; }
  .header-actions { gap:10px; }.header-actions>.text-link { display:none; }
  .site-nav { gap:16px; }.site-nav>a,.pub-nav-features { font-size:12px; }
  .header-actions .button.small { padding:12px; font-size:12px; }
  .pub-hero { gap:32px; }.pub-tour { grid-template-columns:180px minmax(0,1fr); }
  .pub-tour-stage { padding-inline:18px; }.pub-tour-tabs button { gap:8px; padding-inline:6px; }
}
@media(max-width:980px) {
  .pub-hero { grid-template-columns:1fr; max-width:740px; }
  .pub-hero>div:first-child { max-width:620px; }
  .pub-benefits { gap:20px; }.pub-benefits article { flex-direction:column; }
  .pub-feature-grid { grid-template-columns:1fr 1fr; }
  .pub-detail { gap:32px; padding:32px; }
  .pub-tour { grid-template-columns:1fr; }
  .pub-tour>aside { border:0; border-bottom:1px solid var(--line); padding:16px; }
  .pub-tour>aside h2 { margin-bottom:12px; }
  .pub-tour-tabs { display:flex; flex-wrap:wrap; gap:4px; }
  .pub-tour-tabs button { font-size:12px; padding:8px; }
  .pub-tour-tabs button>span { width:26px; height:26px; }
  .pub-tour [data-tour-status] { margin:10px 8px 0; border:0; padding:0; }
  .pub-cta { align-items:flex-start; flex-direction:column; gap:24px; }
  .pub-pricing-teaser { flex-direction:column; align-items:flex-start; gap:20px; }
  .pub-help-links { gap:14px; }.pub-help-links>a { padding:20px; }
  .pub-contact-layout { gap:28px; }
}
@media(max-width:850px) and (min-width:761px) {
  .wordmark strong { font-size:18px; }.wordmark { gap:6px; }
  .header-inner { gap:12px; }.site-nav { gap:12px; }
  .header-actions>.site-language select { min-width:52px; padding-left:7px; }
}
@media(max-width:760px) {
  .header-inner { flex-wrap:wrap; height:auto; min-height:76px; gap:10px; padding-block:14px; }
  .wordmark strong { font-size:20px; }
  .header-actions { gap:8px; }
  .header-actions .button.small { min-height:44px; padding:10px 12px; font-size:11px; }
  .header-actions .button .icon { display:none; }
  .nav-toggle { min-height:44px; min-width:44px; }
  .site-nav { max-height:calc(100dvh - 100px); overflow-y:auto; }
  .pub-nav-features { width:100%; }
  .pub-nav-features summary { font-size:15px; justify-content:space-between; padding:8px 0; }
  .pub-nav-menu { position:static; width:auto; padding:8px; box-shadow:none; grid-template-columns:1fr; margin:8px 0; }
  .pub-nav-menu a { min-height:44px; }
  .pub-feature-nav>.wrap { gap:24px; width:calc(100% - 40px); }
  .pub-breadcrumb { padding-top:20px; }
  .pub-hero { padding-block:32px 40px; gap:30px; }
  .pub-hero h1,.pub-page-heading h1 { font-size:40px; letter-spacing:-1.6px; }
  .pub-page-heading { padding-block:30px; text-align:left; }
  .pub-page-heading>p { font-size:16px; }
  .pub-lead { font-size:16px; }
  .pub-actions { gap:18px; }
  .pub-feature-card { padding:24px; }
  .pub-benefits { grid-template-columns:1fr; gap:26px; padding-bottom:36px; }
  .pub-benefits article { flex-direction:row; }
  .pub-detail { grid-template-columns:1fr; gap:28px; padding:26px; }
  .pub-detail h2 { font-size:30px; }
  .pub-steps { padding:26px; margin-top:28px; }
  .pub-steps>div { grid-template-columns:1fr; gap:22px; }
  .pub-section { padding-block:32px; }
  .pub-cta { padding:28px; }.pub-cta h2 { font-size:28px; }
  .pub-cta .button { flex:auto; }
  .pub-tour { margin-bottom:32px; }
  .pub-tour-tabs { display:grid; grid-template-columns:1fr 1fr; }
  .pub-tour-stage { padding:12px; }
  .pub-tour-notice { align-items:flex-start; line-height:1.6; }
  .pub-tour-stage .pub-demo h3 { font-size:21px; }
  .pub-tour-stage [role=tabpanel] { min-height:0; }
  .pub-tour-controls { flex-wrap:wrap; gap:10px; }
  .pub-tour-controls .pub-reset { order:3; width:100%; }
  .pub-tour-explanation { padding:16px; gap:12px; }
  .pub-tour-explanation .pub-feature-icon { width:34px; height:34px; }
  .pub-choice { grid-template-columns:1fr; gap:18px; }.pub-choice article { padding:26px; }
  .pub-help-links { grid-template-columns:1fr; }
  .pub-contact-layout { grid-template-columns:1fr; padding-bottom:24px; }
  .pub-contact-card { padding:26px; }.pub-contact-layout aside { padding-top:0; }
  .pub-inner-page .pricing .pricing-heading h2 { font-size:38px; }
  .pub-inner-page .pricing h1 { font-size:38px; }
  .pub-demo { padding:18px; }
  .pub-pipeline,.pub-tour-stage .pub-pipeline { grid-template-columns:1fr; }
  .pub-pipeline-column { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .pub-pipeline h4 { grid-column:1/-1; margin-bottom:4px; }
  .pub-pipeline article { margin:0; }
}
@media(max-width:480px) {
  .header-inner { column-gap:8px; width:calc(100% - 24px); }
  .header-actions .button.small { padding-inline:9px; }
  .header-actions>.site-language { display:none; }
  .site-nav>.site-language { display:inline-flex; padding:12px 0; }
  .pub-feature-grid { grid-template-columns:1fr; }
  .hero h1 { font-size:39px; }.hero { padding-block:36px; }
  .hero-actions { justify-content:center; }
  .pub-hero h1,.pub-page-heading h1 { font-size:36px; }
  .pub-demo-row { flex-wrap:wrap; }.pub-demo-row>.pub-tag { margin-left:46px; }
  .pub-mini-stats { gap:10px; }.pub-mini-stats>div { padding:10px; }
  .pub-mini-stats strong { font-size:20px; }
  .pub-pricing-teaser .button { max-width:100%; }
  .pub-tour-explanation { display:block; }.pub-tour-explanation .pub-feature-icon { margin-bottom:12px; }
}
@media(max-width:380px) { .header-inner .wordmark { gap:6px; }.header-inner .wordmark strong { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .pub-feature-card { transition:none; }.pub-feature-card:hover { transform:none; } }
@media(forced-colors:active) { .pub-tour-tabs [aria-selected=true],.pub-deal-highlight { outline:2px solid Highlight; }.pub-feature-icon { border:1px solid; } }

/* Visitors can try a few actions using the tour's fictional examples. */
.pub-example-instruction { display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:10px; background:#edf4ff; color:#23467d; font-size:13px; line-height:1.6; margin:0 0 22px; }
.pub-example-instruction .icon { width:24px; height:24px; }
.pub-demo-task { cursor:pointer; padding:18px 8px; border-radius:8px; }
.pub-demo-task:hover { background:#f5f8fd; }
.pub-demo-task>span { flex:1; min-width:0; }
.pub-demo-task time { color:var(--muted); }
.pub-demo-task input,.pub-example-check input { width:20px; height:20px; margin:0; accent-color:var(--blue); flex:none; }
.pub-demo-task:has(input:checked) strong { text-decoration:line-through; color:var(--muted); }
.pub-demo-task:has(input:checked) { background:#f0f8f4; }
.pub-example-switch { display:flex; flex-wrap:wrap; gap:6px; border-bottom:1px solid var(--line); margin-bottom:18px; padding-bottom:10px; }
.pub-example-switch button { min-height:44px; padding:10px 16px; font:inherit; font-size:13px; color:var(--ink); background:white; border:1px solid var(--line); border-radius:8px; }
.pub-example-switch [aria-pressed=true] { background:#eaf0ff; border-color:var(--blue); color:var(--blue); font-weight:600; }
.pub-example-field { padding:18px; background:#f5f8fd; border-radius:10px; margin-top:16px; }
.pub-example-field label { display:block; font-size:13px; font-weight:600; margin-bottom:10px; }
.pub-example-field select { min-height:44px; width:100%; max-width:360px; background:white; padding:10px 14px; font:inherit; font-size:14px; border:1px solid #becce0; color:var(--ink); border-radius:8px; }
.pub-example-feedback { font-size:13px; margin:12px 0 0; color:var(--green); min-height:1.5em; }
.pub-example-check { display:flex; align-items:center; gap:12px; cursor:pointer; padding:18px; margin-top:18px; background:#edf4ff; border-radius:10px; font-size:14px; line-height:1.6; }
.pub-tour-progress { display:block; width:calc(100% - 20px); height:5px; margin:30px 10px 0; border:0; border-radius:8px; overflow:hidden; background:#e1e8f2; color:var(--blue); accent-color:var(--blue); }
.pub-tour-progress::-webkit-progress-bar { background:#e1e8f2; }.pub-tour-progress::-webkit-progress-value { background:var(--blue); }.pub-tour-progress::-moz-progress-bar { background:var(--blue); }
.pub-tour [data-tour-status] { border:0; padding-top:0; margin-top:10px; }
.pub-tour-stage [role=tabpanel] { scroll-margin-top:110px; }
.pub-tour-controls [data-tour-finish] { font-size:13px; }
.pub-copy-email { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; min-height:44px; border:1px solid var(--line); border-radius:8px; background:white; color:var(--blue); font:inherit; font-size:13px; cursor:pointer; }
.pub-copy-status { font-size:13px; min-height:1.5em; margin:10px 0 24px; color:var(--green); }
.pub-contact-card .pub-email { margin-bottom:12px; }
@media(min-width:761px) { .header-actions>.text-link:not([hidden]) { display:inline-flex; font-size:12px; white-space:nowrap; } }
@media(max-width:760px) { .pub-tour-progress { margin-top:16px; }.pub-example-switch button { flex:1; padding-inline:10px; }.pub-example-check { align-items:flex-start; }.pub-example-check input { margin-top:2px; } }