.v4-lifecycle,.v4-use-cases,.v4-calculator-section{padding:86px 0}.lifecycle-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;padding:17px 20px;margin:30px 0 24px;background:var(--v-surface);border:1px solid var(--v-line);border-radius:10px;white-space:nowrap}.lifecycle-strip span{font-size:10px;font-weight:600;color:var(--v-ink)}.lifecycle-strip b{font-size:11px;color:var(--v-accent)}.platform-cards{margin-top:18px}.platform-cards article{flex:1;padding:22px;background:var(--v-surface);border:1px solid var(--v-line);border-radius:10px}.platform-cards article>span{font-size:9px;color:var(--v-accent)}.platform-cards article p{font-size:11px!important;line-height:1.7!important}.platform-cards .v4-text-link{font-size:10px}.v4-lifecycle-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.v4-lifecycle-actions .button{font-size:11px}.v4-use-cases{background:#e8edf1;border-block:1px solid var(--v-line)}.v4-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.v4-use-grid article{padding:24px;background:var(--v-surface);border:1px solid var(--v-line);border-radius:10px}.v4-use-grid article>span{font-size:8px;letter-spacing:.1em;color:var(--v-accent)}.v4-use-grid h3{font-size:18px!important;margin:20px 0 8px!important}.v4-use-grid p{font-size:11px!important;line-height:1.7!important}.v4-calc-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.v4-calc-grid h2{font-size:clamp(2rem,3.6vw,3.5rem)!important;margin:24px 0!important}.v4-calc-grid>div:first-child>p{font-size:12px!important;line-height:1.8!important;color:var(--v-muted)}.calc-assumption-note{padding:13px;background:var(--v-soft);border-radius:8px;font-size:10px!important}.time-calculator{padding:26px;background:var(--v-surface);border:1px solid var(--v-line);border-radius:13px;box-shadow:0 14px 32px #2235430b}.calc-row{display:grid;grid-template-columns:1fr 74px;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid var(--v-line)}.calc-row label{font-size:10px;font-weight:600;color:var(--v-ink)}.calc-row label small{display:block;font-size:8px;color:var(--v-muted);font-weight:400;margin-top:4px}.calc-row input{width:100%;padding:8px;border:1px solid var(--v-line);border-radius:6px;color:var(--v-ink);background:var(--v-bg);font:inherit;font-size:11px}.calc-rate-label{display:flex;justify-content:space-between;gap:10px;margin:17px 0 8px;font-size:9px;color:var(--v-ink)}.calc-rate-label strong{color:var(--v-accent)}.calc-range{width:100%;accent-color:#738faa}.calc-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;margin-top:13px;border-top:1px solid var(--v-line)}.calc-result>span{font-size:8px;color:var(--v-muted)}.calc-result>strong{font-size:23px;color:var(--v-ink);white-space:nowrap}.calc-result>strong small{font-size:9px;font-weight:400;color:var(--v-muted)}
.v4 .v4-hub{border-color:#738faa;background:linear-gradient(135deg,#506f87,#263e50)}.v4 .v4-hub-status,.v4 .v4-hub-status .v4-dot{color:#dbe5ec}.v4 .v4-demo-shell{background:#263744;border-color:#526878}.v4 .v4-demo-bar{border-color:#415662}.v4 .v4-message.outgoing{background:#435f74}.v4 .v4-message.incoming{background:#304653;border-color:#526878}.v4 .v4-final{background:#dbe5ec;color:#263744}.v4 .v4-final h2{color:#263744!important}.v4 .v4-final .v4-kicker{color:#506d83}.v4 .v4-final p{color:#4c606d!important}.v4 .v4-final .button--primary{background:#263744!important;border-color:#263744!important}.v4 .site-footer{background:#192935}.v4 .v4-hero-art{background:radial-gradient(ellipse at 50% 48%,#c9d7e270,transparent 70%)}
body.v4 .button--primary{background:#738FAA!important;border-color:#738FAA!important;color:#fff!important}body.v4 .button--primary:hover{background:#425d78!important;border-color:#425d78!important}.v4 .v4-final .button--primary{background:#263744!important;border-color:#263744!important}
.v4 .v4-kicker,.v4 .eyebrow,.v4 .v4-benefit-row article>span,.v4 .v4-use-grid article>span,.v4 .calc-rate-label strong,.v4 .v4-price-top .v4-pill,.v4 .business-journey__benefit{color:#4c677f}.v4 .package-tool-number,.v4 .workflow-number,.v4 .business-journey__number{color:#4c677f!important}.v4 .package-placeholder .microcopy{color:#5a6b79!important}.v4 .v4-signal-icon{color:#4c677f}.v4 .v4-message small{color:#d7e1e6}.v4 .v4-hub{background:#334d64!important}.v4 .v4-hub>span{color:#d7e1e6!important}
.v4 .survey-load-gate{display:grid;gap:14px;padding:22px;background:#fff;border:1px solid var(--v-line);border-radius:10px}.v4 .survey-load-gate>p:first-child{margin:0;color:var(--v-ink);font-size:14px;line-height:1.7}.v4 .survey-load-gate>p:first-child a{color:#425d78;text-decoration:underline;text-underline-offset:3px}.v4 .survey-load-gate .button{justify-self:start}.v4 .survey-load-status{margin:0;color:var(--v-muted);font-size:12px;line-height:1.6}.v4 .survey-frame[hidden]{display:none}.v4 .survey-frame iframe{border-radius:8px}
@media(max-width:800px){.v4-lifecycle,.v4-use-cases,.v4-calculator-section{padding:62px 0}.v4-use-grid{grid-template-columns:1fr 1fr}.v4-calc-grid{grid-template-columns:1fr;gap:25px}.lifecycle-strip{justify-content:flex-start}.platform-cards{flex-wrap:wrap}.platform-cards article{flex:1 1 220px}}
@media(max-width:560px){.v4-use-grid{grid-template-columns:1fr}.v4-lifecycle-actions{align-items:flex-start;flex-direction:column;gap:14px}.lifecycle-strip{margin-inline:-4px}.time-calculator{padding:17px}.calc-result{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.lifecycle-strip,.time-calculator{scroll-behavior:auto}}
/* Keep ORTO's primary accent for interface details, with darker text accents on pale surfaces. */
html:not([data-theme=dark]) body.v4 :is(.v4-product-heading h2 em,.v4-core h2 em,.v4-final h2 em){color:#4c677f!important}
html:not([data-theme=dark]) body.journey-page .business-journey__benefit>span{color:#4c677f!important}
/* Keep legal content grids inside the available viewport at narrow widths. */
.legal-layout{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
@media(max-width:760px){.legal-layout{grid-template-columns:minmax(0,1fr)}.legal-layout>*{min-width:0}}
@media(max-width:560px){body.v4 .legal-content h2{font-size:1.45rem!important}}
@media(max-width:360px){body.v4.packages-page .core-price{padding:24px!important}body.v4.packages-page .core-price .package-price{font-size:40px!important}body.v4.packages-page .core-price .package-price span{font-size:13px!important;margin-left:4px}}

/* Source-provided trade-business photography in the homepage editorial section. */
.home-life-image{position:relative;aspect-ratio:2.65/1;margin:44px 0 0;overflow:hidden;border-radius:12px;background:#243642}
.home-life-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.home-life-image figcaption{position:absolute;inset:auto auto 22px 22px;max-width:min(90%,26rem);margin:0;padding:13px 16px;border-left:3px solid #738faa;background:rgb(25 41 53 / .94);color:#fff;font-size:clamp(14px,1.3vw,19px);font-weight:600;line-height:1.4}
@media(max-width:640px){.home-life-image{aspect-ratio:4/3;margin-top:28px}.home-life-image img{object-position:48% center}.home-life-image figcaption{inset:auto 12px 12px;max-width:none;padding:11px 13px;font-size:14px}}

.v4-use-grid article{min-width:0}.v4-use-grid article>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:6px;margin:0 0 16px}

.v4-use-grid article:nth-child(2)>img{object-position:center 18%}.v4-use-grid article:nth-child(3)>img{object-position:center 22%}
html body.v4 main .section p.form-privacy-note{max-width:60ch;margin:18px 0 8px;color:#46545d;line-height:1.6}body.v4 .form-privacy-note a{color:#344f6b;text-decoration:underline;text-underline-offset:2px}

@media(max-width:760px){.v4-benefit-row article>a.v4-text-link{grid-column:2;justify-self:start}.v4-benefit-row article:nth-child(4){display:block}.v4-benefit-row article:nth-child(4)>span{margin:0 0 12px!important}.v4-benefit-row article:nth-child(4)>p{grid-column:auto}}
@media(max-width:560px){.calc-rate-label{align-items:flex-start;flex-direction:column;gap:4px}.calc-rate-label strong{white-space:nowrap}}

/* Unified inset page shell and Kallin-inspired navigation, using ORTO branding. */
html:has(body.v4){background:#e9edf0!important;min-height:100%;padding:12px;box-sizing:border-box}
body.v4{min-height:calc(100vh - 24px);max-width:1600px;margin:0 auto!important;padding:0;background:#fff!important;border-radius:18px;overflow:clip;box-shadow:0 8px 36px rgba(24,42,55,.06)}
body.v4 .site-header,body.v4 .site-header.is-scrolled{position:sticky;top:12px;z-index:1000;width:100%;max-width:none;margin:0;border:0;border-radius:18px 18px 0 0;background:rgba(255,255,255,.97);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;width:calc(100% - 48px);max-width:1440px;height:84px;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.v4 .site-header.is-scrolled .header-inner{height:76px}
body.v4 .site-header .brand{justify-self:start}
body.v4 .site-header .desktop-nav{justify-self:center;gap:clamp(20px,2.5vw,36px);margin:0}
body.v4 .site-header .desktop-nav a{color:#263744}
body.v4 .site-header .desktop-nav a[aria-current=page]{color:#738FAA}
body.v4 .site-header .header-cta{justify-self:end;background:#738faa;color:#fff;border-color:#738faa}
body.v4 .site-header .header-cta:hover{background:#738FAA;border-color:#738FAA}
body.v4 main#main-content{background:#fff}
body.v4 .site-footer{max-width:1600px;margin-inline:auto;border-radius:0 0 18px 18px;overflow:hidden}
body.v4 .site-header .brand img{filter:none}
@media(max-width:1050px){body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{display:flex;width:calc(100% - 32px);height:70px;padding:0;gap:16px}body.v4 .site-header .desktop-nav,body.v4 .site-header .header-cta{display:none}}
@media(max-width:760px){html:has(body.v4){padding:8px}body.v4{min-height:calc(100vh - 16px);border-radius:15px}body.v4 .site-header,body.v4 .site-header.is-scrolled{top:8px;border-radius:15px 15px 0 0}body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 24px);height:66px;padding:0 2px;border-radius:0}body.v4 .site-header.is-scrolled .header-inner{height:62px}body.v4 .site-footer{border-radius:0 0 15px 15px}}

/* Kallin-inspired visual direction, expressed with ORTO's trade imagery and palette. */
body.v4 .site-header,
body.v4 .site-header.is-scrolled{
  width:min(calc(100% - 20px),1500px);
  margin:10px auto 0;
  border:0;
  border-radius:20px;
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.v4 .site-header .header-inner,
body.v4 .site-header.is-scrolled .header-inner{
  width:calc(100% - 36px);
  max-width:1440px;
  height:76px;
  margin-inline:auto;
  padding-inline:clamp(18px,2.4vw,36px);
  border:1px solid rgba(11,17,23,.08);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 28px rgba(11,17,23,.045);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  backdrop-filter:blur(16px) saturate(1.08);
}
body.v4 .site-header.is-scrolled .header-inner{height:68px}
body.v4 .site-header .brand img{filter:brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(1300%) hue-rotate(103deg)}
body.v4 .site-header .desktop-nav a{color:#263744}
body.v4 .site-header .header-cta{background:#738faa;color:#fff;border-color:#738faa}
body.v4 .site-header .header-cta:hover{background:#738FAA;border-color:#738FAA}
body.v4 .site-header .menu-toggle span:not(.sr-only){background:#263744}

.v4-hero{padding-top:54px!important}
.v4-hero h1{font-size:clamp(3.3rem,4.5vw,4.1rem)!important;font-weight:500!important;letter-spacing:-.055em!important}
body.v4 .v4-hero-art{
  min-height:555px;
  overflow:hidden;
  border:1px solid rgba(11,17,23,.08);
  border-radius:28px;
  background:linear-gradient(115deg,rgba(13,27,37,.03),rgba(13,27,37,.2)),url('/assets/img/homepage/hero-tradesman.webp') center 42%/cover no-repeat;
  box-shadow:0 28px 70px -42px rgba(11,17,23,.5);
}
body.v4 .v4-hero-art:before{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(11,17,23,.02) 22%,rgba(11,17,23,.25) 100%);content:""}
.v4-orbit{display:none}
.v4-art-label,.v4-art-caption{padding:7px 11px;border-radius:999px;background:rgba(17,24,30,.78);color:#fff!important;text-shadow:none}
.v4-art-label{top:18px}
.v4-art-caption{right:18px;bottom:15px}
.v4-hub{top:178px;left:calc(50% - 120px);box-shadow:0 20px 52px rgba(11,17,23,.3)}
.v4-signal{box-shadow:0 15px 38px rgba(11,17,23,.2)}
@media(max-width:1050px){
  body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{height:70px}
  body.v4 .site-header.is-scrolled .header-inner{height:66px}
  .v4-hero{padding-top:42px!important}
}
@media(max-width:760px){
  body.v4 .site-header,body.v4 .site-header.is-scrolled{width:calc(100% - 12px);margin-top:6px}
  body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 12px);height:66px;padding-inline:15px;border-radius:15px}
  body.v4 .site-header.is-scrolled .header-inner{height:62px}
  .v4-hero{padding-top:36px!important}
  .v4-hero h1{font-size:clamp(2.75rem,9.2vw,4rem)!important}
  .v4 .v4-hero-art{min-height:520px;border-radius:22px;background-position:center 38%}
  .v4-art-label{top:12px}
  .v4-art-caption{right:12px;bottom:12px}
}

.platform-hero{padding:58px 0 68px!important;background:#fff!important}
.platform-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,72px);align-items:center}
.platform-hero-copy{max-width:560px}
body.v4 .platform-hero-copy h1{margin:18px 0 22px;font-size:clamp(3rem,4.5vw,4.3rem)!important;font-weight:500!important;line-height:1.05!important}
.platform-hero-copy p{max-width:530px;margin:0;font-size:1rem;line-height:1.7}
.platform-hero-art{position:relative;isolation:isolate;min-width:0;min-height:390px;margin:0;overflow:hidden;border:1px solid rgba(11,17,23,.08);border-radius:26px;background:linear-gradient(90deg,rgba(11,17,23,.20),rgba(11,17,23,.02) 100%),url('/assets/img/homepage/hero-tradesman.webp') 82% 40%/cover no-repeat;box-shadow:0 24px 65px -42px rgba(11,17,23,.45)}
.platform-workspace{position:absolute;top:22px;bottom:22px;left:22px;width:min(72%,480px);padding:23px 24px;border:1px solid rgba(11,17,23,.08);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(11,17,23,.2)}
.platform-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #e3e8eb;color:#263744}
.platform-workspace-head strong{font:700 1rem/1 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.platform-workspace-head span{padding:6px 9px;border-radius:999px;background:#e9eff4;color:#465f76;font:700 .56rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em}
body.v4 .platform-workspace h2{margin:21px 0 3px;color:#192127;font:650 1.3rem/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.035em}
.platform-workspace>p{margin:0 0 14px;color:#68747e;font-size:.74rem}
.platform-workspace ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.platform-workspace ol li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid #e5eaed;border-radius:11px;background:#fff}
.platform-workspace ol li>span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#e9eff4;color:#465f76;font:700 .62rem/1 Manrope,Arial,sans-serif}
.platform-workspace ol li div{min-width:0}
.platform-workspace ol li strong{display:block;overflow:hidden;color:#192127;font:650 .73rem/1.3 Manrope,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.platform-workspace ol li small{display:block;margin-top:3px;overflow:hidden;color:#68747e;font-size:.61rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.platform-workspace ol li>b{padding:5px 7px;border-radius:999px;background:#e9eff4;color:#465f76;font:650 .57rem/1 Manrope,Arial,sans-serif}
.platform-hero-art figcaption{position:absolute;right:10px;bottom:12px;width:122px;padding:8px 9px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(17,24,30,.88);color:#fff;font-size:.62rem;line-height:1.35;text-align:center}
@media(max-width:1050px){.platform-hero{padding:50px 0 60px!important}.platform-hero-grid{grid-template-columns:1fr;gap:30px}.platform-hero-copy{max-width:760px}.platform-hero-art{min-height:370px}}
@media(max-width:760px){.platform-hero{padding:42px 0 50px!important}.platform-hero-grid{gap:26px}body.v4 .platform-hero-copy h1{margin-top:14px;font-size:clamp(2.7rem,9vw,3.5rem)!important}body.v4 .platform-hero-copy p{font-size:.94rem}.platform-hero-art{min-height:380px;border-radius:21px;background-position:82% center}.platform-workspace{top:15px;bottom:55px;left:15px;width:min(84%,450px);padding:17px 16px}.platform-workspace-head{padding-bottom:13px}body.v4 .platform-workspace h2{margin-top:15px;font-size:1.15rem!important}.platform-workspace>p{margin-bottom:10px}.platform-workspace ol{gap:7px}.platform-workspace ol li{grid-template-columns:24px minmax(0,1fr) auto;gap:7px;padding:9px 8px}.platform-workspace ol li>span{width:23px;height:23px}.platform-workspace ol li strong{font-size:.68rem}.platform-workspace ol li small{font-size:.56rem}.platform-workspace ol li>b{font-size:.52rem}.platform-hero-art figcaption{right:15px;left:15px;bottom:8px;width:auto;padding:5px 8px;font-size:.52rem;text-align:center}}
@media(max-width:760px){.platform-hero-art{min-height:420px}.platform-workspace{left:12px;width:min(90%,450px);padding:15px 13px}.platform-workspace ol li{gap:6px;padding:8px 7px}.platform-workspace ol li small{font-size:.54rem}}

/* Supporting product heroes carry the same editorial, photo-led ORTO story. */
.customer-feature-hero{padding:58px 0 68px!important;background:#fff!important}
.customer-feature-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,72px);align-items:center}
.customer-feature-hero-copy{max-width:560px}
body.v4 .customer-feature-hero-copy h1{margin:18px 0 22px;font-size:clamp(3rem,4.5vw,4.3rem)!important;font-weight:500!important;line-height:1.05!important}
body.v4 .customer-feature-hero-copy p{max-width:530px;margin:0;font-size:1rem;line-height:1.7}
.customer-feature-hero-art{position:relative;isolation:isolate;min-width:0;min-height:420px;margin:0;overflow:hidden;border:1px solid rgba(11,17,23,.08);border-radius:26px;background-color:#263744;background-position:center;background-size:cover;box-shadow:0 24px 65px -42px rgba(11,17,23,.45)}
.customer-feature-hero-art--enquiries{background-image:linear-gradient(90deg,rgba(11,17,23,.12),rgba(11,17,23,.04)),url('/assets/img/homepage/hero-workspace-background.jpg')}
.customer-feature-hero-art--crm{background-image:linear-gradient(90deg,rgba(11,17,23,.05),rgba(11,17,23,.18)),url('/assets/img/how-it-works/small-business-process.jpg');background-position:center 44%}
.customer-feature-hero-art--automations{background-image:linear-gradient(90deg,rgba(11,17,23,.1),rgba(11,17,23,.24)),url('/assets/img/about/workshop-end-of-day.jpg');background-position:center 53%}
.customer-feature-workspace{position:absolute;top:22px;bottom:22px;left:22px;width:min(76%,500px);padding:23px 24px;border:1px solid rgba(11,17,23,.08);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(11,17,23,.2)}
.customer-feature-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #e3e8eb;color:#263744}
.customer-feature-workspace-head strong{font:700 1rem/1 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.customer-feature-workspace-head>span{padding:6px 9px;border-radius:999px;background:#e9eff4;color:#465f76;font:700 .55rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em}
.customer-feature-overline{margin:17px 0 4px;color:#738FAA;font:700 .58rem/1.3 Manrope,Arial,sans-serif;letter-spacing:.1em}
body.v4 .customer-feature-workspace h2{margin:0 0 14px;color:#192127;font:650 1.27rem/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.035em}
.customer-feature-contact{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #e5eaed;border-radius:11px;background:#fff}
.customer-feature-contact>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#e9eff4;color:#465f76;font:700 .69rem/1 Manrope,Arial,sans-serif}
.customer-feature-contact div{display:grid;gap:3px;min-width:0;flex:1}
.customer-feature-contact strong,.customer-feature-next strong{color:#192127;font:650 .74rem/1.3 Manrope,Arial,sans-serif}
.customer-feature-contact small,.customer-feature-next small{color:#68747e;font-size:.62rem;line-height:1.3}
.customer-feature-contact>b,.customer-feature-pipeline article i,.customer-feature-flow li>b{padding:5px 8px;border-radius:999px;background:#e9eff4;color:#465f76;font:650 .57rem/1 Manrope,Arial,sans-serif;font-style:normal}
.customer-feature-message{margin-top:10px;padding:11px 13px;border-radius:11px;background:#f3f6f8}
.customer-feature-message small,.customer-feature-pipeline article small{color:#68747e;font:700 .52rem/1.3 Manrope,Arial,sans-serif;letter-spacing:.08em}
.customer-feature-message p{margin:5px 0 0;color:#263744;font-size:.74rem;line-height:1.45}
.customer-feature-next{display:grid;gap:4px;margin-top:10px;padding:11px 13px;border-left:3px solid #738faa;border-radius:0 9px 9px 0;background:#f8fafb}
.customer-feature-next>span{color:#738FAA;font:700 .5rem/1.3 Manrope,Arial,sans-serif;letter-spacing:.08em}
.customer-feature-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.customer-feature-pipeline>div{min-width:0;padding:8px;border-radius:9px;background:#f0f3f5}
.customer-feature-pipeline>div>span{display:block;min-height:21px;color:#738FAA;font:700 .47rem/1.25 Manrope,Arial,sans-serif;letter-spacing:.06em}
.customer-feature-pipeline article{display:grid;gap:6px;min-height:112px;padding:9px 8px;border:1px solid #e2e7ea;border-radius:8px;background:#fff}
.customer-feature-pipeline article strong{color:#192127;font:650 .63rem/1.35 Manrope,Arial,sans-serif}
.customer-feature-pipeline article i{justify-self:start;font-size:.5rem}
.customer-feature-flow{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.customer-feature-flow li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e5eaed;border-radius:10px;background:#fff}
.customer-feature-flow li>span{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#e9eff4;color:#465f76;font:700 .6rem/1 Manrope,Arial,sans-serif}
.customer-feature-flow li div{display:grid;gap:3px;min-width:0}
.customer-feature-flow li strong{color:#192127;font:650 .68rem/1.3 Manrope,Arial,sans-serif}
.customer-feature-flow li small{color:#68747e;font-size:.56rem;line-height:1.3}
.customer-feature-flow li>b{font-size:.52rem}
.customer-feature-note{margin:10px 0 0;color:#68747e;font-size:.61rem;line-height:1.35}
.customer-feature-hero-art figcaption{position:absolute;right:10px;bottom:12px;width:max-content;max-width:calc(100% - 20px);padding:7px 11px;border-radius:999px;background:rgba(17,24,30,.88);color:#fff;font-size:.62rem;line-height:1.3;text-align:center;white-space:nowrap}
.customer-feature-hero-art--automations figcaption{top:12px;bottom:auto}
@media(max-width:1050px){.customer-feature-hero{padding:50px 0 60px!important}.customer-feature-hero-grid{grid-template-columns:1fr;gap:30px}.customer-feature-hero-copy{max-width:760px}.customer-feature-hero-art{min-height:400px}}
@media(max-width:760px){.customer-feature-hero{padding:42px 0 50px!important}.customer-feature-hero-grid{gap:26px}body.v4 .customer-feature-hero-copy h1{margin-top:14px;font-size:clamp(2.7rem,9vw,3.5rem)!important}body.v4 .customer-feature-hero-copy p{font-size:.94rem}.customer-feature-hero-art{min-height:460px;border-radius:21px}.customer-feature-workspace{top:13px;bottom:55px;left:13px;width:min(88%,500px);padding:17px 16px}.customer-feature-workspace-head{padding-bottom:12px}body.v4 .customer-feature-workspace h2{font-size:1.1rem!important;margin-bottom:10px}.customer-feature-overline{margin-top:13px}.customer-feature-contact{padding:8px;gap:7px}.customer-feature-contact>span{width:29px;height:29px}.customer-feature-contact>b{padding:5px 6px;font-size:.52rem}.customer-feature-message{padding:9px 10px}.customer-feature-message p{font-size:.69rem}.customer-feature-next{margin-top:8px;padding:9px 10px}.customer-feature-pipeline{grid-template-columns:1fr;gap:5px}.customer-feature-pipeline>div{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:6px;padding:5px}.customer-feature-pipeline>div>span{min-height:0}.customer-feature-pipeline article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 6px;min-height:0;padding:6px 8px}.customer-feature-pipeline article small{grid-column:1/-1}.customer-feature-pipeline article i{justify-self:end}.customer-feature-flow{gap:6px}.customer-feature-flow li{grid-template-columns:23px minmax(0,1fr) auto;gap:6px;padding:8px 7px}.customer-feature-flow li>span{width:22px;height:22px}.customer-feature-flow li strong{font-size:.63rem}.customer-feature-flow li small{font-size:.52rem}.customer-feature-hero-art figcaption{top:auto;right:13px;left:13px;bottom:8px;width:auto;padding:5px 8px;font-size:.52rem}}
@media(max-width:760px){.customer-feature-hero-art--automations .customer-feature-flow{gap:5px}.customer-feature-hero-art--automations .customer-feature-flow li{padding-top:6px;padding-bottom:6px}.customer-feature-hero-art--automations .customer-feature-note{display:none}}



/* Photo-led, manually controllable ORTO story-card carousel for the homepage hero. */
.v4-hero-carousel{min-height:555px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.v4-hero-story-stack{position:absolute;inset:8px 0 54px;isolation:isolate}
.v4-hero-story{position:absolute;inset:0 0 0 auto;width:90%;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:24px;background:#243642;box-shadow:0 25px 65px -30px rgba(11,17,23,.52);transform-origin:40% 55%;transition:transform .85s cubic-bezier(.2,.75,.2,1)}
.v4-hero-story[data-position="active"]{z-index:3;opacity:1;transform:translateX(0) scale(1) rotate(0)}
.v4-hero-story[data-position="next"]{z-index:2;opacity:1;transform:translateX(-10%) scale(.84) rotate(0)}
.v4-hero-story[data-position="back"]{z-index:1;opacity:1;transform:translateX(-20%) scale(.69) rotate(0)}
.v4-hero-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.v4-hero-story:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,23,.2) 0%,transparent 34%,rgba(8,17,23,.06) 48%,rgba(8,17,23,.82) 100%);content:""}
.v4-hero-story-brand,.v4-hero-story-copy{position:absolute;z-index:1;left:24px;right:24px;color:#fff;transition:none}
.v4-hero-story[data-position="next"] :is(.v4-hero-story-brand,.v4-hero-story-copy),.v4-hero-story[data-position="back"] :is(.v4-hero-story-brand,.v4-hero-story-copy){opacity:0}
.v4-hero-story-brand{top:22px;display:flex;align-items:center;gap:11px}
.v4-hero-story-brand img{width:78px;height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}
.v4-hero-story-brand span{padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(18,29,37,.32);font-size:.52rem;font-weight:700;letter-spacing:.1em}
.v4-hero-story-copy{bottom:25px;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.v4-hero-story-copy>span{font-size:.58rem;font-weight:700;letter-spacing:.12em}
body.v4 .v4-hero-story-copy h2{max-width:11ch;margin:11px 0 8px;color:#fff;font-size:clamp(2rem,3.1vw,3rem)!important;font-weight:600;letter-spacing:-.045em;line-height:1.03}
body.v4 .v4-hero-art .v4-hero-story-copy p{max-width:34ch;margin:0;color:rgba(255,255,255,.78)!important;font-size:.88rem;line-height:1.5}
.v4-hero-carousel-controls{position:absolute;right:4px;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#263744}
.v4-hero-carousel-controls>span{font:700 .72rem/1 Manrope,Arial,sans-serif;letter-spacing:.08em}
.v4-hero-carousel-controls>span i{color:#738faa;font-style:normal}
.v4-hero-carousel-controls>div{display:flex;align-items:center;gap:7px}
.v4-hero-carousel-controls button{min-height:36px;padding:0 13px;border:1px solid rgba(11,17,23,.12);border-radius:999px;background:rgba(255,255,255,.94);color:#263744;font:600 .68rem/1 Manrope,Arial,sans-serif;cursor:pointer}
.v4-hero-carousel-controls button:first-child,.v4-hero-carousel-controls button:last-child{width:36px;padding:0;font-size:1rem}
.v4-hero-carousel-controls button:focus-visible{outline:3px solid #738faa;outline-offset:3px}
@media(max-width:760px){.v4-hero-carousel{min-height:470px!important;border-radius:0!important}.v4-hero-story-stack{inset:6px 0 52px}.v4-hero-story{width:92%;border-radius:21px}.v4-hero-story[data-position="next"]{transform:translateX(-8%) scale(.84) rotate(0)}.v4-hero-story[data-position="back"]{transform:translateX(-16%) scale(.69) rotate(0)}.v4-hero-story-brand,.v4-hero-story-copy{left:17px;right:17px}.v4-hero-story-brand{top:16px}.v4-hero-story-brand img{width:67px}.v4-hero-story-brand span{font-size:.46rem;padding:6px 8px}.v4-hero-story-copy{bottom:18px}.v4-hero-story-copy>span{font-size:.5rem}body.v4 .v4-hero-story-copy h2{font-size:clamp(1.9rem,8vw,2.5rem)!important}.v4-hero-story-copy p{font-size:.76rem}.v4-hero-carousel-controls{right:5px}.v4-hero-carousel-controls button{min-height:34px;padding-inline:10px}.v4-hero-carousel-controls button:first-child,.v4-hero-carousel-controls button:last-child{width:34px}}
@media(prefers-reduced-motion:reduce){.v4-hero-story{transition:none!important}}
.v4-hero-copy .v4-actions .button--primary{border-radius:999px!important;padding-inline:25px}

/* Editorial package hero with an ORTO setup and support visual. */
body.v4 .packages-hero{position:relative;overflow:hidden;padding:58px 0 68px!important;background:#fff!important}
.packages-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,72px);align-items:center}
.packages-hero-copy{max-width:570px}
body.v4 .packages-hero-copy h1{max-width:560px;margin:18px 0 22px;font-size:clamp(2.8rem,4.2vw,4rem)!important;font-weight:500!important;line-height:1.05!important;letter-spacing:-.055em!important}
.packages-hero-copy>p{max-width:520px;margin:0 0 22px;font-size:1rem;line-height:1.7}
.packages-hero-art{position:relative;isolation:isolate;min-width:0;min-height:420px;margin:0;overflow:hidden;border:1px solid rgba(11,17,23,.08);border-radius:26px;background:linear-gradient(90deg,rgba(11,17,23,.04),rgba(11,17,23,.16)),url('/assets/img/homepage/hero-workshop-background.jpg') center 58%/cover no-repeat;box-shadow:0 24px 65px -42px rgba(11,17,23,.38)}
.packages-hero-panel{position:absolute;top:22px;bottom:22px;left:22px;width:min(78%,490px);padding:22px 23px;border:1px solid rgba(11,17,23,.08);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(11,17,23,.18)}
.packages-hero-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #e3e8eb;color:#263744}
.packages-hero-panel-head strong{font:700 1rem/1 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.packages-hero-panel-head span{padding:6px 8px;border-radius:999px;background:#e9eff4;color:#465f76;font:700 .53rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em}
.packages-hero-overline{margin:15px 0 5px;color:#738FAA;font:700 .54rem/1.3 Manrope,Arial,sans-serif;letter-spacing:.09em}
body.v4 .packages-hero-panel h2{margin:0 0 13px;color:#192127;font:650 1.22rem/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.035em}
.packages-hero-panel ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.packages-hero-panel ol li{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border:1px solid #e5eaed;border-radius:10px;background:#fff}
.packages-hero-panel ol li>span{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:#e9eff4;color:#465f76;font:700 .57rem/1 Manrope,Arial,sans-serif}
.packages-hero-panel ol li div{display:grid;gap:2px;min-width:0}
.packages-hero-panel ol li strong{color:#192127;font:650 .67rem/1.25 Manrope,Arial,sans-serif}
.packages-hero-panel ol li small{color:#68747e;font-size:.56rem;line-height:1.25}
.packages-hero-note{margin:10px 0 0;color:#68747e;font-size:.56rem;line-height:1.35}
.packages-hero-art figcaption{position:absolute;top:12px;right:10px;width:max-content;max-width:calc(100% - 20px);padding:7px 10px;border-radius:999px;background:rgba(17,24,30,.88);color:#fff;font-size:.6rem;line-height:1.3;white-space:nowrap}
@media(max-width:1050px){body.v4 .packages-hero{padding:50px 0 60px!important}.packages-hero-grid{grid-template-columns:1fr;gap:30px}.packages-hero-copy{max-width:760px}.packages-hero-art{min-height:400px}}
@media(max-width:760px){body.v4 .packages-hero{padding:42px 0 50px!important}.packages-hero-grid{gap:26px}body.v4 .packages-hero-copy h1{margin-top:14px;font-size:clamp(2.7rem,9vw,3.5rem)!important}.packages-hero-copy>p{font-size:.94rem}.packages-hero-art{min-height:560px;border-radius:21px}.packages-hero-panel{top:13px;bottom:60px;left:13px;width:min(90%,490px);padding:16px 15px}.packages-hero-panel-head{padding-bottom:11px}.packages-hero-overline{margin-top:12px;font-size:.5rem}.packages-hero-panel ol{gap:6px}.packages-hero-panel ol li{gap:7px;padding:7px 8px}.packages-hero-panel ol li small{font-size:.54rem}.packages-hero-note{margin-top:7px;font-size:.53rem}.packages-hero-art figcaption{top:auto;right:13px;bottom:8px;left:13px;width:auto;padding:5px 8px;font-size:.52rem;text-align:center}}

/* Homepage product walkthrough: extend the example from first contact into CRM and job administration. */
.v4-crm-board,.v4-ops-board{padding:16px;border:1px solid #526878;border-radius:12px;background:#304653;color:#edf2f5}
.v4-crm-customer{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #526878}
.v4-crm-customer>div{display:grid;gap:3px;min-width:0}
.v4-crm-customer strong,.v4-ops-row strong{color:#edf2f5;font-size:11px}
.v4-crm-customer small,.v4-crm-opportunity small,.v4-ops-row small{color:#c0ccd4;font-size:9px}
.v4-crm-customer>.v4-pill{margin-left:auto}
.v4-crm-opportunity{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0}
.v4-crm-opportunity>div{display:grid;gap:5px}
.v4-crm-opportunity small{font-size:8px;letter-spacing:.1em}
.v4-crm-opportunity strong{color:#edf2f5;font-size:10px;font-weight:600}
.v4-crm-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.v4-crm-stages li{padding:9px 8px;border:1px solid #526878;border-radius:8px;background:#263744;color:#c0ccd4;font-size:9px;text-align:center}
.v4-crm-stages li.is-done{border-color:#738faa;color:#edf2f5}
.v4-crm-stages li.is-current{background:#738faa;border-color:#738faa;color:#fff;font-weight:700}
.v4-ops-board{display:grid;gap:0;padding:4px 14px}
.v4-ops-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #526878}
.v4-ops-row:last-child{border-bottom:0}
.v4-ops-row>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#435f74;color:#edf2f5;font-size:8px}
.v4-ops-row>div{display:grid;gap:3px;min-width:0}
.v4-ops-row>b{padding:5px 8px;border:1px solid #526878;border-radius:999px;color:#d7e1e6;font-size:8px;font-weight:600}
@media(max-width:760px){.v4-crm-board,.v4-ops-board{padding:12px}.v4-crm-customer{gap:7px}.v4-crm-customer>.v4-pill{font-size:7px!important}.v4-crm-stages{gap:5px}.v4-crm-stages li{padding:8px 4px;font-size:8px}.v4-ops-row{grid-template-columns:23px minmax(0,1fr) auto;gap:7px}.v4-ops-row small{font-size:8px}}

/* Final shell overrides: retain a continuous white page card with ORTO navigation. */
html:has(body.v4){background:#e9edf0!important;min-height:100%;padding:12px;box-sizing:border-box}
body.v4{min-height:calc(100vh - 24px);max-width:1600px;margin:0 auto!important;padding:0;background:#fff!important;border-radius:18px;overflow:clip;box-shadow:0 8px 36px rgba(24,42,55,.06)}
body.v4 .site-header,body.v4 .site-header.is-scrolled{position:sticky;top:12px;z-index:1000;width:100%;max-width:none;margin:0;border:0;border-radius:18px 18px 0 0;background:rgba(255,255,255,.97);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;width:calc(100% - 48px);max-width:1440px;height:84px;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.v4 .site-header.is-scrolled .header-inner{height:76px}
body.v4 .site-header .brand{justify-self:start}
body.v4 .site-header .desktop-nav{justify-self:center;gap:clamp(20px,2.5vw,36px);margin:0}
body.v4 .site-header .desktop-nav a{color:#263744}
body.v4 .site-header .desktop-nav a[aria-current=page]{color:#738FAA}
body.v4 .site-header .header-cta{justify-self:end;background:#738faa;color:#fff;border-color:#738faa}
body.v4 .site-header .header-cta:hover{background:#738FAA;border-color:#738FAA}
body.v4 main#main-content{background:#fff}
body.v4 .site-footer{max-width:1600px;margin-inline:auto;border-radius:0 0 18px 18px;overflow:hidden}
body.v4 .site-header .brand img{filter:none}
@media(max-width:1050px){body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{display:flex;width:calc(100% - 32px);height:70px;padding:0;gap:16px}body.v4 .site-header .desktop-nav,body.v4 .site-header .header-cta{display:none}}
@media(max-width:760px){html:has(body.v4){padding:8px}body.v4{min-height:calc(100vh - 16px);border-radius:15px}body.v4 .site-header,body.v4 .site-header.is-scrolled{top:8px;border-radius:15px 15px 0 0}body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 24px);height:66px;padding:0 2px;border-radius:0}body.v4 .site-header.is-scrolled .header-inner{height:62px}body.v4 .site-footer{border-radius:0 0 15px 15px}}
@media(max-width:1050px){body.v4 .site-header .menu-toggle{margin-left:auto}}

/* Homepage hero: Kallin-style composition with original ORTO copy and imagery. */
body.v4 .v4-hero{padding-top:45px!important;padding-bottom:64px!important}
body.v4 .v4-hero-copy>.v4-kicker{padding:8px 12px;border:1px solid rgba(38,55,68,.12);border-radius:999px;background:#f5f7f8;letter-spacing:.1em}
body.v4 .v4-hero-copy h1{max-width:650px;margin:20px 0 17px;font-size:clamp(3.2rem,4.35vw,4.15rem)!important;line-height:1.04!important}
body.v4 .v4-hero-copy .v4-lead{max-width:520px;margin:0;color:#263744;font-size:1.1rem;line-height:1.55}
body.v4 .v4-hero-copy .v4-hero-detail{max-width:500px;margin:12px 0 0;font-size:.98rem;line-height:1.65}
body.v4 .v4-hero-copy .v4-actions{align-items:center;gap:24px;margin-top:24px}
body.v4 .v4-hero-copy .v4-actions .button--primary{padding-inline:24px}
body.v4 .v4-hero-copy .v4-hero-note{margin-top:15px;color:#677782;font-size:.78rem;line-height:1.5}
body.v4 .v4-hero-carousel{min-height:555px!important}
body.v4 .v4-hero-carousel .v4-hero-story>img{object-position:70% 50%}
body.v4 .v4-hero-carousel .v4-hero-story-brand img{filter:none}
body.v4 .v4-hero-story-copy>span{letter-spacing:.13em}
body.v4 .v4-hero-story-copy h2{max-width:13ch!important;font-size:clamp(2rem,3vw,2.7rem)!important;line-height:1.05!important}
body.v4 .v4-hero-carousel-controls button:last-child{position:relative;overflow:hidden;width:44px;height:38px;padding:0 0 5px}
body.v4 .v4-hero-progress{position:absolute;right:10px;bottom:5px;left:10px;height:2px;border-radius:2px;background:#738faa;transform:scaleX(0);transform-origin:left}
body.v4 .v4-hero-progress.is-running{animation:heroCardProgress 6.8s linear both}
@keyframes heroCardProgress{to{transform:scaleX(1)}}
@media(max-width:1050px){body.v4 .v4-hero{padding-top:38px!important;padding-bottom:54px!important}body.v4 .v4-hero-grid{grid-template-columns:minmax(0,1fr);gap:38px}body.v4 .v4-hero-copy{max-width:760px}body.v4 .v4-hero-copy h1{font-size:clamp(3rem,7vw,4.2rem)!important}body.v4 .v4-hero-carousel{width:min(100%,760px);margin-inline:auto}}
@media(max-width:760px){body.v4 .v4-hero{padding-top:32px!important;padding-bottom:44px!important}body.v4 .v4-hero-grid{gap:28px}body.v4 .v4-hero-copy h1{font-size:clamp(2.7rem,9vw,3.5rem)!important}body.v4 .v4-hero-copy .v4-lead{font-size:1rem}body.v4 .v4-hero-copy .v4-hero-detail{font-size:.92rem}body.v4 .v4-hero-copy .v4-actions{gap:16px;flex-wrap:wrap}body.v4 .v4-hero-copy .v4-hero-note{margin-top:12px}body.v4 .v4-hero-carousel{min-height:470px!important}body.v4 .v4-hero-story-copy h2{max-width:12ch!important;font-size:clamp(1.8rem,7vw,2.35rem)!important}}
@media(prefers-reduced-motion:reduce){body.v4 .v4-hero-progress.is-running{animation:none!important;transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){body.v4 .v4-hero-carousel .v4-hero-story>img{filter:brightness(.8) contrast(1.12) saturate(1.18)}}

/* Keep the homepage hero's secondary action clean and unlined. */
body.v4 .v4-hero-copy .v4-actions > .v4-text-link{border-bottom:0;text-decoration:none}
body.v4 .v4-hero-copy .v4-actions > .v4-text-link:hover{border-bottom:0;text-decoration:none}

/* Center larger carousel controls beneath the card stack; animate a full circular progress ring. */
body.v4 .v4-hero-carousel-controls{right:0;left:0;justify-content:center}
body.v4 .v4-hero-carousel-controls>div{gap:12px}
body.v4 .v4-hero-carousel-controls button:first-child,body.v4 .v4-hero-carousel-controls button:last-child{display:grid;place-items:center;width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;font-size:1.45rem;line-height:1}
body.v4 .v4-hero-carousel-controls button:last-child{position:relative;overflow:visible;border-color:transparent;background:transparent}
@property --hero-progress-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
body.v4 .v4-hero-progress{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:50%;background:conic-gradient(from -90deg,#738faa var(--hero-progress-angle),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));opacity:0}
body.v4 .v4-hero-progress.is-running{animation:heroCardRing 6.8s linear both}
@keyframes heroCardRing{0%{--hero-progress-angle:0deg;opacity:1}100%{--hero-progress-angle:360deg;opacity:1}}
@media(max-width:760px){body.v4 .v4-hero-carousel-controls button:first-child,body.v4 .v4-hero-carousel-controls button:last-child{width:50px;height:50px;min-height:50px}}

/* Match Kallin's quiet, unfilled carousel arrows and remove card elevation. */
body.v4 .v4-hero-carousel .v4-hero-story{box-shadow:none!important}
body.v4 .v4-hero-carousel-controls button:first-child,body.v4 .v4-hero-carousel-controls button:last-child{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#a7aaad}
body.v4 .v4-hero-carousel-controls button:hover{background:transparent!important;color:#747a7e}
body.v4 .v4-hero-progress{background:conic-gradient(from -90deg,#c4c7ca var(--hero-progress-angle),transparent 0)}


/* Match the Kallin story arrows: 44px clear circles, fine grey outline and 24px arrow glyphs. */
body.v4 .v4-hero-carousel-controls>div{gap:16px}
body.v4 .v4-hero-carousel-controls button:first-child,body.v4 .v4-hero-carousel-controls button:last-child{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #d5d5d5!important;border-radius:50%;background:transparent!important;color:#686868;font-size:0;box-shadow:none!important}
body.v4 .v4-hero-carousel-controls button svg{position:relative;z-index:1;display:block;width:24px;height:24px}
body.v4 .v4-hero-carousel-controls button:last-child{overflow:visible}
body.v4 .v4-hero-progress{background:conic-gradient(from -90deg,#686868 var(--hero-progress-angle),transparent 0)}
@media(max-width:760px){body.v4 .v4-hero-carousel-controls button:first-child,body.v4 .v4-hero-carousel-controls button:last-child{width:44px;height:44px;min-height:44px}}


/* Remove the residual card-shaped gradient backing beneath the hero carousel. */
body.v4 .v4-hero-art::before{content:none!important;display:none!important;background:none!important}
/* Trace the next control's actual circle border over the same 6.8s slide interval. */
body.v4 .v4-hero-carousel-controls .v4-hero-progress{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:1;mask:none;-webkit-mask:none;background:none}
body.v4 .v4-hero-carousel-controls .v4-hero-progress circle{fill:none;stroke:#686868;stroke-width:1.2;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:50% 50%}
body.v4 .v4-hero-carousel-controls .v4-hero-progress.is-running circle{animation:heroCircleProgress 6.8s linear both}
@keyframes heroCircleProgress{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){body.v4 .v4-hero-carousel-controls .v4-hero-progress.is-running circle{animation:none!important;stroke-dashoffset:0}}


body.v4 .v4-hero-carousel-controls .v4-hero-progress{top:0;right:0;bottom:0;left:0;width:44px!important;height:44px!important}
body.v4 .v4-hero-carousel-controls .v4-hero-progress circle{stroke-dasharray:132;stroke-dashoffset:132}
@keyframes heroCircleProgress{from{stroke-dashoffset:132}to{stroke-dashoffset:0}}


/* Circular progress sweep aligned to the 6.8s carousel advance. */
body.v4 .v4-hero-carousel-controls .v4-hero-progress{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:50%;background:conic-gradient(from -90deg,#686868 var(--hero-progress-angle),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));opacity:0;transform:none}
body.v4 .v4-hero-carousel-controls .v4-hero-progress.is-running{animation:heroCardRing 6.8s linear both;opacity:1}


/* Align the absolute ring with the button's outer border edge, beyond its content box. */
body.v4 .v4-hero-carousel-controls .v4-hero-progress{transform:translate(-1.111px,-1.111px)!important}


/* Match the reference header hierarchy and hero type scale. */
body.v4 .site-header .header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:clamp(18px,2.2vw,30px)!important;height:76px!important}
body.v4 .site-header .desktop-nav{display:flex!important;justify-self:center!important;gap:clamp(20px,2.3vw,30px)!important}
body.v4 .site-header .desktop-nav a,body.v4 .site-header .header-support{font-family:Manrope,Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1.6!important;letter-spacing:-.01em!important;color:#262724!important;text-decoration:none!important;white-space:nowrap}
body.v4 .site-header .header-actions{justify-self:end;display:flex;align-items:center;gap:clamp(16px,2vw,26px)}
body.v4 .site-header .header-cta{min-height:44px!important;padding:0 19px!important;border:1px solid #171817!important;border-radius:999px!important;background:#171817!important;color:#fff!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
body.v4 .site-header .header-cta:hover{background:#30312e!important;border-color:#30312e!important}
body.v4 .v4-hero{padding-top:64px!important;padding-bottom:52px!important}
body.v4 .v4-hero .v4-hero-copy h1{margin:0 0 28px!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(3.3rem,4.7vw,3.74rem)!important;font-weight:500!important;line-height:1.055!important;letter-spacing:-.055em!important}
body.v4 .v4-hero .v4-hero-copy h1 em{font-weight:500!important;letter-spacing:inherit!important}
body.v4 .v4-hero .v4-lead{max-width:440px!important;margin:0 0 16px!important;font-family:Manrope,Arial,sans-serif!important;font-size:19px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:-.015em!important}
body.v4 .v4-hero .v4-hero-detail{max-width:440px!important;margin:0 0 25px!important;font-size:15px!important;line-height:1.65!important}
body.v4 .v4-hero .v4-actions{gap:16px!important}
body.v4 .v4-hero .v4-text-link{text-decoration:none!important}
@media(max-width:1050px){body.v4 .site-header .header-inner{display:flex!important;height:70px!important}body.v4 .site-header .desktop-nav,body.v4 .site-header .header-actions{display:none!important}body.v4 .v4-hero{padding-top:42px!important}}
@media(max-width:760px){body.v4 .site-header .header-inner{height:66px!important}body.v4 .v4-hero{padding-top:36px!important;padding-bottom:40px!important}body.v4 .v4-hero .v4-hero-copy h1{font-size:clamp(2.75rem,9.2vw,3.8rem)!important}}
@media(min-width:1051px){body.v4 .v4-hero .v4-hero-copy{transform:translateY(28px)}}
@media(max-width:1050px){body.v4 .v4-hero .v4-hero-copy{transform:none}}
body.v4 .v4-hero .v4-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:999px;text-decoration:none!important;transition:background-color .22s ease,color .22s ease,transform .22s ease}
body.v4 .v4-hero .v4-text-link:hover{background:#f0f1ef;color:#171817;transform:translateY(-1px)}
body.v4 .v4-hero .v4-text-link:focus-visible{outline:2px solid #858984;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body.v4 .v4-hero .v4-text-link{transition:none}}
body.v4 .v4-hero .v4-hero-trial{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;min-height:44px;padding:0 19px!important;border-radius:999px;font-size:13px!important;font-weight:600!important;line-height:1!important}
body.v4 .v4-hero .v4-hero-trial svg{display:block;flex:0 0 16px;width:16px;height:16px}
body.v4 .v4-hero-copy>.v4-kicker{gap:8px;padding:8px 13px!important;border:1px solid #dce7f5!important;border-radius:999px!important;background:#edf3fb!important;color:#465f7d!important;font-size:10px!important;font-weight:500!important;letter-spacing:.045em!important;line-height:1.4!important}
body.v4 .v4-hero-copy>.v4-kicker .v4-dot{width:7px;height:7px;background:#738FAA;color:#738FAA}
body.v4 .v4-hero .v4-hero-trial svg{transition:transform .22s ease!important;transform:translateX(0)!important}
body.v4 .v4-hero .v4-hero-trial:hover svg{transform:translateX(3px)!important}
@media(prefers-reduced-motion:reduce){body.v4 .v4-hero .v4-hero-trial svg{transition:none!important}}
/* Match Kallin's subtle carousel hover and add breathing room below the cards. */
body.v4 .v4-hero-carousel-controls{bottom:-8px!important}
body.v4 .v4-hero-carousel-controls button{transition:background-color .16s ease,border-color .16s ease,color .16s ease!important}
body.v4 .v4-hero-carousel-controls button:hover{background:#f4f4f4!important;border-color:#a7a7a7!important;color:#4f4f4f!important}
body.v4 .v4-hero-carousel-controls button:hover svg{color:#4f4f4f!important}
body.v4 .v4-hero-carousel-controls button:hover .v4-hero-progress circle{stroke:#4f4f4f}
/* Match the Kallin shell inset, hero rhythm and customer-card geometry. */
@media(min-width:761px){
  html:has(body.v4){padding:10px!important}
  body.v4{min-height:calc(100vh - 20px)!important}
  body.v4 .site-header .header-inner{height:92px!important}
  body.v4 .v4-hero-grid{width:calc(100% - 96px)!important;max-width:1260px!important}
  body.v4 .v4-hero .v4-hero-copy{transform:translateY(26px)!important}
  body.v4 .v4-hero-copy>.v4-kicker{padding:9px 13px!important}
  body.v4 .v4-hero .v4-hero-copy h1{margin-top:28px!important;margin-bottom:28px!important}
  body.v4 .v4-hero .v4-hero-note{margin-top:23px!important}
  body.v4 .v4-hero-carousel{min-height:596px!important}
  body.v4 .v4-hero-story-stack{inset:0 0 68px!important}
  body.v4 .v4-hero-story{width:95%!important;border-radius:20px!important}
  body.v4 .v4-hero-carousel-controls{bottom:9px!important}
}
@media(min-width:761px) and (max-width:1150px){body.v4 .v4-hero-grid{width:calc(100% - 64px)!important}}
@media(max-width:760px){html:has(body.v4){padding:8px!important}body.v4{min-height:calc(100vh - 16px)!important}}

/* Product navigation chevron and channel rotation in the homepage hero. */
body.v4 .site-header .desktop-nav a.nav-product{display:inline-flex!important;align-items:center;gap:6px}
body.v4 .site-header .desktop-nav a.nav-product svg{width:12px;height:12px;transition:transform .18s ease}
body.v4 .site-header .desktop-nav a.nav-product:hover svg{transform:translateY(1px)}
body.v4 .v4-channel-rotator{display:inline-grid;vertical-align:baseline;white-space:nowrap;overflow:hidden;line-height:inherit;color:inherit}
body.v4 .v4-channel-rotator [data-channel-word]{grid-area:1/1;transition:opacity .18s ease,transform .18s ease;will-change:opacity,transform}body.v4 .v4-channel-rotator [data-channel-word].is-changing{opacity:0;transform:translateY(-.3em)}
@keyframes orto-channel-swap{0%,26%{opacity:1;transform:translateY(0)}32%,60%{opacity:0;transform:translateY(-.3em)}66%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-.3em)}}
@media(prefers-reduced-motion:reduce){body.v4 .site-header .desktop-nav a.nav-product svg{transition:none}body.v4 .v4-channel-rotator [data-channel-word]{transition:none}}
/* Fixed-width brand-colored slot for the rotating social channel. */
body.v4 .v4-channel-rotator{width:5.2em;margin-inline:.24em;text-align:center;vertical-align:baseline}
body.v4 .v4-channel-rotator [data-channel-word]{font-weight:600}
body.v4 .v4-channel-rotator [data-channel-word][data-channel="facebook"]{color:#1877f2}
body.v4 .v4-channel-rotator [data-channel-word][data-channel="instagram"]{color:#c13584}
body.v4 .v4-channel-rotator [data-channel-word][data-channel="whatsapp"]{color:#128c7e}
body.v4 .v4-channel-rotator [data-channel-word][data-channel="orto"]{color:#738FAA}
/* Compact channel icon and Kallin-style text-link underline. */
body.v4 .v4-channel-rotator{display:inline-flex;align-items:baseline;justify-content:center;gap:.28em;width:7.8em}
body.v4 .v4-channel-rotator [data-channel-icon]{display:inline-flex;width:.9em;height:.9em;align-items:center;justify-content:center;flex:none;color:inherit}
body.v4 .v4-channel-rotator [data-channel-icon] svg{display:block;width:100%;height:100%;fill:currentColor}
body.v4 .v4-hero .v4-text-link{min-height:0!important;padding:0!important;border-radius:0!important;background:transparent!important;transform:none!important;text-decoration:none!important;text-underline-offset:3px!important;text-decoration-thickness:1px!important;transition:color .16s ease,text-decoration-color .16s ease!important}
body.v4 .v4-hero .v4-text-link:hover{background:transparent!important;color:#738FAA!important;text-decoration:underline!important}
body.v4 .v4-channel-rotator{display:inline-grid;grid-template-columns:.9em max-content;align-items:baseline;justify-content:center;column-gap:.22em;width:6.6em;margin-inline:.12em;vertical-align:baseline;overflow:visible}
body.v4 .v4-channel-rotator [data-channel-icon]{grid-column:1;grid-row:1;width:.82em;height:.82em}
body.v4 .v4-channel-rotator [data-channel-word]{grid-column:2;grid-row:1}
body.v4 .v4-channel-rotator [data-channel-icon].is-changing{opacity:0;transform:translateY(-.3em);transition:opacity .18s ease,transform .18s ease}
body.v4 .v4-channel-rotator [data-channel-icon]{transition:opacity .18s ease,transform .18s ease}
/* Match each icon to its label and raise it to the same visual scale. */
body.v4 .v4-channel-rotator [data-channel-icon]{width:1.08em;height:1.08em;align-self:center}
body.v4 .v4-channel-rotator [data-channel-icon][data-channel="facebook"]{color:#1877f2}
body.v4 .v4-channel-rotator [data-channel-icon][data-channel="instagram"]{color:#c13584}
body.v4 .v4-channel-rotator [data-channel-icon][data-channel="whatsapp"]{color:#128c7e}
body.v4 .v4-channel-rotator [data-channel-icon][data-channel="orto"]{color:#738FAA}
body.v4 .v4-channel-rotator{column-gap:.4em}
body.v4 .v4-channel-rotator [data-channel-word][data-channel="messenger"],body.v4 .v4-channel-rotator [data-channel-icon][data-channel="messenger"]{color:#0084ff}
/* Product menu dropdown, aligned with the minimal Kallin navigation. */
body.v4 .site-header .nav-product-wrap{position:relative;display:flex;align-items:center}
body.v4 .site-header .desktop-nav button.nav-product{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#262724;font:inherit;cursor:pointer}
body.v4 .site-header .desktop-nav button.nav-product svg{width:12px;height:12px;transition:transform .18s ease}
body.v4 .site-header .desktop-nav button.nav-product[aria-expanded="true"] svg{transform:rotate(180deg)}
body.v4 .site-header .nav-product-dropdown{position:absolute;z-index:100;top:calc(100% + 16px);left:-18px;display:grid;min-width:220px;padding:8px;background:#fff;border:1px solid #e5e6e2;border-radius:12px;box-shadow:0 12px 30px #14202a16}
body.v4 .site-header .nav-product-dropdown[hidden]{display:none}
body.v4 .site-header .nav-product-dropdown a{padding:10px 12px;border-radius:7px;color:#262724;font-size:13px;text-decoration:none;white-space:nowrap}
body.v4 .site-header .nav-product-dropdown a:hover,body.v4 .site-header .nav-product-dropdown a:focus-visible{background:#f2f4f5;outline:none}
body.v4 .site-header .nav-product-wrap:focus-within .nav-product-dropdown:not([hidden]){visibility:visible}
@media(max-width:1050px){body.v4 .site-header .nav-product-wrap{display:none}}
/* Kallin-inspired grouped Product menu with icon tiles and concise descriptions. */
body.v4 .site-header .nav-product-dropdown{top:calc(100% + 20px);left:50%;transform:translateX(-24%);width:356px;min-width:0;padding:14px 12px 10px;border-radius:16px;border-color:#eceeeb;box-shadow:0 18px 45px #15202a18;gap:3px}
body.v4 .site-header .nav-product-eyebrow{padding:1px 8px 8px;color:#858a87;font-size:10px;font-weight:500;letter-spacing:.01em}
body.v4 .site-header .nav-product-dropdown a{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px;border-radius:11px;white-space:normal;transition:background-color .16s ease}
body.v4 .site-header .nav-product-dropdown a:hover,body.v4 .site-header .nav-product-dropdown a:focus-visible{background:#f7f8f7}
body.v4 .site-header .nav-product-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#f1f2fb;color:#5961dd}
body.v4 .site-header .nav-product-icon svg{width:17px;height:17px;fill:currentColor}
body.v4 .site-header .nav-product-copy{display:grid;gap:4px;min-width:0}
body.v4 .site-header .nav-product-copy strong{font-size:12px;font-weight:600;line-height:1.25;color:#242622}
body.v4 .site-header .nav-product-copy small{font-size:10px;font-weight:400;line-height:1.35;color:#818681}
body.v4 .site-header .nav-product-arrow{margin-left:auto;align-self:flex-start;padding:4px;color:#8d918c;font-size:13px}
body.v4 .site-header .nav-product-dropdown{left:56px;transform:none;width:340px;padding:12px 11px 9px;gap:1px}
body.v4 .site-header .nav-product-dropdown a{min-height:52px;gap:11px;padding:6px 8px}
body.v4 .site-header .nav-product-copy small{white-space:nowrap}
/* Match all header nav labels and use the ORTO blue hover treatment. */
body.v4 .site-header .desktop-nav a,body.v4 .site-header .desktop-nav button.nav-product{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent;font-family:Manrope,Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1.6!important;letter-spacing:-.01em!important;color:#262724!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:color .16s ease!important}
body.v4 .site-header .desktop-nav a:hover,body.v4 .site-header .desktop-nav a:focus-visible,body.v4 .site-header .desktop-nav button.nav-product:hover,body.v4 .site-header .desktop-nav button.nav-product:focus-visible{color:#738FAA!important;text-decoration:none!important}
body.v4 .site-header .desktop-nav a::after,body.v4 .site-header .desktop-nav button.nav-product::after{display:none!important;content:none!important}
body.v4 .site-header .nav-product-dropdown a,body.v4 .site-header .nav-product-dropdown a:hover,body.v4 .site-header .nav-product-dropdown a:focus-visible{color:#262724!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
body.v4 .site-header .nav-product-dropdown a:hover .nav-product-copy strong,body.v4 .site-header .nav-product-dropdown a:focus-visible .nav-product-copy strong{color:#738FAA!important}
body.v4 .site-header .nav-product-dropdown a::before,body.v4 .site-header .nav-product-dropdown a::after{display:none!important;content:none!important;animation:none!important;transform:none!important}
body.v4 .site-header .nav-product-dropdown{top:calc(100% + 12px)}
/* Match the header Support hover to the other nav links and lift both trial CTAs. */
body.v4 .site-header .header-support{transition:color .16s ease!important}
body.v4 .site-header .header-support:hover,body.v4 .site-header .header-support:focus-visible{color:#738FAA!important}
body.v4 .site-header .header-cta,body.v4 .v4-hero .v4-hero-trial{transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
body.v4 .site-header .header-cta:hover,body.v4 .site-header .header-cta:focus-visible,body.v4 .v4-hero .v4-hero-trial:hover,body.v4 .v4-hero .v4-hero-trial:focus-visible{transform:translateY(-2px)!important}
@media(prefers-reduced-motion:reduce){body.v4 .site-header .header-support,body.v4 .site-header .header-cta,body.v4 .v4-hero .v4-hero-trial{transition:none!important}}
/* Keep the hero CTA arrow light and slightly larger. */
body.v4 .v4-hero .v4-hero-trial svg{width:18px!important;height:18px!important;flex-basis:18px!important}
/* Preview the hero cards without an outline. */
body.v4 .v4-hero-carousel .v4-hero-story{border:0!important;outline:0!important}
/* Strengthen the carousel progress ring and give the hero pill clearer ORTO contrast. */
body.v4 .v4-hero-carousel-controls .v4-hero-progress{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px))!important}
body.v4 .v4-hero-copy>.v4-kicker{background:#e8f0fa!important;border-color:#d8e5f5!important;color:#738FAA!important;font-weight:600!important}
body.v4 .v4-hero-copy .v4-lead{font-size:17px!important;line-height:1.6!important;color:#59636c!important}
@media(max-width:760px){body.v4 .v4-hero-copy .v4-lead{font-size:16px!important}}
/* Mirror Kallin's persistent gutter around the centered rounded page shell. */
html:has(body.v4){padding:10px!important;background:#e9edf0!important;box-sizing:border-box!important}
body.v4{margin:0 auto!important;min-height:calc(100vh - 20px)!important;overflow-x:clip!important;overflow-y:visible!important;box-shadow:none!important}
body.v4 .site-header-frame{position:sticky;top:0;z-index:1000;width:calc(100% + 20px);margin:-10px 0 0 -10px;padding:10px 10px 0;box-sizing:border-box;background:#e9edf0;isolation:isolate}
body.v4 .site-header,body.v4 .site-header.is-scrolled{position:relative!important;top:auto!important;z-index:auto!important;width:100%!important;margin:0!important;border-radius:18px 18px 0 0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.v4 .site-header.is-scrolled{box-shadow:none!important}
body.v4 .site-header::before{display:none!important;content:none!important}
@media(max-width:760px){html:has(body.v4){padding:8px!important}body.v4{margin:0 auto!important;min-height:calc(100vh - 16px)!important;border-radius:15px!important}body.v4 .site-header-frame{width:calc(100% + 16px);margin:-8px 0 0 -8px;padding:8px 8px 0}body.v4 .site-header,body.v4 .site-header.is-scrolled{border-radius:15px 15px 0 0!important}}
/* Kallin-inspired white proof strip, with ORTO's service points and a learn-more action. */
body.v4 .v4-proof{background:#fff!important;border-top:1px solid #e7e9e7!important;border-bottom:1px solid #e7e9e7!important;border-left:0!important;border-right:0!important}
body.v4 .v4-proof-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
body.v4 .v4-proof-more{display:inline-flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border:1px solid #dfe3e1;border-radius:999px;background:#fff;color:#303633!important;font-size:11px!important;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
body.v4 .v4-proof-more{margin-left:auto!important}
body.v4 .v4-proof-more:hover,body.v4 .v4-proof-more:focus-visible{background:#f4f6f5;border-color:#cbd1ce;color:#738FAA!important}
body.v4 .v4-proof-more span{font-size:13px;line-height:1}
body.v4 .v4-proof-more svg{display:block;width:18px;height:18px;flex:none;transition:transform .18s ease}
body.v4 .v4-proof-more:hover svg,body.v4 .v4-proof-more:focus-visible svg{transform:translateX(2px)}
@media(max-width:760px){body.v4 .v4-proof-intro{grid-column:1/-1}}
/* Organise the proof strip like Kallin's customer-logo band: intro row, then proof points. */
body.v4 .v4-proof>.container{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:24px!important;row-gap:20px!important;padding-block:25px!important}
body.v4 .v4-proof-intro{grid-column:1/-1!important}
body.v4 .v4-proof-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:20px}
body.v4 .v4-proof-points p{justify-content:center!important;gap:10px;border-left:0!important;padding-left:0!important;margin:0!important;color:#59636c!important;font-size:13px!important;white-space:nowrap}
body.v4 .v4-proof-points p span{margin:0!important;color:#84919a!important}
@media(max-width:760px){body.v4 .v4-proof>.container{grid-template-columns:minmax(0,1fr) auto!important;row-gap:18px!important;padding-block:22px!important}body.v4 .v4-proof-points{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:16px}body.v4 .v4-proof-points p{font-size:12px!important}}
/* Single desktop row: tagline at left, four proof points in the middle, Learn more at right. */
body.v4 .v4-proof>.container{grid-template-columns:minmax(150px,auto) minmax(0,1fr) auto!important;grid-template-rows:auto!important;column-gap:clamp(18px,2.5vw,36px)!important;row-gap:0!important;padding-block:22px!important}
body.v4 .v4-proof-tagline{display:block!important;grid-column:1;grid-row:1;min-width:0;font-size:11px!important;line-height:1.6!important;color:var(--v-muted)!important}
body.v4 .v4-proof-points{grid-column:2;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.5vw,20px)!important}
body.v4 .v4-proof-more{grid-column:3;grid-row:1}
@media(max-width:760px){body.v4 .v4-proof>.container{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;row-gap:18px!important;padding-block:22px!important}body.v4 .v4-proof-tagline{grid-column:1!important;grid-row:1!important}body.v4 .v4-proof-more{grid-column:2!important;grid-row:1!important}body.v4 .v4-proof-points{grid-column:1/-1!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;row-gap:16px!important}}
body.v4 .v4-proof-more{min-height:44px!important;padding:0 19px!important;font-size:13px!important;transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
body.v4 .v4-proof-more:hover,body.v4 .v4-proof-more:focus-visible{transform:translateY(-2px)!important}
body.v4 .v4-proof-points p{font-size:15px!important}
body.v4 .v4-proof-points p span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0!important;color:currentColor!important;font-size:0!important}
body.v4 .v4-proof-points p span::before{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16.1716 10.9999 10.8076 5.6359l1.4142-1.4142L20 12l-7.7782 7.778-1.4142-1.4142 5.364-5.3639H4v-2z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(prefers-reduced-motion:reduce){body.v4 .v4-proof-more{transition:none!important}}
body.v4 .v4-proof-tagline{font-size:15px!important;line-height:1.5!important}
body.v4 .v4-proof-tagline strong{font-weight:600!important}
body.v4 .v4-proof-points p span::before{transform:rotate(-45deg)}
body.v4 .site-header .header-cta{background:#171817!important;border-color:#171817!important;color:#fff!important}
body.v4 .site-header .header-cta:hover,body.v4 .site-header .header-cta:focus-visible{background:#30312e!important;border-color:#30312e!important}
body.v4 .v4-proof-points p{transition:color .18s ease!important}
body.v4 .v4-proof-points p:hover{color:#343d44!important}
/* Keep the showcase headline at the smaller editorial scale used in the reference. */
body.v4 .v4-product-showcase .v4-product-heading h2{max-width:18ch;font-size:clamp(2rem,3.1vw,2.65rem)!important;line-height:1.12!important;letter-spacing:-.045em!important}
@media(max-width:760px){body.v4 .v4-product-showcase .v4-product-heading h2{font-size:clamp(2rem,8vw,2.65rem)!important}}
/* Kallin-referenced feature hierarchy: shared intro, paired image stories, then three capabilities. */
body.v4 .v4-product-showcase .v4-section-top{display:none}
body.v4 .v4-product-showcase .v4-product-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr);align-items:start;gap:clamp(35px,7vw,110px);margin:0 0 43px}
body.v4 .v4-product-showcase .v4-product-heading h2{max-width:14ch;font-size:clamp(2.5rem,4.4vw,4rem)!important;line-height:1.04!important;letter-spacing:-.055em!important}
body.v4 .v4-product-showcase .v4-product-heading p{max-width:410px;margin:6px 0 0;font-size:15px!important;line-height:1.7!important;color:#626d75!important}
body.v4 .v4-product-showcase .v4-showcase-feature,body.v4 .v4-product-showcase .v4-showcase-feature--reverse{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;min-width:0}
body.v4 .v4-product-showcase>.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
body.v4 .v4-product-showcase>.container>.v4-product-heading,body.v4 .v4-product-showcase>.container>.v4-showcase-more{grid-column:1/-1}
body.v4 .v4-product-showcase .v4-showcase-visual{width:100%;aspect-ratio:1.34/1;border-radius:24px}
body.v4 .v4-product-showcase .v4-showcase-visual{aspect-ratio:1/1;background:#dce8f4}
body.v4 .v4-product-showcase .v4-showcase-photo{object-fit:contain;object-position:center;background:#dce8f4}
body.v4 .v4-product-showcase .v4-showcase-window{width:min(385px,73%)}
body.v4 .v4-product-showcase .v4-showcase-copy{max-width:none;padding:24px 2px 0}
body.v4 .v4-product-showcase .v4-showcase-copy .v4-showcase-kicker{margin-bottom:12px}
body.v4 .v4-product-showcase .v4-showcase-copy h3{max-width:23ch;margin-bottom:11px;font-size:clamp(1.45rem,2.25vw,2rem)!important;line-height:1.16}
body.v4 .v4-product-showcase .v4-showcase-copy p{max-width:50ch;margin-bottom:14px;font-size:13px!important;line-height:1.65}
body.v4 .v4-product-showcase .v4-showcase-more{margin-top:55px;padding-top:34px}
body.v4 .v4-product-showcase{background:#fff!important}
body.v4 .v4-product-showcase .v4-showcase-more{padding-top:30px;border-top:1px solid #e4e6e8}
body.v4 .v4-product-showcase .v4-showcase-more-grid{gap:16px;border:0}
body.v4 .v4-product-showcase .v4-showcase-more-grid article,body.v4 .v4-product-showcase .v4-showcase-more-grid article+article{padding:24px 22px;border:0;border-radius:20px;background:#f5f5f6}
body.v4 .v4-product-showcase .v4-showcase-more-heading{margin-bottom:22px}
@media(max-width:900px){body.v4 .v4-product-showcase>.container{column-gap:18px}body.v4 .v4-product-showcase .v4-showcase-visual{aspect-ratio:1/1}body.v4 .v4-product-showcase .v4-showcase-copy{padding-top:20px}}
@media(max-width:760px){body.v4 .v4-product-showcase>.container{grid-template-columns:minmax(0,1fr);row-gap:36px}body.v4 .v4-product-showcase>.container>.v4-product-heading,body.v4 .v4-product-showcase>.container>.v4-showcase-more{grid-column:1}body.v4 .v4-product-showcase .v4-product-heading{grid-template-columns:minmax(0,1fr);gap:15px;margin-bottom:0}body.v4 .v4-product-showcase .v4-product-heading h2{font-size:clamp(2.25rem,9vw,3.4rem)!important}body.v4 .v4-product-showcase .v4-product-heading p{margin:0;font-size:14px!important}body.v4 .v4-product-showcase .v4-showcase-feature,body.v4 .v4-product-showcase .v4-showcase-feature--reverse{margin:0}body.v4 .v4-product-showcase .v4-showcase-visual{aspect-ratio:1/1;border-radius:20px}body.v4 .v4-product-showcase .v4-showcase-copy{padding-top:19px}body.v4 .v4-product-showcase .v4-showcase-copy h3{font-size:1.65rem!important}body.v4 .v4-product-showcase .v4-showcase-copy p{font-size:13px!important}body.v4 .v4-product-showcase .v4-showcase-more{margin-top:0;padding-top:28px}}
/* Original ORTO customer-work showcase: editorial photos plus coded, clearly illustrative product views. */
body.v4 .v4-product-showcase .v4-product-heading{align-items:end;max-width:none;margin-bottom:54px;gap:clamp(30px,7vw,100px)}
body.v4 .v4-product-showcase .v4-product-heading h2{max-width:19ch;font-size:clamp(2.7rem,5vw,4.5rem)!important;line-height:1.03!important;letter-spacing:-.055em!important}
body.v4 .v4-product-showcase .v4-product-heading p{max-width:390px;margin:0 0 7px;font-size:15px!important;line-height:1.65!important;color:#5d6872!important}
body.v4 .v4-showcase-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.72fr);gap:clamp(42px,7vw,108px);align-items:center;margin-top:58px}
body.v4 .v4-showcase-feature--reverse{grid-template-columns:minmax(260px,.72fr) minmax(0,1.15fr)}
body.v4 .v4-showcase-feature--reverse .v4-showcase-visual{grid-column:2;grid-row:1}
body.v4 .v4-showcase-feature--reverse .v4-showcase-copy{grid-column:1;grid-row:1}
body.v4 .v4-showcase-visual{position:relative;isolation:isolate;display:block;min-width:0;margin:0;aspect-ratio:1.43/1;overflow:hidden;border-radius:26px;background:#dce4e9}
body.v4 .v4-showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
body.v4 .v4-showcase-visual--booking .v4-showcase-photo{object-position:center 54%}
body.v4 .v4-showcase-visual:after{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(90deg,rgba(21,36,48,.12),transparent 75%);pointer-events:none}
body.v4 .v4-showcase-window{position:absolute;z-index:1;top:50%;left:5%;width:min(385px,66%);padding:19px 20px 14px;transform:translateY(-50%);border:1px solid rgba(27,40,53,.08);border-radius:19px;background:rgba(255,255,255,.97);color:#232b31;box-shadow:0 20px 55px rgba(20,35,48,.2);font-family:Manrope,Arial,sans-serif}
body.v4 .v4-showcase-window--calendar{right:5%;left:auto;width:min(400px,70%)}
body.v4 .v4-showcase-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #edf0f2}
body.v4 .v4-showcase-window-head>img{display:block;width:65px;height:auto}
body.v4 .v4-showcase-live{display:inline-flex;align-items:center;gap:6px;color:#66737d;font-size:8px;font-weight:700;letter-spacing:.09em;white-space:nowrap}
body.v4 .v4-showcase-live i{width:6px;height:6px;border-radius:50%;background:#738faa}
body.v4 .v4-showcase-contact{display:flex;align-items:center;gap:10px;padding:16px 0 14px}
body.v4 .v4-showcase-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#e8eff5;color:#738FAA;font-size:10px;font-weight:700}
body.v4 .v4-showcase-contact>div{display:grid;gap:3px;min-width:0}
body.v4 .v4-showcase-contact strong,.v4-showcase-calendar-row strong{color:#25313a;font-size:11px;font-weight:650}
body.v4 .v4-showcase-contact small,.v4-showcase-calendar-row small{color:#77838c;font-size:9px}
body.v4 .v4-showcase-channel{margin-left:auto;padding:5px 7px;border-radius:6px;background:#eef3f7;color:#738FAA;font-size:7px;font-weight:700;letter-spacing:.08em}
body.v4 .v4-showcase-summary{padding:12px 13px;border-radius:10px;background:#f6f8f9}
body.v4 .v4-showcase-summary>small,.v4-showcase-calendar-title small{display:block;margin-bottom:6px;color:#73808a;font-size:7px;font-weight:700;letter-spacing:.1em}
body.v4 .v4-showcase-calendar-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 10px}
body.v4 .v4-showcase-calendar-title strong{color:#303941;font-size:11px;font-weight:650}
body.v4 .v4-showcase-calendar-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eaf0f5;color:#738FAA;font-size:15px}
body.v4 .v4-showcase-calendar-row{display:grid;grid-template-columns:35px 3px minmax(0,1fr);align-items:start;gap:9px;padding:11px 0;border-top:1px solid #edf0f2}
body.v4 .v4-showcase-calendar-row time{padding-top:2px;color:#738FAA;font-size:9px;font-weight:650;white-space:nowrap}
body.v4 .v4-showcase-calendar-mark{width:3px;height:30px;border-radius:4px;background:#738faa}
body.v4 .v4-showcase-calendar-mark--muted{background:#c4d1dc}
body.v4 .v4-showcase-calendar-row>div{display:grid;gap:3px;min-width:0}
body.v4 .v4-showcase-summary p{margin:0;color:#3d4850;font-size:10px!important;line-height:1.55}
body.v4 .v4-showcase-next{display:grid;gap:5px;padding:14px 1px 12px}
body.v4 .v4-showcase-next>span{color:#7a858d;font-size:8px}
body.v4 .v4-showcase-next strong{display:flex;align-items:center;justify-content:space-between;color:#738FAA;font-size:10px;font-weight:650}
body.v4 .v4-showcase-next b{font-size:14px;font-weight:400}
body.v4 .v4-showcase-foot{padding-top:10px;border-top:1px solid #edf0f2;color:#89939b;font-size:7px;letter-spacing:.02em}
body.v4 .v4-showcase-copy{max-width:420px}
body.v4 .v4-showcase-kicker{display:block;margin-bottom:16px;color:#738FAA;font-size:9px;font-weight:700;letter-spacing:.12em}
body.v4 .v4-showcase-copy h3{margin:0 0 15px;color:#252b30;font-size:clamp(1.8rem,2.8vw,2.7rem)!important;font-weight:500;line-height:1.12;letter-spacing:-.045em}
body.v4 .v4-showcase-copy p{margin:0 0 19px;color:#626d75!important;font-size:14px!important;line-height:1.7}
body.v4 .v4-showcase-copy .v4-text-link{min-height:0;padding:0;border-radius:0;color:#31383d;font-size:12px;font-weight:600}
body.v4 .v4-showcase-copy .v4-text-link:hover{background:transparent;color:#738FAA}
body.v4 .v4-showcase-more{margin-top:78px;padding-top:42px;border-top:1px solid #d5dce1}
body.v4 .v4-showcase-more-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
body.v4 .v4-showcase-more-heading .v4-showcase-kicker{margin:0}
body.v4 .v4-showcase-more-heading h3{margin:0;color:#252b30;font-size:clamp(1.35rem,2.4vw,2rem)!important;font-weight:500;letter-spacing:-.035em}
body.v4 .v4-showcase-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d5dce1;border-bottom:1px solid #d5dce1}
body.v4 .v4-showcase-more-grid article{min-width:0;padding:25px 25px 26px 0}
body.v4 .v4-showcase-more-grid article+article{padding-left:25px;border-left:1px solid #d5dce1}
body.v4 .v4-showcase-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:17px;border-radius:50%;background:#e1eaf1;color:#738FAA;font-size:15px}
body.v4 .v4-showcase-more-grid h4{margin:0 0 8px;color:#29323a;font-size:14px;font-weight:650;letter-spacing:-.01em}
body.v4 .v4-showcase-more-grid p{max-width:34ch;margin:0;color:#66717a!important;font-size:12px!important;line-height:1.65}
body.v4 .v4-showcase-demo-link{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:#738FAA;font-size:12px;font-weight:600;text-decoration:none}
body.v4 .v4-showcase-demo-link:hover{text-decoration:underline;text-underline-offset:4px}
body.v4 .v4-showcase-more-grid .v4-showcase-icon{width:34px;height:34px;margin-bottom:17px;border:1px solid #dfe3e7;border-radius:8px;background:transparent;color:#738FAA;font-size:17px}
body.v4 .v4-product-showcase .v4-showcase-disclaimer{margin:14px 0 0;color:#737d85;font-size:9px!important;line-height:1.5}
body.v4 .v4-showcase-more-grid h4{color:#687078;font-size:15px!important;font-weight:500}
body.v4 .v4-showcase-more-grid p{color:#343b40!important;font-size:13px!important;line-height:1.6}
body.v4 .v4-product-showcase .v4-showcase-more{margin-top:30px;border-top:0}
body.v4 .v4-product-showcase .v4-showcase-more-grid{border-top:0;border-bottom:0}
body.v4 .v4-product-showcase{border-bottom:0!important}
body.v4 .v4-lifecycle{border-top:0!important}
@media(max-width:900px){body.v4 .v4-showcase-feature,body.v4 .v4-showcase-feature--reverse{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:44px}body.v4 .v4-showcase-feature--reverse .v4-showcase-visual,body.v4 .v4-showcase-feature--reverse .v4-showcase-copy{grid-column:1;grid-row:auto}body.v4 .v4-showcase-feature--reverse .v4-showcase-visual{grid-row:1}body.v4 .v4-showcase-feature--reverse .v4-showcase-copy{grid-row:2}body.v4 .v4-showcase-copy{max-width:620px}body.v4 .v4-showcase-visual{aspect-ratio:1.55/1}}
@media(max-width:760px){body.v4 .v4-product-showcase .v4-product-heading{display:block;margin-bottom:35px}body.v4 .v4-product-showcase .v4-product-heading h2{font-size:clamp(2.25rem,9vw,3.4rem)!important}body.v4 .v4-product-showcase .v4-product-heading p{margin-top:17px;font-size:14px!important}body.v4 .v4-showcase-feature,body.v4 .v4-showcase-feature--reverse{gap:20px;margin-top:38px}body.v4 .v4-showcase-visual{aspect-ratio:1.05/1;border-radius:20px}body.v4 .v4-showcase-photo{object-position:64% center}body.v4 .v4-showcase-visual--booking .v4-showcase-photo{object-position:35% center}body.v4 .v4-showcase-window{left:50%;width:min(88%,360px);padding:15px 16px 12px;transform:translate(-50%,-50%)}body.v4 .v4-showcase-window--calendar{right:auto;left:50%}body.v4 .v4-showcase-copy h3{font-size:1.8rem!important}body.v4 .v4-showcase-copy p{font-size:13px!important}body.v4 .v4-showcase-more{margin-top:0;padding-top:20px}body.v4 .v4-showcase-more-heading{display:block;margin-bottom:18px}body.v4 .v4-showcase-more-heading .v4-showcase-kicker{margin-bottom:12px}body.v4 .v4-showcase-more-grid{grid-template-columns:1fr}body.v4 .v4-showcase-more-grid article,body.v4 .v4-showcase-more-grid article+article{padding:19px 0;border-left:0}body.v4 .v4-showcase-more-grid article+article{border-top:1px solid #d5dce1}body.v4 .v4-showcase-icon{float:left;margin:0 13px 0 0}body.v4 .v4-showcase-more-grid h4{padding-top:3px}body.v4 .v4-showcase-more-grid p{margin-top:6px}}
body.v4 .v4-proof-more:hover,body.v4 .v4-proof-more:focus-visible{background:#738FAA!important;border-color:#738FAA!important;color:#fff!important}
body.v4 .site-header .header-cta{background:#738FAA!important;border-color:#738FAA!important;color:#fff!important}
body.v4 .site-header .header-cta:hover,body.v4 .site-header .header-cta:focus-visible{background:#425d78!important;border-color:#425d78!important;color:#fff!important}
body.v4 .v4-proof-points p{cursor:default;color:#59636c!important;transition:color .2s ease!important}
body.v4 .v4-proof-points p span{color:inherit!important;transition:color .2s ease!important}
body.v4 .v4-proof-points p:hover{color:#343d44!important}
/* Final override: match the compact Kallin feature-section title scale. */
body.v4 .v4-product-showcase .v4-product-heading{align-items:start!important}
body.v4 .v4-product-showcase .v4-product-heading h2{max-width:none;font-size:clamp(1.9rem,3.1vw,2.625rem)!important;line-height:1.12!important;letter-spacing:-.045em!important;color:#202124!important}
body.v4 .v4-product-showcase .v4-product-heading h2 em{color:inherit!important;font-style:normal!important}
body.v4 .v4-product-showcase .v4-product-heading p{margin:0!important}
@media(max-width:760px){body.v4 .v4-product-showcase .v4-product-heading h2{font-size:clamp(1.9rem,8vw,2.625rem)!important}}
/* Static, branded HTML calendar overlay with restrained cursor parallax. */
body.v4 .v4-showcase-visual--booking{--calendar-ui:#263b58;perspective:1100px;perspective-origin:50% 50%}
body.v4 .v4-calendar-overlay,body.v4 .v4-call-summary-overlay{transform:rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-origin:center;transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform;pointer-events:none}
body.v4 .v4-calendar-overlay{position:absolute;z-index:2;top:15.1%;left:6.1%;width:88.8%;height:70.8%;overflow:hidden;border:1px solid #d8e1ec;border-radius:12px;background:#fff;color:var(--calendar-ui);font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 6px rgba(30,55,90,.08)}
body.v4 .v4-calendar-content{display:flex;flex-direction:column;width:100%;height:100%;font-size:clamp(5px,.67vw,9px)}
body.v4 .v4-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.2%;flex:0 0 11%;min-height:28px;padding:0 2.3%;border-bottom:1px solid #dce3ec;white-space:nowrap}
body.v4 .v4-calendar-toolbar>img{display:block;width:15%;max-width:92px;height:auto;object-fit:contain;background:transparent}
body.v4 .v4-calendar-today,body.v4 .v4-calendar-range{padding:.65em .9em;border:1px solid #d7e1ed;border-radius:5px;color:#253751}
body.v4 .v4-calendar-arrows{font-size:1.9em;line-height:1;color:#203553;letter-spacing:.25em}
body.v4 .v4-calendar-toolbar>strong{font-size:1.2em;font-weight:500}
body.v4 .v4-calendar-toolbar i{font-style:normal;color:#647791}
body.v4 .v4-calendar-tools{font-size:1.5em;letter-spacing:.4em}
body.v4 .v4-calendar-workspace{display:flex;flex:1;min-height:0}
body.v4 .v4-calendar-sidebar{display:flex;flex:0 0 24%;flex-direction:column;gap:5%;padding:2.2% 1.5%;border-right:1px solid #dce3ec;font-size:.82em}
body.v4 .v4-calendar-create{display:flex;align-items:center;align-self:flex-start;gap:.7em;padding:.7em 1em;border:1px solid #d7e1ed;border-radius:20px;white-space:nowrap}
body.v4 .v4-calendar-create b{color:#3780dc;font-size:1.6em;font-weight:500;line-height:.7}
body.v4 .v4-calendar-sidebar>strong{display:flex;justify-content:space-between;gap:3px;font-weight:500;white-space:nowrap}
body.v4 .v4-calendar-sidebar>strong i{font-style:normal;color:#526984}
body.v4 .v4-calendar-mini{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;justify-items:center;gap:.45em .1em;color:#425979}
body.v4 .v4-calendar-mini>*{display:grid;place-items:center;width:1.5em;height:1.5em;font-size:.85em;font-weight:400}
body.v4 .v4-calendar-mini>b{border-radius:50%;background:#4689d9;color:#fff}
body.v4 .v4-calendar-sidebar .v4-calendar-my{margin-top:auto}
body.v4 .v4-calendar-check,body.v4 .v4-calendar-other{white-space:nowrap;font-size:.9em}
body.v4 .v4-calendar-check b{display:inline-grid;place-items:center;width:1.5em;height:1.5em;margin-right:.4em;border-radius:3px;background:#3f83d4;color:#fff}
body.v4 .v4-calendar-schedule{display:flex;flex:1;flex-direction:column;min-width:0}
body.v4 .v4-calendar-dayheads{display:grid;grid-template-columns:30px repeat(5,minmax(0,1fr));flex:0 0 14%;min-height:37px;border-bottom:1px solid #dce3ec}
body.v4 .v4-calendar-dayheads>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;border-left:1px solid #e0e6ed;color:#62738a;font-size:.7em}
body.v4 .v4-calendar-dayheads>span:first-child{border:0}
body.v4 .v4-calendar-dayheads strong{color:#1f3452;font-size:1.55em;font-weight:500}
body.v4 .v4-calendar-week{display:grid;grid-template-columns:30px repeat(5,minmax(0,1fr));flex:1;min-height:0}
body.v4 .v4-calendar-times{display:flex;flex-direction:column;justify-content:space-between;padding:.2em .3em .1em 0;color:#61748c;font-size:.62em;text-align:right}
body.v4 .v4-calendar-day{position:relative;min-width:0;border-left:1px solid #e0e6ed;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(11.11% - .5px),#e7ecf2 calc(11.11% - .5px),#e7ecf2 11.11%)}
body.v4 .v4-calendar-event{position:absolute;top:var(--event-top);left:4%;display:flex;width:92%;height:11%;flex-direction:column;justify-content:center;gap:.2em;overflow:hidden;padding:.35em .45em;border-left:3px solid;border-radius:3px;font-size:.62em;line-height:1.2}
body.v4 .v4-calendar-event b{font-weight:500;white-space:nowrap}
body.v4 .v4-event-blue{border-color:#3d83dc;background:#e1edff;color:#173d70}
body.v4 .v4-event-purple{border-color:#8b68d9;background:#eee5ff;color:#503a83}
body.v4 .v4-event-green{border-color:#54b77a;background:#e2f4e9;color:#22613c}
@media(max-width:760px){body.v4 .v4-calendar-content{font-size:clamp(4px,1.35vw,7px)}body.v4 .v4-calendar-toolbar{min-height:22px}body.v4 .v4-calendar-tools{display:none}body.v4 .v4-calendar-dayheads,body.v4 .v4-calendar-week{grid-template-columns:23px repeat(5,minmax(0,1fr))}body.v4 .v4-calendar-times{font-size:.58em}body.v4 .v4-calendar-event{font-size:.54em}body.v4 .v4-calendar-sidebar{gap:4%;padding-inline:1.2%}body.v4 .v4-calendar-create{padding:.55em .65em}}
@media(prefers-reduced-motion:reduce){body.v4 .v4-calendar-overlay,body.v4 .v4-call-summary-overlay{transition:none!important;transform:none!important}}
body.v4 .v4-calendar-mini small{display:grid;place-items:center;width:1.5em;height:1.5em;color:#536b88;font-size:.85em;font-weight:500}
body.v4 .v4-calendar-mini>b{border-radius:0;background:#e3eeff;color:#3d5c80;font-weight:500}
body.v4 .v4-calendar-mini>.v4-calendar-selected-date{border-radius:50%;background:#4689d9;color:#fff;font-weight:700}
/* Recreated call-summary UI, floating as one HTML plane over its gradient image. */
body.v4 .v4-showcase-visual--enquiry{perspective:1100px;perspective-origin:50% 50%}
body.v4 .v4-call-summary-overlay{position:absolute;z-index:2;top:4%;left:12%;width:76%;height:92%;overflow:hidden;padding:2.7% 3.3%;border:1px solid rgba(215,224,236,.82);border-radius:15px;background:rgba(255,255,255,.97);color:#14233f;box-shadow:0 15px 38px rgba(10,26,67,.2);font-family:Arial,Helvetica,sans-serif;font-size:clamp(6px,.64vw,8px)}
body.v4 .v4-call-summary-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.8%;border-bottom:1px solid #e0e6ef}
body.v4 .v4-call-summary-head img{width:15%;max-width:75px;height:auto}
body.v4 .v4-call-summary-head span{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:#eef1f6;color:#34445f;font-size:1.3em}
body.v4 .v4-call-summary-number{display:block;margin-top:1.8%;font-size:1.75em;line-height:1.15}
body.v4 .v4-call-summary-date{display:block;margin-top:.4%;color:#7183a2;font-size:1.12em}
body.v4 .v4-call-summary-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2%;margin-top:3%;padding:2.4% 0;border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef}
body.v4 .v4-call-summary-meta div{display:grid;gap:.45em;min-width:0}
body.v4 .v4-call-summary-meta small{color:#7386a6;font-size:1em}
body.v4 .v4-call-summary-meta b{color:#1b2c4b;font-size:1.12em;font-weight:500;white-space:nowrap}
body.v4 .v4-call-summary-recording{display:flex;align-items:center;gap:2%;padding:2.5% 0;border-bottom:1px solid #e0e6ef}
body.v4 .v4-call-summary-recording>b,body.v4 .v4-call-summary-copy>b,body.v4 .v4-call-summary-transcript>b{font-size:1.2em}
body.v4 .v4-call-summary-play{display:grid;place-items:center;width:2.7em;height:2.7em;margin-left:auto;border-radius:50%;background:#edf1f6;color:#182a4a}
body.v4 .v4-call-summary-wave{height:2.2em;flex:0 1 36%;background:repeating-linear-gradient(90deg,#8195b9 0 1px,transparent 1px 4px);mask-image:linear-gradient(transparent 0 20%,#000 20% 80%,transparent 80%)}
body.v4 .v4-call-summary-recording small{color:#7486a4;font-size:1em}
body.v4 .v4-call-summary-copy{padding:2.5% 0;border-bottom:1px solid #e0e6ef}
body.v4 .v4-call-summary-copy p{margin:1.3% 0 0;color:#273956;font-size:1.08em;line-height:1.45}
body.v4 .v4-call-summary-transcript{display:grid;grid-template-columns:1fr auto;gap:1.1% 2%;padding-top:2.5%}
body.v4 .v4-call-summary-transcript>b{grid-column:1/-1;margin-bottom:.5%}
body.v4 .v4-call-summary-transcript>small{color:#7386a6;font-size:1em}
body.v4 .v4-call-summary-transcript>small span{float:right}
body.v4 .v4-call-summary-transcript p{grid-column:1/-1;margin:0;padding:1.5% 2.2%;border-radius:9px;background:#e8eff9;color:#182b4b;font-size:1.08em;line-height:1.35}
body.v4 .v4-call-summary-transcript p:nth-of-type(even){margin-left:12%;background:#edf4f7}
/* Match the reference composition: leave gradient visible on the left and let the panel run off-frame. */
body.v4 .v4-call-summary-overlay{top:5%;left:20%;width:80%;height:105%;padding:2.2% 3%;border:1px solid rgba(222,226,233,.9);border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(8,23,42,.19);font-size:clamp(8px,.66vw,9.5px)}
body.v4 .v4-call-summary-head{padding-bottom:2.2%;color:#768092;font-size:1.22em}
body.v4 .v4-call-summary-head b{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:#f0f2f5;color:#263246;font-size:1.05em;font-weight:400}
body.v4 .v4-call-summary-head span{display:block;width:auto;height:auto;border-radius:0;background:transparent;color:#768092;font-size:1em}
body.v4 .v4-call-summary-number{margin-top:1.6%;color:#101216;font-size:2.15em;letter-spacing:-.025em}
body.v4 .v4-call-summary-date{margin-top:.55%;font-size:1.25em}
body.v4 .v4-call-summary-meta{margin-top:2%;padding:1.5% .4%;gap:2.2%}
body.v4 .v4-call-summary-meta small{font-size:1.16em}
body.v4 .v4-call-summary-meta b{font-size:1.28em;color:#151a22}
body.v4 .v4-call-summary-recording{padding:1.5% .4%;gap:2.4%}
body.v4 .v4-call-summary-recording>b,body.v4 .v4-call-summary-copy>b,body.v4 .v4-call-summary-transcript>b{font-size:1.35em;color:#111820}
body.v4 .v4-call-summary-play{width:3.3em;height:3.3em;margin-left:auto;font-size:1.05em}
body.v4 .v4-call-summary-wave{height:2.9em;flex-basis:31%;background:repeating-linear-gradient(90deg,#a2a9b4 0 1.5px,transparent 1.5px 4px)}
body.v4 .v4-call-summary-recording small{font-size:1.18em}
body.v4 .v4-call-summary-copy{padding:1.6% .4%}
body.v4 .v4-call-summary-copy p{margin-top:1.4%;color:#19263a;font-size:1.3em;line-height:1.43}
body.v4 .v4-call-summary-transcript{display:flex;flex-direction:column;gap:1.2%;padding:2.2% .4% 0}
body.v4 .v4-call-summary-transcript>b{margin-bottom:.4%}
body.v4 .v4-call-message{display:flex;max-width:100%;flex-direction:column;gap:3px}
body.v4 .v4-call-message--caller{align-self:flex-end;width:82%}
body.v4 .v4-call-message>small{display:flex;justify-content:space-between;color:#8a93a1;font-size:1.08em}
body.v4 .v4-call-message time{font:inherit}
body.v4 .v4-call-message>p{margin:0;padding:1.35% 2%;border-radius:10px;background:#edf4f0;color:#172033;font-size:1.16em;line-height:1.32}
body.v4 .v4-call-message--caller>p{background:#edf4fb}
body.v4 .v4-call-summary-copy p{font-size:1.35em;font-weight:400;line-height:1.3}
body.v4 .v4-call-summary-transcript{gap:.42%;padding-top:1.5%}
body.v4 .v4-call-message>small{font-size:1.35em;font-weight:400}
body.v4 .v4-call-message>p{padding:.55% 1.7%;font-size:1.35em;font-weight:400;line-height:1.22}
body.v4 .v4-call-message{gap:2px}
@media(max-width:760px){body.v4 .v4-call-summary-overlay{top:3%;left:17%;width:83%;height:100%;padding:2.2% 3%;font-size:clamp(7px,2vw,8.5px)}body.v4 .v4-call-summary-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:1%}body.v4 .v4-call-summary-meta b{font-size:1.12em}body.v4 .v4-call-summary-copy p,body.v4 .v4-call-message>p{font-size:1.35em;font-weight:400}}
/* Keep every line of the call-summary mockup on the same type scale. */
body.v4 .v4-call-summary-overlay .v4-call-summary-head,
body.v4 .v4-call-summary-overlay .v4-call-summary-head span,
body.v4 .v4-call-summary-overlay .v4-call-summary-head b,
body.v4 .v4-call-summary-overlay .v4-call-summary-number,
body.v4 .v4-call-summary-overlay .v4-call-summary-date,
body.v4 .v4-call-summary-overlay .v4-call-summary-meta small,
body.v4 .v4-call-summary-overlay .v4-call-summary-meta b,
body.v4 .v4-call-summary-overlay .v4-call-summary-recording>b,
body.v4 .v4-call-summary-overlay .v4-call-summary-recording small,
body.v4 .v4-call-summary-overlay .v4-call-summary-copy>b,
body.v4 .v4-call-summary-overlay .v4-call-summary-copy p,
body.v4 .v4-call-summary-overlay .v4-call-summary-transcript>b,
body.v4 .v4-call-summary-overlay .v4-call-message>small,
body.v4 .v4-call-summary-overlay .v4-call-message>p{font-size:calc(1.35em - 2px)!important}
body.v4 .v4-call-summary-overlay .v4-call-summary-copy p,
body.v4 .v4-call-summary-overlay .v4-call-message>small,
body.v4 .v4-call-summary-overlay .v4-call-message>p{font-weight:400}
body.v4 .v4-call-summary-overlay{top:8%;left:17%}
body.v4 .v4-call-summary-overlay .v4-call-summary-head b{width:2em;height:2em;flex:0 0 2em;font-size:calc(1.5em - 2px)!important}
body.v4 .v4-calendar-overlay{box-shadow:0 18px 38px rgba(18,39,69,.19),0 5px 12px rgba(18,39,69,.12)}
body.v4 .v4-call-summary-overlay{box-shadow:0 24px 52px rgba(8,23,42,.27),0 7px 18px rgba(8,23,42,.16)}
/* Interactive ORTO demo, based on the reference's voice/chat split composition. */
body.v4 .v4-live-demo-section{padding:78px 0;background:#f3f4f6}
body.v4 .v4-live-demo-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(400px,1fr);align-items:center;gap:clamp(44px,5vw,72px)}
body.v4 .v4-live-demo-copy{max-width:460px;align-self:start;margin-top:62px}
body.v4 .v4-live-demo-copy>.v4-kicker{margin-bottom:22px}
body.v4 .v4-live-demo-copy h2{margin:0 0 24px;color:#202124;font-size:clamp(1.9rem,3.1vw,2.625rem)!important;font-weight:500;line-height:1.12;letter-spacing:-.045em}
body.v4 .v4-live-demo-copy h2 em{color:#738FAA;font-style:normal}
body.v4 .v4-live-demo-copy>p:not(.v4-live-demo-help):not(.v4-live-demo-status){max-width:420px;margin:0 0 26px;color:#68727b;font-size:15px;line-height:1.7}
body.v4 .v4-live-demo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;border:1px solid #dedfe4;border-radius:11px;background:#e7e8ed}
body.v4 .v4-live-demo-tabs button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#686f78;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
body.v4 .v4-live-demo-tabs button:not([aria-selected=true]):hover{background:#f7f8fa;color:#59616b}
body.v4 .v4-live-demo-tabs button:focus-visible{outline:2px solid #738FAA;outline-offset:2px}
body.v4 .v4-live-demo-start[hidden],body.v4 .v4-live-demo-consent[hidden]{display:none!important}
body.v4 .v4-live-demo-tabs button[aria-selected=true]{background:#fff;color:#738FAA;box-shadow:0 1px 4px rgba(24,35,48,.1)}
body.v4 .v4-live-demo-tabs button span{display:grid;width:18px;height:18px;place-items:center;flex:none}
body.v4 .v4-live-demo-tabs button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v4-live-demo-help{max-width:none;margin:0 0 14px;color:#626d75;font-size:14px!important;font-weight:500;line-height:1.45;white-space:nowrap}
body.v4 .v4-live-demo-help.is-phone-help{max-width:none;font-size:10px;font-weight:500}
body.v4 .v4-live-demo-help a{color:#5263ec;text-decoration:none;white-space:nowrap}
body.v4 .v4-live-demo-help a:hover{text-decoration:underline;text-underline-offset:2px}
body.v4 .v4-live-demo-help a svg{display:inline-block;width:18px;height:18px;margin-left:4px;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v4-live-demo-action-row{display:flex;align-items:center;gap:13px}
body.v4 .v4-live-demo-action-row>a{color:#67727b;font-size:9px;text-decoration:underline;text-underline-offset:3px}
body.v4 .v4-live-demo-consent{display:flex;align-items:flex-start;gap:9px;margin:15px 0 15px;color:#717a82;font-size:10px;line-height:1.55}
body.v4 .v4-live-demo-consent input{width:14px;height:14px;flex:none;margin:1px 0 0;accent-color:#738FAA}
body.v4 .v4-live-demo-start,body.v4 .v4-live-demo-phone button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:12px;padding:0 20px;border:0;border-radius:24px;background:#738FAA;color:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:transform .18s,background .18s}
body.v4 .v4-live-demo-start:hover:not(:disabled),body.v4 .v4-live-demo-phone button:hover{transform:translateY(-2px);background:#425d78}
body.v4 .v4-live-demo-start:disabled{background:#d5d7d8;color:#fff;cursor:not-allowed;box-shadow:none}
body.v4 .v4-live-demo-start:disabled:hover{background:#e1e2e3;transform:none}
body.v4 .v4-live-demo-start span{display:inline-block;transition:transform .18s ease}
body.v4 .v4-live-demo-start:hover:not(:disabled) span{transform:translateX(3px)}
body.v4 .v4-live-demo-status{min-height:16px;margin:7px 0 0;color:#64717b;font-size:10px;line-height:1.5}
body.v4 .v4-live-demo-phone{margin-top:14px;padding:14px;border:1px solid #dfe3e7;border-radius:10px;background:#fff}
body.v4 .v4-live-demo-phone button{min-height:36px;padding-inline:14px;font-size:11px}
body.v4 .v4-live-demo-card{display:flex;width:min(100%,560px);height:580px;min-height:580px;justify-self:end;flex-direction:column;overflow:hidden;padding:24px 26px 23px;border-radius:24px;background:radial-gradient(ellipse at 76% 21%,#294e80 0,transparent 43%),linear-gradient(145deg,#102a56 0%,#0d2148 53%,#061a3d 100%);box-shadow:0 22px 54px rgba(13,31,60,.22);color:#fff}
body.v4 .v4-live-demo-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:stretch;column-gap:10px;margin:0 0 8px;padding:8px 12px;border-radius:12px;background:transparent;color:#dce7f5;font-size:11px}
body.v4 .v4-live-demo-wave{color:#a8c2e8;font-size:11px;letter-spacing:-3px}
body.v4 .v4-live-demo-business-logo{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border:1px solid rgba(220,231,245,.42);border-radius:8px;color:#dce7f5}
body.v4 .v4-live-demo-business-logo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
body.v4 .v4-live-demo-card-head strong{font-size:11px;font-weight:600}
body.v4 .v4-live-demo-mark{display:grid;width:30px;height:30px;place-items:center;justify-self:end;overflow:hidden;border-radius:10px;background:transparent}
body.v4 .v4-live-demo-mark img{display:block;width:23px;height:23px;object-fit:cover;object-position:left center}
body.v4 .v4-live-demo-messages{display:flex;min-height:0;max-height:none;flex:1;flex-direction:column;gap:12px;overflow:auto;padding:17px 0 22px;scrollbar-width:none;-ms-overflow-style:none}
body.v4 .v4-live-demo-messages::-webkit-scrollbar{display:none;width:0;height:0}
body.v4 .v4-live-demo-card.is-phone-mode .v4-live-demo-messages{padding:12px 0 18px}
body.v4 .v4-live-demo-card.is-phone-mode .v4-live-demo-message,body.v4 .v4-live-demo-card.is-phone-mode .v4-live-demo-typing{display:none}
body.v4 .v4-live-demo-card.is-phone-mode .v4-live-demo-card-foot{display:none}
body.v4 .v4-live-demo-call-form{display:flex;width:100%;flex:0 0 auto;flex-direction:column;gap:8px;margin:0;padding:18px 20px;border:1px solid rgba(18,35,61,.08);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#18202b}
body.v4 .v4-live-demo-call-form[hidden]{display:none!important}
body.v4 .v4-live-demo-call-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;padding:0 0 13px;border-bottom:1px solid #e5e5e2}
body.v4 .v4-live-demo-call-steps button{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:0;background:transparent;color:#777d78;font-family:inherit;font-size:11px;font-weight:400;line-height:1.2;cursor:pointer}
body.v4 .v4-live-demo-call-steps button:disabled{cursor:default;opacity:.78}
body.v4 .v4-live-demo-call-steps button[aria-current=step]{color:#738FAA}
body.v4 .v4-live-demo-call-steps button.is-complete{color:#738FAA}
body.v4 .v4-live-demo-call-steps button span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #dce0dc;border-radius:50%;color:inherit;font-size:9px}
body.v4 .v4-live-demo-call-steps button[aria-current=step] span{border-color:#738FAA;background:#738FAA;color:#fff}
body.v4 .v4-live-demo-call-step[hidden]{display:none!important}
body.v4 .v4-live-demo-call-step h3{margin:0 0 4px;font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
body.v4 .v4-live-demo-call-step>p{margin:0 0 13px;color:#6b736e;font-size:11px;line-height:1.5}
body.v4 .v4-live-demo-call-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;margin-top:15px}
body.v4 .v4-live-demo-call-fields label,body.v4 .v4-live-demo-code-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#252a27;font-size:11px;font-weight:500;line-height:1.3}
body.v4 .v4-live-demo-call-fields .v4-live-demo-call-phone-field{grid-column:1/-1}
body.v4 .v4-live-demo-call-form input:not([type=checkbox]){width:100%;min-height:42px;padding:9px 11px;border:1px solid #cfd2d7;border-radius:8px;background:#fff;color:#202830;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4}
body.v4 .v4-live-demo-call-form input:not([type=checkbox])::placeholder{color:#929aa3}
body.v4 .v4-live-demo-call-form input:not([type=checkbox]):focus{border-color:#6685aa;outline:2px solid rgba(82,111,141,.16)}
body.v4 .v4-live-demo-call-form>small{margin:0 0 18px;color:#737a74;font-size:9px;line-height:1.4}
body.v4 .v4-live-demo-call-consent{display:flex;align-items:flex-start;gap:8px;margin:18px 0 12px;color:#6b736e;font-size:12px!important;line-height:1.5}
body.v4 .v4-live-demo-call-consent input{width:14px;height:14px;flex:none;margin:1px 0 0;accent-color:#738FAA}
body.v4 .v4-live-demo-call-copy{margin:2px 0 0;color:#737a74;font-size:12px!important;line-height:1.5}
body.v4 .v4-live-demo-call-consent + .v4-live-demo-call-copy{margin-top:20px}
body.v4 .v4-live-demo-call-primary{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:9px;margin-top:4px;padding:0 16px;border:0;border-radius:24px;background:#6d706c;color:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:transform .18s,background .18s}
body.v4 .v4-live-demo-call-primary:hover:not(:disabled){transform:translateY(-2px);background:#858883}
body.v4 .v4-live-demo-call-primary:disabled{background:#d5d7d8;color:#fff;cursor:not-allowed}
body.v4 .v4-live-demo-call-primary:disabled:hover{transform:none;background:#e1e2e3}
body.v4 .v4-live-demo-call-primary span{display:grid;width:17px;height:17px;place-items:center}
body.v4 .v4-live-demo-call-primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v4-live-demo-demo-code{display:flex;align-items:center;justify-content:space-between;margin:14px 0;padding:10px 12px;border:1px solid #dfe3e7;border-radius:8px;background:#f7f8fa;color:#69736f;font-size:10px}
body.v4 .v4-live-demo-demo-code strong{color:#202830;font-size:14px;letter-spacing:.12em}
body.v4 .v4-live-demo-code-field{margin:13px 0}
body.v4 .v4-live-demo-call-details{margin-top:9px;border-bottom:1px solid #e5e5e2;color:#707770}
body.v4 .v4-live-demo-call-details summary{display:flex;align-items:center;justify-content:space-between;min-height:36px;cursor:pointer;list-style:none;font-size:12px!important;font-weight:400;line-height:1.5}
body.v4 .v4-live-demo-call-details summary::-webkit-details-marker{display:none}
body.v4 .v4-live-demo-call-details summary span{font-size:14px;transition:transform .18s}
body.v4 .v4-live-demo-call-details[open] summary span{transform:rotate(180deg)}
body.v4 .v4-live-demo-call-details>div{padding:4px 0 12px}
body.v4 .v4-live-demo-call-details p,body.v4 .v4-live-demo-call-details a{display:block;margin:5px 0;color:#737a74;font-size:12px!important;line-height:1.5}
body.v4 .v4-live-demo-call-details a{color:#5263ec}
body.v4 .v4-live-demo-call-prefer{padding-top:10px;color:#737a74;font-size:12px!important;line-height:1.5}
body.v4 .v4-live-demo-call-prefer a{display:inline-flex;align-items:center;gap:4px;margin-left:4px;color:#5263ec;text-decoration:none;white-space:nowrap}
body.v4 .v4-live-demo-call-prefer a svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v4-live-demo-call-prefer a:hover{text-decoration:underline;text-underline-offset:2px}
body.v4 .v4-live-demo-call-status{min-height:0;margin:0;color:#64717b;font-size:9px;line-height:1.4}
body.v4 .v4-live-demo-message{max-width:76%;padding:11px 13px;border-radius:15px;background:#fff;color:#222a32;font-size:12px;line-height:1.5;animation:v4-demo-message-in .28s ease both}
body.v4 .v4-live-demo-message.is-caller{align-self:flex-end;border:1px solid rgba(225,236,249,.62);background:rgba(17,44,87,.68);color:#f5f8fc}
body.v4 .v4-live-demo-message.is-unrevealed{display:none}
body.v4 .v4-live-demo-typing{display:flex;width:max-content;align-items:center;gap:4px;padding:12px 14px;border-radius:15px;background:#fff;color:#74839a}
body.v4 .v4-live-demo-typing.is-caller{align-self:flex-end;border:1px solid rgba(225,236,249,.62);background:rgba(17,44,87,.68);color:#dce7f5}
body.v4 .v4-live-demo-typing i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:v4-demo-typing .9s ease-in-out infinite}
body.v4 .v4-live-demo-typing i:nth-child(2){animation-delay:.14s}
body.v4 .v4-live-demo-typing i:nth-child(3){animation-delay:.28s}
body.v4 .v4-live-demo-card-foot{margin-top:auto;padding-top:7px}
body.v4 .v4-live-demo-card-foot>span{color:#b8c9e2;font-size:8px;font-weight:600;letter-spacing:.08em}
body.v4 .v4-live-demo-card-foot h3{margin:12px 0 10px;color:#fff;font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.03em}
body.v4 .v4-live-demo-card-foot small{color:#9db2d1;font-size:9px}
@keyframes v4-demo-message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes v4-demo-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:900px){body.v4 .v4-live-demo-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:34px}body.v4 .v4-live-demo-card{width:100%;min-height:580px;padding:20px}}
@media(max-width:720px){body.v4 .v4-live-demo-section{padding:58px 0}body.v4 .v4-live-demo-grid{grid-template-columns:minmax(0,1fr);gap:30px}body.v4 .v4-live-demo-copy{max-width:none}body.v4 .v4-live-demo-copy h2{font-size:clamp(1.9rem,8vw,2.625rem)!important}body.v4 .v4-live-demo-card{width:100%;min-height:580px}body.v4 .v4-live-demo-card.is-phone-mode{min-height:580px}body.v4 .v4-live-demo-call-form{padding:16px}}
@media(prefers-reduced-motion:reduce){body.v4 .v4-live-demo-message,body.v4 .v4-live-demo-typing i{animation:none}}

@media(max-width:760px){body.v4 .v4-product-showcase .v4-showcase-more{margin-top:0;padding-top:20px}}

body.v4 .v4-product-showcase .v4-showcase-more{margin-top:0!important;padding-top:12px!important}
@media(max-width:760px){body.v4 .v4-product-showcase .v4-showcase-more{padding-top:8px!important}}
@media(max-width:720px){body.v4 .v4-live-demo-copy{align-self:stretch;margin-top:0}}

/* ORTO-branded versions of the two paired feature sections: generated gradient backdrops with live HTML product artwork. */
body.v4 .v5-feature-section{padding:clamp(72px,8vw,112px) 0;background:#fff}
body.v4 .v5-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(50px,8vw,116px)}
body.v4 .v5-feature-row--reverse{grid-template-columns:minmax(280px,.76fr) minmax(0,1.12fr)}
body.v4 .v5-feature-visual{position:relative;isolation:isolate;min-width:0;margin:0;aspect-ratio:1.04/1;overflow:hidden;border-radius:24px;background:#e6eaf5;perspective:1200px;perspective-origin:50% 50%}
body.v4 .v5-feature-visual>img{position:absolute;inset:0;width:100%;height:100%;border-radius:24px;object-fit:cover}
body.v4 .v5-feature-copy{max-width:410px}
body.v4 .v5-feature-copy h2{margin:0 0 17px;color:#202124;font-size:clamp(2rem,3vw,2.75rem)!important;font-weight:500;line-height:1.1;letter-spacing:-.045em}
body.v4 .v5-feature-copy p{margin:0;color:#69716f!important;font-size:15px!important;line-height:1.75}
body.v4 .v5-intelligence-window,body.v4 .v5-workspace-window{position:absolute;z-index:1;overflow:hidden;border:1px solid rgba(27,40,53,.08);border-radius:18px;background:rgba(255,255,255,.98);color:#273342;box-shadow:0 24px 58px rgba(24,39,75,.22),0 7px 17px rgba(24,39,75,.1);font-family:Manrope,Arial,sans-serif;transform:rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-origin:center;transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform;pointer-events:none}
body.v4 .v5-intelligence-window{top:15%;left:30%;width:84%;height:72%;font-size:clamp(7px,.66vw,10px)}
body.v4 .v5-ui-topbar{display:flex;height:13%;min-height:28px;align-items:center;gap:8px;padding:0 5%;border-bottom:1px solid #e9edf2;color:#778294;font-size:.72em;letter-spacing:.09em;white-space:nowrap}
body.v4 .v5-ui-topbar img{width:18%;max-width:80px;height:auto;object-fit:contain}
body.v4 .v5-ui-topbar b{margin-left:auto;color:#6c83ed;font-size:1.3em}
body.v4 .v5-intelligence-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;height:87%;padding:8% 6%}
body.v4 .v5-intelligence-intro>span{color:#6179de;font-size:.7em;font-weight:700;letter-spacing:.1em}
body.v4 .v5-intelligence-intro h3{margin:.8em 0 .6em;color:#202a36;font-size:2em;font-weight:550;line-height:1.12;letter-spacing:-.035em}
body.v4 .v5-intelligence-intro p{margin:0;color:#727e8f;font-size:.98em;line-height:1.65}
body.v4 .v5-setting-note{display:flex;align-items:center;gap:7px;margin-top:1.5em;color:#6e7b8e;font-size:.8em}
body.v4 .v5-setting-note i{width:7px;height:7px;border-radius:50%;background:#75b79d}
body.v4 .v5-settings-list{display:grid;align-content:start;gap:1em}
body.v4 .v5-settings-list>div{display:grid;gap:.6em;padding:1.05em 1.15em;border:1px solid #e2e7f1;border-radius:9px;background:#fbfcff}
body.v4 .v5-settings-list small{color:#8490a1;font-size:.68em;font-weight:700;letter-spacing:.08em}
body.v4 .v5-settings-list strong{display:flex;justify-content:space-between;gap:8px;color:#39475a;font-size:.95em;font-weight:550;white-space:nowrap}
body.v4 .v5-settings-list strong b{color:#8794a7;font-size:1.15em;font-weight:400}
body.v4 .v5-settings-list em{color:#8993a2;font-size:.78em;font-style:normal;white-space:nowrap}
body.v4 .v5-workspace-window{top:10.8%;left:6%;width:100%;height:100%;display:grid;grid-template-columns:17% minmax(0,1fr);font-size:clamp(6px,.56vw,8px)}
body.v4 .v5-workspace-sidebar{display:flex;flex-direction:column;gap:.6em;padding:1.7em .8em;border-right:1px solid #edf0f4;background:#fcfdff;color:#748093}
body.v4 .v5-workspace-sidebar img{width:65%;max-width:76px;height:auto;margin:0 0 1.1em .3em}
body.v4 .v5-workspace-sidebar>span{padding:.85em .65em;border-radius:5px;font-size:.85em;white-space:nowrap}
body.v4 .v5-workspace-sidebar>span.is-active{background:#edf2fb;color:#738FAA;font-weight:650}
body.v4 .v5-workspace-sidebar>small{margin:1.8em 0 .45em .5em;color:#a1a9b5;font-size:.65em;font-weight:700;letter-spacing:.08em}
body.v4 .v5-workspace-main{min-width:0;padding:2.2em 12% 2.2em 2.5em}
body.v4 .v5-workspace-main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2em}
body.v4 .v5-workspace-main>header>div{display:grid;gap:.55em}
body.v4 .v5-workspace-main>header small{color:#8490a1;font-size:.72em}
body.v4 .v5-workspace-main>header strong{color:#202a36;font-size:1.45em;font-weight:550}
body.v4 .v5-workspace-user{display:grid;width:2.7em;height:2.7em;place-items:center;border-radius:50%;background:#e7edfa;color:#738FAA;font-weight:700}
body.v4 .v5-workspace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;margin-bottom:1.8em}
body.v4 .v5-workspace-stats>div{display:grid;gap:.55em;padding:1em;border:1px solid #ebeff4;border-radius:7px;background:#fff}
body.v4 .v5-workspace-stats small{color:#8290a0;font-size:.67em;font-weight:650;letter-spacing:.04em;white-space:nowrap}
body.v4 .v5-workspace-stats strong{color:#253247;font-size:1.8em;font-weight:550}
body.v4 .v5-workspace-stats em{color:#8993a2;font-size:.72em;font-style:normal;white-space:nowrap}
body.v4 .v5-workspace-chart{margin-bottom:1.3em;padding:1.2em 1.35em .65em;border:1px solid #edf0f4;border-radius:7px}
body.v4 .v5-workspace-chart>div,.v5-workspace-table-head{display:flex;align-items:center;justify-content:space-between;gap:1em}
body.v4 .v5-workspace-chart>div strong,.v5-workspace-table-head strong{color:#344154;font-size:.95em;font-weight:600}
body.v4 .v5-workspace-chart>div span,.v5-workspace-table-head span{color:#8893a2;font-size:.72em;white-space:nowrap}
body.v4 .v5-workspace-chart svg{display:block;width:100%;height:5.5em;margin-top:.7em}
body.v4 .v5-workspace-table{padding:1em 1.2em;border:1px solid #edf0f4;border-radius:7px}
body.v4 .v5-workspace-table-head{margin-bottom:.75em}
body.v4 .v5-workspace-row{display:grid;grid-template-columns:2.3em 1.05fr 1.5fr 1.05fr auto;align-items:center;gap:.8em;min-height:3.6em;border-top:1px solid #f0f2f5;color:#788393;white-space:nowrap}
body.v4 .v5-workspace-row i{display:grid;width:2.25em;height:2.25em;place-items:center;border-radius:50%;background:#eef2fa;color:#738FAA;font-size:.78em;font-style:normal;font-weight:650}
body.v4 .v5-workspace-row b{overflow:hidden;color:#39465a;font-size:.78em;font-weight:600;text-overflow:ellipsis}
body.v4 .v5-workspace-row>span,body.v4 .v5-workspace-row time{font-size:.72em}
body.v4 .v5-workspace-row small{padding:.45em .7em;border-radius:99px;background:#eff4f7;color:#687b8b;font-size:.66em;text-align:center}
@media(max-width:900px){body.v4 .v5-feature-row,body.v4 .v5-feature-row--reverse{gap:40px}body.v4 .v5-feature-visual{aspect-ratio:1/1}body.v4 .v5-feature-copy h2{font-size:clamp(1.8rem,4vw,2.3rem)!important}}
@media(max-width:700px){body.v4 .v5-feature-section{padding:58px 0}body.v4 .v5-feature-row,body.v4 .v5-feature-row--reverse{grid-template-columns:minmax(0,1fr);gap:30px}body.v4 .v5-workspace-section .v5-feature-copy{grid-row:1}body.v4 .v5-feature-visual{aspect-ratio:1.05/1;border-radius:20px}body.v4 .v5-intelligence-window{top:15%;left:24%;width:91%;height:71%;font-size:clamp(7px,1.7vw,10px)}body.v4 .v5-workspace-window{top:4.5%;left:3%;width:100%;height:100%;font-size:clamp(6px,1.35vw,8px)}body.v4 .v5-feature-copy h2{font-size:clamp(1.9rem,8vw,2.6rem)!important}}
body.v4 .v5-intelligence-visual{aspect-ratio:1.04/1}
body.v4 .v5-workspace-visual{aspect-ratio:1.8/1}
@media(max-width:700px){body.v4 .v5-intelligence-visual{aspect-ratio:1.05/1}body.v4 .v5-workspace-visual{aspect-ratio:1.5/1}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-intelligence-window,body.v4 .v5-workspace-window{transition:none}}

/* Align the header content edge with the page section containers. */
body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 96px)!important;max-width:1260px!important;margin-inline:auto!important}

/* Illustrative ORTO customer-story carousel, adapted from the supplied reference. */
body.v4 .v5-stories-section{padding:clamp(58px,6vw,86px) 0 clamp(64px,7vw,92px);background:#f5f5f6}
body.v4 .v5-stories-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}
body.v4 .v5-stories-heading h2{margin:0;color:#202124;font-size:clamp(2rem,3.4vw,2.6rem)!important;font-weight:550;line-height:1.08;letter-spacing:-.045em}
body.v4 .v5-stories-controls{display:flex;align-items:center;gap:10px;color:#687076}
body.v4 .v5-stories-controls>span{margin-right:8px;font-size:.72rem;font-weight:550;letter-spacing:.04em;white-space:nowrap}
body.v4 .v5-stories-controls button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d8dadd;border-radius:50%;background:#fff;color:#252a2e;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
body.v4 .v5-stories-controls button:hover{transform:translateY(-1px);border-color:#aeb3b7;background:#eceeef}
body.v4 .v5-stories-controls button:focus-visible,.v5-story-card a:focus-visible{outline:3px solid #738FAA;outline-offset:3px}
body.v4 .v5-stories-controls button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v5-stories-stage{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(0,1fr);gap:22px;align-items:stretch;min-height:clamp(280px,27vw,370px)}
body.v4 .v5-story-card{position:relative;display:none;min-width:0;height:clamp(280px,27vw,370px);overflow:hidden;border-radius:18px;background:#253643;color:#fff;isolation:isolate}
body.v4 .v5-story-card[data-position="active"],body.v4 .v5-story-card[data-position="next"]{display:block}
body.v4 .v5-story-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .5s ease}
body.v4 .v5-story-card:hover>img{transform:scale(1.025)}
body.v4 .v5-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,28,.22),transparent 36%,rgba(10,17,24,.06) 54%,rgba(9,15,21,.82) 100%);pointer-events:none}
body.v4 .v5-story-brand{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:11px;color:#fff;font-size:1.2rem;font-weight:750;letter-spacing:-.06em;text-shadow:0 2px 8px rgba(0,0,0,.3)}
body.v4 .v5-story-brand span{padding:7px 10px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(16,27,35,.3);font-size:.52rem;font-weight:700;letter-spacing:.1em}
body.v4 .v5-story-copy{position:absolute;right:24px;bottom:23px;left:24px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.32)}
body.v4 .v5-story-copy>span{font-size:.62rem;font-weight:700;letter-spacing:.1em}
body.v4 .v5-story-copy h3{max-width:27ch;margin:9px 0 5px;color:#fff;font-size:clamp(1.45rem,2.3vw,2rem)!important;font-weight:650;line-height:1.12;letter-spacing:-.035em}
body.v4 .v5-story-copy p{max-width:52ch;margin:0;color:rgba(255,255,255,.9);font-size:.82rem;line-height:1.5}
body.v4 .v5-story-play{position:absolute;top:50%;left:50%;z-index:1;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.96);color:#222;box-shadow:0 8px 24px rgba(0,0,0,.16);transform:translate(-50%,-50%);transition:transform .18s ease,background-color .18s ease}
body.v4 .v5-story-play:hover{background:#fff;transform:translate(-50%,-50%) scale(1.06)}
body.v4 .v5-story-play svg{width:25px;height:25px;fill:currentColor}
body.v4 .v5-story-link{position:absolute;top:20px;right:20px;z-index:1;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem;text-decoration:none;transition:background-color .18s ease,transform .18s ease}
body.v4 .v5-story-link:hover{background:rgba(255,255,255,.28);transform:translateY(-1px)}
body.v4 .v5-stories-note{margin:13px 0 0;color:#747b80;font-size:.68rem;line-height:1.5}
@media(max-width:760px){body.v4 .v5-stories-section{padding:52px 0 58px}body.v4 .v5-stories-heading{align-items:flex-end;margin-bottom:20px;gap:12px}body.v4 .v5-stories-heading h2{font-size:clamp(1.8rem,8vw,2.3rem)!important}body.v4 .v5-stories-controls{gap:6px}body.v4 .v5-stories-controls>span{margin-right:3px;font-size:.64rem}body.v4 .v5-stories-controls button{width:34px;height:34px}body.v4 .v5-stories-controls button svg{width:18px;height:18px}body.v4 .v5-stories-stage{display:block;min-height:0}body.v4 .v5-story-card[data-position="next"]{display:none}body.v4 .v5-story-card{height:clamp(310px,90vw,440px);border-radius:16px}body.v4 .v5-story-brand{top:17px;left:17px;font-size:1.05rem}body.v4 .v5-story-brand span{padding:6px 8px;font-size:.46rem}body.v4 .v5-story-copy{right:17px;bottom:18px;left:17px}body.v4 .v5-story-copy>span{font-size:.55rem}body.v4 .v5-story-copy h3{font-size:clamp(1.45rem,6.5vw,1.8rem)!important}body.v4 .v5-story-copy p{font-size:.76rem}body.v4 .v5-story-play{width:52px;height:52px}body.v4 .v5-story-link{top:14px;right:14px;width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-story-card>img,body.v4 .v5-stories-controls button,body.v4 .v5-story-play,body.v4 .v5-story-link{transition:none!important}}

/* ORTO's business-specific knowledge and greeting, shown as tilt-responsive HTML mockups. */
body.v4 .v5-business-section{padding:clamp(62px,7vw,96px) 0;background:#fff}
body.v4 .v5-business-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);align-items:start;gap:clamp(35px,7vw,100px);margin-bottom:34px}
body.v4 .v5-business-heading h2{max-width:16ch;margin:0;color:#202124;font-size:clamp(2.1rem,3.8vw,3.1rem)!important;font-weight:550;line-height:1.08;letter-spacing:-.05em}
body.v4 .v5-business-heading h2 span{display:block;color:#738FAA}
body.v4 .v5-business-heading>p{max-width:440px;margin:4px 0 0;color:#697078;font-size:.92rem;line-height:1.7}
body.v4 .v5-business-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
body.v4 .v5-business-visual{position:relative;isolation:isolate;min-width:0;aspect-ratio:1.04/1;margin:0;overflow:hidden;border-radius:20px;background:#f3f4f5;perspective:1100px;perspective-origin:50% 50%}
body.v4 .v5-business-visual>img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}
body.v4 .v5-business-knowledge-panel,body.v4 .v5-business-greeting-content{position:absolute;z-index:1;overflow:hidden;border:1px solid rgba(27,40,53,.08);border-radius:15px;background:rgba(255,255,255,.98);color:#293341;box-shadow:0 20px 48px rgba(17,31,58,.24),0 6px 16px rgba(17,31,58,.1);font-family:Manrope,Arial,sans-serif;transform:rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-origin:center;transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform;pointer-events:none}
body.v4 .v5-business-knowledge-panel{top:6%;left:6%;width:104%;height:63%;font-size:clamp(6px,.55vw,8px)}
body.v4 .v5-business-panel-head{display:flex;align-items:center;gap:1em;flex:0 0 13%;min-height:25px;padding:0 2.2%;border-bottom:1px solid #edf0f3;background:#fff;color:#748092;white-space:nowrap}
body.v4 .v5-business-panel-head img{width:12%;max-width:60px;height:auto;object-fit:contain}
body.v4 .v5-business-panel-head>span{font-size:.7em;font-weight:700;letter-spacing:.08em}
body.v4 .v5-business-panel-head>b{margin-left:auto;padding:.7em 1em;border-radius:5px;background:#1e2f45;color:#fff;font-size:.72em;font-weight:600}
body.v4 .v5-business-panel-body{display:grid;grid-template-columns:23% minmax(0,1fr);height:87%;min-height:0}
body.v4 .v5-business-panel-body>aside{display:flex;flex-direction:column;gap:.55em;padding:1.3em .75em;border-right:1px solid #edf0f3;background:#fbfcfd;color:#758194;font-size:.77em}
body.v4 .v5-business-panel-body>aside>span{overflow:hidden;padding:.8em .65em;border-radius:4px;text-overflow:ellipsis;white-space:nowrap}
body.v4 .v5-business-panel-body>aside>span.is-active{background:#eef3f8;color:#738FAA;font-weight:700}
body.v4 .v5-business-panel-body>aside>small{margin:1.5em 0 .2em .5em;color:#a1aab5;font-size:.67em;font-weight:700;letter-spacing:.1em}
body.v4 .v5-business-knowledge-content{min-width:0;padding:1.7em 2.1em}
body.v4 .v5-business-knowledge-title{display:flex;align-items:end;justify-content:space-between;gap:1em;margin-bottom:1.5em}
body.v4 .v5-business-knowledge-title>div{display:grid;gap:.5em}
body.v4 .v5-business-knowledge-title small{color:#8b95a3;font-size:.65em;font-weight:700;letter-spacing:.08em}
body.v4 .v5-business-knowledge-title strong{color:#263445;font-size:1.45em;font-weight:650;letter-spacing:-.03em}
body.v4 .v5-business-knowledge-title>span{color:#909aa6;font-size:.65em;white-space:nowrap}
body.v4 .v5-business-knowledge-list{display:grid;gap:.65em}
body.v4 .v5-business-knowledge-list>div{display:grid;grid-template-columns:2.5em minmax(0,1fr) auto 1em;align-items:center;gap:.8em;min-width:0;padding:.85em .9em;border:1px solid #e8ecf0;border-radius:7px;background:#fff}
body.v4 .v5-business-knowledge-list i{display:grid;width:2.2em;height:2.2em;place-items:center;border-radius:6px;background:#eff3f8;color:#738FAA;font-size:.9em;font-style:normal}
body.v4 .v5-business-knowledge-list span{display:grid;gap:.35em;min-width:0}
body.v4 .v5-business-knowledge-list span>b{overflow:hidden;color:#344153;font-size:.86em;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
body.v4 .v5-business-knowledge-list span>small{overflow:hidden;color:#8b95a2;font-size:.68em;text-overflow:ellipsis;white-space:nowrap}
body.v4 .v5-business-knowledge-list em{padding:.45em .6em;border-radius:999px;background:#f1f4f7;color:#758397;font-size:.62em;font-style:normal;white-space:nowrap}
body.v4 .v5-business-knowledge-list>div>b:last-child{color:#8792a0;font-size:1.2em;font-weight:400}
body.v4 .v5-business-knowledge-caption{position:absolute;z-index:2;right:6%;bottom:6%;left:6%;color:#fff;text-shadow:0 2px 10px rgba(8,29,70,.25)}
body.v4 .v5-business-knowledge-caption h3,body.v4 .v5-greeting-caption h3{margin:0 0 8px;color:inherit;font-size:clamp(1.15rem,2vw,1.55rem)!important;font-weight:650;line-height:1.2;letter-spacing:-.025em}
body.v4 .v5-business-knowledge-caption p,body.v4 .v5-greeting-caption p{max-width:46ch;margin:0;color:inherit;font-size:.78rem;line-height:1.55}
body.v4 .v5-business-greeting{background:#f3f4f5}
body.v4 .v5-business-greeting-content{inset:0;display:grid;grid-template-rows:1fr auto;gap:10%;padding:8%;border:0;border-radius:0;background:transparent;box-shadow:none}
body.v4 .v5-greeting-sample{align-self:center;padding:7%;border:1px solid #e0e2e5;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(26,36,47,.05)}
body.v4 .v5-greeting-sample>label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#687384;font-size:.76rem}
body.v4 .v5-greeting-sample>label span{padding:5px 8px;border-radius:999px;background:#eef2f8;color:#738FAA;font-size:.6rem;font-weight:700;letter-spacing:.08em}
body.v4 .v5-greeting-message{position:relative;min-height:86px;padding:17px 44px 17px 17px;border:1px solid #dfe3e8;border-radius:11px;background:#fff;color:#303844;font-size:.92rem;line-height:1.65}
body.v4 .v5-greeting-message i{position:absolute;top:13px;right:13px;display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#202522;color:#fff;font-size:.55rem;font-style:normal;letter-spacing:.08em}
body.v4 .v5-greeting-caption{color:#202124}
body.v4 .v5-greeting-caption p{color:#697078}
body.v4 .v5-business-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
body.v4 .v5-business-points article{min-width:0;padding:22px 21px 24px;border-radius:18px;background:#f3f4f5}
body.v4 .v5-business-icon{display:grid;width:38px;height:38px;place-items:center;margin-bottom:27px;border:1px solid #dfe2e5;border-radius:10px;background:rgba(255,255,255,.35);color:#283541}
body.v4 .v5-business-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v5-business-points h3{margin:0 0 9px;color:#73787c;font-size:1rem!important;font-weight:600;line-height:1.3}
body.v4 .v5-business-points p{max-width:40ch;margin:0;color:#33383d;font-size:.84rem;line-height:1.65}
body.v4 .v5-business-note{margin:13px 0 0;color:#767c81;font-size:.68rem;line-height:1.5}
@media(max-width:900px){body.v4 .v5-business-heading{gap:32px}body.v4 .v5-business-knowledge-panel{font-size:clamp(6px,.8vw,8px)}body.v4 .v5-business-knowledge-content{padding:1.4em 1.5em}body.v4 .v5-business-knowledge-list>div{grid-template-columns:2.2em minmax(0,1fr) auto .8em;gap:.55em;padding:.75em .6em}body.v4 .v5-business-knowledge-list em{font-size:.56em}}
@media(max-width:700px){body.v4 .v5-business-section{padding:56px 0}body.v4 .v5-business-heading{grid-template-columns:minmax(0,1fr);gap:17px;margin-bottom:24px}body.v4 .v5-business-heading h2{font-size:clamp(2rem,8vw,2.7rem)!important}body.v4 .v5-business-heading>p{margin:0;font-size:.88rem}body.v4 .v5-business-showcase{grid-template-columns:minmax(0,1fr);gap:17px}body.v4 .v5-business-visual{aspect-ratio:1.04/1;border-radius:18px}body.v4 .v5-business-knowledge-panel{top:7%;left:9%;width:98%;height:65%;font-size:clamp(6px,1.55vw,8px)}body.v4 .v5-business-knowledge-content{padding:1.6em 1.8em}body.v4 .v5-business-knowledge-list>div{grid-template-columns:2.4em minmax(0,1fr) auto .8em;gap:.7em;padding:.85em .8em}body.v4 .v5-business-knowledge-list em{font-size:.62em}body.v4 .v5-business-knowledge-caption{right:7%;bottom:6%;left:7%}body.v4 .v5-business-greeting-content{gap:8%;padding:8%}body.v4 .v5-greeting-caption h3,body.v4 .v5-business-knowledge-caption h3{font-size:1.3rem!important}body.v4 .v5-business-points{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:17px}body.v4 .v5-business-points article{padding:18px}body.v4 .v5-business-icon{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-business-knowledge-panel,body.v4 .v5-business-greeting-content{transition:none!important}}
@media(max-width:1150px){body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 64px)!important}}
@media(max-width:760px){body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 40px)!important}}

/* ORTO integration orbit, adapted from the animated partner diagram in the reference. */
body.v4 .v5-integrations-section{padding:clamp(76px,10vw,142px) 0;background:#fff}
body.v4 .v5-integrations-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:clamp(48px,9vw,132px)}
body.v4 .v5-integrations-visual{position:relative;width:min(100%,560px);aspect-ratio:1;justify-self:center;isolation:isolate}
body.v4 .v5-orbit{position:absolute;top:50%;left:50%;border:1px solid #eceef1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
body.v4 .v5-orbit--outer{width:88%;height:88%}
body.v4 .v5-orbit--inner{width:51%;height:51%}
body.v4 .v5-orbit-nodes{position:absolute;inset:0;border-radius:50%;animation:v5-orbit-spin 54s linear infinite}
body.v4 .v5-orbit-nodes--inner{animation-duration:38s;animation-direction:reverse}
body.v4 .v5-orbit-node{position:absolute;top:50%;left:50%;display:grid;width:clamp(48px,5.5vw,72px);height:clamp(48px,5.5vw,72px);place-items:center;padding:0;border:1px solid #f0f1f4;border-radius:50%;background:#f8f9fc;color:var(--v-accent,#738faa);box-shadow:0 4px 14px rgba(26,37,77,.035);transform:translate(-50%,-50%);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,color .2s ease,scale .2s ease}
body.v4 .v5-orbit-node:hover,body.v4 .v5-orbit-node:focus-visible{z-index:2;background:#fff;color:var(--v-accent,#738faa);box-shadow:0 8px 24px rgba(26,37,77,.13);scale:1.08;outline:2px solid var(--v-accent,#738faa);outline-offset:3px}
body.v4 .v5-orbit-node[aria-pressed=true]{background:var(--v-soft,#e8edf1);color:var(--v-accent,#738faa);box-shadow:0 0 0 2px rgba(115,143,170,.24)}
body.v4 .v5-orbit-node>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff;font-size:1.25rem;font-weight:650;line-height:1}
body.v4 .v5-orbit-node>span.v5-app-icon{width:30px;height:30px;border-radius:0;background:transparent}
body.v4 .v5-app-icon img{display:block;width:100%;height:100%;object-fit:contain}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node>span{animation:v5-orbit-spin 54s linear infinite reverse}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(1){top:6%;left:50%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(2){top:18.8%;left:81.2%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(3){top:50%;left:94%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(4){top:81.2%;left:81.2%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(5){top:94%;left:50%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(6){top:81.2%;left:18.8%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(7){top:50%;left:6%}
body.v4 .v5-orbit-nodes--outer .v5-orbit-node:nth-child(8){top:18.8%;left:18.8%}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node{width:clamp(42px,4.5vw,58px);height:clamp(42px,4.5vw,58px);pointer-events:none}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node>span{width:34px;height:34px;color:#8b90a3;font-size:1.05rem}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node>span{animation:v5-orbit-spin 38s linear infinite}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node:nth-child(1){top:24.5%;left:50%}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node:nth-child(2){top:50%;left:75.5%}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node:nth-child(3){top:75.5%;left:50%}
body.v4 .v5-orbit-nodes--inner .v5-orbit-node:nth-child(4){top:50%;left:24.5%}
body.v4 .v5-orbit-centre{position:absolute;top:50%;left:50%;display:flex;width:31%;min-width:130px;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:15px;border-radius:50%;background:rgba(255,255,255,.92);transform:translate(-50%,-50%);text-align:center}
body.v4 .v5-orbit-centre img{display:block;width:34%;height:auto;object-fit:contain}
body.v4 .v5-orbit-centre>span{max-width:18ch;color:#777f89;font-size:.68rem;line-height:1.35}
body.v4 .v5-integrations-copy h2{margin:0 0 24px;color:#202124;font-size:clamp(2.4rem,4.3vw,3.65rem)!important;font-weight:500;line-height:1.08;letter-spacing:-.045em}
body.v4 .v5-integrations-copy h2 span{display:block;color:var(--v-accent,#738faa)}
body.v4 .v5-integrations-copy>p{max-width:46ch;margin:0 0 24px;color:#747a7e;font-size:1rem;line-height:1.8}
body.v4 .v5-integrations-link{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:16px;padding:0 21px;border:1px solid #e1e3e6;border-radius:999px;background:#fff;color:#25292e;font-size:.9rem;font-weight:550;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
body.v4 .v5-integrations-link:hover{transform:translateY(-1px);border-color:#d2d5d9;background:#f7f8f9}
body.v4 .v5-integrations-link span{font-size:1.15em;transition:transform .2s ease}
body.v4 .v5-integrations-link:hover span{transform:translate(2px,-2px)}
body.v4 .v5-integrations-copy>small{display:block;margin-top:24px;color:#80858a;font-size:.75rem;line-height:1.5}
body.v4 .v5-integrations-visual:hover .v5-orbit-nodes{animation-play-state:paused}
@keyframes v5-orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){body.v4 .v5-integrations-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:38px}body.v4 .v5-orbit-centre{min-width:110px}body.v4 .v5-orbit-node{width:52px;height:52px}body.v4 .v5-orbit-node>span{width:34px;height:34px}}
@media(max-width:700px){body.v4 .v5-integrations-section{padding:60px 0}body.v4 .v5-integrations-grid{grid-template-columns:minmax(0,1fr);gap:28px}body.v4 .v5-integrations-visual{width:min(100%,430px);grid-row:2}body.v4 .v5-integrations-copy{grid-row:1}body.v4 .v5-integrations-copy h2{font-size:clamp(2.2rem,8vw,3rem)!important}body.v4 .v5-integrations-copy>p{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-orbit-nodes{animation:none!important}body.v4 .v5-orbit-node,body.v4 .v5-integrations-link span{transition:none!important}}

/* Keep these section titles on the same scale as the ORTO Intelligence heading. */
body.v4 .v5-stories-heading h2,
body.v4 .v5-business-heading h2,
body.v4 .v5-integrations-copy h2{font-size:clamp(2rem,3vw,2.75rem)!important;font-weight:500;line-height:1.1;letter-spacing:-.045em}
@media(max-width:900px){body.v4 .v5-stories-heading h2,body.v4 .v5-business-heading h2,body.v4 .v5-integrations-copy h2{font-size:clamp(1.8rem,4vw,2.3rem)!important}}
@media(max-width:700px){body.v4 .v5-stories-heading h2,body.v4 .v5-business-heading h2,body.v4 .v5-integrations-copy h2{font-size:clamp(1.9rem,8vw,2.6rem)!important}}

/* ORTO FAQ in the reference's clean split-column accordion layout. */
body.v4 .v5-faq-section{padding:clamp(74px,9vw,128px) 0;background:#fff}
body.v4 .v5-faq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,9vw,132px);align-items:start}
body.v4 .v5-faq-intro h2{max-width:12ch;margin:0 0 18px;color:#202124;font-size:clamp(2.2rem,3.5vw,3rem)!important;font-weight:500;line-height:1.1;letter-spacing:-.045em}
body.v4 .v5-faq-intro h2{font-size:clamp(2rem,3vw,2.75rem)!important}
body.v4 .v5-faq-intro>p{margin:0 0 26px;color:#747a7e;font-size:.95rem;line-height:1.7}
body.v4 .v5-faq-contact{display:inline-flex;align-items:center;gap:9px;color:#5365eb;font-size:.86rem;font-weight:600;text-decoration:none}
body.v4 .v5-faq-contact span{transition:transform .2s ease}
body.v4 .v5-faq-contact:hover span{transform:translate(2px,-2px)}
body.v4 .v5-faq-list details{padding:20px 0;border-bottom:1px solid #e3e4e6}
body.v4 .v5-faq-list details:first-child{border-top:1px solid #e3e4e6}
body.v4 .v5-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;color:#24272a;font-size:.94rem;font-weight:550;line-height:1.5;cursor:pointer}
body.v4 .v5-faq-list summary::-webkit-details-marker{display:none}
body.v4 .v5-faq-list summary::after{content:"";width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid #737b82;border-bottom:1.5px solid #737b82;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease,color .2s ease}
body.v4 .v5-faq-list details[open] summary{color:#5365eb}
body.v4 .v5-faq-list details[open] summary::after{transform:rotate(225deg) translate(-2px,-1px);border-color:#5365eb}
body.v4 .v5-faq-list details>p{max-width:66ch;margin:14px 28px 0 0;color:#747a7e;font-size:.86rem;line-height:1.75}
body.v4 .v5-faq-list summary:focus-visible,body.v4 .v5-faq-contact:focus-visible{outline:3px solid #5365eb;outline-offset:4px;border-radius:2px}
@media(max-width:900px){body.v4 .v5-faq-grid{gap:42px}}
@media(max-width:700px){body.v4 .v5-faq-section{padding:60px 0}body.v4 .v5-faq-grid{grid-template-columns:minmax(0,1fr);gap:28px}body.v4 .v5-faq-intro h2{font-size:clamp(2rem,8vw,2.6rem)!important;margin-bottom:12px}body.v4 .v5-faq-intro>p{margin-bottom:17px}body.v4 .v5-faq-list details{padding:17px 0}body.v4 .v5-faq-list summary{font-size:.9rem}body.v4 .v5-faq-list details>p{font-size:.84rem}}
@media(max-width:900px){body.v4 .v5-faq-intro h2{font-size:clamp(1.8rem,4vw,2.3rem)!important}}
@media(max-width:700px){body.v4 .v5-faq-intro h2{font-size:clamp(1.9rem,8vw,2.6rem)!important}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-faq-contact span,body.v4 .v5-faq-list summary::after{transition:none!important}}

/* Latest ORTO guides, following the editorial card row in the reference. */
body.v4 .v5-updates-section{padding:clamp(64px,8vw,108px) 0;background:#fff}
body.v4 .v5-updates-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
body.v4 .v5-updates-heading h2{margin:0;color:#202124;font-size:1rem!important;font-weight:550;line-height:1.3}
body.v4 .v5-updates-all{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 19px;border:1px solid #e1e3e6;border-radius:999px;background:#fff;color:#25292e;font-size:.8rem;font-weight:550;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
body.v4 .v5-updates-all:hover{transform:translateY(-1px);border-color:#d2d5d9;background:#f7f8f9}
body.v4 .v5-updates-all span{font-size:1.15em;transition:transform .2s ease}
body.v4 .v5-updates-all:hover span{transform:translate(2px,-2px)}
body.v4 .v5-updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.v4 .v5-update-card{min-width:0}
body.v4 .v5-update-image{display:block;overflow:hidden;aspect-ratio:1/1;border-radius:9px;background:#e8e9ec}
body.v4 .v5-update-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
body.v4 .v5-update-image:hover img,body.v4 .v5-update-image:focus-visible img{transform:scale(1.035)}
body.v4 .v5-update-image:focus-visible,body.v4 .v5-update-card h3 a:focus-visible,body.v4 .v5-updates-all:focus-visible{outline:3px solid #5365eb;outline-offset:4px}
body.v4 .v5-update-card h3{margin:16px 3px 7px;color:#202124;font-size:1.05rem!important;font-weight:550;line-height:1.35;letter-spacing:-.015em}
body.v4 .v5-update-card h3 a{color:inherit;text-decoration:none}
body.v4 .v5-update-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.v4 .v5-update-meta{display:flex;align-items:center;gap:10px;margin:0 3px;color:#73797e;font-size:.75rem;line-height:1.5}
@media(max-width:760px){body.v4 .v5-updates-section{padding:54px 0 60px}body.v4 .v5-updates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}body.v4 .v5-update-image{aspect-ratio:1/1}body.v4 .v5-update-card h3{font-size:.98rem!important}}
@media(max-width:480px){body.v4 .v5-updates-grid{grid-template-columns:minmax(0,1fr);gap:24px}body.v4 .v5-update-image{aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-update-image img,body.v4 .v5-updates-all,body.v4 .v5-updates-all span{transition:none!important}}
body.v4 .v5-fixed-demo{position:fixed;right:24px;bottom:22px;z-index:1100;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:11px;padding:0 21px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#5263ec;color:#fff;box-shadow:0 8px 20px rgba(41,56,175,.22);font-size:.86rem;font-weight:650;line-height:1;text-decoration:none;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
body.v4 .v5-fixed-demo:hover{transform:translateY(-2px);background:#414fdb;box-shadow:0 11px 24px rgba(41,56,175,.3)}
body.v4 .v5-fixed-demo:focus-visible{outline:3px solid #5263ec;outline-offset:4px}
body.v4 .v5-fixed-demo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){body.v4 .v5-fixed-demo{right:16px;bottom:16px;min-height:46px;padding:0 18px}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-fixed-demo{transition:none!important}}

/* Four-plan package carousel, using the layered motion of the homepage hero cards. */
body.v4 .v5-pricing{background:#f2f4f6!important}
body.v4 .v5-pricing-grid{grid-template-columns:.78fr 1.22fr;gap:64px}
body.v4 .v5-pricing-intro h2{margin:24px 0!important}
body.v4 .v5-pricing-intro h2{font-size:clamp(2rem,3vw,2.75rem)!important}
@media(max-width:900px){body.v4 .v5-pricing-intro h2{font-size:clamp(1.8rem,4vw,2.3rem)!important}}
@media(max-width:700px){body.v4 .v5-pricing-intro h2{font-size:clamp(1.9rem,8vw,2.6rem)!important}}
body.v4 .v5-pricing-intro p{max-width:38ch;color:var(--v-muted);line-height:1.75}
body.v4 .v5-pricing-carousel{position:relative;min-width:0;min-height:510px;padding-bottom:58px;isolation:isolate}
body.v4 .v5-pricing-stack{position:absolute;inset:0 0 58px;isolation:isolate}
body.v4 .v5-package-card{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:91%;overflow:hidden;padding:27px 32px 30px;border:1px solid rgba(255,255,255,.22);border-radius:23px;background:radial-gradient(ellipse at 88% 8%,rgba(88,120,255,.42),transparent 45%),linear-gradient(145deg,#10224c,#152d61 58%,#243e7b);color:#fff;box-shadow:0 25px 65px -30px rgba(11,17,23,.52);transform-origin:40% 55%;transition:transform .85s cubic-bezier(.2,.75,.2,1),opacity .5s ease}
body.v4 .v5-package-card[data-position="active"]{z-index:3;opacity:1;transform:translateX(0) scale(1)}
body.v4 .v5-package-card[data-position="next"]{z-index:2;opacity:.88;transform:translateX(-8%) scale(.84)}
body.v4 .v5-package-card[data-position="back"]{z-index:1;opacity:.76;transform:translateX(-16%) scale(.69)}
body.v4 .v5-package-card[data-position="hidden"]{z-index:0;opacity:0;transform:translateX(12%) scale(.6);pointer-events:none}
body.v4 .v5-package-card-top{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-size:.62rem;font-weight:650;letter-spacing:.12em}
body.v4 .v5-package-mark{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:9px;color:#fff;font-size:1rem;font-weight:700;letter-spacing:-.06em}
body.v4 .v5-package-number{margin-left:auto;font-variant-numeric:tabular-nums}
body.v4 .v5-package-card-copy{max-width:450px;margin:auto 0;padding:22px 0 10px}
body.v4 .v5-package-eyebrow{color:#b9c9ff;font-size:.72rem;font-weight:600;letter-spacing:.04em}
body.v4 .v5-package-card h3{margin:9px 0 10px;color:#fff;font-size:clamp(2.4rem,4vw,3.6rem)!important;font-weight:550;letter-spacing:-.055em;line-height:1.02}
body.v4 .v5-package-price{margin:21px 0 4px;color:#fff;font-size:clamp(1.7rem,3vw,2.35rem)!important;font-weight:550;letter-spacing:-.04em;line-height:1.1}
body.v4 .v5-package-price small{color:rgba(255,255,255,.72);font-size:.78rem;font-weight:450;letter-spacing:0}
body.v4 .v5-package-note{margin:0 0 19px;color:rgba(255,255,255,.76);font-size:.78rem!important;line-height:1.5}
body.v4 .v5-package-description{max-width:43ch;margin:0 0 24px;color:rgba(255,255,255,.83);font-size:.89rem!important;line-height:1.65}
body.v4 .v5-package-link{display:inline-flex;align-items:center;gap:10px;min-height:43px;padding:0 17px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;font-size:.78rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
body.v4 .v5-package-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.13)}
body.v4 .v5-package-link:focus-visible,body.v4 .v5-pricing-controls button:focus-visible{outline:3px solid #9bb4ff;outline-offset:4px}
body.v4 .v5-pricing-controls{position:absolute;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:space-between;color:#65707b}
body.v4 .v5-pricing-controls>span{font-size:.72rem;font-weight:650;letter-spacing:.08em;font-variant-numeric:tabular-nums}
body.v4 .v5-pricing-controls>span i{color:#a7afb7;font-style:normal}
body.v4 .v5-pricing-controls>div{display:flex;gap:10px}
body.v4 .v5-pricing-controls button{position:relative;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid #d5d9de;border-radius:50%;background:transparent;color:#59636d;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
body.v4 .v5-pricing-controls button:hover{border-color:#aab2bb;background:#f8f9fa;color:#202124}
body.v4 .v5-pricing-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.v4 .v5-package-progress{position:absolute;inset:-2px;border:2px solid transparent;border-radius:50%;pointer-events:none}
body.v4 .v5-package-progress.is-running{animation:packageProgress 6.8s linear both}
@keyframes packageProgress{from{border-top-color:#6678ed;transform:rotate(0)}to{border-top-color:#6678ed;border-right-color:#6678ed;border-bottom-color:#6678ed;border-left-color:#6678ed;transform:rotate(360deg)}}
@media(max-width:900px){body.v4 .v5-pricing-grid{grid-template-columns:1fr;gap:32px}body.v4 .v5-pricing-intro{max-width:600px}body.v4 .v5-pricing-carousel{width:min(100%,660px);justify-self:center}}
@media(max-width:600px){body.v4 .v5-pricing-carousel{min-height:475px;padding-bottom:54px}body.v4 .v5-pricing-stack{inset:0 0 54px}body.v4 .v5-package-card{width:94%;padding:23px 21px 25px;border-radius:20px}body.v4 .v5-package-card[data-position="next"]{transform:translateX(-5%) scale(.86)}body.v4 .v5-package-card[data-position="back"]{transform:translateX(-10%) scale(.72)}body.v4 .v5-package-card h3{font-size:2.5rem!important}body.v4 .v5-package-price{font-size:1.8rem!important}body.v4 .v5-package-description{font-size:.81rem!important}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-package-card,body.v4 .v5-package-link,body.v4 .v5-pricing-controls button{transition:none!important}body.v4 .v5-package-progress.is-running{animation:none!important}}

/* Let page content show softly through the sticky navigation while scrolling. */
body.v4 .site-header-frame{background:rgba(233,237,240,.2)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}
body.v4 .site-header,body.v4 .site-header.is-scrolled{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}

/* Match the package deck's dimensions and layered offsets to the hero carousel. */
body.v4 .v5-pricing-carousel{min-height:555px;padding-bottom:54px}
body.v4 .v5-pricing-grid{grid-template-columns:1.07fr 1fr;gap:35px}
body.v4 .v5-pricing-stack{inset:8px 0 54px}
body.v4 .v5-package-card{width:90%;opacity:1;box-shadow:none}
body.v4 .v5-package-card[data-position="active"],body.v4 .v5-package-card[data-position="next"],body.v4 .v5-package-card[data-position="back"]{opacity:1}
body.v4 .v5-package-card[data-position="next"]{transform:translateX(-10%) scale(.84)}
body.v4 .v5-package-card[data-position="back"]{transform:translateX(-20%) scale(.69)}
body.v4 .v5-pricing-controls{right:0;bottom:0;left:10%;width:90%;justify-content:center}
body.v4 .v5-pricing-controls>span{display:none}
body.v4 .v5-pricing-controls>div{gap:16px}
body.v4 .v5-pricing-controls button{width:44px;height:44px}
body.v4 .v5-pricing-controls svg{width:24px;height:24px}
@media(max-width:760px){body.v4 .v5-pricing-carousel{min-height:470px;padding-bottom:52px}body.v4 .v5-pricing-stack{inset:6px 0 52px}body.v4 .v5-package-card{width:92%}body.v4 .v5-package-card[data-position="next"]{transform:translateX(-8%) scale(.84)}body.v4 .v5-package-card[data-position="back"]{transform:translateX(-16%) scale(.69)}body.v4 .v5-pricing-controls{left:8%;width:92%}}
@media(min-width:901px) and (max-width:1150px){body.v4 .v5-pricing-carousel{transform:scale(.92);transform-origin:center right}}
@media(min-width:761px) and (max-width:900px){body.v4 .v5-pricing-carousel{width:min(100%,calc((100vw - 79px)/2.08));justify-self:end;transform:scale(.92);transform-origin:center right}}
@media(max-width:760px){body.v4 .v5-pricing-carousel{width:min(100%,480px);justify-self:center;transform:none}}

/* Use the hero CTA arrow and hover motion in the links that lead from pricing. */
body.v4 .v5-integrations-link svg,body.v4 .v5-compare-packages svg{display:block;flex:0 0 18px;width:18px;height:18px;transition:transform .22s ease}
body.v4 .v5-integrations-link:hover{transform:translateY(-2px)}
body.v4 .v5-integrations-link:hover svg,body.v4 .v5-compare-packages:hover svg{transform:translateX(3px)}
body.v4 .v5-compare-packages{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:20px;padding:0 24px;border-radius:999px;font-size:13px!important;font-weight:600!important;line-height:1;text-decoration:none;transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease}
body.v4 .v5-compare-packages:hover,body.v4 .v5-compare-packages:focus-visible{transform:translateY(-2px)}
body.v4 .v5-compare-packages:focus-visible{outline:2px solid #858984;outline-offset:3px}

/* Match the hero carousel's circular arrow buttons, icons, hover state and progress sweep. */
body.v4 .v5-pricing-controls button{width:44px;height:44px;min-height:44px;border:1px solid #d5d5d5!important;border-radius:50%;background:transparent!important;color:#686868;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease!important}
body.v4 .v5-pricing-controls button:hover{background:#f4f4f4!important;border-color:#a7a7a7!important;color:#4f4f4f!important}
body.v4 .v5-pricing-controls svg{display:block;width:24px;height:24px;fill:currentColor;stroke:none}
body.v4 .v5-pricing-controls .v4-hero-progress{position:absolute;inset:0;width:44px;height:44px;border:0;border-radius:50%;background:conic-gradient(from -90deg,#686868 var(--hero-progress-angle),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));pointer-events:none;opacity:0;transform:translate(-1.111px,-1.111px)}
body.v4 .v5-pricing-controls .v4-hero-progress.is-running{animation:heroCardRing 6.8s linear both;opacity:1}
@media(prefers-reduced-motion:reduce){body.v4 .v5-integrations-link svg,body.v4 .v5-compare-packages,body.v4 .v5-compare-packages svg{transition:none!important}}

/* Give each ORTO package its own distinct, coordinated brand gradient. */
body.v4 .v5-package-card:nth-child(1){background:radial-gradient(ellipse at 88% 8%,rgba(118,151,255,.5),transparent 44%),linear-gradient(145deg,#315eae 0%,#244987 48%,#173260 100%)}
body.v4 .v5-package-card:nth-child(2){background:radial-gradient(ellipse at 88% 8%,rgba(157,145,255,.45),transparent 44%),linear-gradient(145deg,#514eae 0%,#383d8b 48%,#242c62 100%)}
body.v4 .v5-package-card:nth-child(3){background:radial-gradient(ellipse at 88% 8%,rgba(91,218,221,.38),transparent 44%),linear-gradient(145deg,#168b9b 0%,#176d8d 48%,#17466f 100%)}
body.v4 .v5-package-card:nth-child(4){background:radial-gradient(ellipse at 88% 8%,rgba(195,143,255,.42),transparent 44%),linear-gradient(145deg,#754ca8 0%,#513c8c 48%,#302d69 100%)}

/* Kallin-inspired pre-footer call to action, adapted to ORTO's brand. */
body.v4 .v4-final{padding:100px 0 86px!important;background:#fff!important;color:#171817!important;text-align:center}
body.v4 .v4-final>.container{display:flex;flex-direction:column;align-items:center}
body.v4 .v4-final-mark{display:grid;width:64px;height:64px;margin:0 0 25px;place-items:center;border:1px solid #101820;border-radius:20px;background:#101820;box-shadow:none}
body.v4 .v4-final-mark img{display:block;width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}
body.v4 .v4-final h2{max-width:720px;margin:0 0 29px!important;color:#171817!important;font-size:clamp(3rem,5vw,4.25rem)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.08!important}
body.v4 .v4-final-cta{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:15px;margin:0!important;padding:0 23px;border:0!important;border-radius:999px;background:#738FAA!important;color:#fff!important;font-size:14px!important;font-weight:600!important;text-decoration:none;transition:transform .18s ease,background-color .2s ease!important}
body.v4 .v4-final-cta:hover{transform:translateY(-2px);background:#425d78!important}
body.v4 .v4-final-cta span{font-size:18px;line-height:1}
body.v4 .v4-final-note{margin:15px 0 0!important;color:#737872!important;font-size:11px!important;line-height:1.5}
body.v4 .v4-final-cta svg,body.v4 .v5-compare-packages svg{display:block;flex:0 0 18px;width:18px;height:18px;transition:transform .22s ease!important;transform:translateX(0)!important}
body.v4 .v4-final-cta:hover svg,body.v4 .v4-final-cta:focus-visible svg,body.v4 .v5-compare-packages:hover svg,body.v4 .v5-compare-packages:focus-visible svg{transform:translateX(3px)!important}
body.v4 .v4-final-cta,body.v4 .v5-compare-packages{transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
body.v4 .v4-final-cta:hover,body.v4 .v4-final-cta:focus-visible,body.v4 .v5-compare-packages:hover,body.v4 .v5-compare-packages:focus-visible{transform:translateY(-2px)!important;background:#425d78!important;border-color:#425d78!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){body.v4 .v4-final-cta,body.v4 .v4-final-cta svg,body.v4 .v5-compare-packages,body.v4 .v5-compare-packages svg{transition:none!important}}
@media(max-width:760px){body.v4 .v4-final{padding:76px 0 65px!important}body.v4 .v4-final-mark{width:56px;height:56px;margin-bottom:22px;border-radius:18px}body.v4 .v4-final-mark img{width:28px;height:28px}body.v4 .v4-final h2{font-size:clamp(2.5rem,11vw,3.5rem)!important;margin-bottom:25px!important}}

/* One shared arrow glyph and motion for the hero, package comparison and pre-footer CTAs. */
body.v4 .v4-hero .v4-hero-trial svg,body.v4 .v5-compare-packages svg,body.v4 .v4-final-cta svg{display:block;flex:0 0 18px;width:18px!important;height:18px!important;transition:transform .22s ease!important;transform:translateX(0)!important}
body.v4 .v4-hero .v4-hero-trial:hover svg,body.v4 .v5-compare-packages:hover svg,body.v4 .v4-final-cta:hover svg{transform:translateX(4px)!important}
body.v4 .v4-hero .v4-hero-trial,body.v4 .v5-compare-packages,body.v4 .v4-final-cta{transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
body.v4 .v4-hero .v4-hero-trial:hover,body.v4 .v4-hero .v4-hero-trial:focus-visible,body.v4 .v5-compare-packages:hover,body.v4 .v5-compare-packages:focus-visible,body.v4 .v4-final-cta:hover,body.v4 .v4-final-cta:focus-visible{transform:translateY(-2px)!important;background:#425d78!important;border-color:#425d78!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){body.v4 .v4-hero .v4-hero-trial,body.v4 .v4-hero .v4-hero-trial svg,body.v4 .v5-compare-packages,body.v4 .v5-compare-packages svg,body.v4 .v4-final-cta,body.v4 .v4-final-cta svg{transition:none!important}}

/* Keep the greeting copy still; put its 3D hover response on the message preview. */
body.v4 .v5-business-greeting-content{transform:none!important;transition:none!important;will-change:auto!important}
body.v4 .v5-greeting-sample{transform:rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-origin:center;transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform}
@media(prefers-reduced-motion:reduce){body.v4 .v5-greeting-sample{transition:none!important}}

/* Keep the page's top gutter opaque so scrolling content cannot peek above the header. */
body.v4 .site-header-frame{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.v4 .site-header-frame::before{position:absolute;top:0;right:0;left:0;z-index:2;height:10px;background:#e9edf0;content:"";pointer-events:none}
body.v4 .site-header,body.v4 .site-header.is-scrolled{background:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:blur(32px)!important;backdrop-filter:blur(32px)!important}
body.v4 .site-header,body.v4 .site-header.is-scrolled{border:1px solid rgba(38,55,72,.1)!important;border-bottom:0!important;border-radius:18px 18px 0 0!important;overflow:hidden;box-shadow:none!important}
body.v4 .site-header-frame{width:calc(100% + 20px)!important;margin:-10px 0 0 -10px!important;padding:10px!important;background:transparent!important;border-radius:32px 32px 0 0!important;overflow:hidden;clip-path:inset(0 round 32px 32px 0 0)}
@media(max-width:760px){body.v4 .site-header-frame::before{height:8px}}
@media(max-width:760px){body.v4 .site-header-frame{width:calc(100% + 16px)!important;margin:-8px 0 0 -8px!important;padding:8px!important;background:transparent!important;border-radius:26px 26px 0 0!important;overflow:hidden;clip-path:inset(0 round 26px 26px 0 0)}body.v4 .site-header,body.v4 .site-header.is-scrolled{border-radius:18px 18px 0 0!important}}

/* Map ORTO text roles to the Kallin type scale while retaining ORTO's font and colours. */
body.v4 main :is(h1,h2,h3,h4){font-family:var(--font-site,Manrope,Arial,sans-serif)!important;letter-spacing:-.035em!important}
body.v4 main h1{font-size:clamp(2.5rem,4.6vw,3.975rem)!important;font-weight:500!important;line-height:1.08!important}
body.v4 main h2{font-size:42px!important;font-weight:500!important;line-height:1.15!important}
body.v4 main h3{font-size:1.5625rem!important;font-weight:500!important;line-height:1.3!important}
body.v4 main h4{font-size:1rem!important;font-weight:500!important;line-height:1.4!important}
body.v4 main :is(p,li,summary,dt,dd){font-size:1rem!important;line-height:1.75!important}
body.v4 main :is(button,.button){font-size:.875rem!important;line-height:1.4!important;font-weight:500!important}
body.v4 .desktop-nav a,body.v4 .mobile-menu a{font-size:.8125rem!important;line-height:1.6!important}
body.v4 :is(.site-footer a,.site-footer p){font-size:.75rem!important;line-height:1.65!important}
body.v4 .site-footer h2{font-size:.75rem!important;line-height:1.5!important;font-weight:550!important;letter-spacing:0!important}
body.v4 main :is(small,figcaption,.v4-kicker,.eyebrow,.v4-hero-note,.v4-live-demo-help,.v4-live-demo-consent,.v4-live-demo-call-copy,.v4-live-demo-call-details,.v5-update-meta,.v5-integrations-copy>small,.v4-final-note){font-size:12px!important;line-height:1.55!important}
body.v4 .v4-lead{font-size:19px!important;line-height:1.65!important}
body.v4 .v4-hero-copy .v4-lead{font-size:19px!important;line-height:1.65!important}
body.v4 :is(.v4-live-demo-copy>p,.v5-integrations-copy>p){font-size:16px!important;line-height:1.75!important}
body.v4 :is(.v4-editorial p,.v4-benefit-row p,.v4-service-grid p,.v5-story-copy p,.v5-package-description,.v5-faq-list details>p,.v5-update-card p){font-size:.9375rem!important;line-height:1.65!important}
body.v4 :is(.v4-benefit-row h3,.v4-service-grid h3,.v5-readiness-grid h3){font-size:1rem!important;line-height:1.4!important}
body.v4 .v5-story-copy h3{font-size:28px!important;line-height:1.25!important}
body.v4 .v5-update-card h3{font-size:1.25rem!important;line-height:1.4!important}
body.v4 .v5-updates-heading h2,body.v4 #customer-strip-title{font-size:16px!important;line-height:1.5!important}
body.v4 .v5-faq-intro>p{font-size:14px!important;line-height:1.8!important}
body.v4 .v5-faq-intro h2{font-size:42px!important;line-height:1.15!important}
body.v4 .v5-faq-list summary{font-size:14px!important;line-height:1.6!important}
body.v4 .v5-pricing-intro h2{font-size:42px!important;line-height:1.15!important}
body.v4 .v5-package-card h3{font-size:20px!important;line-height:1.4!important}
body.v4 .v5-package-card li{font-size:12px!important;line-height:1.6!important}
body.v4 .v5-package-price{font-size:15px!important;line-height:1.3!important}
body.v4 .v5-package-note,body.v4 .v5-package-card small{font-size:11px!important;line-height:1.6!important}
body.v4 .v5-package-description{font-size:13px!important;line-height:1.55!important}
body.v4 .v5-package-card .v5-package-description{font-size:13px!important;line-height:1.55!important}
body.v4 .v5-update-card .v5-update-meta,body.v4 .v5-update-card .v5-update-meta>*{font-size:13px!important;line-height:1.5!important}
body.v4 .v5-package-card .v5-package-price small{font-size:11px!important;line-height:1.15!important}
body.v4 .v5-package-link,body.v4 .v5-compare-packages,body.v4 .v5-integrations-link,body.v4 .v5-updates-all,body.v4 .v4-hero-trial,body.v4 .v4-final-cta{font-size:14px!important;line-height:1.4!important}
body.v4 .v5-story-copy p,body.v4 .v5-faq-list details>p,body.v4 .v5-update-card p{font-size:15px!important;line-height:1.65!important}
body.v4 .v4-benefit-row h3,body.v4 .v4-service-grid h3,body.v4 .v5-readiness-grid h3{font-size:16px!important;line-height:1.4!important}
body.v4 .v4-live-demo-copy h2,body.v4 .v5-integrations-copy h2{font-size:46.3px!important;line-height:1.14!important}
body.v4 #v5-stories-title{font-size:40px!important;line-height:1.15!important}
body.v4 #v5-workspace-title{font-size:41.46px!important;line-height:1.14!important}
body.v4 .v4-final h2{font-size:64px!important;line-height:1.1!important}
body.v4 .v4-final-note{font-size:12px!important}
@media(max-width:760px){body.v4 main h1{font-size:clamp(2.25rem,9vw,3.5rem)!important}body.v4 main h2,body.v4 .v5-pricing-intro h2{font-size:clamp(2.1rem,8vw,2.9rem)!important}body.v4 .v5-story-copy h3{font-size:clamp(1.45rem,6.5vw,1.75rem)!important}}

/* Final typography alignment: bring legacy homepage copy onto the Kallin role scale. */
body.v4 .v4-hero .v4-hero-trial,
body.v4 .v4-hero .v4-text-link,
body.v4 .v4-proof-more,
body.v4 .v4-showcase-copy .v4-text-link{font-size:14px!important;line-height:1.4!important}
body.v4 .v4-hero-story-copy h2,
body.v4 .v5-intelligence-intro h2,
body.v4 .v5-feature-copy #v5-intelligence-title,
body.v4 #v5-business-title{font-size:42px!important;line-height:1.15!important}
body.v4 .v4-showcase-copy h3{font-size:25px!important;line-height:1.3!important}
body.v4 .v4-showcase-copy p,
body.v4 .v4-benefit-row p{font-size:15px!important;line-height:1.65!important}
body.v4 .v4-benefit-row h4{font-size:16px!important;line-height:1.4!important}
body.v4 .v4-showcase-disclaimer,
body.v4 .v5-stories-note,
body.v4 .v5-business-note{font-size:11px!important;line-height:1.55!important}
body.v4 .v4-product-showcase .v4-showcase-copy h3{font-size:25px!important;line-height:1.3!important}
body.v4 .v4-product-showcase .v4-showcase-copy p{font-size:15px!important;line-height:1.65!important}
body.v4 .v4-product-showcase .v4-showcase-disclaimer{font-size:11px!important;line-height:1.55!important}
body.v4 .v4-showcase-more-grid h4{font-size:16px!important;line-height:1.4!important}
body.v4 .v4-showcase-more-grid p{font-size:15px!important;line-height:1.65!important}
body.v4 .v5-faq-list details>p{overflow:hidden;transition:height .34s cubic-bezier(.22,.7,.25,1),opacity .24s ease,transform .34s cubic-bezier(.22,.7,.25,1)}
@media(max-width:760px){
  body.v4 .v4-hero-story-copy h2,
  body.v4 .v5-feature-copy #v5-intelligence-title,
  body.v4 #v5-business-title{font-size:clamp(2.1rem,8vw,2.9rem)!important}
  body.v4 .v4-showcase-copy h3{font-size:clamp(1.45rem,6.5vw,1.75rem)!important}
  body.v4 .v4-product-showcase .v4-showcase-copy h3{font-size:clamp(1.45rem,6.5vw,1.75rem)!important}
}
@media(prefers-reduced-motion:reduce){body.v4 .v5-faq-list details>p{transition:none!important}}

/* Keep the FAQ accent in ORTO's muted brand blue instead of Kallin's vivid violet-blue. */
body.v4 .v5-faq-section{--v5-faq-accent:var(--v-accent,#738faa)}
body.v4 .v5-faq-contact,
body.v4 .v5-faq-list details[open] summary{color:var(--v5-faq-accent)!important}
body.v4 .v5-faq-list details[open] summary::after{border-color:var(--v5-faq-accent)!important}
body.v4 .v5-faq-list summary:focus-visible,
body.v4 .v5-faq-contact:focus-visible{outline-color:var(--v5-faq-accent)!important}

/* Finish the package cards with clearer price hierarchy, scoped highlights and a strong action. */
body.v4 .v5-package-card{border-color:rgba(255,255,255,.3);box-shadow:0 18px 44px -32px rgba(8,18,42,.72)}
body.v4 .v5-package-card-top{justify-content:space-between;gap:12px}
body.v4 .v5-package-card-top>span:last-child{padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;letter-spacing:.11em}
body.v4 .v5-package-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;max-width:450px;margin:0;padding:18px 0 0}
body.v4 .v5-package-card .v5-package-eyebrow{font-size:12px!important;line-height:1.4!important}
body.v4 .v5-package-card h3{margin:7px 0 3px;font-size:24px!important;line-height:1.2!important;letter-spacing:-.035em!important}
body.v4 .v5-package-card .v5-package-price{margin:8px 0 0;font-size:24px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.035em!important}
body.v4 .v5-package-card .v5-package-price small{font-size:13px!important;font-weight:450!important;letter-spacing:0}
body.v4 .v5-package-card .v5-package-note{display:inline-block;max-width:100%;margin:9px 0 0;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.08);font-size:11px!important;line-height:1.45!important}
body.v4 .v5-package-card .v5-package-description{margin:12px 0 0;font-size:13px!important;line-height:1.5!important}
body.v4 .v5-package-features{display:grid;gap:7px;width:100%;margin:13px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.2);list-style:none}
body.v4 .v5-package-features li{display:flex;align-items:flex-start;gap:9px;color:rgba(255,255,255,.92);font-size:12px!important;line-height:1.45!important}
body.v4 .v5-package-features li>span{display:grid;width:16px;height:16px;flex:0 0 16px;margin-top:1px;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:10px;font-weight:700;line-height:1}
body.v4 .v5-package-card .v5-package-link{min-height:44px;gap:12px;margin-top:auto;padding:0 17px;border:1px solid #e8edf1;background:#e8edf1;color:#263744;font-size:14px!important;font-weight:600;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
body.v4 .v5-package-card .v5-package-link span{display:inline-block;font-size:18px;line-height:1;transition:transform .22s ease}
body.v4 .v5-package-card .v5-package-link:hover{transform:translateY(-2px);border-color:#fff;background:#fff;box-shadow:0 5px 14px rgba(6,18,40,.18)}
body.v4 .v5-package-card .v5-package-link:hover span{transform:translateX(3px)}
body.v4 .v5-package-card .v5-package-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:600px){body.v4 .v5-package-card-copy{padding-top:14px}body.v4 .v5-package-card h3{font-size:22px!important}body.v4 .v5-package-card .v5-package-price{font-size:22px!important}body.v4 .v5-package-features{gap:6px;margin-top:10px;padding-top:10px}body.v4 .v5-package-features li{font-size:11px!important}body.v4 .v5-package-card .v5-package-link{min-height:42px}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-package-card .v5-package-link,body.v4 .v5-package-card .v5-package-link span{transition:none!important}}

/* Refine package cards to restrained ORTO blue, slate and cool-grey surfaces. */
body.v4 .v5-package-card:nth-child(1){background:radial-gradient(ellipse at 88% 8%,rgba(113,148,190,.13),transparent 45%),linear-gradient(145deg,#edf3f8 0%,#e4edf5 52%,#dce7f0 100%);color:#172331;border-color:rgba(72,103,132,.16);box-shadow:0 18px 44px -32px rgba(31,55,79,.28)}
body.v4 .v5-package-card:nth-child(2){background:radial-gradient(ellipse at 88% 8%,rgba(118,144,174,.12),transparent 45%),linear-gradient(145deg,#f0f3f6 0%,#e7edf2 52%,#dfe7ee 100%);color:#172331;border-color:rgba(72,103,132,.16);box-shadow:0 18px 44px -32px rgba(31,55,79,.28)}
body.v4 .v5-package-card:nth-child(3){background:radial-gradient(ellipse at 88% 8%,rgba(105,151,165,.12),transparent 45%),linear-gradient(145deg,#edf3f4 0%,#e3ecee 52%,#dbe7e9 100%);color:#172331;border-color:rgba(72,103,132,.16);box-shadow:0 18px 44px -32px rgba(31,55,79,.28)}
body.v4 .v5-package-card:nth-child(4){background:radial-gradient(ellipse at 88% 8%,rgba(132,149,171,.12),transparent 45%),linear-gradient(145deg,#f0f2f5 0%,#e7ebf0 52%,#dfe5ec 100%);color:#172331;border-color:rgba(72,103,132,.16);box-shadow:0 18px 44px -32px rgba(31,55,79,.28)}
body.v4 .v5-package-card-top{color:#617589}
body.v4 .v5-package-card-top>span:last-child{border-color:rgba(69,100,130,.16);background:rgba(255,255,255,.52);color:#536a7e}
body.v4 .v5-package-mark{background:#fff;color:#55799c}
body.v4 .v5-package-card .v5-package-eyebrow{color:#60758a}
body.v4 .v5-package-card h3,body.v4 .v5-package-card .v5-package-price{color:#172331}
body.v4 .v5-package-card .v5-package-price small,body.v4 .v5-package-card .v5-package-note{color:#586d80}
body.v4 .v5-package-card .v5-package-note{border-color:rgba(69,100,130,.14);background:rgba(255,255,255,.48)}
body.v4 .v5-package-card .v5-package-description,body.v4 .v5-package-features li{color:#405365}
body.v4 .v5-package-features{border-top-color:rgba(69,100,130,.18)}
body.v4 .v5-package-features li>span{background:#d7e4f0;color:#466b8d}

/* Keep the Product menu above page content and let it extend beyond the header. */
body.v4 .site-header-frame{z-index:1500!important;overflow:visible!important;clip-path:none!important}
body.v4 .site-header,body.v4 .site-header.is-scrolled{z-index:1500!important;overflow:visible!important}
body.v4 .site-header .nav-product-dropdown{z-index:1600!important}
body.v4 .site-header .nav-product-eyebrow{color:#738FAA}
body.v4 .site-header .nav-product-icon{background:#eaf1f7;color:#738FAA}
body.v4 .site-header .nav-product-dropdown a:hover,
body.v4 .site-header .nav-product-dropdown a:focus-visible{background:#f0f5f9}
body.v4 .site-header .nav-product-dropdown a:hover .nav-product-arrow,
body.v4 .site-header .nav-product-dropdown a:focus-visible .nav-product-arrow{color:#738FAA}
body.v4 .v5-fixed-demo{background:#738FAA;box-shadow:0 8px 20px rgba(47,76,105,.22)}
body.v4 .v5-fixed-demo:hover{background:#405a73;box-shadow:0 11px 24px rgba(47,76,105,.3)}
body.v4 .v5-fixed-demo:focus-visible{outline-color:#738FAA}
body.v4 .site-header,body.v4 .site-header.is-scrolled{border-radius:24px 24px 0 0!important;background-clip:padding-box}
body.v4 .v5-fixed-demo{border-color:transparent}
body.v4 .site-header-frame{background:#e9edf0!important}
body.v4 .site-header-frame{padding-bottom:0!important}
body.v4 .site-header,body.v4 .site-header.is-scrolled{border:0!important}
body.v4 .site-header,body.v4 .site-header.is-scrolled{position:relative!important;isolation:auto!important;border-radius:24px 24px 0 0!important;background:#fff!important;background-clip:border-box!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.v4 .site-header::before{display:none!important;content:none!important}

/* ORTO pricing page: Kallin-inspired package comparison with ORTO surfaces and scope-led copy. */
body.packages-page .pricing-rebuild-hero{padding:clamp(52px,7vw,88px) 0 36px;text-align:center;background:#fff}
body.packages-page .pricing-rebuild-hero .container{max-width:1040px}
body.packages-page .pricing-rebuild-hero h1{margin:12px auto 16px;max-width:900px;color:#171f28;font-size:clamp(2.7rem,5.2vw,4.4rem);line-height:1.08;letter-spacing:-.055em}
body.packages-page .pricing-rebuild-hero h1 em{color:#738FAA;font-style:normal}
body.packages-page .pricing-rebuild-hero>.container>p{max-width:720px;margin:0 auto;color:#617080;font-size:16px;line-height:1.7}
body.packages-page .pricing-billing-note{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
body.packages-page .pricing-billing-note span{padding:9px 14px;border:1px solid #dce4eb;border-radius:999px;background:#fff;color:#485c70;font-size:12px}
body.packages-page .pricing-billing-note span:first-child{border-color:#cbd9e7;background:#edf3f9;color:#3e6284;font-weight:650}
body.packages-page .pricing-rebuild-plans{padding:24px 0 72px;background:#fff}
body.packages-page .pricing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
body.packages-page .orto-plan-card{display:flex;min-width:0;flex-direction:column;padding:24px 21px 20px;border:1px solid #dce4eb;border-radius:18px;background:linear-gradient(150deg,#f5f8fb,#edf2f6);box-shadow:0 10px 30px rgba(31,55,79,.045)}
body.packages-page .orto-plan-card--professional{background:linear-gradient(150deg,#f3f6f9,#eaf0f5)}
body.packages-page .orto-plan-card--business{background:linear-gradient(150deg,#f1f6f7,#e8eff1)}
body.packages-page .orto-plan-card--custom{background:linear-gradient(150deg,#f4f5f8,#ebeff3)}
body.packages-page .orto-plan-label{min-height:30px;color:#62788d;font-size:11px;font-weight:650;letter-spacing:.02em}
body.packages-page .orto-plan-card h2{margin:5px 0 9px;color:#182431;font-size:22px;line-height:1.25;letter-spacing:-.03em}
body.packages-page .orto-plan-summary{min-height:68px;margin:0;color:#526273;font-size:13px;line-height:1.55}
body.packages-page .orto-plan-price{margin:20px 0 0;color:#172331;font-size:26px;font-weight:650;line-height:1.2;letter-spacing:-.04em}
body.packages-page .orto-plan-price small{font-size:13px;font-weight:450;letter-spacing:0}
body.packages-page .orto-plan-setup{min-height:38px;margin:8px 0 15px;color:#5c7082;font-size:11px;line-height:1.5}
body.packages-page .orto-plan-cta{display:flex;min-height:43px;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:0 14px;border:1px solid #738FAA;border-radius:999px;background:#738FAA;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
body.packages-page .orto-plan-cta span{font-size:18px;transition:transform .2s ease}
body.packages-page .orto-plan-cta:hover{transform:translateY(-2px);border-color:#425d78;background:#425d78}
body.packages-page .orto-plan-cta:hover span{transform:translateX(3px)}
body.packages-page .orto-plan-details{margin-top:15px;border-top:1px solid #d7e0e8;color:#45596c}
body.packages-page .orto-plan-details summary{padding:13px 0 0;cursor:pointer;color:#304b65;font-size:12px;font-weight:650;list-style:none}
body.packages-page .orto-plan-details summary::-webkit-details-marker{display:none}
body.packages-page .orto-plan-details summary::after{content:"";float:right;width:7px;height:7px;margin:2px 3px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
body.packages-page .orto-plan-details[open] summary::after{transform:rotate(225deg)}
body.packages-page .orto-plan-details p,body.packages-page .orto-plan-details li{font-size:12px;line-height:1.55}
body.packages-page .orto-plan-details p{margin:11px 0 7px}
body.packages-page .orto-plan-details ul{margin:0;padding-left:17px}
body.packages-page .pricing-rebuild-note{max-width:850px;margin:22px auto 0;color:#697887;text-align:center;font-size:12px;line-height:1.6}
body.packages-page .pricing-compare-section{padding:72px 0 80px;background:#f5f7f9}
body.packages-page .pricing-compare-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}
body.packages-page .pricing-compare-heading h2{margin:8px 0 0;color:#172331;font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.045em;line-height:1.12}
body.packages-page .pricing-compare-heading>p{max-width:400px;margin:0;color:#617080;font-size:14px;line-height:1.65}
body.packages-page .pricing-table-scroll{overflow-x:auto;border:1px solid #e0e6eb;border-radius:16px;background:#fff;box-shadow:0 10px 34px rgba(31,55,79,.035)}
body.packages-page .pricing-compare-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}
body.packages-page .pricing-compare-table th,body.packages-page .pricing-compare-table td{padding:15px 17px;border-bottom:1px solid #e8edf1;color:#526273;font-size:12px;line-height:1.5;vertical-align:top}
body.packages-page .pricing-compare-table thead th{background:#eef3f7;color:#304b65;font-size:12px;font-weight:700}
body.packages-page .pricing-compare-table tbody th{width:21%;color:#24384b;font-weight:650}
body.packages-page .pricing-compare-table tbody tr:last-child>*{border-bottom:0}
body.packages-page .pricing-compare-table tbody td:first-of-type{background:#f8fafb}
body.packages-page .pricing-compare-footnote{margin:16px 0 0;color:#697887;font-size:11px;line-height:1.65}
body.packages-page .pricing-reuse-stories,body.packages-page .pricing-reuse-faq,body.packages-page .v4-final{margin-top:0}
@media(max-width:980px){body.packages-page .pricing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.packages-page .orto-plan-summary{min-height:0}body.packages-page .pricing-rebuild-plans{padding-bottom:58px}}
@media(max-width:620px){body.packages-page .pricing-rebuild-hero{padding:45px 0 28px}body.packages-page .pricing-billing-note{gap:7px}body.packages-page .pricing-billing-note span{padding:8px 11px;font-size:11px}body.packages-page .pricing-plan-grid{grid-template-columns:1fr;gap:12px}body.packages-page .orto-plan-card{padding:21px 19px 18px}body.packages-page .pricing-compare-heading{display:block}body.packages-page .pricing-compare-heading>p{margin-top:13px}body.packages-page .pricing-compare-section{padding:55px 0 60px}}
@media(prefers-reduced-motion:reduce){body.packages-page .orto-plan-cta,body.packages-page .orto-plan-cta span,body.packages-page .orto-plan-details summary::after{transition:none}}

/* Billing tabs and full reference plan cards for the pricing page. */
body.packages-page .pricing-billing-row{display:flex;align-items:center;justify-content:center;gap:17px;margin:0 auto 14px}
body.packages-page .pricing-billing-label{color:#43586d;font-size:13px;font-weight:650}
body.packages-page .pricing-billing-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid #dce4eb;border-radius:999px;background:#f4f7fa}
body.packages-page .pricing-billing-switch button{min-height:38px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:#566b7e;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
body.packages-page .pricing-billing-switch button[aria-checked=true]{background:#fff;color:#233f59;box-shadow:0 2px 8px rgba(30,54,76,.12)}
body.packages-page .pricing-billing-switch button:focus-visible{outline:3px solid #738FAA;outline-offset:2px}
body.packages-page .pricing-billing-switch button span{margin-left:4px;color:#738FAA;font-size:10px;font-weight:750;letter-spacing:.04em}
body.packages-page .pricing-reference-note{max-width:920px;margin:0 auto 20px;color:#697887;text-align:center;font-size:11px;line-height:1.5}
body.packages-page .pricing-reference-note strong{color:#435c74}
body.packages-page .pricing-plan-grid--reference{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}
body.packages-page .pricing-plan-grid--reference .orto-plan-card{padding:20px 17px 18px;border-radius:16px}
body.packages-page .pricing-plan-grid--reference .orto-plan-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}
body.packages-page .pricing-plan-grid--reference .orto-plan-label{min-height:0;font-size:10px;line-height:1.4}
body.packages-page .pricing-plan-grid--reference .orto-plan-card h2{margin:5px 0 0;font-size:21px}
body.packages-page .pricing-plan-grid--reference .orto-plan-summary{min-height:58px;margin:12px 0 0;font-size:12px;line-height:1.5}
body.packages-page .pricing-plan-grid--reference .orto-plan-price{margin:15px 0 0;font-size:24px;white-space:nowrap}
body.packages-page .pricing-plan-grid--reference .orto-plan-price small{font-size:12px}
body.packages-page .pricing-plan-grid--reference .orto-plan-billing{min-height:30px;margin:4px 0 0;color:#617080;font-size:10px;line-height:1.5}
body.packages-page .pricing-plan-grid--reference .orto-plan-price--quoted{font-size:24px}
body.packages-page .pricing-plan-grid--reference .orto-plan-usage{min-height:44px;margin:8px 0 13px;padding:8px 0;border-top:1px solid #d8e1e9;border-bottom:1px solid #d8e1e9;color:#53677a;font-size:10px;line-height:1.55}
body.packages-page .pricing-plan-grid--reference .orto-plan-usage strong{color:#263e55;font-weight:700}
body.packages-page .pricing-plan-grid--reference .orto-plan-cta{min-height:39px;margin:0;padding:0 12px;font-size:11px}
body.packages-page .pricing-plan-grid--reference .orto-plan-included{margin-top:17px}
body.packages-page .pricing-plan-grid--reference .orto-plan-included h3{margin:0 0 9px;color:#293e52;font-size:12px;font-weight:700}
body.packages-page .pricing-plan-grid--reference .orto-plan-included ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li{position:relative;padding-left:17px;color:#405365;font-size:10px;line-height:1.45}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li::before{position:absolute;left:0;top:0;color:#738FAA;font-size:12px;font-weight:750;content:"✓"}
body.packages-page .pricing-plan-grid--reference .orto-plan-exclusion{margin:11px 0 0;padding-top:9px;border-top:1px solid #d8e1e9;color:#627487;font-size:9px;line-height:1.5}
body.packages-page .pricing-plan-grid--reference .orto-plan-badge{padding:5px 7px;border:1px solid #cbd9e7;border-radius:999px;background:#edf3f9;color:#456989;font-size:9px;font-weight:700;white-space:nowrap}
body.packages-page .pricing-tax-note{max-width:940px;margin:20px auto 0;color:#687786;font-size:11px;line-height:1.65}
body.packages-page .pricing-compare-section{padding-top:65px}
body.packages-page .pricing-compare-heading{align-items:end}
body.packages-page .pricing-compare-table{min-width:900px}
body.packages-page .pricing-compare-table th,body.packages-page .pricing-compare-table td{padding:12px 14px;font-size:11px}
@media(max-width:980px){body.packages-page .pricing-plan-grid--reference{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.packages-page .pricing-billing-row{flex-direction:column;gap:8px;margin-bottom:12px}body.packages-page .pricing-plan-grid--reference{grid-template-columns:1fr}body.packages-page .pricing-plan-grid--reference .orto-plan-summary{min-height:0}body.packages-page .pricing-plan-grid--reference .orto-plan-billing{min-height:0}body.packages-page .pricing-plan-grid--reference .orto-plan-usage{min-height:0}}

/* Bring pricing typography onto the same size index used across the home page. */
body.packages-page .pricing-rebuild-hero h1{font-size:clamp(2.5rem,4.6vw,3.975rem)!important;line-height:1.08!important}
body.packages-page .pricing-rebuild-hero>.container>p{font-size:16px!important;line-height:1.75!important}
body.packages-page .pricing-billing-label{font-size:14px!important;line-height:1.5!important}
body.packages-page .pricing-billing-switch button{font-size:14px!important;line-height:1.4!important}
body.packages-page .pricing-billing-switch button span{font-size:11px!important;line-height:1.4!important}
body.packages-page .pricing-reference-note{font-size:12px!important;line-height:1.55!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-label{font-size:12px!important;line-height:1.5!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card h2{font-size:25px!important;line-height:1.3!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-summary{font-size:15px!important;line-height:1.65!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-price{font-size:30px!important;line-height:1.2!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-price small{font-size:13px!important;line-height:1.3!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-billing{font-size:12px!important;line-height:1.55!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-usage{font-size:13px!important;line-height:1.6!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-cta{font-size:14px!important;line-height:1.4!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-included h3{font-size:16px!important;line-height:1.4!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li{font-size:14px!important;line-height:1.6!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li::before{font-size:13px!important;line-height:1.6!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-exclusion{font-size:12px!important;line-height:1.55!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-badge{font-size:10px!important;line-height:1.4!important}
body.packages-page .pricing-tax-note{font-size:12px!important;line-height:1.65!important}
body.packages-page .pricing-compare-heading>p{font-size:15px!important;line-height:1.65!important}
body.packages-page .pricing-compare-table th,body.packages-page .pricing-compare-table td{font-size:13px!important;line-height:1.55!important}
body.packages-page .pricing-compare-table thead th{font-size:14px!important;line-height:1.5!important}
body.packages-page .pricing-compare-table tbody th{font-size:13px!important;line-height:1.55!important}
body.packages-page .pricing-compare-footnote{font-size:12px!important;line-height:1.65!important}
@media(max-width:620px){body.packages-page .pricing-plan-grid--reference .orto-plan-card h2{font-size:25px!important}body.packages-page .pricing-plan-grid--reference .orto-plan-price{font-size:28px!important}body.packages-page .pricing-plan-grid--reference .orto-plan-included li{font-size:14px!important}}

/* Roomier three-plan grid with Custom offered separately beneath it. */
body.packages-page .pricing-plan-grid--reference{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
body.packages-page .pricing-plan-grid--reference .orto-plan-card{padding:30px 30px 27px;border-radius:20px}
body.packages-page .pricing-plan-grid--reference .orto-plan-heading{min-height:62px;gap:14px}
body.packages-page .pricing-plan-grid--reference .orto-plan-label{font-size:12px;line-height:1.5}
body.packages-page .pricing-plan-grid--reference .orto-plan-card h2{margin:6px 0 0;font-size:26px!important;line-height:1.25!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-badge{padding:7px 10px;font-size:11px!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-summary{min-height:48px;margin:10px 0 0;font-size:15px!important;line-height:1.6!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-price{margin:19px 0 0;font-size:32px!important;line-height:1.2!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-price small{font-size:14px!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-billing{min-height:25px;margin:5px 0 0;font-size:13px!important;line-height:1.5!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-usage{min-height:62px;margin:13px 0 16px;padding:12px 0;font-size:13px!important;line-height:1.6!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-cta{min-height:46px;padding:0 16px;font-size:14px!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-included{margin-top:23px}
body.packages-page .pricing-plan-grid--reference .orto-plan-included h3{margin-bottom:12px;font-size:16px!important;line-height:1.4!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-included ul{gap:10px}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li{padding-left:21px;font-size:14px!important;line-height:1.55!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li::before{font-size:14px!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-exclusion{margin-top:16px;padding-top:13px;font-size:12px!important;line-height:1.6!important}
body.packages-page .pricing-custom-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:26px;padding:26px 30px;border:1px solid #dce4eb;border-radius:18px;background:linear-gradient(110deg,#f5f8fb,#edf2f6);box-shadow:0 10px 30px rgba(31,55,79,.035)}
body.packages-page .pricing-custom-copy{max-width:760px}
body.packages-page .pricing-custom-copy .eyebrow{color:#60758a}
body.packages-page .pricing-custom-copy h2{margin:7px 0 6px;color:#172331;font-size:24px!important;line-height:1.3!important}
body.packages-page .pricing-custom-copy p{margin:0;color:#526273;font-size:14px!important;line-height:1.6!important}
body.packages-page .pricing-custom-callout .orto-plan-cta{flex:0 0 auto;min-width:220px;margin:0;padding:0 16px;font-size:14px!important}
body.packages-page .pricing-tax-note{margin-top:18px}
@media(max-width:980px){body.packages-page .pricing-plan-grid--reference{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.packages-page .pricing-plan-grid--reference{grid-template-columns:minmax(0,1fr);gap:18px}body.packages-page .pricing-plan-grid--reference .orto-plan-card{padding:25px 22px 23px}body.packages-page .pricing-plan-grid--reference .orto-plan-heading{min-height:0}body.packages-page .pricing-plan-grid--reference .orto-plan-summary{min-height:0}body.packages-page .pricing-plan-grid--reference .orto-plan-price{font-size:29px!important}}
@media(max-width:700px){body.packages-page .pricing-custom-callout{align-items:stretch;flex-direction:column;gap:19px;padding:22px}body.packages-page .pricing-custom-callout .orto-plan-cta{width:100%;min-width:0}}

/* Subtle vertical lift keeps the plan cards responsive without scaling them. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card{position:relative;transition:transform .24s ease,box-shadow .24s ease}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:hover,
body.packages-page .pricing-plan-grid--reference .orto-plan-card:focus-within{transform:translateY(-5px);box-shadow:0 16px 34px rgba(31,55,79,.11)}
@media(prefers-reduced-motion:reduce){body.packages-page .pricing-plan-grid--reference .orto-plan-card{transition:none}}

/* Match the homepage package carousel to the shared ORTO pricing-card surface. */
body.v4 .v5-package-card{background:linear-gradient(150deg,#f5f8fb,#edf2f6)!important;color:#172331;border:1px solid #dce4eb;box-shadow:0 10px 30px rgba(31,55,79,.045)}
body.v4 .v5-package-card-top{color:#617589}
body.v4 .v5-package-card-top>span:last-child{border-color:#dce4eb;background:rgba(255,255,255,.6);color:#536a7e}
body.v4 .v5-package-mark{overflow:hidden;border-color:transparent;background:transparent;color:#55799c}
body.v4 .v5-package-mark img{display:block;width:30px;height:30px;object-fit:contain}
body.v4 .v5-package-card .v5-package-eyebrow{color:#60758a}
body.v4 .v5-package-card h3,body.v4 .v5-package-card .v5-package-price{color:#172331}
body.v4 .v5-package-card .v5-package-price small,body.v4 .v5-package-card .v5-package-note{color:#586d80}
body.v4 .v5-package-card .v5-package-note{border-color:#dce4eb;background:rgba(255,255,255,.6)}
body.v4 .v5-package-card .v5-package-description,body.v4 .v5-package-features li{color:#405365}
body.v4 .v5-package-features{border-top-color:#d8e1e9}
body.v4 .v5-package-features li>span{background:#d7e4f0;color:#466b8d}

/* Product mega menu, structured to match Kallin's two-panel navigation. */
body.v4 .site-header .nav-product-dropdown{top:calc(100% + 12px)!important;left:calc(50% - 50vw)!important;transform:none!important;width:min(1080px,calc(100vw - 40px))!important;min-width:0!important;padding:0!important;display:grid;grid-template-columns:270px minmax(0,1fr);gap:0!important;overflow:hidden;border:1px solid #e5e9ed!important;border-radius:22px!important;background:#fff!important;box-shadow:0 22px 54px rgba(23,38,53,.14)!important}
body.v4 .site-header .nav-product-dropdown[hidden]{display:none!important}
body.v4 .site-header .nav-dropdown-side{display:flex;flex-direction:column;gap:0;padding:28px 24px 22px;border-right:1px solid #e7ebef;background:#fbfcfd}
body.v4 .site-header .nav-dropdown-label{display:block;margin:0 0 14px;color:#788797;font-size:11px;font-weight:500;line-height:1.4}
body.v4 .site-header .nav-dropdown-side>a:not(.nav-dropdown-feature){display:block;padding:7px 0;color:#17212b!important;font-size:15px!important;font-weight:500!important;line-height:1.35!important;white-space:normal}
body.v4 .site-header .nav-dropdown-side>a:not(.nav-dropdown-feature):hover{color:#738FAA!important}
body.v4 .site-header .nav-dropdown-feature{display:flex;align-items:flex-start;gap:12px;margin-top:auto;padding:20px 0 0!important;color:#263744!important;white-space:normal!important}
body.v4 .site-header .nav-dropdown-feature-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eaf1f7;color:#738FAA}
body.v4 .site-header .nav-dropdown-feature-icon svg{width:19px;height:19px;fill:currentColor}
body.v4 .site-header .nav-dropdown-feature strong{display:block;font-size:12px;font-weight:600;line-height:1.4}
body.v4 .site-header .nav-dropdown-feature small{display:block;margin-top:5px;color:#77838d;font-size:11px;line-height:1.5}
body.v4 .site-header .nav-dropdown-feature small span{padding-left:4px;color:#738FAA}
body.v4 .site-header .nav-dropdown-main{padding:28px 28px 30px}
body.v4 .site-header .nav-dropdown-main>.nav-dropdown-label{margin-bottom:18px}
body.v4 .site-header .nav-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:18px}
body.v4 .site-header .nav-product-grid>a{display:flex;align-items:flex-start;gap:12px;min-height:82px;padding:10px!important;border-radius:12px!important;white-space:normal!important;transition:background-color .18s ease,color .18s ease}
body.v4 .site-header .nav-product-grid>a:hover,body.v4 .site-header .nav-product-grid>a:focus-visible{background:#f2f6fa!important}
body.v4 .site-header .nav-product-grid .nav-product-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eaf1f7;color:#738FAA}
body.v4 .site-header .nav-product-grid .nav-product-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.v4 .site-header .nav-product-grid .nav-product-copy{display:block;min-width:0}
body.v4 .site-header .nav-product-grid .nav-product-copy strong{display:block;color:#1e2933;font-size:14px;font-weight:500;line-height:1.45}
body.v4 .site-header .nav-product-grid .nav-product-copy small{display:block;margin-top:6px;color:#78838d;font-size:11px;line-height:1.55;white-space:normal}
body.v4 .site-header .nav-product-grid>a:hover .nav-product-copy strong{color:#738FAA!important}
@media(max-width:1050px){body.v4 .site-header .nav-product-dropdown{display:none!important}}
@media(max-width:760px){body.v4 .site-header .header-inner{align-items:center!important}}@media(min-width:1051px){body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{width:calc(100% - 96px)!important;max-width:1260px!important;margin-inline:auto!important;padding-inline:0!important}}
body.v4 .site-header .header-inner,body.v4 .site-header.is-scrolled .header-inner{align-items:center!important}
body.v4 .site-header .nav-product-grid .nav-product-icon{display:none!important}
body.v4 .site-header .nav-product-grid>a{min-height:92px;padding:4px!important}
body.v4 .site-header .nav-product-grid .nav-product-copy strong{font-size:15px!important}body.v4 .site-header .nav-product-wrap{position:static!important}
body.v4 .site-header .nav-product-dropdown{top:100%!important;left:50%!important;transform:translateX(-50%)!important}
body.v4 .site-header .nav-dropdown-side>a:not(.nav-dropdown-feature){min-height:0!important}

body.v4 .site-header .nav-dropdown-feature{margin-top:18px!important;padding-top:12px!important}

/* Match the reference menu's concise copy, open spacing, and text-only hover. */
body.v4 .site-header .nav-product-dropdown{grid-template-columns:30% minmax(0,1fr)!important;border-radius:22px!important}
body.v4 .site-header .nav-dropdown-side{background:#fff!important;padding:26px 24px 22px!important}
body.v4 .site-header .nav-dropdown-side>a:not(.nav-dropdown-feature){display:block!important;min-height:0!important;margin:0!important;padding:6px 0!important;font-size:15px!important;line-height:1.35!important;color:#171f28!important;transition:color .16s ease!important}
body.v4 .site-header .nav-dropdown-side>a:not(.nav-dropdown-feature):hover,body.v4 .site-header .nav-dropdown-side>a:not(.nav-dropdown-feature):focus-visible{color:#738FAA!important;background:transparent!important}
body.v4 .site-header .nav-dropdown-feature{align-items:flex-start!important;margin-top:22px!important;padding:12px 0 0!important;color:#263744!important;background:transparent!important;transition:color .16s ease!important}
body.v4 .site-header .nav-dropdown-feature-icon{flex-basis:28px!important;width:28px!important;height:28px!important;border-radius:6px!important}
body.v4 .site-header .nav-dropdown-feature-icon svg{width:17px!important;height:17px!important}
body.v4 .site-header .nav-dropdown-feature strong{font-size:11px!important;font-weight:500!important}
body.v4 .site-header .nav-dropdown-feature small{margin-top:5px!important;font-size:10px!important;line-height:1.45!important}
body.v4 .site-header .nav-dropdown-main{padding:26px 28px 24px!important}
body.v4 .site-header .nav-dropdown-main>.nav-dropdown-label{margin-bottom:18px!important}
body.v4 .site-header .nav-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:30px!important;row-gap:20px!important}
body.v4 .site-header .nav-product-grid>a{display:block!important;min-height:80px!important;padding:0!important;border-radius:0!important;background:transparent!important;transition:color .16s ease!important}
body.v4 .site-header .nav-product-grid>a:hover,body.v4 .site-header .nav-product-grid>a:focus-visible{background:transparent!important}
body.v4 .site-header .nav-product-grid .nav-product-copy strong{font-size:15px!important;font-weight:500!important;line-height:1.4!important}
body.v4 .site-header .nav-product-grid .nav-product-copy small{margin-top:7px!important;font-size:11px!important;line-height:1.55!important}
body.v4 .site-header .nav-product-grid>a:hover .nav-product-copy strong,body.v4 .site-header .nav-product-grid>a:focus-visible .nav-product-copy strong,body.v4 .site-header .nav-dropdown-feature:hover strong,body.v4 .site-header .nav-dropdown-feature:focus-visible strong{color:#738FAA!important}
body.v4 .site-header .nav-product-grid>a:hover .nav-product-copy small,body.v4 .site-header .nav-product-grid>a:focus-visible .nav-product-copy small,body.v4 .site-header .nav-dropdown-feature:hover small,body.v4 .site-header .nav-dropdown-feature:focus-visible small{color:#738FAA!important}body.v4 .site-header .nav-dropdown-feature-icon{flex-basis:36px!important;width:36px!important;height:36px!important;overflow:hidden!important;border-radius:7px!important;background:#101820!important}
body.v4 .site-header .nav-dropdown-feature-icon img{display:block!important;width:148px!important;max-width:none!important;height:auto!important;flex:none!important;object-fit:contain!important}
body.v4 .site-header .nav-dropdown-feature-icon{color:#738FAA!important}
body.v4 .site-header .nav-dropdown-feature-icon svg{display:block!important;width:30px!important;height:30px!important;flex:none!important;overflow:visible!important;fill:none!important}
body.v4 .site-header .nav-dropdown-feature-icon img{display:none!important}
body.v4 .site-header .nav-dropdown-feature-icon{display:grid!important;place-items:center!important;overflow:hidden!important;background:#101820!important;color:transparent!important}
body.v4 .site-header .nav-dropdown-feature-icon svg{display:none!important}
body.v4 .site-header .nav-dropdown-feature-icon img{display:block!important;width:30px!important;height:30px!important;max-width:none!important;object-fit:contain!important;object-position:center!important;flex:none!important}
body.packages-page .pricing-table-scroll{border-radius:16px!important;border:1px solid #e1e6eb!important;overflow:auto!important;background:#fff!important;box-shadow:0 10px 34px rgba(31,55,79,.035)!important}
body.packages-page .pricing-compare-table tr>*:nth-child(3){background:#f4f6f8!important}
body.packages-page .pricing-compare-table thead th:nth-child(3){background:#eaf0f5!important}
body.packages-page .pricing-compare-table .plan-status{display:grid;place-items:center;min-height:21px}
body.packages-page .pricing-compare-table .plan-status svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.packages-page .pricing-compare-table .plan-status--yes{color:#738FAA}
body.packages-page .pricing-compare-table .plan-status--no{color:#a2abb4}
body.packages-page .pricing-compare-table{text-align:center!important}
body.packages-page .pricing-compare-table th,body.packages-page .pricing-compare-table td{text-align:center!important;vertical-align:middle!important}
body.packages-page .pricing-compare-heading{text-align:center!important;align-items:center!important;flex-direction:column!important;gap:14px!important}
body.packages-page .pricing-compare-heading>p{max-width:620px!important}
body.packages-page .pricing-compare-table tr>*:first-child{text-align:left!important}
body.v4 .site-header .nav-resources-wrap{position:static!important;display:flex;align-items:center}
body.v4 .site-header .nav-resources-menu{position:absolute;top:100%!important;left:50%!important;z-index:1600!important;display:grid;grid-template-columns:30% minmax(0,1fr);gap:0!important;width:min(1080px,calc(100vw - 40px))!important;min-width:0!important;padding:0!important;overflow:hidden;border:1px solid #e5e9ed!important;border-radius:22px!important;background:#fff!important;box-shadow:0 22px 54px rgba(23,38,53,.14)!important;transform:translateX(-50%)!important}
body.v4 .site-header .nav-resources-menu[hidden]{display:none!important}
body.v4 .site-header .nav-resources-menu .nav-dropdown-side{background:#fff!important;padding:26px 24px 22px!important}
body.v4 .site-header .nav-resources-menu .nav-dropdown-side>a:not(.nav-dropdown-feature){display:block!important;min-height:0!important;margin:0!important;padding:6px 0!important;font-size:15px!important;line-height:1.35!important;color:#171f28!important;transition:color .16s ease!important}
body.v4 .site-header .nav-resources-menu .nav-dropdown-side>a:not(.nav-dropdown-feature):hover,body.v4 .site-header .nav-resources-menu .nav-dropdown-side>a:not(.nav-dropdown-feature):focus-visible{color:#738FAA!important;background:transparent!important}
body.v4 .site-header .nav-resources-menu .nav-dropdown-feature{align-items:flex-start!important;margin-top:22px!important;padding:12px 0 0!important;color:#263744!important;background:transparent!important;transition:color .16s ease!important}
body.v4 .site-header .nav-resources-menu .nav-dropdown-main{padding:26px 28px 24px!important}
body.v4 .site-header .nav-resources-menu .nav-dropdown-main>.nav-dropdown-label{margin-bottom:18px!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:30px!important;row-gap:20px!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid>a{display:block!important;min-height:80px!important;padding:4px!important;border-radius:0!important;background:transparent!important;transition:color .16s ease!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid>a:hover,body.v4 .site-header .nav-resources-menu .nav-product-grid>a:focus-visible{background:transparent!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid .nav-product-copy strong{font-size:15px!important;font-weight:500!important;line-height:1.4!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid .nav-product-copy small{margin-top:7px!important;font-size:11px!important;line-height:1.55!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid>a:hover .nav-product-copy strong,body.v4 .site-header .nav-resources-menu .nav-product-grid>a:focus-visible .nav-product-copy strong{color:#738FAA!important}
body.v4 .site-header .nav-resources-menu .nav-product-grid>a:hover .nav-product-copy small,body.v4 .site-header .nav-resources-menu .nav-product-grid>a:focus-visible .nav-product-copy small{color:#738FAA!important}
@media(max-width:1050px){body.v4 .site-header .nav-resources-menu{display:none!important}}
/* Keep the ORTO mark itself, but remove its dark tile in both mega menus. */
body.v4 .site-header .nav-product-dropdown .nav-dropdown-feature-icon,
body.v4 .site-header .nav-resources-menu .nav-dropdown-feature-icon{background:transparent!important;box-shadow:none!important;border:0!important}
/* Keep the expanded mega menus above the header trial CTA. */
body.v4 .site-header{z-index:1500!important}
body.v4 .site-header .nav-product-dropdown,
body.v4 .site-header .nav-resources-menu{z-index:1602!important}
/* Preserve the same breathing room below the links when the sticky header compacts. */
body.v4 .site-header .nav-product-dropdown,
body.v4 .site-header .nav-resources-menu{top:calc(100% + 12px)!important}
body.v4 .site-header.is-scrolled .nav-product-dropdown,
body.v4 .site-header.is-scrolled .nav-resources-menu{top:calc(100% + 20px)!important}


/* Shared finishing details for FAQ hover, story carousel and Kallin-inspired footer. */
body.v4 .v5-faq-list summary{transition:color .2s ease}
body.v4 .v5-faq-list summary:hover,
body.v4 .v5-faq-list summary:hover::after{color:#738FAA!important;border-color:#738FAA!important}
body.v4 .v5-stories-stage{position:relative}
body.v4 .v5-story-card[data-position="leaving"]{display:block!important}
body.v4 .v5-story-brand img{display:block;width:78px;height:auto;max-height:28px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}
body.v4 .v5-story-card .v5-story-link span{display:block;width:16px;height:16px;font-size:0}
body.v4 .v5-story-card .v5-story-link span::before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M12 6l6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-45deg)}
body.v4 .v5-stories-controls button svg{stroke-width:1.8}
body.v4 .site-footer{background:#1d2933!important;padding:64px 0 24px!important}
body.v4 .site-footer .footer-grid{grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(120px,1fr));gap:clamp(24px,3.4vw,52px);align-items:start}
body.v4 .site-footer .footer-brand>img{width:118px;margin:0 0 18px}
body.v4 .site-footer .footer-brand p,body.v4 .site-footer .footer-ai p{max-width:280px;margin:0 0 20px;color:#bac7d2!important;font-size:13px!important;line-height:1.65}
body.v4 .site-footer .footer-grid h2,body.v4 .site-footer .footer-ai h2{margin:0 0 16px;color:#f3f6f8!important;font-size:12px!important;font-weight:650!important;letter-spacing:.01em!important;text-transform:none!important}
body.v4 .site-footer .footer-grid>div:not(.footer-brand){gap:12px}
body.v4 .site-footer .footer-grid a{color:#c5d0d9!important;font-size:13px!important;line-height:1.45}
body.v4 .site-footer .footer-grid a:hover,body.v4 .site-footer .footer-ai a:hover{color:#fff!important}
body.v4 .site-footer .footer-brand .footer-social-title{margin:23px 0 10px;font-size:12px!important}
body.v4 .site-footer .footer-social-links{display:flex;align-items:center;gap:9px}
body.v4 .site-footer .footer-social-links a{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff!important;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
body.v4 .site-footer .footer-social-links a:hover{transform:translateY(-2px);border-color:#738FAA;background:#738FAA}
body.v4 .site-footer .footer-social-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.v4 .site-footer .footer-ai{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:22px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
body.v4 .site-footer .footer-ai h2{margin-bottom:5px}
body.v4 .site-footer .footer-ai p{margin:0}
body.v4 .site-footer .footer-ai-links{display:flex;flex-wrap:wrap;gap:9px}
body.v4 .site-footer .footer-ai-links a{display:inline-flex;min-height:36px;align-items:center;padding:0 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#e3eaf0!important;font-size:12px!important;text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
body.v4 .site-footer .footer-ai-links a:hover{border-color:#738FAA;background:#738FAA}
body.v4 .site-footer .footer-bottom{margin-top:22px;padding-top:18px;border-color:rgba(255,255,255,.13)}
body.v4 .site-footer .footer-bottom p,body.v4 .site-footer .footer-bottom a{color:#aebbc6!important;font-size:12px!important}
@media(max-width:950px){body.v4 .site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.v4 .site-footer .footer-brand{grid-column:1/-1}body.v4 .site-footer .footer-brand p{max-width:420px}}
@media(max-width:600px){body.v4 .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}body.v4 .site-footer .footer-brand{grid-column:1/-1}body.v4 .site-footer .footer-ai{align-items:flex-start;flex-direction:column;margin-top:28px;padding:21px 0}body.v4 .site-footer .footer-ai-links{gap:7px}body.v4 .site-footer .footer-ai-links a{min-height:34px;padding:0 11px}body.v4 .site-footer .footer-bottom{display:flex;flex-direction:column;gap:7px}body.v4 .v5-story-brand img{width:66px;max-height:24px}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-faq-list summary,body.v4 .site-footer .footer-social-links a,body.v4 .site-footer .footer-ai-links a{transition:none!important}}

body.v4 .orto-arrow-icon{display:inline-block;width:.9em;height:.9em;overflow:visible;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(var(--orto-arrow-angle,0deg));transition:transform .22s ease}
body.v4 a:hover .orto-arrow-icon,body.v4 button:hover .orto-arrow-icon{transform:translateX(3px) rotate(var(--orto-arrow-angle,0deg))}
body.v4 .v5-story-card .v5-story-link span::before{display:none!important}
body.v4 .v5-story-card .v5-story-link .orto-arrow-icon{width:16px;height:16px}
body.v4 .v5-stories-controls button svg{transition:transform .22s ease}
body.v4 .v5-stories-controls [data-story-previous]:hover svg{transform:translateX(-2px) rotate(180deg)!important}
body.v4 .v5-stories-controls [data-story-next]:hover svg{transform:translateX(2px)!important}
@media(prefers-reduced-motion:reduce){body.v4 .orto-arrow-icon,body.v4 .v5-stories-controls button svg{transition:none!important}}

/* Refine the ORTO footer utility row to mirror Kallin's legal-left / AI-right layout. */
body.v4 .site-footer .footer-social-title{display:none}
body.v4 .site-footer .footer-social-links{gap:16px;margin-top:22px}
body.v4 .site-footer .footer-social-links a{width:20px;height:20px;border:0!important;border-radius:0;background:transparent!important;color:#fff!important;box-shadow:none!important;transform:none!important}
body.v4 .site-footer .footer-social-links a:hover{color:#c4d5e6!important}
body.v4 .site-footer .footer-social-links svg{width:17px;height:17px;fill:currentColor;stroke:none}
body.v4 .site-footer .footer-social-links a:last-child svg{fill:none;stroke:currentColor;stroke-width:1.8}
body.v4 .site-footer .footer-utility{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:46px;padding:22px 0;border-top:1px solid rgba(255,255,255,.2)}
body.v4 .site-footer .footer-legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
body.v4 .site-footer .footer-legal-links a{color:#d4dbe3!important;font-size:11px!important;text-decoration:none}
body.v4 .site-footer .footer-legal-links a:hover{color:#fff!important}
body.v4 .site-footer .footer-ai{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin:0;padding:0;border:0}
body.v4 .site-footer .footer-ai h2{margin:0!important;font-size:11px!important}
body.v4 .site-footer .footer-ai-links{display:flex;align-items:center;gap:13px}
body.v4 .site-footer .footer-ai-links a{display:grid;width:20px;height:20px;min-height:0;place-items:center;padding:0;border:0!important;border-radius:0;background:transparent!important;color:#e8edf1!important;transition:color .18s ease,transform .18s ease}
body.v4 .site-footer .footer-ai-links a:hover{transform:translateY(-1px);background:transparent!important;color:#fff!important}
body.v4 .site-footer .footer-ai-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.v4 .site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:0;border:0}
body.v4 .site-footer .footer-bottom p{color:#b8c3cc!important;font-size:11px!important}
body.v4 .site-footer .footer-bottom .footer-back-top{display:inline-flex;align-items:center;gap:9px;color:#e1e7ec!important;font-size:11px!important;text-decoration:none}
body.v4 .site-footer .footer-back-top svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.v4 .site-footer .footer-bottom .footer-back-top:hover{color:#fff!important}
@media(max-width:700px){body.v4 .site-footer .footer-utility{align-items:flex-start;flex-direction:column;gap:22px;margin-top:34px;padding:20px 0}body.v4 .site-footer .footer-ai{align-items:flex-start}body.v4 .site-footer .footer-legal-links{gap:14px}body.v4 .site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){body.v4 .site-footer .footer-social-links a,body.v4 .site-footer .footer-ai-links a{transition:none!important}}


/* ORTO pricing page: keep standard plans quiet and reserve colour for Popular. */
body.packages-page .pricing-billing-row{gap:0;margin-bottom:14px}
body.packages-page .pricing-billing-label{display:none!important}
body.packages-page .pricing-billing-switch{gap:4px;padding:5px;border-color:#e0e3e8;background:#f3f4f6}
body.packages-page .pricing-billing-switch button{min-height:38px;color:#5e6670}
body.packages-page .pricing-billing-switch button[aria-checked="true"]{color:#738FAA;background:#fff;box-shadow:0 1px 5px rgba(31,44,57,.1)}
body.packages-page .pricing-billing-switch button span{display:inline-flex;align-items:center;margin-left:5px;padding:2px 5px;border:0;border-radius:4px;background:#edf1ff;color:#738FAA;font-size:9px!important;font-weight:700;letter-spacing:0;line-height:1.25!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card{position:relative;background:#fff;border-color:#e1e5e9;box-shadow:0 8px 24px rgba(31,55,79,.035)}
body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional{background:linear-gradient(150deg,#f0f4fa 0%,#e4ebf5 100%);border-color:#c7d4e3;box-shadow:0 16px 35px rgba(50,77,110,.12)}
body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional .orto-plan-badge{position:absolute;top:-13px;left:28px;z-index:2;padding:5px 13px;border:0;border-radius:999px;background:#738FAA;color:#fff;font-size:11px!important;font-weight:650;line-height:1.35!important;box-shadow:0 2px 5px rgba(36,60,87,.16)}
body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional .orto-plan-heading{min-height:62px}
body.packages-page .pricing-plan-grid--reference .orto-plan-card .orto-plan-cta{background:#738FAA;border-color:#738FAA;color:#fff;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
body.packages-page .pricing-plan-grid--reference .orto-plan-card .orto-plan-cta:hover{transform:translateY(-2px);background:#405a73;border-color:#405a73;box-shadow:0 8px 18px rgba(41,68,98,.2)}
body.packages-page .pricing-plan-grid--reference .orto-plan-card .orto-plan-cta span{transition:transform .22s ease}
body.packages-page .pricing-plan-grid--reference .orto-plan-card .orto-plan-cta:hover span{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){body.packages-page .pricing-plan-grid--reference .orto-plan-card .orto-plan-cta,body.packages-page .pricing-plan-grid--reference .orto-plan-card .orto-plan-cta span{transition:none!important}}


/* Use ORTO-blue bullets in package inclusion lists instead of checkmarks. */
body.packages-page .pricing-plan-grid--reference .orto-plan-included li{padding-left:20px}
body.packages-page .pricing-plan-grid--reference .orto-plan-included li::before{content:"";top:.62em;width:6px;height:6px;border-radius:50%;background:#738FAA;color:transparent;font-size:0;line-height:0}


/* Outline the non-featured package CTAs; fill them with ORTO blue on hover. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card:not(.orto-plan-card--professional) .orto-plan-cta{border:1px solid #738FAA;background:transparent;color:#738FAA;box-shadow:none}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:not(.orto-plan-card--professional) .orto-plan-cta:hover{border-color:#738FAA;background:#738FAA;color:#fff;box-shadow:0 8px 18px rgba(41,68,98,.2)}

/* Match outlined package CTA border weight to the card outlines. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card:not(.orto-plan-card--professional) .orto-plan-cta{border-width:1px}

/* Soften the outlined Starter/Business buttons so their strokes read like the card edge. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card:not(.orto-plan-card--professional) .orto-plan-cta{border-width:.75px;border-color:rgba(82,111,141,.72)}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:not(.orto-plan-card--professional) .orto-plan-cta:hover{border-width:.75px;border-color:#738FAA}


/* Keep the comparison table highlight limited to Professional, matching its card. */
body.packages-page .pricing-compare-table tbody td:first-of-type{background:#fff!important}
body.packages-page .pricing-compare-table tr>*:nth-child(2){background:#fff!important}
body.packages-page .pricing-compare-table tr>*:nth-child(3){background:linear-gradient(150deg,#f0f4fa 0%,#e4ebf5 100%)!important}

/* Give every comparison-table heading cell one shared neutral fill. */
body.packages-page .pricing-compare-table thead th{background:#eef3f7!important}

/* Final fixes for package comparison, billing pill, carousel motion and footer controls. */
body.packages-page .pricing-billing-switch button span{display:inline-flex!important;align-items:center;justify-content:center;min-height:17px;margin-left:5px;padding:2px 7px!important;border:0!important;border-radius:999px!important;background:#edf1ff!important;color:#738FAA!important;font-size:9px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}
body.packages-page .pricing-compare-table thead tr>*{background:#eef3f7!important;color:#304b65!important}
body.packages-page .pricing-compare-table thead tr>*:nth-child(2){background:#eef3f7!important}
body.v4 .v5-story-card[data-position="leaving"]{display:block!important}
body.v4 .v5-stories-stage{overflow:visible;isolation:isolate}
body.v4 .v5-story-card{will-change:transform,opacity}
body.v4 .v5-story-card[data-position="leaving"]{z-index:3}
body.v4 .v5-orbit-node .v5-app-icon{width:32px;height:32px;background:transparent}
body.v4 .v5-app-icon .v5-app-svg{display:block;width:100%;height:100%;overflow:visible}
body.v4 .site-footer .footer-social-links{gap:10px}
body.v4 .site-footer .footer-social-links a{width:34px;height:34px;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;transform:translateY(0);transition:background-color .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}
body.v4 .site-footer .footer-social-links a:hover{border-color:rgba(255,255,255,.17)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;transform:translateY(-2px)}
body.v4 .site-footer .footer-ai-links a{width:25px;height:25px;transition:transform .2s ease,opacity .2s ease}
body.v4 .site-footer .footer-ai-links a:hover{transform:translateY(-2px);opacity:.82}
body.v4 .site-footer .footer-ai-links .footer-ai-mark{display:block;width:23px;height:23px;object-fit:contain}
body.v4 .site-footer .footer-bottom{padding-right:175px!important}
body.v4 .site-footer .footer-back-top{position:relative;z-index:2;white-space:nowrap}
@media(max-width:700px){body.v4 .site-footer .footer-bottom{padding-right:0!important}}
@media(prefers-reduced-motion:reduce){body.v4 .v5-story-card{will-change:auto}body.v4 .site-footer .footer-social-links a,body.v4 .site-footer .footer-ai-links a{transition:none!important}}
/* Override the body-only Starter stripe specifically in the table header. */
body.packages-page .pricing-compare-section .pricing-compare-table > thead > tr > th:nth-of-type(2){background-color:#eef3f7!important}

/* Final interaction and contrast corrections requested on 26 Oct. */
body.packages-page .pricing-compare-table tbody tr > *:nth-child(3),
body.packages-page .pricing-compare-section .pricing-compare-table > thead > tr > th:nth-child(3){background:#eef3f7!important}
body.v4 .site-footer .footer-social-links a{display:grid!important;place-items:center!important;transform:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}
body.v4 .site-footer .footer-social-links a:hover{transform:none!important}
body.v4 .site-footer .footer-social-links svg{display:block;width:18px;height:18px;margin:0;flex:none}
body.v4 .site-footer .footer-bottom .footer-back-top,
body.v4 .site-footer .footer-bottom .footer-back-top:hover{transform:translateY(0);text-decoration:none!important;transition:transform .2s ease,color .2s ease}
body.v4 .site-footer .footer-bottom .footer-back-top:hover{transform:translateY(-2px)}
body.v4 .v4-showcase-visual--enquiry{background:#397b7a url('/assets/img/homepage/orto-call-gradient-v2.svg') center/cover no-repeat}
body.v4 .v4-showcase-visual--enquiry .v4-showcase-photo{z-index:0;display:block;object-fit:cover}
body.v4 .site-footer .footer-ai-links a{width:30px;height:30px}
body.v4 .site-footer .footer-ai-links .footer-ai-mark{width:27px;height:27px}
/* Ensure the enquiry context uses a CSS-rendered ORTO gradient even if its preview image cannot load. */
body.v4 .v4-showcase-visual--enquiry{
  background:
    radial-gradient(ellipse at 22% 16%,rgba(191,224,255,.82) 0,rgba(191,224,255,0) 35%),
    radial-gradient(ellipse at 82% 20%,rgba(76,174,255,.9) 0,rgba(76,174,255,0) 38%),
    radial-gradient(ellipse at 20% 84%,rgba(34,73,215,.96) 0,rgba(34,73,215,0) 40%),
    linear-gradient(135deg,#10378f 0%,#1876db 52%,#62c2f4 100%)!important;
}
body.v4 .v4-showcase-visual--enquiry .v4-showcase-photo{display:none!important}
/* Official logo marks: make the OpenAI blossom readable on the dark footer and blend the Grok tile into it. */
body.v4 .site-footer .footer-ai-links img[src*="OpenAI_logo_2025"]{filter:invert(1)}
body.v4 .site-footer .footer-ai-links img[src*="icons/grok.svg"]{mix-blend-mode:screen}
/* Match customer story arrows to the hero's outlined circular controls. */
body.v4 .v5-stories-controls button{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;border:1px solid #d5d5d5!important;border-radius:50%!important;
  background:transparent!important;color:#686868!important;box-shadow:none!important;
  transform:none!important;transition:background-color .18s ease,color .18s ease!important;
}
body.v4 .v5-stories-controls button:hover,
body.v4 .v5-stories-controls button:focus-visible{
  background:#f4f4f4!important;border-color:#d5d5d5!important;color:#747a7e!important;
  transform:none!important;
}
body.v4 .v5-stories-controls button svg{
  width:24px!important;height:24px!important;transform:none!important;
  transition:none!important;
}
body.v4 .v5-stories-controls [data-story-previous]:hover svg,
body.v4 .v5-stories-controls [data-story-next]:hover svg{transform:none!important}
@media(max-width:760px){body.v4 .v5-stories-controls button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}}
/* Match the hero carousel's directional arrows and timed progress ring on customer stories. */
body.v4 .v5-stories-controls button{position:relative;overflow:visible!important}
body.v4 .v5-stories-controls button svg{fill:currentColor!important;stroke:none!important;transition:none!important;transform:none!important}
body.v4 .v5-stories-controls button:hover{background:#f4f4f4!important;border-color:#d5d5d5!important;color:#747a7e!important;transform:none!important}
body.v4 .v5-stories-controls button:hover svg,
body.v4 .v5-stories-controls [data-story-previous]:hover svg,
body.v4 .v5-stories-controls [data-story-next]:hover svg{transform:none!important;color:#686868!important}
body.v4 .v5-stories-controls [data-story-progress]{opacity:1;transform:none!important}
/* Draw the timed story progress as a real SVG border trace, matching the hero ring. */
body.v4 .v5-stories-controls button>svg[data-story-progress]{position:absolute!important;inset:0!important;z-index:2;display:block;width:44px!important;height:44px!important;padding:0!important;overflow:visible;pointer-events:none;fill:none!important;stroke:none!important;transform:translate(-1.111px,-1.111px)!important}
body.v4 .v5-stories-controls button>svg[data-story-progress] circle{fill:none!important;stroke:#686868!important;stroke-width:1.2;stroke-dasharray:132;stroke-dashoffset:132;transform:rotate(-90deg);transform-origin:50% 50%}
body.v4 .v5-stories-controls button>svg[data-story-progress].is-running circle{animation:heroCircleProgress 6.8s linear infinite}
@media(prefers-reduced-motion:reduce){body.v4 .v5-stories-controls button>svg[data-story-progress].is-running circle{animation:none!important;stroke-dashoffset:132}}
/* Keep footer AI marks crisp and evenly sized; Grok's monochrome mark needs a white foreground on the blue footer. */
body.v4 .site-footer .footer-ai-links a{width:26px!important;height:26px!important}
body.v4 .site-footer .footer-ai-links .footer-ai-mark{width:22px!important;height:22px!important;object-fit:contain}
body.v4 .site-footer .footer-ai-links img[src*="icons/grok.svg"]{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}
/* Story controls use the exact single progress-ring element from the hero; keep the button outline fixed on hover. */
body.v4 .v5-stories-controls button,
body.v4 .v5-stories-controls button:hover{border:1px solid #d5d5d5!important;box-sizing:border-box!important}
body.v4 .v5-stories-controls [data-story-progress]{
  position:absolute!important;inset:0!important;width:44px!important;height:44px!important;
  border:0!important;border-radius:50%!important;pointer-events:none!important;
  background:conic-gradient(from -90deg,#686868 var(--hero-progress-angle),transparent 0)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px))!important;
  opacity:0!important;transform:translate(-1.111px,-1.111px)!important;transition:none!important;
}
body.v4 .v5-stories-controls [data-story-progress].is-running{animation:heroCardRing 6.8s linear both!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){body.v4 .v5-stories-controls [data-story-progress].is-running{animation:none!important;opacity:0!important}}
body.v4 .v5-stories-controls button{transition:background-color .16s ease,color .16s ease!important;border-color:#d5d5d5!important}
body.v4 .v5-stories-controls button:hover{background:#f4f4f4!important;border-color:#d5d5d5!important;color:#4f4f4f!important}

/* Slightly smaller footer AI marks, with the existing 26px link targets preserved. */
body.v4 .site-footer .footer-ai-links .footer-ai-mark{width:20px!important;height:20px!important}


/* Small final reduction requested for footer AI marks. */
body.v4 .site-footer .footer-ai-links .footer-ai-mark{width:18px!important;height:18px!important}

/* Keep the shared navigation at its normal dimensions while the header sticks. */
body.v4 .site-header .header-inner,
body.v4 .site-header.is-scrolled .header-inner{height:84px!important;transition:none!important}
@media(max-width:1050px){
  body.v4 .site-header .header-inner,
  body.v4 .site-header.is-scrolled .header-inner{height:70px!important}
}
@media(max-width:760px){
  body.v4 .site-header .header-inner,
  body.v4 .site-header.is-scrolled .header-inner{height:66px!important}
}

/* Shared Kallin-derived typography index for every ORTO marketing page. */
body.v4{font-family:var(--font-site,Manrope,Arial,sans-serif)!important;font-size:15px!important;line-height:1.65!important}
body.v4 .desktop-nav a,body.v4 .mobile-menu a{font-size:13px!important;line-height:1.6!important}
body.v4 .header-cta,body.v4 .site-header .button{font-size:13px!important;line-height:1.4!important}
body.v4 main h1{font-size:clamp(40px,4.6vw,63.572px)!important;line-height:1.08!important;font-weight:470!important;letter-spacing:-.045em!important}
body.v4 main h2{font-size:42px!important;line-height:1.14!important;font-weight:460!important;letter-spacing:-.04em!important}
body.v4 main .v4-hero-story-copy h2{font-size:28px!important;line-height:1.2!important;font-weight:500!important}
body.v4 main h3{font-size:20px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:-.02em!important}
body.v4 main h4{font-size:16px!important;line-height:1.4!important;font-weight:450!important}
body.v4 main p{font-size:15px!important;line-height:1.65!important}
body.v4 main :is(.eyebrow,.v4-kicker,.v4-side-note,.v5-showcase-kicker,.v5-story-copy>span,.v5-business-knowledge-caption>span){font-size:13px!important;line-height:1.5!important}
body.v4 main :is(.v4-lead,.v4-editorial p,.v4-product-heading p,.v5-feature-copy p,.v5-integrations-copy>p,.v5-business-intro p){font-size:16px!important;line-height:1.75!important}
body.v4 main .v4-hero .v4-lead{font-size:19px!important;line-height:1.65!important}
body.v4 main :is(.v4-hero-note,.v4-hero-detail,.v4-proof>.container>span,.v4-art-caption,.v5-setting-note,.v5-demo-note,.v5-pricing-note,.package-draft-note,figcaption){font-size:12px!important;line-height:1.6!important}
body.v4 main :is(.button,.v4-text-link,.v5-integrations-link,.v5-story-link,.footer-back-top){font-size:14px!important;line-height:1.4!important}
body.v4 main :is(input,select,textarea){font-size:15px!important;line-height:1.5!important}
body.v4 main :is(label,.check-field,.check-field span){font-size:12px!important;line-height:1.6!important}
body.v4 main :is(.v4-faq summary,.v5-faq summary,.faq-question){font-size:14px!important;line-height:1.6!important;font-weight:450!important}
body.v4 main :is(.v4-faq details p,.v5-faq details p,.faq-answer){font-size:14px!important;line-height:1.65!important}
body.v4 main .v5-stories h2{font-size:40px!important;line-height:1.15!important}
body.v4.packages-page main .orto-plan-card h2{font-size:20px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:-.02em!important}
body.v4 main .v5-story-copy h3{font-size:28px!important;line-height:1.25!important;font-weight:450!important}
body.v4 main :is(.v5-business-knowledge-caption h3,.v5-greeting-caption h3){font-size:25px!important;line-height:1.3!important;font-weight:500!important}
body.v4 main :is(.v5-business-features h3,.v5-business-feature h3){font-size:16px!important;line-height:1.4!important;font-weight:450!important}
body.v4 main :is(.v4-final h2,.v5-final-cta h2,.v5-pre-footer h2){font-size:64px!important;line-height:1.1!important;font-weight:460!important}
body.v4 .site-footer .footer-brand p{font-size:13px!important;line-height:1.8!important}
body.v4 .site-footer :is(.footer-grid h2,.footer-ai h2){font-size:12px!important;line-height:1.5!important;font-weight:550!important;letter-spacing:0!important}
body.v4 .site-footer .footer-grid a{font-size:12px!important;line-height:1.65!important}
body.v4 .site-footer :is(.footer-legal-links a,.footer-bottom p,.footer-back-top){font-size:10px!important;line-height:1.6!important}
body.v4 .site-footer .footer-ai h2{font-size:10px!important}
body.v4.packages-page .pricing-billing-switch button{font-size:13px!important;line-height:1.6!important}
body.v4.packages-page .pricing-plan-grid--reference :is(.orto-plan-title,.orto-plan-name){font-size:20px!important;line-height:1.4!important}
body.v4.packages-page .pricing-plan-grid--reference :is(.orto-plan-summary,.orto-plan-description){font-size:13px!important;line-height:1.55!important}
body.v4.packages-page .pricing-plan-grid--reference .orto-plan-price{font-size:15px!important;line-height:1.3!important}
body.v4.packages-page .pricing-plan-grid--reference :is(.orto-plan-billing,.orto-plan-usage,.orto-plan-included li,.orto-plan-exclusion){font-size:12px!important;line-height:1.6!important}
body.v4.packages-page .pricing-plan-grid--reference .orto-plan-cta{font-size:12px!important;line-height:1.4!important}
body.v4.packages-page .pricing-plan-grid--reference .orto-plan-included h3{font-size:12px!important;line-height:1.6!important;font-weight:500!important}
body.v4.packages-page .pricing-compare-table :is(th,td){font-size:12px!important;line-height:1.6!important}
body.v4.packages-page .pricing-compare-heading h2{font-size:42px!important}
@media(max-width:760px){
  body.v4 main h1{font-size:clamp(38px,9vw,52px)!important}
  body.v4 main h2{font-size:clamp(30px,7.5vw,38px)!important}
  body.v4 main .v5-stories h2{font-size:32px!important}
  body.v4 main .v5-story-copy h3{font-size:22px!important}
  body.v4 main .v4-hero-story-copy h2{font-size:24px!important}
  body.v4.packages-page main .orto-plan-card h2{font-size:20px!important}
  body.v4 main :is(.v4-final h2,.v5-final-cta h2,.v5-pre-footer h2){font-size:clamp(42px,12vw,56px)!important}
}


/* Products page: clearer product rhythm, connected journey, and illustrative interfaces. */
body.products-page .products-overview{padding:90px 0 96px;background:#fff}
body.products-page .products-overview-heading{display:grid;grid-template-columns:1fr .82fr;align-items:end;gap:60px;margin-bottom:34px}
body.products-page .products-overview-heading h2{margin:8px 0 0;max-width:650px}
body.products-page .products-overview-heading>p{max-width:520px;margin:0 0 4px;color:#5e6c78;font-size:16px;line-height:1.75}
body.products-page .products-journey{margin:0 0 36px;padding:20px 24px 18px;border:1px solid #e0e6eb;border-radius:18px;background:#f7f9fb}
body.products-page .products-journey-label{display:block;margin:0 0 15px;color:#738FAA;font-size:11px;font-weight:700;letter-spacing:.1em}
body.products-page .products-journey ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
body.products-page .products-journey li{position:relative;display:grid;grid-template-columns:31px 1fr;align-items:center;column-gap:10px;min-width:0;padding:0 18px;border-left:1px solid #dfe5ea}
body.products-page .products-journey li:first-child{padding-left:0;border-left:0}
body.products-page .products-journey li>i{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#e8eff5;color:#738FAA;font-size:10px;font-style:normal;font-weight:700}
body.products-page .products-journey li>b{color:#23313e;font-size:13px;font-weight:600;line-height:1.35}
body.products-page .products-journey li>small{margin-top:3px;color:#788590;font-size:11px;line-height:1.4}
body.products-page .premium-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
body.products-page .premium-card-grid article{display:flex;min-width:0;flex-direction:column;padding:18px;border:1px solid #e0e6eb;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(25,47,67,.035);scroll-margin-top:110px}
body.products-page .premium-card-grid article>.eyebrow{margin:19px 0 8px;font-size:11px!important;letter-spacing:.09em!important}
body.products-page .premium-card-grid article h3{margin:0 0 9px;color:#1d2934;font-size:20px!important;line-height:1.35!important;font-weight:500!important}
body.products-page .premium-card-grid article p{margin:0 0 14px;color:#63717d;font-size:14px!important;line-height:1.65!important}
body.products-page .product-card-visual{position:relative;display:flex;min-height:150px;flex-direction:column;justify-content:center;gap:10px;overflow:hidden;padding:17px;border:1px solid #e5ebf0;border-radius:14px;background:linear-gradient(135deg,#f1f5f9,#f8fafc 64%,#edf2f7);color:#263744}
body.products-page .product-visual-caption{position:absolute;top:11px;left:13px;color:#73818c;font-size:8px;font-weight:700;letter-spacing:.1em}
body.products-page .product-call-state{display:flex;align-items:center;gap:8px;margin-top:10px;color:#253543;font-size:11px}
body.products-page .product-call-state>b{margin-left:auto;color:#687986;font-size:10px;font-weight:500}
body.products-page .product-live-dot{width:7px;height:7px;border-radius:50%;background:#58a27e;box-shadow:0 0 0 4px #58a27e20}
body.products-page .product-waveform{display:flex;height:32px;align-items:center;justify-content:center;gap:4px}
body.products-page .product-waveform i{width:3px;height:var(--wave,14px);border-radius:4px;background:#738FAA;opacity:.8}
body.products-page .product-waveform i:nth-child(3n){--wave:24px}.product-waveform i:nth-child(4n){--wave:9px}.product-waveform i:nth-child(5n){--wave:29px}.product-waveform i:nth-child(2n){--wave:18px}
body.products-page .product-visual-foot{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #dfe6ec;color:#687784;font-size:9px}
body.products-page .product-visual-foot b{color:#738FAA;font-weight:600}
body.products-page .product-enquiry-head{display:flex;align-items:center;gap:9px;margin-top:12px}
body.products-page .product-avatar{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;background:#e5edf5;color:#738FAA;font-size:9px;font-weight:700}
body.products-page .product-enquiry-head>span:nth-child(2),body.products-page .product-pipeline-customer>span:nth-child(2){display:grid;gap:3px}
body.products-page .product-enquiry-head b,body.products-page .product-pipeline-customer b{color:#283744;font-size:10px;font-weight:600}
body.products-page .product-enquiry-head small,body.products-page .product-pipeline-customer small{color:#76838e;font-size:9px}
body.products-page .product-enquiry-head em,body.products-page .product-pipeline-customer em,body.products-page .product-calendar em{margin-left:auto;padding:4px 7px;border-radius:999px;background:#e8eff5;color:#738FAA;font-size:8px;font-style:normal;font-weight:650}
body.products-page .product-enquiry-row{display:flex;justify-content:space-between;gap:8px;padding:10px;border:1px solid #e3e8ed;border-radius:9px;background:#fff;color:#4f5f6c;font-size:9px}
body.products-page .product-enquiry-row b{color:#738FAA;font-size:8px;font-weight:600;white-space:nowrap}
body.products-page .product-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}
body.products-page .product-pipeline>div{display:grid;gap:5px;padding:8px;border:1px solid #e1e7ec;border-radius:8px;background:#fff}
body.products-page .product-pipeline small{color:#7a8791;font-size:8px}
body.products-page .product-pipeline b{color:#3d4c58;font-size:9px;font-weight:600}
body.products-page .product-pipeline i{color:#738FAA;font-size:12px;font-style:normal;font-weight:650}
body.products-page .product-pipeline-customer{display:flex;align-items:center;gap:7px;margin-top:1px;padding:7px 8px;border-radius:8px;background:#fff}
body.products-page .product-pipeline-customer .product-avatar{width:24px;height:24px;font-size:8px}
body.products-page .product-chat-bubble{align-self:flex-start;max-width:85%;margin-top:12px;padding:9px 11px;border-radius:11px 11px 11px 3px;background:#fff;color:#3e4b56;font-size:9px;line-height:1.4;box-shadow:0 2px 8px #24394b0a}
body.products-page .product-chat-bubble small{display:block;margin-top:5px;color:#89939b;font-size:8px}
body.products-page .product-chat-bubble--reply{align-self:flex-end;margin-top:0;border-radius:11px 11px 3px 11px;background:#e8eff5;color:#31485c}
body.products-page .product-chat-channels{display:flex;gap:6px;margin-top:0}
body.products-page .product-chat-channels span{padding:4px 7px;border:1px solid #dfe6ec;border-radius:999px;background:#fff;color:#657482;font-size:8px}
body.products-page .product-calendar{display:flex;align-items:center;gap:9px;margin-top:12px;padding:8px;border:1px solid #e1e7ec;border-radius:9px;background:#fff}
body.products-page .product-calendar>div{display:grid;width:29px;height:34px;place-content:center;text-align:center;border-radius:6px;background:#edf2f7}
body.products-page .product-calendar>div small{color:#75828c;font-size:7px}
body.products-page .product-calendar>div b{color:#334655;font-size:12px}
body.products-page .product-calendar>span{display:grid;gap:4px;min-width:0}
body.products-page .product-calendar>span b{overflow:hidden;color:#354552;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .product-calendar>span small{color:#7a8791;font-size:8px}
body.products-page .product-calendar--muted{margin-top:-4px;opacity:.75}
body.products-page .product-calendar em{font-size:7px}
body.products-page .product-automation-step{display:flex;align-items:center;gap:8px;margin-top:10px;padding:6px 8px;border:1px solid #e1e7ec;border-radius:8px;background:#fff}
body.products-page .product-automation-step>i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e8eff5;color:#738FAA;font-size:9px;font-style:normal;font-weight:700}
body.products-page .product-automation-step>span{display:grid;gap:2px}
body.products-page .product-automation-step b{color:#344450;font-size:9px;font-weight:600}
body.products-page .product-automation-step small{color:#7c8993;font-size:8px}
body.products-page .product-automation-step em{margin-left:auto;color:#738FAA;font-size:11px;font-style:normal}
body.products-page .product-automation-line{height:7px;margin-left:17px;border-left:1px solid #c8d4df}
body.products-page .product-aftercare-mark{position:absolute;top:40px;right:18px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#e4f1eb;color:#428263;font-size:13px}
body.products-page .product-aftercare-copy{display:grid;gap:3px;margin-top:10px}
body.products-page .product-aftercare-copy b{color:#33424e;font-size:10px}
body.products-page .product-aftercare-copy small{color:#7c8993;font-size:8px}
body.products-page .product-aftercare-message{padding:8px 10px;border:1px solid #e1e7ec;border-radius:8px;background:#fff;color:#50606c;font-size:9px;line-height:1.45}
body.products-page .product-aftercare-foot{display:flex;justify-content:space-between;color:#75828c;font-size:8px}
body.products-page .product-aftercare-foot b{color:#738FAA;font-weight:600}
body.products-page .product-tool-list{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px}
body.products-page .product-tool-list span,body.products-page .product-tool-list>b{display:grid;min-height:29px;place-items:center;padding:0 9px;border:1px solid #dfe6ec;border-radius:8px;background:#fff;color:#4e6070;font-size:8px;font-weight:600;white-space:nowrap}
body.products-page .product-tool-list>b{background:#738FAA;color:#fff}
body.products-page .product-tool-list>i{color:#8796a3;font-size:13px;font-style:normal}
body.products-page .product-integration-note{color:#74818d;font-size:8px;text-align:center}
body.products-page .product-insight-title{display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:#3a4a57;font-size:9px}
body.products-page .product-insight-title b{color:#7a8792;font-size:8px;font-weight:500}
body.products-page .product-insight-row{display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:7px;color:#5e6d79;font-size:8px}
body.products-page .product-insight-row>i{height:6px;overflow:hidden;border-radius:999px;background:#e1e7ed}
body.products-page .product-insight-row>i>b{display:block;height:100%;border-radius:inherit;background:#738faa}
body.products-page .product-insight-row strong{color:#738FAA;font-size:8px;font-weight:600}
body.products-page .product-insight-callout{padding:6px 8px;border-radius:7px;background:#eaf0f5;color:#526678;font-size:8px}
body.products-page .premium-card-grid .product-feature-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;color:#738FAA;font-size:12px;font-weight:600;text-decoration:none}
body.products-page .premium-card-grid .product-feature-link span{display:inline-block;transition:transform .18s ease}
body.products-page .premium-card-grid .product-feature-link:hover{color:#344f6a}
body.products-page .premium-card-grid .product-feature-link:hover span{transform:translateX(3px)}
body.products-page .products-example-note{margin:18px 0 0;color:#71808c;font-size:12px!important;line-height:1.6!important}
body.products-page .products-packages-cta{padding:44px 0;background:#f2f5f8;border-block:1px solid #e1e7ec}
body.products-page .products-packages-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}
body.products-page .products-packages-cta h2{margin:7px 0 8px;font-size:30px!important;line-height:1.2!important}
body.products-page .products-packages-cta p{max-width:640px;margin:0;color:#63717d;font-size:14px!important;line-height:1.65!important}
body.products-page .products-packages-cta .button{flex:none}
@media(max-width:980px){body.products-page .premium-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.products-page .products-overview-heading{gap:32px}}
@media(max-width:760px){body.products-page .products-overview{padding:62px 0 68px}body.products-page .products-overview-heading{grid-template-columns:1fr;gap:16px;margin-bottom:25px}body.products-page .products-journey{padding:17px;margin-bottom:24px}body.products-page .products-journey ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}body.products-page .products-journey li:nth-child(odd){padding-left:0;border-left:0}body.products-page .premium-card-grid{grid-template-columns:1fr;gap:14px}body.products-page .premium-card-grid article{padding:16px}body.products-page .product-card-visual{min-height:145px}body.products-page .products-packages-cta>.container{align-items:flex-start;flex-direction:column}body.products-page .products-packages-cta h2{font-size:26px!important}}
/* Product features use the split gradient and cropped-dashboard composition from the homepage. */
body.products-page .premium-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:96px;margin-top:20px}
body.products-page .premium-card-grid article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-items:center;column-gap:clamp(42px,7vw,96px);row-gap:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:110px}
body.products-page .premium-card-grid article:nth-child(even)>.product-visual-wrap{grid-column:2;grid-row:1/5}
body.products-page .premium-card-grid article:nth-child(odd)>.product-visual-wrap{grid-column:1;grid-row:1/5}
body.products-page .premium-card-grid article>.eyebrow{grid-column:2;grid-row:1;align-self:end;margin:0 0 10px!important;color:#738FAA!important;font-size:13px!important;letter-spacing:.08em!important}
body.products-page .premium-card-grid article>h3{grid-column:2;grid-row:2;align-self:end;margin:0 0 14px;color:#18232d;font-size:28px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:-.04em!important}
body.products-page .premium-card-grid article>p{grid-column:2;grid-row:3;align-self:start;max-width:500px;margin:0;color:#5e6c78;font-size:16px!important;line-height:1.75!important}
body.products-page .premium-card-grid article>.product-feature-link{grid-column:2;grid-row:4;align-self:start;margin-top:18px;padding:0;color:#738FAA;font-size:14px!important}
body.products-page .premium-card-grid article:nth-child(even)>:is(.eyebrow,h3,p,.product-feature-link){grid-column:1}
body.products-page .product-card-visual{position:relative;display:block;width:100%;min-height:350px;overflow:hidden;padding:0;border:0;border-radius:23px;background:#dfe8f4;box-shadow:none;isolation:isolate}
body.products-page .product-card-visual::before{position:absolute;inset:0;z-index:-1;border-radius:inherit;content:""}
body.products-page .product-visual--voice{background:linear-gradient(135deg,#a9c2ff 0%,#b9e7f3 48%,#aaa2fa 100%)}
body.products-page .product-visual--enquiry{background:linear-gradient(135deg,#ff956a 0%,#f4b1a0 45%,#758ff0 100%)}
body.products-page .product-visual--pipeline{background:linear-gradient(135deg,#688de9 0%,#b5b6ff 52%,#7ad7dc 100%)}
body.products-page .product-visual--chat{background:linear-gradient(135deg,#74d9cf 0%,#9fb8f8 52%,#d3a6ea 100%)}
body.products-page .product-visual--booking{background:linear-gradient(135deg,#ffad71 0%,#d6a9e8 52%,#7799e9 100%)}
body.products-page .product-visual--automation{background:linear-gradient(135deg,#f8c677 0%,#e7a3bf 48%,#8e94eb 100%)}
body.products-page .product-visual--aftercare{background:linear-gradient(135deg,#f49d8c 0%,#f4c47d 50%,#739ae8 100%)}
body.products-page .product-visual--integrations{background:linear-gradient(135deg,#a5cff3 0%,#a8b2f4 52%,#607fba 100%)}
body.products-page .product-visual--intelligence{background:linear-gradient(135deg,#aec6ff 0%,#d2a9f1 50%,#62cbd5 100%)}
body.products-page .product-visual-caption{top:14px;left:16px;z-index:2;color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 8px #23375055}
body.products-page .product-mockup{position:absolute;top:21%;left:14%;display:flex;width:124%;height:96%;flex-direction:column;justify-content:center;gap:9px;overflow:hidden;padding:22px 23px 24px;border:1px solid rgba(33,54,77,.1);border-radius:17px 17px 0 0;background:rgba(255,255,255,.97);box-shadow:0 20px 48px rgba(36,47,75,.22);color:#263744}
body.products-page .product-visual--enquiry .product-mockup,body.products-page .product-visual--chat .product-mockup{left:11%;top:19%}
body.products-page .product-visual--pipeline .product-mockup,body.products-page .product-visual--booking .product-mockup{left:16%;top:20%}
body.products-page .product-visual--automation .product-mockup,body.products-page .product-visual--aftercare .product-mockup{left:12%;top:19%}
body.products-page .product-visual--integrations .product-mockup,body.products-page .product-visual--intelligence .product-mockup{left:15%;top:21%}
body.products-page .product-visual--voice .product-waveform i{background:#718da9}
body.products-page .product-visual--voice .product-call-state{margin-top:0}
body.products-page .product-visual--voice .product-visual-foot{font-size:10px}
body.products-page .product-visual--enquiry .product-enquiry-head{margin-top:0}
body.products-page .product-visual--chat .product-chat-bubble{margin-top:0}
body.products-page .product-visual--chat .product-chat-bubble--reply{margin-top:0}
body.products-page .product-visual--booking .product-calendar{margin-top:0;padding:10px}
body.products-page .product-visual--booking .product-calendar--muted{margin-top:0}
body.products-page .product-visual--automation .product-automation-step{margin-top:0;padding:9px}
body.products-page .product-visual--aftercare .product-aftercare-mark{top:18px;right:18px}
body.products-page .product-visual--aftercare .product-aftercare-copy{margin-top:0}
body.products-page .product-visual--integrations .product-tool-list{margin-top:0}
body.products-page .product-visual--intelligence .product-insight-title{margin-top:0}
@media(max-width:980px){body.products-page .premium-card-grid{gap:74px}body.products-page .premium-card-grid article{column-gap:36px}body.products-page .product-card-visual{min-height:315px}body.products-page .product-mockup{top:22%;left:10%;width:132%;padding:18px}.product-visual--pipeline .product-mockup,.product-visual--booking .product-mockup{left:11%}}
@media(max-width:760px){body.products-page .premium-card-grid{gap:58px}body.products-page .premium-card-grid article{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;row-gap:0;column-gap:0}body.products-page .premium-card-grid article:nth-child(n)>.product-visual-wrap{grid-column:1;grid-row:1;min-height:270px;margin-bottom:25px}body.products-page .premium-card-grid article:nth-child(n)>:is(.eyebrow,h3,p,.product-feature-link){grid-column:1}body.products-page .premium-card-grid article>.eyebrow{grid-row:2;margin-bottom:8px!important}body.products-page .premium-card-grid article>h3{grid-row:3;margin-bottom:10px;font-size:24px!important}body.products-page .premium-card-grid article>p{grid-row:4;font-size:15px!important}body.products-page .premium-card-grid article>.product-feature-link{grid-row:5;margin-top:14px}body.products-page .product-mockup{top:23%;left:13%;width:125%;height:105%;padding:15px;border-radius:14px 14px 0 0}body.products-page .product-visual--pipeline .product-mockup,body.products-page .product-visual--booking .product-mockup{left:13%}}
/* Product page refinement: reuse the exact gradient artwork and rhythm from the index feature sections. */
body.products-page .premium-card-grid{gap:clamp(138px,14vw,196px)}
body.products-page .premium-card-grid article{grid-template-rows:min-content min-content min-content min-content;align-content:center;align-items:stretch}
body.products-page .premium-card-grid article>.eyebrow,
body.products-page .premium-card-grid article>h3,
body.products-page .premium-card-grid article>p,
body.products-page .premium-card-grid article>.product-feature-link{align-self:auto}
body.products-page .premium-card-grid article>.product-feature-link{margin-top:18px!important;padding-top:0!important}
body.products-page .product-visual--voice{background:#b9e7f3 url('/assets/img/homepage/orto-call-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--enquiry{background:#aaa2fa url('/assets/img/homepage/orto-intelligence-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--pipeline{background:#8db6ec url('/assets/img/homepage/orto-workspace-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--chat{background:#7cb8dc url('/assets/img/homepage/orto-call-gradient-v2.svg') center/cover no-repeat}
body.products-page .product-visual--booking{background:#9ab4e7 url('/assets/img/homepage/orto-calendar-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--automation{background:#b9c6f3 url('/assets/img/homepage/orto-business-knowledge-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--aftercare{background:#9ab4e7 url('/assets/img/homepage/orto-calendar-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--integrations{background:#8db6ec url('/assets/img/homepage/orto-workspace-gradient-v1.png') center/cover no-repeat}
body.products-page .product-visual--intelligence{background:#aaa2fa url('/assets/img/homepage/orto-intelligence-gradient-v1.png') center/cover no-repeat}
body.products-page .product-card-visual::before{display:none}
body.products-page .product-mockup{justify-content:flex-start;gap:12px;padding-top:0}
body.products-page .product-mockup::before{content:"ORTO   WORKSPACE OVERVIEW                                  •  •  •";display:flex;flex:0 0 38px;align-items:center;margin:0 -23px 4px;padding:0 23px;border-bottom:1px solid #e7edf2;background:linear-gradient(90deg,#fff,#f8fafc);color:#607b96;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:pre}
body.products-page .product-mockup::after{content:"RECENT ACTIVITY     Customer details captured      Next step ready";display:flex;flex:0 0 42px;align-items:center;margin:5px -23px -24px;padding:0 23px;border-top:1px solid #e8edf2;background:repeating-linear-gradient(180deg,#fff 0 19px,#f1f4f7 19px 20px);color:#758493;font-size:9px;font-weight:500;white-space:pre}
body.products-page .product-visual--voice .product-mockup::after{content:"CALL SUMMARY      Enquiry captured      Follow-up agreed"}
body.products-page .product-visual--enquiry .product-mockup::after{content:"SOURCE      Website       OWNER      Unassigned       STATUS      New"}
body.products-page .product-visual--pipeline .product-mockup::after{content:"RECENT JOBS       Kitchen quote       Bathroom visit       2 follow-ups"}
body.products-page .product-visual--chat .product-mockup::after{content:"INBOX      3 channels connected       1 new conversation"}
body.products-page .product-visual--booking .product-mockup::after{content:"THIS WEEK       4 appointments       2 follow-ups due"}
body.products-page .product-visual--automation .product-mockup::after{content:"WORKFLOW STATUS       Active       Last run       Just now"}
body.products-page .product-visual--aftercare .product-mockup::after{content:"CUSTOMER UPDATE       Ready to review       Scheduled"}
body.products-page .product-visual--integrations .product-mockup::after{content:"CONNECTED SERVICES       Calendar       Customer records"}
body.products-page .product-visual--intelligence .product-mockup::after{content:"THIS MONTH       24 conversations reviewed       6 useful themes"}
@media(max-width:980px){body.products-page .premium-card-grid{gap:clamp(112px,13vw,150px)}body.products-page .product-mockup::before{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}body.products-page .product-mockup::after{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}}
@media(max-width:760px){body.products-page .premium-card-grid{gap:88px}body.products-page .premium-card-grid article{align-content:start}body.products-page .premium-card-grid article>.product-feature-link{margin-top:16px!important}body.products-page .product-mockup::before{flex-basis:34px;margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px;font-size:8px}body.products-page .product-mockup::after{flex-basis:38px;margin-right:-15px;margin-left:-15px;margin-bottom:-15px;padding-right:15px;padding-left:15px;font-size:7px}}

/* Product mockups share the index's pointer-driven 3D tilt and each uses its own crop. */
body.products-page .product-card-visual{perspective:1200px;perspective-origin:50% 50%}
body.products-page .product-mockup{transform:rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-origin:center;transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform;pointer-events:none}
body.products-page .premium-card-grid article{grid-template-rows:minmax(350px,auto);align-items:center}
body.products-page .premium-card-grid article:nth-child(odd)>.product-visual-wrap{grid-column:1;grid-row:1}
body.products-page .premium-card-grid article:nth-child(even)>.product-visual-wrap{grid-column:2;grid-row:1}
body.products-page .premium-card-grid article>.product-card-copy{display:flex;grid-row:1;flex-direction:column;align-self:center;min-width:0;max-width:500px;gap:0}
body.products-page .premium-card-grid article:nth-child(odd)>.product-card-copy{grid-column:2}
body.products-page .premium-card-grid article:nth-child(even)>.product-card-copy{grid-column:1}
body.products-page .product-card-copy>.eyebrow{margin:0 0 10px!important}
body.products-page .product-card-copy>h3{margin:0 0 14px!important}
body.products-page .product-card-copy>p{margin:0!important}
body.products-page .product-card-copy>.product-feature-link{align-self:flex-start;margin:18px 0 0!important;padding:0!important}
body.products-page .product-visual--voice .product-mockup{top:12%;left:18%;width:116%;height:94%;border-radius:20px 20px 0 0}
body.products-page .product-visual--enquiry .product-mockup{top:18%;left:8%;width:132%;height:88%;border-radius:16px 16px 0 0}
body.products-page .product-visual--pipeline .product-mockup{top:23%;left:17%;width:123%;height:99%;border-radius:21px 21px 0 0}
body.products-page .product-visual--chat .product-mockup{top:12%;left:20%;width:128%;height:85%;border-radius:24px 24px 0 0}
body.products-page .product-visual--booking .product-mockup{top:18%;left:11%;width:116%;height:92%;border-radius:15px 15px 0 0}
body.products-page .product-visual--automation .product-mockup{top:22%;left:20%;width:130%;height:94%;border-radius:22px 22px 0 0}
body.products-page .product-visual--aftercare .product-mockup{top:13%;left:9%;width:121%;height:100%;border-radius:18px 18px 0 0}
body.products-page .product-visual--integrations .product-mockup{top:20%;left:14%;width:115%;height:90%;border-radius:14px 14px 0 0}
body.products-page .product-visual--intelligence .product-mockup{top:15%;left:21%;width:132%;height:95%;border-radius:24px 24px 0 0}
@media(max-width:980px){body.products-page .premium-card-grid article{grid-template-rows:minmax(315px,auto)}body.products-page .product-mockup{left:12%!important;width:126%!important}}
@media(max-width:760px){body.products-page .premium-card-grid article{grid-template-rows:auto auto;row-gap:0}body.products-page .premium-card-grid article:nth-child(n)>.product-visual-wrap{grid-column:1;grid-row:1;min-height:270px;margin-bottom:25px}body.products-page .premium-card-grid article:nth-child(n)>.product-card-copy{grid-column:1;grid-row:2;max-width:none}body.products-page .product-mockup{top:16%!important;left:14%!important;width:126%!important;height:95%!important}}

/* ORTO voice and conversation AI agents dashboard mockup. */
body.products-page .voice-dashboard{display:block!important;overflow:hidden!important;padding:0!important;border-radius:20px 20px 0 0!important;background:#fbfcfe!important;color:#263548!important;font-family:Manrope,Arial,sans-serif;box-shadow:0 20px 48px rgba(36,47,75,.22)!important}
body.products-page .voice-dashboard-top{display:flex;height:42px;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid #e7ebf0;background:#fff;white-space:nowrap}
body.products-page .voice-dashboard-brand{display:flex;align-items:center;gap:8px;flex:none;color:#263548;font-size:12px}
body.products-page .voice-brand-icon{display:grid;width:21px;height:21px;place-items:center;border-radius:6px;background:#edf3fa;color:#6688ad;font-size:16px}
body.products-page .voice-dashboard-top nav{display:flex;height:100%;align-items:center;gap:16px;overflow:hidden;color:#59687a;font-size:8px;font-weight:600}
body.products-page .voice-dashboard-top nav span{display:flex;height:100%;align-items:center;flex:none;border-bottom:2px solid transparent}
body.products-page .voice-dashboard-top nav .is-active{border-color:#397eea;color:#397eea}
body.products-page .voice-dashboard-tools{display:flex;align-items:center;gap:7px;margin-left:auto}
body.products-page .voice-dashboard-tools i,body.products-page .voice-dashboard-tools>span{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#edf3fa;color:#738FAA;font-size:9px;font-style:normal;font-weight:700}
body.products-page .voice-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px 10px}
body.products-page .voice-dashboard-heading>div>small{color:#6d7d91;font-size:6px;font-weight:700;letter-spacing:.1em}
body.products-page .voice-dashboard-heading h4{margin:4px 0 2px;color:#1c2b3b;font-size:12px!important;line-height:1.25!important;font-weight:600!important}
body.products-page .voice-dashboard-heading p{margin:0;color:#68798c;font-size:8px!important;line-height:1.4!important}
body.products-page .voice-dashboard-heading button{flex:none;padding:8px 11px;border:0;border-radius:6px;background:#426ff0;color:#fff;font:600 8px Manrope,Arial,sans-serif;white-space:nowrap}
body.products-page .voice-dashboard-tabs{display:flex;align-items:center;gap:20px;height:32px;margin:0 20px;border-bottom:1px solid #e3e8ee;color:#526074;font-size:8px;white-space:nowrap}
body.products-page .voice-dashboard-tabs>b{display:grid;height:100%;align-items:center;border-bottom:2px solid #477df4;color:#386ee9}
body.products-page .voice-dashboard-tabs-spacer{flex:1}
body.products-page .voice-dashboard-filter{padding:5px 8px;border:1px solid #dce3eb;border-radius:5px;background:#fff;color:#48596d}
body.products-page .voice-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px 20px}
body.products-page .voice-dashboard-stats>div,body.products-page .voice-dashboard-bottom>div{display:grid;gap:5px;min-width:0;padding:10px 11px;border:1px solid #e0e6ed;border-radius:7px;background:#fff;box-shadow:0 2px 4px rgba(25,45,68,.06)}
body.products-page .voice-dashboard-stats>div:first-child{border-color:#9bb8fa}
body.products-page .voice-dashboard-stats span,body.products-page .voice-dashboard-bottom span{color:#34475e;font-size:9px;font-weight:600}
body.products-page .voice-dashboard-stats strong{color:#172b43;font-size:21px;font-weight:500;line-height:1.1}
body.products-page .voice-dashboard-stats strong em{font-size:12px;font-style:normal}
body.products-page .voice-dashboard-stats small{color:#758396;font-size:7px}
body.products-page .voice-dashboard-stats small b{color:#18835d}
body.products-page .voice-dashboard-chart{margin:0 20px;padding:11px 12px 8px;border:1px solid #e0e6ed;border-radius:7px;background:#fff;box-shadow:0 2px 4px rgba(25,45,68,.05)}
body.products-page .voice-chart-heading{display:flex;justify-content:space-between;gap:10px;color:#34475e;font-size:9px}
body.products-page .voice-chart-heading span{color:#8390a0;font-size:7px}
body.products-page .voice-chart-plot{display:grid;grid-template-columns:18px 1fr;align-items:stretch;height:96px;margin-top:7px;background:repeating-linear-gradient(to bottom,#fff 0 22px,#eef2f6 22px 23px)}
body.products-page .voice-chart-y{display:flex;flex-direction:column;justify-content:space-between;padding:0 3px 0 0;color:#8793a1;font-size:6px;text-align:right}
body.products-page .voice-chart-plot svg{width:100%;height:100%;overflow:visible}
body.products-page .voice-chart-area{fill:url(#voiceChartFill)}
body.products-page .voice-chart-line{fill:none;stroke:#4b7cf2;stroke-width:2;vector-effect:non-scaling-stroke}
body.products-page .voice-chart-x{display:flex;justify-content:space-between;margin:5px 0 0 18px;color:#8894a1;font-size:6px}
body.products-page .voice-dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 20px 22px}
body.products-page .voice-dashboard-bottom>div{gap:4px}
body.products-page .voice-dashboard-bottom b{color:#172b43;font-size:16px;font-weight:500}
body.products-page .voice-dashboard-bottom small{color:#84909d;font-size:7px}
@media(max-width:760px){body.products-page .voice-dashboard-top{gap:9px;padding:0 10px}body.products-page .voice-dashboard-top nav{gap:9px;font-size:7px}body.products-page .voice-dashboard-heading{padding:13px 12px 9px}body.products-page .voice-dashboard-tabs{gap:10px;margin:0 12px}body.products-page .voice-dashboard-stats{gap:5px;padding:9px 12px}body.products-page .voice-dashboard-stats>div{padding:7px 6px}body.products-page .voice-dashboard-chart{margin:0 12px;padding:8px}body.products-page .voice-dashboard-bottom{padding:8px 12px 18px}}
body.products-page .voice-dashboard::before,body.products-page .voice-dashboard::after{display:none!important;content:none!important}
body.products-page .voice-dashboard{height:130%!important;overflow:visible!important}

body.products-page .voice-dashboard-brand img.voice-brand-icon{display:block;width:22px;height:22px;object-fit:contain;border-radius:0;background:transparent;color:inherit;font-size:0}


/* ORTO inbox mockup inspired by a unified conversations workspace. */
body.products-page .product-visual--enquiry .product-mockup{top:12%!important;left:7%!important;width:142%!important;height:120%!important;padding:0!important;overflow:visible!important;border-radius:17px 17px 0 0!important;background:transparent!important;box-shadow:0 20px 48px rgba(36,47,75,.22)!important}

/* Weekly calendar mockup for bookings and job administration. */
body.products-page .product-visual--booking .booking-dashboard{top:12%!important;left:5%!important;width:142%!important;height:116%!important;display:block!important;overflow:hidden!important;padding:0!important;border-radius:17px 17px 0 0!important;background:#fff!important;color:#273448!important;box-shadow:0 20px 48px rgba(36,47,75,.22)!important;font-family:Manrope,Arial,sans-serif}
body.products-page .booking-dashboard::before,body.products-page .booking-dashboard::after{display:none!important;content:none!important}
body.products-page .booking-topbar{height:39px;display:flex;align-items:center;gap:15px;padding:0 12px;border-bottom:1px solid #e7ebf0;background:#fff;white-space:nowrap}
body.products-page .booking-brand{display:flex;align-items:center;gap:6px;font-size:10px;color:#28384c}
body.products-page .booking-brand img{object-fit:contain}
body.products-page .booking-topbar nav{display:flex;align-items:stretch;gap:15px;height:100%;color:#596679;font-size:8px}
body.products-page .booking-topbar nav span{display:flex;align-items:center;position:relative}
body.products-page .booking-topbar nav .is-active{color:#2874f0;font-weight:700}
body.products-page .booking-topbar nav .is-active::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#3885ff;content:""}
body.products-page .booking-top-tools{display:flex;align-items:center;gap:10px;margin-left:auto;color:#60728a;font-size:9px}
body.products-page .booking-top-tools b{padding:5px 8px;border-radius:5px;background:#2864e8;color:#fff;font-size:8px;font-weight:600}
body.products-page .booking-toolbar{height:43px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #e5e9ef;background:#fff;font-size:8px;color:#536176;white-space:nowrap}
body.products-page .booking-toolbar>b,body.products-page .booking-date,body.products-page .booking-view,body.products-page .booking-filter{padding:6px 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff}
body.products-page .booking-toolbar>b{color:#33455e}
body.products-page .booking-date{font-weight:650;color:#354963}
body.products-page .booking-spacer{flex:1}
body.products-page .booking-toolbar>small{color:#3678ed;font-size:8px}
body.products-page .booking-week-head,body.products-page .booking-calendar-grid{display:grid;grid-template-columns:38px repeat(7,minmax(76px,1fr));min-width:570px}
body.products-page .booking-week-head{height:33px;border-bottom:1px solid #dfe4eb;background:#fff}
body.products-page .booking-week-head>span,body.products-page .booking-week-head>b{display:flex;align-items:center;justify-content:center;border-right:1px solid #e2e7ee;color:#47556a;font-size:9px}
body.products-page .booking-week-head>span{font-size:7px;color:#6b788b}
body.products-page .booking-week-head>b{gap:4px}
body.products-page .booking-week-head>b small{font-size:9px;color:#8792a1;font-weight:600}
body.products-page .booking-week-head>b.today{color:#236cf0;background:#f5f8ff}
body.products-page .booking-all-day{height:24px;border-bottom:1px solid #dfe4eb;background:#fbfcfd;color:#657287;font-size:7px}
body.products-page .booking-all-day>span{display:flex;align-items:center;justify-content:center;font-size:6px}
body.products-page .booking-all-day>div{overflow:hidden;padding:5px 3px;border-right:1px solid #e5e9ef;color:#738093;text-overflow:ellipsis;white-space:nowrap}
body.products-page .booking-calendar-grid{height:322px;grid-template-rows:repeat(7,46px);position:relative;background:#fff}
body.products-page .booking-times{display:grid;grid-row:1/-1;grid-template-rows:repeat(7,46px);color:#718097;font-size:7px}
body.products-page .booking-times span{padding:4px 3px 0;text-align:right;border-top:1px solid #e4e8ee}
body.products-page .booking-day{position:relative;grid-row:1/-1;border-left:1px solid #e4e8ee;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#e4e8ee 45px,#e4e8ee 46px)}
body.products-page .booking-day.today{background-color:#fbfcff}
body.products-page .booking-job{position:absolute;top:10px;right:3px;left:3px;display:flex;min-height:70px;flex-direction:column;gap:4px;overflow:hidden;padding:6px 5px;border-left:2px solid #4584f3;border-radius:4px;background:#edf4ff;color:#30445f;font-size:7px;line-height:1.25}
body.products-page .booking-job>b{font-size:7px;font-weight:700}
body.products-page .booking-job>small{color:#5d6e85;font-size:6px!important;line-height:1.2!important}
body.products-page .booking-job>em{align-self:flex-start;padding:2px 4px;border-radius:999px;background:#fff;color:#3573df;font-size:6px;font-style:normal}
body.products-page .booking-job--violet{border-color:#8272d7;background:#f1efff}
body.products-page .booking-job--violet>em{color:#7160c5}
body.products-page .booking-job--teal{border-color:#38a69b;background:#e9f8f5}
body.products-page .booking-job--teal>em{color:#258a80}
body.products-page .booking-job--amber{border-color:#e0a548;background:#fff6e6}
body.products-page .booking-job--amber>em{color:#a97721}
body.products-page .booking-job--late{top:174px}
body.products-page .booking-job--mid{top:92px}
body.products-page .booking-job--last{top:246px}
body.products-page .booking-job{border-left:3px solid #4f63e8;background:#e0e9ff;box-shadow:0 2px 6px rgba(51,78,190,.2);color:#213c69}
body.products-page .booking-job>b{color:#244b8e}
body.products-page .booking-job>small{color:#49658e;font-size:6px!important;line-height:1.2!important}
body.products-page .booking-job>em{background:#cbd9ff;color:#2854bf;font-weight:700}
body.products-page .booking-job--violet,body.products-page .booking-job--teal,body.products-page .booking-job--amber{border-left-color:#4f63e8;background:#e0e9ff}
body.products-page .booking-job--violet>em,body.products-page .booking-job--teal>em,body.products-page .booking-job--amber>em{background:#cbd9ff;color:#2854bf}
/* Keep event cards positioned and sized by the calendar, not the shared section-card grid. */
body.products-page .booking-dashboard .booking-calendar-grid .booking-day{display:block!important;grid-row:1/-1!important;align-self:stretch!important;min-width:76px!important;min-height:0!important}
body.products-page .booking-dashboard .booking-calendar-grid .booking-day>.booking-job{display:flex!important;position:absolute!important;right:8px!important;left:8px!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;width:auto!important;height:76px!important;min-width:0!important;min-height:76px!important;margin:0!important;padding:7px 6px!important;transform:none!important;z-index:2!important;overflow:hidden!important}
body.products-page .booking-dashboard .booking-calendar-grid .booking-day>.booking-job{background:#e7f0ff!important;border-left:3px solid #4f63e8!important;box-shadow:0 2px 6px rgba(51,78,190,.16)!important}
body.products-page .booking-dashboard .booking-calendar-grid .booking-day>.booking-job:not(.booking-job--mid):not(.booking-job--late):not(.booking-job--last){top:10px!important}
body.products-page .booking-dashboard .booking-calendar-grid .booking-day>.booking-job.booking-job--mid{top:92px!important}
body.products-page .booking-dashboard .booking-calendar-grid .booking-day>.booking-job.booking-job--late{top:174px!important}
body.products-page .booking-dashboard .booking-calendar-grid .booking-day>.booking-job.booking-job--last{top:246px!important}

/* ORTO workflow-builder preview for business automations. */
body.products-page .product-visual--automation .workflow-dashboard{top:8%!important;left:7%!important;width:136%!important;height:112%!important;display:block!important;overflow:hidden!important;padding:0!important;border-radius:18px 18px 0 0!important;background:#fff!important;color:#26364d!important;box-shadow:0 20px 48px rgba(36,47,75,.22)!important;font-family:Manrope,Arial,sans-serif}
body.products-page .workflow-dashboard::before,body.products-page .workflow-dashboard::after{display:none!important;content:none!important}
body.products-page .workflow-topbar{height:34px;display:flex;align-items:center;gap:15px;padding:0 11px;border-bottom:1px solid #e4e9f0;background:#fff;color:#39475c;font-size:7px;white-space:nowrap}
body.products-page .workflow-topbar>b{overflow:hidden;flex:1;text-align:center;color:#273950;font-size:8px;font-weight:600;text-overflow:ellipsis}
body.products-page .workflow-topbar>b i{color:#8c9ab0;font-style:normal;font-weight:400}
body.products-page .workflow-saved{padding:4px 7px;border:1px solid #dbe5fb;border-radius:5px;background:#edf3ff;color:#4169d8;font-size:7px}
body.products-page .workflow-tabs{height:29px;display:flex;align-items:center;gap:17px;padding:0 11px;border-bottom:1px solid #e4e9f0;color:#67758a;font-size:7px;white-space:nowrap}
body.products-page .workflow-tabs>b{height:100%;display:flex;align-items:center;position:relative;color:#3568e8;font-weight:700}
body.products-page .workflow-tabs>b::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#416ee8;content:""}
body.products-page .workflow-tabs button{margin-left:auto;padding:5px 8px;border:1px solid #dce5fb;border-radius:5px;background:#f1f5ff;color:#3568e8;font-size:7px;white-space:nowrap}
body.products-page .workflow-published{display:flex;align-items:center;gap:4px;color:#4f6076}
body.products-page .workflow-published i{width:15px;height:8px;border-radius:999px;background:#5975e9}
body.products-page .workflow-canvas{height:445px;position:relative;overflow:hidden;background-color:#fbfcfe;background-image:linear-gradient(#e9edf333 1px,transparent 1px),linear-gradient(90deg,#e9edf333 1px,transparent 1px);background-size:15px 15px}
body.products-page .workflow-rail{position:absolute;inset:0 auto 0 0;width:28px;display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:14px;border-right:1px solid #e5eaf1;background:#f7f9fc;color:#6e7b8e;font-size:10px}
body.products-page .workflow-rail i{font-style:normal}
body.products-page .workflow-node{position:absolute;z-index:2;display:flex;align-items:flex-start;gap:8px;width:220px;min-height:61px;padding:8px;border:1px solid #d9e1eb;border-radius:9px;background:#fff;box-shadow:0 3px 8px rgba(36,51,73,.09);color:#36475e}
body.products-page .workflow-trigger{top:17px;left:31%}
body.products-page .workflow-node-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:6px;background:#eaf1ff;color:#416ee8;font-size:12px;font-style:normal;font-weight:700}
body.products-page .workflow-node>div{display:grid;gap:3px;min-width:0}
body.products-page .workflow-node b{color:#3568db;font-size:8px;font-weight:700}
body.products-page .workflow-node strong{color:#34465e;font-size:8px;font-weight:600}
body.products-page .workflow-node small{color:#748197;font-size:7px;line-height:1.35}
body.products-page .workflow-node>em{align-self:flex-end;margin-left:auto;color:#416ee8;font-size:7px;font-style:normal}
body.products-page .workflow-branch{position:absolute;z-index:2;top:35px;left:68%;width:150px;height:48px;display:flex;align-items:center;gap:7px;padding:8px;border:1px dashed #91b1ff;border-radius:7px;background:#f1f6ff;color:#3568db;font-size:8px}
body.products-page .workflow-branch>span{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#416ee8;font-size:14px}
body.products-page .workflow-connector{position:absolute;z-index:1;width:1px;background:#b4bfce}
body.products-page .workflow-connector--top{top:79px;left:49%;height:69px}
body.products-page .workflow-connector--middle{top:201px;left:49%;height:48px}
body.products-page .workflow-connector--branch{top:311px;left:49%;height:35px}
body.products-page .workflow-connector--branch::after{position:absolute;top:33px;left:-95px;width:190px;height:15px;border-top:1px solid #b4bfce;border-right:1px solid #b4bfce;border-left:1px solid #b4bfce;border-radius:8px 8px 0 0;content:""}
body.products-page .workflow-connector--bottom{top:403px;left:49%;height:43px}
body.products-page .workflow-add{position:absolute;z-index:3;left:calc(49% - 8px);width:16px;height:16px;display:grid;place-items:center;border:1px solid #d8e0ea;border-radius:50%;background:#fff;color:#62728a;font-size:10px}
body.products-page .workflow-add--one{top:136px}
body.products-page .workflow-add--two{top:238px}
body.products-page .workflow-action{left:31%;width:220px;min-height:57px}
body.products-page .workflow-action--email{top:150px}
body.products-page .workflow-action--check{top:251px}
body.products-page .workflow-action--email .workflow-node-icon{background:#e6f7ef;color:#15935f}
body.products-page .workflow-branch-card{position:absolute;z-index:2;top:349px;width:190px;min-height:49px;display:grid;align-content:center;gap:4px;padding:7px 9px;border:1px solid #e1e6ee;border-bottom:3px solid #5270e5;border-radius:8px;background:#fff;text-align:center}
body.products-page .workflow-branch-card--yes{left:22%}
body.products-page .workflow-branch-card--no{left:52%}
body.products-page .workflow-branch-card>b{color:#4162d0;font-size:8px;font-weight:700}
body.products-page .workflow-branch-card>small{color:#778398;font-size:7px}
body.products-page .workflow-action--reminder{top:428px;left:31%;min-height:52px}
body.products-page .workflow-action--reminder .workflow-node-icon{background:#eaf1ff;color:#416ee8}
body.products-page .workflow-canvas .workflow-action{left:34%!important;width:190px!important;min-height:48px!important;gap:6px!important;padding:6px 7px!important}
body.products-page .workflow-canvas .workflow-action .workflow-node-icon{width:22px;height:22px;flex-basis:22px}
body.products-page .workflow-canvas .workflow-action>div{gap:2px}
body.products-page .workflow-canvas .workflow-action b{font-size:7px!important;line-height:1.25}
body.products-page .workflow-canvas .workflow-action small{font-size:7px!important;line-height:1.3}
body.products-page .workflow-canvas .workflow-action--email b{font-size:7px!important;line-height:1.25}
body.products-page .workflow-canvas .workflow-trigger{left:34%!important;width:190px!important;min-height:48px!important;gap:6px!important;padding:6px 7px!important}
body.products-page .workflow-canvas .workflow-trigger b,body.products-page .workflow-canvas .workflow-trigger strong,body.products-page .workflow-canvas .workflow-trigger small{font-size:7px!important;line-height:1.25}
body.products-page .workflow-canvas .workflow-action--email{top:112px!important}
body.products-page .workflow-canvas .workflow-action--check{top:195px!important}
body.products-page .workflow-canvas .workflow-connector--top{top:78px!important;height:27px!important}
body.products-page .workflow-canvas .workflow-add--one{top:99px!important}
body.products-page .workflow-canvas .workflow-connector--middle{top:160px!important;height:27px!important}
body.products-page .workflow-canvas .workflow-add--two{top:178px!important}
body.products-page .workflow-canvas .workflow-connector--branch{top:243px!important;height:27px!important}
body.products-page .workflow-canvas .workflow-connector--branch::after{top:25px!important}
body.products-page .workflow-canvas .workflow-branch-card{top:272px!important}
body.products-page .workflow-canvas .workflow-connector--bottom{top:324px!important;height:32px!important}
body.products-page .workflow-canvas .workflow-action--reminder{top:360px!important}
body.products-page .workflow-canvas .workflow-action{left:calc(49% - 85px)!important;width:170px!important}
body.products-page .workflow-canvas .workflow-trigger{left:calc(49% - 85px)!important;width:170px!important}
body.products-page .workflow-canvas .workflow-node{height:42px!important;min-height:42px!important;align-items:center!important;padding:5px 7px!important}
body.products-page .workflow-canvas .workflow-node>div{display:flex!important;align-items:center!important;min-width:0}
body.products-page .workflow-canvas .workflow-node b{font-size:7px!important;line-height:1.2;white-space:nowrap}
body.products-page .workflow-canvas .workflow-connector--top{top:58px!important;height:43px!important}
body.products-page .workflow-canvas .workflow-add--one{top:83px!important}
body.products-page .workflow-canvas .workflow-add{display:none!important}
body.products-page .workflow-canvas .workflow-connector{background:#aab8cf!important}
body.products-page .workflow-canvas .workflow-connector--top{top:59px!important;height:53px!important}
body.products-page .workflow-canvas .workflow-connector--middle{top:154px!important;height:41px!important}
body.products-page .workflow-canvas .workflow-connector--branch{top:237px!important;height:35px!important}
body.products-page .workflow-canvas .workflow-connector--branch::after{top:33px!important}
body.products-page .workflow-canvas .workflow-action--email{top:83px!important}
body.products-page .workflow-canvas .workflow-action--check{top:149px!important}
body.products-page .workflow-canvas .workflow-connector--top{top:59px!important;height:24px!important}
body.products-page .workflow-canvas .workflow-connector--middle{top:125px!important;height:24px!important}
body.products-page .workflow-canvas .workflow-connector--branch{top:191px!important;height:32px!important}
body.products-page .workflow-canvas .workflow-connector--branch::after{top:30px!important}
body.products-page .workflow-canvas .workflow-branch-card{top:224px!important}
body.products-page .workflow-canvas .workflow-connector--bottom{top:273px!important;height:32px!important}
body.products-page .workflow-canvas .workflow-action--reminder{top:305px!important}
body.products-page .workflow-canvas .workflow-node{justify-content:center!important}
body.products-page .workflow-canvas .workflow-branch-card{width:170px!important;height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:5px 7px!important;border:1px solid #d9e1eb!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px 8px rgba(36,51,73,.09)!important;text-align:left!important}
body.products-page .workflow-canvas .workflow-branch-card>.workflow-node-icon{width:22px;height:22px;flex-basis:22px}
body.products-page .workflow-canvas .workflow-branch-card>b{font-size:7px!important;line-height:1.2;white-space:nowrap}
body.products-page .workflow-canvas .workflow-node{justify-content:flex-start!important;padding:3px 5px!important}
body.products-page .workflow-canvas .workflow-node>em,body.products-page .workflow-canvas .workflow-branch-card>em{align-self:center;margin:0 0 0 auto;color:#8794a8;font-size:8px;font-style:normal;letter-spacing:1px;line-height:1}
body.products-page .workflow-canvas .workflow-branch-card--yes .workflow-node-icon svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.products-page .workflow-canvas .workflow-action,body.products-page .workflow-canvas .workflow-trigger{left:calc(49% - 75px)!important;width:150px!important;height:48px!important;min-height:48px!important}
body.products-page .workflow-canvas .workflow-node{display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;align-items:center!important;justify-content:stretch!important;gap:5px!important;height:48px!important;min-height:48px!important;padding:4px 5px!important}
body.products-page .workflow-canvas .workflow-node>div{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0;text-align:center}
body.products-page .workflow-canvas .workflow-node b{font-size:7px!important;line-height:1.15;white-space:normal}
body.products-page .workflow-canvas .workflow-node>em{grid-column:3;grid-row:1;justify-self:end;margin:0!important}
body.products-page .workflow-canvas .workflow-branch-card{left:auto!important;width:150px!important;height:48px!important;min-height:48px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;align-items:center!important;justify-content:stretch!important;gap:5px!important;padding:4px 5px!important}
body.products-page .workflow-canvas .workflow-branch-card--yes{left:25%!important}
body.products-page .workflow-canvas .workflow-branch-card--no{left:52%!important}
body.products-page .workflow-canvas .workflow-branch-card>.workflow-node-icon{grid-column:1;grid-row:1}
body.products-page .workflow-canvas .workflow-branch-card>b{grid-column:2;grid-row:1;text-align:center;white-space:normal}
body.products-page .workflow-canvas .workflow-branch-card>em{grid-column:3;grid-row:1;justify-self:end;margin:0!important}
body.products-page .workflow-canvas .workflow-action--email{top:83px!important}
body.products-page .workflow-canvas .workflow-connector--top{top:65px!important;height:18px!important}
body.products-page .workflow-canvas .workflow-connector--middle{top:131px!important;height:18px!important}
body.products-page .workflow-canvas .workflow-action--check{top:149px!important}
body.products-page .workflow-canvas .workflow-connector--branch{top:197px!important;height:23px!important}
body.products-page .workflow-canvas .workflow-connector--branch::after{top:21px!important;width:162px!important;left:-81px!important}
body.products-page .workflow-canvas .workflow-branch-card{top:220px!important}
body.products-page .workflow-canvas .workflow-connector--bottom{top:268px!important;height:22px!important}
body.products-page .workflow-canvas .workflow-action--reminder{top:290px!important}

/* Marketplace-style integrations directory preview. */
body.products-page .product-visual--integrations .integration-dashboard{top:8%!important;left:6%!important;width:136%!important;height:114%!important;display:block!important;overflow:hidden!important;padding:0!important;border-radius:18px 18px 0 0!important;background:#fff!important;color:#26364d!important;box-shadow:0 20px 48px rgba(36,47,75,.22)!important;font-family:Manrope,Arial,sans-serif}
body.products-page .integration-dashboard::before,body.products-page .integration-dashboard::after{display:none!important;content:none!important}
body.products-page .integration-topline{height:34px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #e3e8ef;background:#fff;color:#34445a;font-size:7px;white-space:nowrap}
body.products-page .integration-topline>div{display:flex;align-items:center;gap:5px}
body.products-page .integration-topline img{object-fit:contain}
body.products-page .integration-topline>span{padding:4px 6px;border:1px solid #dce3ec;border-radius:5px;color:#58677b}
body.products-page .integration-topline>small{margin-left:auto;color:#53647a;font-size:7px}
body.products-page .integration-heading{height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 11px 0;border-bottom:1px solid #e6eaf0;background:#fbfcfe}
body.products-page .integration-heading h4{margin:0 0 3px;color:#28394f;font-size:12px;font-weight:700}
body.products-page .integration-heading p{margin:0;color:#768398;font-size:7px}
body.products-page .integration-search{width:152px;padding:6px 8px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#8591a2;font-size:7px}
body.products-page .integration-tabs{height:27px;display:flex;align-items:stretch;gap:17px;padding:0 11px;border-bottom:1px solid #e3e8ef;background:#fff;color:#647288;font-size:7px}
body.products-page .integration-tabs>*{display:flex;align-items:center;position:relative;white-space:nowrap}
body.products-page .integration-tabs>b{color:#4168df}
body.products-page .integration-tabs>b::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#4f63e8;content:""}
body.products-page .integration-content{display:grid;grid-template-columns:93px minmax(0,1fr);min-height:280px;background:#fff}
body.products-page .integration-categories{display:flex;flex-direction:column;gap:7px;padding:11px 7px;border-right:1px solid #e5eaf0;background:#fbfcfe;color:#748195;font-size:7px}
body.products-page .integration-categories>b{margin-bottom:2px;color:#34445a;font-size:8px}
body.products-page .integration-categories>span{padding:5px 6px;border-radius:4px;white-space:nowrap}
body.products-page .integration-categories>span.is-active{background:#edf2ff;color:#4168df;font-weight:700}
body.products-page .integration-apps{min-width:0;padding:9px 9px 12px}
body.products-page .integration-results{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#35465c;font-size:8px}
body.products-page .integration-results>span{padding:3px 6px;border:1px solid #dfe5ec;border-radius:4px;color:#708095;font-size:7px}
body.products-page .integration-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.products-page .integration-app-grid>article{position:relative!important;display:grid!important;grid-template-columns:23px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;align-content:start!important;align-items:center!important;gap:5px 6px!important;min-width:0!important;min-height:77px!important;margin:0!important;padding:7px!important;border:1px solid #e0e6ed!important;border-radius:6px!important;background:#fff!important;box-shadow:0 2px 4px rgba(27,51,66,.08)!important}
body.products-page .integration-app-icon{grid-column:1;grid-row:1/3;width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#edf2ff;color:#4168df;font-size:12px;font-style:normal;font-weight:700}
body.products-page .integration-app-icon--google{background:#f0f5ff;color:#4285f4}
body.products-page .integration-app-icon--gmail{background:#fff0ef;color:#e84b3c}
body.products-page .integration-app-icon--whatsapp{background:#e9f8ef;color:#16a45a}
body.products-page .integration-app-icon--stripe{background:#f1edff;color:#6551d8}
body.products-page .integration-app-icon--slack{background:#fff1ee;color:#d85a48}
body.products-page .integration-app-icon--zapier{background:#fff3e8;color:#e87525}
body.products-page .integration-app-icon--forms{background:#f4efff;color:#7248c5}
body.products-page .integration-app-icon--xero{background:#e9f5ff;color:#168bd2}
body.products-page .integration-app-icon>img{display:block;width:18px;height:18px;object-fit:contain}
body.products-page .integration-app-grid>article>div{display:grid;gap:3px;min-width:0}
body.products-page .integration-app-grid>article>div>b{overflow:hidden;color:#33455e;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .integration-app-grid>article>div>small{overflow:hidden;color:#8390a0;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .integration-app-grid>article>span{grid-column:1/3;color:#e39a28;font-size:7px}
body.products-page .integration-app-grid>article>em{position:absolute;right:6px;bottom:6px;padding:2px 4px;border-radius:999px;background:#f0f4ff;color:#5570bd;font-size:6px;font-style:normal}
body.products-page .integration-app-grid>article{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px!important;min-height:82px!important}
body.products-page .integration-app-grid>article>.integration-app-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;min-width:0}
body.products-page .integration-app-meta>span{color:#e39a28;font-size:7px}
body.products-page .integration-app-meta>em{position:static!important;padding:2px 5px;border-radius:999px;background:#f0f4ff;color:#5570bd;font-size:6px;font-style:normal;white-space:nowrap}
body.products-page .integration-app-grid>article>.integration-app-info{display:flex!important;align-items:center!important;gap:7px!important;min-width:0}
body.products-page .integration-app-info>.integration-app-icon{flex:0 0 23px}
body.products-page .integration-app-info>div{display:grid!important;gap:3px!important;flex:1;min-width:0}
body.products-page .integration-app-info>div>b{overflow:visible;color:#33455e;font-size:8px;line-height:1.25;text-overflow:clip;white-space:normal}
body.products-page .integration-app-info>div>small{overflow:visible;color:#8390a0;font-size:7px;line-height:1.25;text-overflow:clip;white-space:normal}
@media(max-width:760px){body.products-page .product-visual--integrations .integration-dashboard{top:10%!important;left:4%!important;width:145%!important;height:112%!important}body.products-page .integration-topline{gap:7px;padding:0 7px}body.products-page .integration-tabs{gap:10px;padding:0 7px}body.products-page .integration-content{grid-template-columns:80px minmax(0,1fr)}body.products-page .integration-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.products-page .workflow-canvas .workflow-branch-card{justify-content:flex-start!important;padding:3px 5px!important}
@media(max-width:760px){body.products-page .product-visual--automation .workflow-dashboard{top:10%!important;left:4%!important;width:145%!important;height:112%!important}body.products-page .workflow-topbar{gap:8px;padding:0 7px}body.products-page .workflow-tabs{gap:9px;padding:0 7px}body.products-page .workflow-node{width:205px}body.products-page .workflow-trigger,body.products-page .workflow-action{left:29%}body.products-page .workflow-branch{left:68%;width:140px}body.products-page .workflow-branch-card{width:165px}body.products-page .workflow-branch-card--yes{left:18%}body.products-page .workflow-branch-card--no{left:51%}}
@media(max-width:760px){body.products-page .product-visual--booking .booking-dashboard{top:14%!important;left:5%!important;width:146%!important;height:112%!important}body.products-page .booking-topbar{gap:8px;padding:0 8px}body.products-page .booking-topbar nav{gap:8px}body.products-page .booking-toolbar{gap:4px;padding:0 6px}body.products-page .booking-week-head,body.products-page .booking-all-day,body.products-page .booking-calendar-grid{grid-template-columns:32px repeat(7,minmax(65px,1fr))}}
body.products-page .product-visual--enquiry .product-mockup::before,body.products-page .product-visual--enquiry .product-mockup::after{display:none!important;content:none!important}
body.products-page .inbox-dashboard{overflow:hidden!important;border:1px solid #e1e7ef!important;border-radius:17px 17px 0 0!important;background:#f8faff!important;color:#29394d!important;font-family:Manrope,Arial,sans-serif}
body.products-page .inbox-topbar{display:flex;height:42px;align-items:center;gap:18px;padding:0 13px;border-bottom:1px solid #e1e7ef;background:#fff;white-space:nowrap}
body.products-page .inbox-brand{display:flex;align-items:center;gap:7px;flex:none;color:#2e3c50;font-size:10px}
body.products-page .inbox-brand img{display:block;width:19px;height:19px;object-fit:contain}
body.products-page .inbox-topbar nav{display:flex;height:100%;align-items:center;gap:13px;overflow:hidden;color:#68788d;font-size:7px;font-weight:600}
body.products-page .inbox-topbar nav span{display:flex;height:100%;align-items:center;flex:none;border-bottom:2px solid transparent}
body.products-page .inbox-topbar nav .is-active{border-color:#397cf0;color:#397cf0}
body.products-page .inbox-top-actions{display:flex;gap:6px;margin-left:auto}
body.products-page .inbox-top-actions i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#edf3fa;color:#60758e;font-size:8px;font-style:normal}
body.products-page .inbox-layout{display:grid;grid-template-columns:28% minmax(0,1fr) 23%;height:calc(100% - 42px);min-height:300px}
body.products-page .inbox-list{overflow:hidden;border-right:1px solid #e0e6ee;background:#fff}
body.products-page .inbox-list-title{display:flex;justify-content:space-between;padding:12px 10px 8px;color:#34455c;font-size:9px}
body.products-page .inbox-list-title span{color:#77869a;font-size:10px}
body.products-page .inbox-filters{display:flex;justify-content:space-around;padding:0 5px 8px;border-bottom:1px solid #e9edf2;color:#77869a;font-size:7px}
body.products-page .inbox-filters b{color:#376fe6}
body.products-page .inbox-filters i{padding:1px 4px;border-radius:8px;background:#397cf0;color:#fff;font-size:6px;font-style:normal}
body.products-page .inbox-contact{display:flex;align-items:flex-start;gap:6px;padding:9px 7px;border-bottom:1px solid #edf0f4;color:#59697e}
body.products-page .inbox-contact.is-selected{background:#edf3ff;box-shadow:inset 2px 0 #4079ee}
body.products-page .inbox-contact>i,body.products-page .inbox-avatar,body.products-page .inbox-context-person>i{display:grid;flex:none;width:21px;height:21px;place-items:center;border-radius:50%;background:#dce9fb;color:#416baf;font-size:7px;font-style:normal;font-weight:700}
body.products-page .inbox-contact>span,body.products-page .inbox-thread header>span:nth-child(2),body.products-page .inbox-context-person>span{display:grid;gap:3px;min-width:0}
body.products-page .inbox-contact b,body.products-page .inbox-thread header b{overflow:hidden;color:#34455a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .inbox-contact small{display:block;overflow:hidden;color:#8290a0;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .inbox-contact time{margin-left:auto;color:#8b97a5;font-size:6px}
body.products-page .inbox-thread{position:relative;display:flex;min-width:0;flex-direction:column;background:#f8faff}
body.products-page .inbox-thread>header{display:flex;min-height:43px;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #e3e8ef;background:#fff}
body.products-page .inbox-thread header .inbox-avatar{width:23px;height:23px}
body.products-page .inbox-thread header small{color:#8290a0;font-size:6px}
body.products-page .inbox-thread header>div{display:flex;gap:8px;margin-left:auto;color:#64758b;font-size:10px}
body.products-page .inbox-thread header>div i{font-style:normal}
body.products-page .inbox-messages{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px;padding:13px 11px}
body.products-page .inbox-date{align-self:center;color:#8a96a4;font-size:6px;letter-spacing:.06em}
body.products-page .inbox-message{max-width:82%;padding:8px 9px;border:1px solid #e4e9f0;border-radius:8px;background:#fff;color:#34445a;font-size:7px;line-height:1.5}
body.products-page .inbox-message small{display:block;margin-top:5px;color:#8793a1;font-size:6px}
body.products-page .inbox-message--outgoing{align-self:flex-end;border-color:#dae5ff;background:#eaf0ff}
body.products-page .inbox-event{align-self:center;padding:5px 8px;border:1px solid #e2e8ef;border-radius:20px;background:#fff;color:#4e6380;font-size:6px;white-space:nowrap}
body.products-page .inbox-event span{margin-left:4px;color:#8894a3}
body.products-page .inbox-composer{display:flex;align-items:center;gap:8px;margin:0 9px 9px;padding:8px;border:1px solid #dfe5ed;border-radius:6px;background:#fff;color:#8592a1;font-size:7px}
body.products-page .inbox-composer b{display:grid;width:17px;height:17px;place-items:center;margin-left:auto;border-radius:5px;background:#4778eb;color:#fff;font-size:8px}
body.products-page .inbox-context{overflow:hidden;padding:12px 9px;border-left:1px solid #e0e6ee;background:#fff}
body.products-page .inbox-context> b{color:#394b61;font-size:8px}
body.products-page .inbox-context-person{display:flex;align-items:center;gap:6px;margin:12px 0}
body.products-page .inbox-context-person>i{width:24px;height:24px}
body.products-page .inbox-context-person strong{color:#394b61;font-size:7px}
body.products-page .inbox-context-person small{color:#8592a1;font-size:6px}
body.products-page .inbox-context label{display:block;margin:9px 0 4px;color:#8c98a5;font-size:6px;font-weight:700;letter-spacing:.08em}
body.products-page .inbox-context p{margin:0;color:#4d5d71;font-size:7px!important;line-height:1.4!important}
body.products-page .inbox-next-step{display:flex;justify-content:space-between;padding:6px;border:1px solid #e3e9f1;border-radius:5px;background:#f9fbfe;color:#50627a;font-size:6px}
body.products-page .voice-dashboard-top{border-radius:19px 19px 0 0}
body.products-page .voice-dashboard{border-radius:19px 19px 0 0!important;clip-path:inset(0 round 19px 19px 0 0)}
@media(max-width:760px){body.products-page .product-visual--enquiry .product-mockup{left:4%!important;width:150%!important}body.products-page .inbox-topbar{gap:9px;padding:0 8px}body.products-page .inbox-topbar nav{gap:8px}body.products-page .inbox-layout{grid-template-columns:27% minmax(0,1fr) 22%}}
body.products-page .product-visual--enquiry .product-mockup.inbox-dashboard{display:block!important;gap:0!important;padding:0!important;background:#f8faff!important}

/* Keep each dashboard frame clipped to its round top corners while preserving the outer gradient crop. */
body.products-page .product-visual--enquiry .product-mockup.inbox-dashboard{overflow:hidden!important;border-radius:17px 17px 0 0!important;clip-path:inset(0 round 17px 17px 0 0)}
/* ORTO opportunities pipeline mockup. */
body.products-page .product-visual--pipeline .product-mockup.pipeline-dashboard{top:9%!important;left:9%!important;width:140%!important;height:132%!important;display:block!important;gap:0!important;padding:0!important;overflow:hidden!important;border:1px solid #e0e6ed!important;border-radius:17px 17px 0 0!important;background:#f8faff!important;color:#2b3a4e!important;font-family:Manrope,Arial,sans-serif;box-shadow:0 20px 48px rgba(36,47,75,.22)!important}
body.products-page .pipeline-dashboard::before,body.products-page .pipeline-dashboard::after{display:none!important;content:none!important}
body.products-page .pipeline-topbar{display:flex;height:39px;align-items:center;gap:17px;padding:0 13px;border-bottom:1px solid #e1e6ed;background:#fff;white-space:nowrap}
body.products-page .pipeline-topbar>div:first-child{display:flex;align-items:center;gap:6px;flex:none;color:#314158;font-size:9px}
body.products-page .pipeline-topbar img{display:block;width:18px;height:18px;object-fit:contain}
body.products-page .pipeline-topbar nav{display:flex;height:100%;align-items:center;gap:12px;overflow:hidden;color:#718095;font-size:7px;font-weight:600}
body.products-page .pipeline-topbar nav span{display:flex;height:100%;align-items:center;flex:none;border-bottom:2px solid transparent}
body.products-page .pipeline-topbar nav .is-active{border-color:#397cf0;color:#397cf0}
body.products-page .pipeline-top-tools{display:flex;gap:6px;margin-left:auto}
body.products-page .pipeline-top-tools i{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#edf3fa;color:#60758e;font-size:7px;font-style:normal}
body.products-page .pipeline-toolbar{display:flex;height:41px;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid #e4e9ef;background:#fff;white-space:nowrap}
body.products-page .pipeline-select{padding:6px 9px;border:1px solid #dce3eb;border-radius:5px;background:#fff;color:#4c5d73;font-size:8px}
body.products-page .pipeline-toolbar>b{padding:5px 9px;border-radius:20px;background:#edf3ff;color:#3973ed;font-size:7px;font-weight:600}
body.products-page .pipeline-toolbar>button{margin-left:auto;padding:6px 8px;border:0;border-radius:5px;background:#3974eb;color:#fff;font:600 7px Manrope,Arial,sans-serif;white-space:nowrap}
body.products-page .pipeline-tabs{display:flex;height:29px;align-items:center;gap:14px;padding:0 12px;border-bottom:1px solid #e1e6ed;background:#fff;color:#738197;font-size:7px;white-space:nowrap}
body.products-page .pipeline-tabs>b{display:flex;height:100%;align-items:center;border-bottom:2px solid #397cf0;color:#3973ed}
body.products-page .pipeline-tab-spacer{flex:1}
body.products-page .pipeline-filterbar{display:flex;gap:7px;padding:8px 12px;background:#f8faff;color:#5c6d83;font-size:7px}
body.products-page .pipeline-filterbar span{padding:5px 7px;border:1px solid #e0e6ee;border-radius:14px;background:#fff}
body.products-page .pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(116px,1fr));gap:8px;min-width:520px;padding:0 10px 14px;overflow:hidden}
body.products-page .pipeline-stage{min-width:0}
body.products-page .pipeline-stage>header{display:grid;gap:4px;min-height:39px;padding:7px 8px;border:1px solid #e1e6ed;border-radius:6px;background:#fff;box-shadow:0 1px 2px #1b33420d}
body.products-page .pipeline-stage>header>b{overflow:hidden;color:#35465c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .pipeline-stage>header>span{overflow:hidden;color:#8190a2;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .pipeline-stage>header strong{color:#526176;font-weight:600}
body.products-page .pipeline-stage>article{display:grid;gap:7px;margin-top:8px;padding:9px 8px;border:1px solid #e1e6ed;border-radius:7px;background:#fff;box-shadow:0 2px 3px #1b334210}
body.products-page .pipeline-stage>article>b{overflow:hidden;color:#34455a;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
body.products-page .pipeline-stage>article>small{overflow:hidden;color:#7c899a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
body.products-page .pipeline-stage>article>span{display:flex;justify-content:space-between;padding-top:5px;border-top:1px solid #edf0f4;color:#8290a0;font-size:7px}
body.products-page .pipeline-stage>article>span strong{color:#53647a;font-weight:500}
body.products-page .pipeline-stage>article>footer{padding-top:4px;color:#6680a8;font-size:8px}
body.products-page .pipeline-empty{display:grid;min-height:70px;place-items:center;margin-top:8px;border:1px dashed #e0e6ed;border-radius:7px;color:#9aa5b2;font-size:7px}
@media(max-width:760px){body.products-page .product-visual--pipeline .product-mockup.pipeline-dashboard{top:12%!important;left:5%!important;width:150%!important;height:125%!important}.pipeline-topbar{gap:8px!important;padding:0 8px!important}.pipeline-topbar nav{gap:8px!important}}
/* Reset shared product-section card rules inside the miniature pipeline board. */
body.products-page .pipeline-stage>article{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:stretch!important;gap:7px!important;min-width:0!important;min-height:0!important;margin:8px 0 0!important;padding:9px 8px!important;border:1px solid #e1e6ed!important;border-radius:7px!important;background:#fff!important;box-shadow:0 2px 3px #1b334210!important;scroll-margin:0!important}

/* Reputation overview dashboard for the customer aftercare feature. */
body.products-page .product-visual--aftercare .reputation-dashboard{top:6%!important;left:5%!important;width:140%!important;height:116%!important;display:block!important;overflow:hidden!important;padding:0!important;border-radius:18px 18px 0 0!important;background:#f7f8fb!important;color:#26364d!important;box-shadow:0 20px 48px rgba(36,47,75,.22)!important;font-family:Manrope,Arial,sans-serif}
body.products-page .reputation-dashboard::before,body.products-page .reputation-dashboard::after{display:none!important;content:none!important}
body.products-page .rep-topbar{height:34px;display:flex;align-items:center;gap:13px;padding:0 10px;border-bottom:1px solid #e2e6ed;background:#fff;color:#34445a;font-size:7px;white-space:nowrap}
body.products-page .rep-topbar>div{display:flex;align-items:center;gap:5px}
body.products-page .rep-topbar>div>b{font-size:9px}
body.products-page .rep-topbar img{object-fit:contain}
body.products-page .rep-topbar nav{display:flex;align-items:stretch;gap:11px;height:100%;color:#647188}
body.products-page .rep-topbar nav>span{display:flex;align-items:center;position:relative}
body.products-page .rep-topbar nav>.is-active{color:#386be4;font-weight:700}
body.products-page .rep-topbar nav>.is-active::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#4b70ea;content:""}
body.products-page .rep-topbar>small{margin-left:auto;color:#718096;font-size:6px}
body.products-page .rep-subnav{height:30px;display:flex;align-items:stretch;gap:16px;padding:0 10px;border-bottom:1px solid #e3e7ee;background:#f3f5f9;color:#5b6a80;font-size:7px}
body.products-page .rep-subnav>*{display:flex;align-items:center;position:relative;white-space:nowrap}
body.products-page .rep-subnav>b{color:#35465f}
body.products-page .rep-subnav>span.is-active{color:#4168df}
body.products-page .rep-subnav>span.is-active::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#4b70ea;content:""}
body.products-page .rep-subnav>button{margin-left:auto;padding:5px 8px;border:0;border-radius:5px;background:#376be8;color:#fff;font-size:6px;white-space:nowrap}
body.products-page .rep-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#f3f5f9}
body.products-page .rep-toolbar>span{padding:5px 7px;border:1px solid #d9e0ea;border-radius:5px;background:#fff;color:#65738a;font-size:6px;white-space:nowrap}
body.products-page .rep-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px 10px 8px}
body.products-page .rep-metrics>article{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:4px!important;min-width:0!important;min-height:66px!important;margin:0!important;padding:8px!important;border:1px solid #e0e5ed!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important}
body.products-page .rep-metric-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff1d4;color:#ed8b16;font-size:11px}
body.products-page .rep-metrics>article>small{color:#53647c;font-size:7px}
body.products-page .rep-metrics>article>b{color:#20344d;font-size:13px;line-height:1}
body.products-page .rep-metrics>article>b>i{color:#f39825;font-size:7px;font-style:normal;letter-spacing:1px}
body.products-page .rep-metrics>article>em{position:absolute;right:7px;bottom:7px;padding:3px 5px;border-radius:999px;background:#f1f4f8;color:#708099;font-size:5px;font-style:normal}
body.products-page .rep-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 8px}
body.products-page .rep-chart-card{display:flex!important;position:relative!important;min-width:0!important;min-height:134px!important;flex-direction:column!important;gap:7px!important;margin:0!important;padding:8px!important;border:1px solid #e0e5ed!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important}
body.products-page .rep-chart-card>b{color:#30435d;font-size:7px}
body.products-page .rep-rating-chart{display:grid;grid-template-columns:37px minmax(0,1fr);gap:6px;align-items:stretch;min-height:84px}
body.products-page .rep-ylabels{display:flex;flex-direction:column;justify-content:space-between;color:#728096;font-size:5px;text-align:right}
body.products-page .rep-rating-chart svg,body.products-page .rep-review-chart svg{width:100%;height:82px;overflow:visible}
body.products-page .rep-chart-grid{fill:none;stroke:#e7ebf1;stroke-width:1}
body.products-page .rep-chart-line{fill:none;stroke:#416df0;stroke-width:2}
body.products-page .rep-chart-dots{fill:#278ef0}
body.products-page .rep-review-chart{min-height:84px}
body.products-page .rep-xlabels{display:flex;justify-content:space-between;padding-left:41px;color:#77849a;font-size:5px}
body.products-page .rep-review-chart+.rep-xlabels{padding-left:0}
body.products-page .rep-sentiment{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;gap:6px 10px!important;margin:0 10px 8px!important;padding:8px!important;border:1px solid #e0e5ed!important;border-radius:7px!important;background:#fff!important}
body.products-page .rep-sentiment>div{display:grid;gap:3px}
body.products-page .rep-sentiment>div>b{color:#30435d;font-size:7px}
body.products-page .rep-sentiment>div>small,body.products-page .rep-sentiment>small{color:#78859a;font-size:5px}
body.products-page .rep-sentiment>strong{align-self:center;color:#3b6959;font-size:7px}
body.products-page .rep-sentiment>strong>i{color:#318c68;font-style:normal}
body.products-page .rep-sentiment>span{grid-column:1/3;height:5px;overflow:hidden;border-radius:999px;background:#f3e9dd}
body.products-page .rep-sentiment>span>i{display:block;width:82%;height:100%;border-radius:inherit;background:#4b9a79}
body.products-page .rep-sentiment>small{grid-column:1/3}
body.products-page .rep-demo-note{margin:0;padding:0 10px 8px;color:#8994a4;font-size:5px}
@media(max-width:760px){body.products-page .product-visual--aftercare .reputation-dashboard{top:8%!important;left:4%!important;width:146%!important;height:112%!important}body.products-page .rep-topbar{gap:7px;padding:0 7px}body.products-page .rep-topbar nav{gap:7px}body.products-page .rep-subnav{gap:9px;padding:0 7px}body.products-page .rep-metrics,body.products-page .rep-charts{gap:6px;padding-right:7px;padding-left:7px}body.products-page .rep-sentiment{margin-right:7px!important;margin-left:7px!important}}

/* Keep product artwork captions outside the gradient crop. */
body.products-page .product-visual-wrap{position:relative;display:block;min-width:0;width:100%;grid-row:1}
body.products-page .product-visual-note{display:block;margin:8px 0 0;color:#71808c;font-size:10px;line-height:1.4}
@media(max-width:760px){body.products-page .premium-card-grid article:nth-child(n)>.product-visual-wrap{grid-column:1;grid-row:1;min-height:0;margin-bottom:25px}body.products-page .premium-card-grid article:nth-child(n)>.product-visual-wrap>.product-card-visual{min-height:270px;margin-bottom:0}}

body.products-page .premium-card-grid article:nth-child(even)>.product-visual-wrap>.product-visual-note{text-align:right}


/* Align the products overview title and lead on a shared bottom edge. */
body.products-page #all-products>.container>.section-heading--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:end;gap:clamp(40px,6vw,72px);margin:0 0 54px}
body.products-page #all-products>.container>.section-heading--split>div{align-self:end;display:flex;flex-direction:column;gap:14px}
body.products-page #all-products>.container>.section-heading--split .eyebrow{margin:0!important}
body.products-page #all-products>.container>.section-heading--split h2{margin:0!important}
body.products-page #all-products>.container>.section-heading--split>p{align-self:end;margin:0!important;max-width:520px;line-height:1.65}
@media(max-width:760px){body.products-page #all-products>.container>.section-heading--split{grid-template-columns:1fr;gap:18px;margin-bottom:32px}}


/* Balance the whitespace around the products intro heading. */
body.products-page #all-products{padding-top:54px}
@media(max-width:760px){body.products-page #all-products{padding-top:32px}}


/* Center the products page intro like the pricing hero, without the right-side artwork. */
body.products-page .platform-hero{padding:clamp(52px,7vw,88px) 0 40px!important;background:#fff!important;text-align:center}
body.products-page .platform-hero-grid{display:block}
body.products-page .platform-hero-copy{max-width:920px;margin:0 auto;text-align:center}
body.products-page .platform-hero-copy>.eyebrow{display:block;margin:0 0 16px}
body.products-page .platform-hero-copy h1{max-width:900px;margin:0 auto 18px!important}
body.products-page .platform-hero-copy>p{max-width:760px;margin:0 auto!important}
body.products-page .platform-hero-copy .v4-actions{justify-content:center;margin-top:26px}
@media(max-width:760px){body.products-page .platform-hero{padding:46px 0 34px!important}body.products-page .platform-hero-copy h1{margin-bottom:16px!important}body.products-page .platform-hero-copy .v4-actions{margin-top:22px}}


/* Pricing plan cards blend into the section, with only Professional highlighted. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card:not(.orto-plan-card--professional){background:transparent}
/* Keep plan cards stationary on hover; retain the subtle shadow response. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card{transition:box-shadow .24s ease!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:hover,body.packages-page .pricing-plan-grid--reference .orto-plan-card:focus-within{transform:none!important}


body.packages-page .pricing-custom-callout{background:transparent!important}


body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional{transition:box-shadow .24s ease!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional:hover,body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional:focus-within{transform:none!important;box-shadow:0 24px 52px rgba(50,77,110,.22)!important}

body.packages-page .pricing-billing-switch button{transition:color .28s ease,background-color .28s ease,box-shadow .32s ease!important}
body.packages-page .pricing-billing-switch button span{transition:color .28s ease,background-color .28s ease!important}

body.packages-page .pricing-plan-grid--reference{position:relative;z-index:0}
body.packages-page .pricing-custom-callout{position:relative;z-index:1;background:#fff!important}

body.v4 .v5-stories-stage{overflow:hidden}
body.v4 .v5-story-card[data-position="active"]{grid-column:1;grid-row:1}
body.v4 .v5-story-card[data-position="next"]{grid-column:2;grid-row:1}


/* Slightly lighten Professional comparison cells while preserving its shared header fill. */
body.packages-page .pricing-compare-table > tbody > tr > td:nth-child(3){background:#f5f8fa!important}

/* Keep the products hero actions in step with the index hero CTA/link treatment. */
body.v4 .platform-hero .v4-actions > .button--primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;padding-block:0!important}
body.v4 :is(.v4-hero,.platform-hero) .v4-actions > .v4-text-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;padding:0 17px!important;border:0!important;border-radius:999px!important;background:transparent!important;text-decoration:none!important;transform:translateY(0);transition:background-color .22s ease,color .22s ease,transform .22s ease!important}
body.v4 :is(.v4-hero,.platform-hero) .v4-actions > .v4-text-link:hover{background:#f0f1ef!important;color:#171817!important;text-decoration:none!important;transform:translateY(-1px)}
body.v4 :is(.v4-hero,.platform-hero) .v4-actions > .v4-text-link:focus-visible{outline:2px solid #738FAA;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body.v4 :is(.v4-hero,.platform-hero) .v4-actions > .v4-text-link{transition:none!important}}

/* Reuse the index hero CTA's exact arrow and motion on the Products hero. */
body.v4 .platform-hero .v4-actions > .v4-hero-trial{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;min-height:44px;padding:0 19px!important;border:1px solid #738faa!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
body.v4 .platform-hero .v4-actions > .v4-hero-trial svg{display:block;flex:0 0 18px;width:18px!important;height:18px!important;transition:transform .22s ease!important;transform:translateX(0)!important}
body.v4 .platform-hero .v4-actions > .v4-hero-trial:hover svg{transform:translateX(4px)!important}
body.v4 .platform-hero .v4-actions > .v4-hero-trial:hover,body.v4 .platform-hero .v4-actions > .v4-hero-trial:focus-visible{transform:translateY(-2px)!important;background:#829bb3!important;border-color:#829bb3!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){body.v4 .platform-hero .v4-actions > .v4-hero-trial,body.v4 .platform-hero .v4-actions > .v4-hero-trial svg{transition:none!important}}

/* Match Starter and Business package CTA motion to the integrations CTA. */
body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta{border-width:1px!important;border-color:#e1e3e6!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta:hover{transform:translateY(-2px)!important;background:#f7f8f9!important;border-color:#d2d5d9!important;color:#738FAA!important;box-shadow:none!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta span{display:inline-block;transition:transform .22s ease!important}
body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta:hover span{transform:translateX(3px)!important}
@media(prefers-reduced-motion:reduce){body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta,body.packages-page .pricing-plan-grid--reference .orto-plan-card:is(.orto-plan-card--starter,.orto-plan-card--business) .orto-plan-cta span{transition:none!important}}

/* Lighten branded CTA hover fills so they stay close to ORTO blue. */
body.v4 .button--primary:hover,
body.v4 .site-header .header-cta:hover,
body.v4 .site-header .header-cta:focus-visible,
body.v4 .v4-live-demo-start:hover:not(:disabled),
body.v4 .v4-live-demo-phone button:hover,
body.v4 .v4-hero .v4-hero-trial:hover,
body.v4 .v4-hero .v4-hero-trial:focus-visible,
body.v4 .v4-final-cta:hover,
body.v4 .v4-final-cta:focus-visible,
body.v4 .v5-compare-packages:hover,
body.v4 .v5-compare-packages:focus-visible,
body.v4 .v5-fixed-demo:hover,
body.packages-page .pricing-plan-grid--reference .orto-plan-card--professional .orto-plan-cta:hover,
body.packages-page .orto-plan-card--professional .orto-plan-cta:hover,
body.demo-page .demo-action:hover{background:#829bb3!important;border-color:#829bb3!important}
body.v4 .v4-hero .v4-hero-trial:hover,
body.v4 .v4-hero .v4-hero-trial:focus-visible,
body.v4 .v4-final-cta:hover,
body.v4 .v4-final-cta:focus-visible,
body.v4 .v5-compare-packages:hover,
body.v4 .v5-compare-packages:focus-visible,
body.v4 .site-header .header-cta:hover,
body.v4 .site-header .header-cta:focus-visible{color:#fff!important}

/* Free review page: keep the intro on the shared type scale and balance the survey panel. */
body.free-review-page .page-hero__grid{align-items:end}
body.free-review-page .page-hero__grid>p{font-size:var(--type-body)!important;line-height:1.7!important;margin:0 0 4px}
body.free-review-page .review-layout aside h2{font-size:var(--type-h2)!important;line-height:1.2!important}
body.free-review-page .form-intro h2{font-size:var(--type-h3)!important;line-height:1.3!important}
body.free-review-page .form-intro p{font-size:var(--type-body)!important;line-height:1.7!important}
body.free-review-page .survey-panel{padding:clamp(26px,4vw,48px)}
body.free-review-page .survey-load-gate{gap:16px}
body.free-review-page .survey-frame{margin-block:22px}
body.free-review-page .survey-panel>.microcopy{font-size:var(--type-small)!important;line-height:1.6!important;margin:16px 0 0}
@media(max-width:760px){body.free-review-page .page-hero__grid{align-items:start}}

/* Use the real ORTO mark as the cropped Intelligence artwork. */
body.products-page .product-visual--intelligence{position:relative;overflow:hidden}
body.products-page .product-visual--intelligence>.product-intelligence-icon{position:absolute;z-index:1;display:block;width:44%;max-width:none;height:auto;left:50%;top:50%;opacity:.48;filter:drop-shadow(0 8px 18px rgba(28,49,92,.08));transform:translate(-50%,-50%);transform-origin:center}
body.products-page .product-visual--intelligence>.product-mockup,
body.products-page .product-visual--intelligence>.product-mockup::before,
body.products-page .product-visual--intelligence>.product-mockup::after{display:none!important;content:none!important}

/* Voice & Conversation AI: illustrative customer/assistant webchat preview. */
body.products-page .product-visual--chat{overflow:hidden}
body.products-page .webchat-preview{position:absolute;z-index:1;top:14%;left:12%;width:106%;height:108%;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid #dfe6ee;border-radius:18px 18px 0 0;background:#fff;color:#28384a;box-shadow:0 20px 48px rgba(36,47,75,.2);font-family:Manrope,Arial,sans-serif;transform:rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-origin:center;transition:transform .24s ease-out;pointer-events:none}
body.products-page .webchat-topbar{height:48px;flex:0 0 48px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid #e7edf2;background:#fff}
body.products-page .webchat-brand{display:flex;align-items:center;gap:8px;color:#344a62;font-size:10px;white-space:nowrap}
body.products-page .webchat-brand img{width:22px;height:22px;object-fit:contain}
body.products-page .webchat-status{display:flex;align-items:center;gap:6px;margin-left:auto;color:#738397;font-size:8px;white-space:nowrap}
body.products-page .webchat-status i{width:6px;height:6px;border-radius:50%;background:#35a77b}
body.products-page .webchat-topbar>button{border:0;background:transparent;color:#718096;font-size:12px;letter-spacing:2px}
body.products-page .webchat-messages{display:flex;flex:1;flex-direction:column;gap:12px;padding:14px 18px 20px;overflow:hidden;background:linear-gradient(#fff,#fbfcfe)}
body.products-page .webchat-day{align-self:center;padding:4px 9px;border-radius:20px;background:#f1f4f8;color:#77869a;font-size:8px}
body.products-page .webchat-message{display:flex;align-items:flex-end;gap:7px;max-width:78%}
body.products-page .webchat-message>div{padding:9px 11px 7px;border-radius:11px 11px 11px 3px;background:#f0f3f7;color:#344255}
body.products-page .webchat-message small{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:#708096;font-size:3px!important;line-height:1.25!important}
body.products-page .webchat-message small img{width:13px;height:13px;object-fit:contain}
body.products-page .webchat-message p{margin:0;color:inherit;font-size:4px!important;line-height:1.4!important}
body.products-page .webchat-message time{display:block;margin-top:4px;color:#8b98a8;font-size:4px!important;line-height:1.25!important;text-align:right}
body.products-page .webchat-avatar{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#e5edf7;color:#557492;font-size:8px;font-weight:700}
body.products-page .webchat-message--ai{align-self:flex-end;justify-content:flex-end}
body.products-page .webchat-message--ai>div{border-radius:11px 11px 3px 11px;background:#edf3ff;color:#30445b}
body.products-page .webchat-composer{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;margin:0 14px 12px;padding:0 9px 0 13px;border:1px solid #dfe6ee;border-radius:9px;background:#fff;color:#9aa5b3;font-size:8px}
body.products-page .webchat-composer button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;background:#738faa;color:white;font-size:15px}
body.products-page .product-visual--chat .webchat-preview{top:8%!important;left:12%!important;width:80%!important;height:108%!important;border-radius:18px 18px 0 0!important}
body.products-page .product-visual--chat .webchat-preview::before,body.products-page .product-visual--chat .webchat-preview::after{display:none!important;content:none!important}
@media(max-width:760px){body.products-page .product-visual--chat .webchat-preview{top:9%!important;left:9%!important;width:82%!important;height:112%!important}body.products-page .webchat-topbar{height:40px;flex-basis:40px;padding-inline:11px}body.products-page .webchat-messages{gap:9px;padding:10px 11px 15px}body.products-page .webchat-message{max-width:87%}body.products-page .webchat-message p{font-size:5.5px!important}}

/* Keep the inbox mockup's helper text compact inside the scaled dashboard. */
body.products-page .inbox-dashboard .inbox-contact>span>small{font-size:5px!important;line-height:1.25!important}
body.products-page .inbox-dashboard .inbox-thread>header>span:nth-child(2)>small{font-size:5px!important;line-height:1.25!important}
body.products-page .inbox-dashboard .inbox-messages .inbox-message>small{font-size:4px!important;line-height:1.2!important;margin-top:3px!important}
body.products-page .inbox-dashboard .inbox-context-person>span>small{font-size:5px!important;line-height:1.25!important}
body.products-page .inbox-dashboard .inbox-messages>.inbox-date{font-size:5px!important;line-height:1.25!important}
body.products-page .pipeline-dashboard .pipeline-stage>article>small{font-size:5px!important;line-height:1.25!important}

/* Keep calendar job metadata below the shared 12px product-page small-text rule. */
body.products-page main .booking-dashboard .booking-job>small{font-size:6px!important;line-height:1.2!important}
body.products-page main .booking-dashboard .booking-week-head>b small{font-size:9px!important}
body.products-page main .integration-dashboard .integration-app-info>div>small{font-size:6px!important;line-height:1.25!important}
body.products-page main .integration-dashboard .integration-app-grid>article{min-height:72px!important;padding:6px!important;gap:6px!important}
body.products-page .product-visual--intelligence>.product-intelligence-icon{transform:translate(-50%,-50%) rotateX(var(--calendar-rotate-x,0deg)) rotateY(var(--calendar-rotate-y,0deg));transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform;cursor:pointer}

/* Footer social buttons stay fixed in place; hover only fades in the circle. */
body.v4 .site-footer .footer-social-links a,
body.v4 .site-footer .footer-social-links a:hover,
body.v4 .site-footer .footer-social-links a:focus-visible{
  box-sizing:border-box!important;
  display:grid!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  transform:none!important;
  transition:background-color .2s ease,color .2s ease!important;
}
body.v4 .site-footer .footer-social-links a:hover,
body.v4 .site-footer .footer-social-links a:focus-visible{
  background-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
body.v4 .site-footer .footer-social-links svg{
  display:block!important;
  flex:none!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  transform:none!important;
}
body.v4 .site-footer .footer-social-links a:visited,
body.v4 .site-footer .footer-social-links a:active,
body.v4 .site-footer .footer-social-links a:hover,
body.v4 .site-footer .footer-social-links a:focus-visible{
  inset:auto!important;
  line-height:0!important;
  text-decoration:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  animation:none!important;
}
body.v4 .site-footer .footer-social-links a:hover svg,
body.v4 .site-footer .footer-social-links a:focus-visible svg{
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  animation:none!important;
}
body.v4 .site-footer .footer-social-links a:not(:last-child) svg{fill:currentColor!important;stroke:none!important}
body.v4 .site-footer .footer-social-links a:last-child svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body.v4 .site-footer .footer-social-links a:last-child svg circle:last-child{fill:currentColor!important;stroke:none!important}

/* Keep every social glyph in the same fixed grid cell; hover must never move it. */
body.v4 .site-footer .footer-social-links a,
body.v4 .site-footer .footer-social-links a:hover,
body.v4 .site-footer .footer-social-links a:focus-visible{position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;line-height:0!important;vertical-align:middle!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important}
body.v4 .site-footer .footer-social-links svg,
body.v4 .site-footer .footer-social-links svg *{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  transform:none!important;
  transition:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  animation:none!important;
}

/* Stable footer social hit areas: lock each icon and prevent hover from changing layout. */
body.v4 .site-footer .footer-social-links{display:flex!important;align-items:center!important;gap:10px!important}
body.v4 .site-footer .footer-social-links>a,
body.v4 .site-footer .footer-social-links>a:hover,
body.v4 .site-footer .footer-social-links>a:focus-visible{box-sizing:border-box!important;position:relative!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;margin:0!important;border:1px solid transparent!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;line-height:0!important}
body.v4 .site-footer .footer-social-links>a:hover,
body.v4 .site-footer .footer-social-links>a:focus-visible{background-color:rgba(255,255,255,.16)!important}
body.v4 .site-footer .footer-social-links>a>svg{display:block!important;position:static!important;place-self:center!important;flex:none!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:none!important}
body.v4 .site-footer .footer-social-links>a:last-child>svg{fill:currentColor!important;stroke:none!important}
/* Lock the social row itself as well as each glyph so nearby hover targets cannot reflow it. */
.site-footer .footer-social-links,
.site-footer .footer-social-links:hover{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:max-content!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:none!important}
.site-footer .footer-social-links>a,
.site-footer .footer-social-links>a:hover,
.site-footer .footer-social-links>a:focus-visible{flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:background-color .18s ease!important}
.site-footer .footer-social-links>a>svg,
.site-footer .footer-social-links>a:hover>svg,
.site-footer .footer-social-links>a:focus-visible>svg{width:18px!important;height:18px!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:none!important}

/* Give the footer social row a fixed layout box so hover on nearby footer content cannot reflow it. */
body.v4 .site-footer .footer-brand .footer-social-links,
body.v4 .site-footer .footer-brand .footer-social-links:hover{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(3,34px)!important;grid-auto-flow:column!important;align-items:center!important;justify-content:start!important;gap:10px!important;width:122px!important;min-width:122px!important;max-width:122px!important;height:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 122px!important;align-self:flex-start!important;justify-self:start!important;contain:layout size!important;position:relative!important;inset:auto!important;margin:22px 0 0!important;padding:0!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:none!important}
body.v4 .site-footer .footer-brand .footer-social-links>a,
body.v4 .site-footer .footer-brand .footer-social-links>a:hover,
body.v4 .site-footer .footer-brand .footer-social-links>a:focus-visible{grid-row:1!important;justify-self:start!important;align-self:center!important}

/* Footer reveal transforms made the social row appear to drift when the brand
   block entered view. Keep the brand and its controls stationary on every page. */
body.v4 .site-footer .footer-brand.motion-reveal,
body.v4 .site-footer .footer-brand.motion-reveal:hover,
body.v4 .site-footer .footer-brand.motion-reveal:focus-within{
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
}
body.v4 .site-footer .footer-brand .footer-social-links,
body.v4 .site-footer .footer-brand .footer-social-links:hover,
body.v4 .site-footer .footer-brand .footer-social-links:focus-within,
body.v4 .site-footer .footer-brand .footer-social-links>a,
body.v4 .site-footer .footer-brand .footer-social-links>a:hover,
body.v4 .site-footer .footer-brand .footer-social-links>a:focus-visible,
body.v4 .site-footer .footer-brand .footer-social-links>a>svg,
body.v4 .site-footer .footer-brand .footer-social-links>a:hover>svg,
body.v4 .site-footer .footer-brand .footer-social-links>a:focus-visible>svg{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  animation:none!important;
}
/* Kallin-inspired mobile navigation: inset full-screen sheet with anchored actions. */
@media (max-width: 1050px) {
  body.v4 .mobile-menu:not([hidden]) {
    position: fixed;
    z-index: 1200;
    inset: 8px;
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    max-height: none;
    overflow: hidden;
    padding: 16px 20px 14px;
    border: 1px solid var(--v-line);
    border-radius: 18px;
    background: var(--v-surface);
    box-shadow: 0 18px 60px rgba(20, 34, 45, .16);
  }

  body.v4 .mobile-menu-header {
    display: flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 8px;
  }

  body.v4 .mobile-menu-brand { display: inline-flex; align-items: center; padding: 0!important; border: 0!important; }
  body.v4 .mobile-menu-brand img { width: 104px; height: auto; }
  body.v4 .mobile-menu-close {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--v-ink);
    cursor: pointer;
    font: inherit;
  }
  body.v4 .mobile-menu-close span { font-size: 27px; font-weight: 400; line-height: 1; }
  body.v4 .mobile-menu-close:hover { background: var(--v-soft); }

  body.v4 .mobile-menu-nav {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 22px 0 18px;
    border: 0;
  }
  body.v4 .mobile-menu-accordion { border-bottom: 1px solid var(--v-line); }
  body.v4 .mobile-menu-row {
    display: flex;
    width: 100%;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 0!important;
    border: 0!important;
    border-bottom: 1px solid var(--v-line)!important;
    border-radius: 0;
    background: transparent;
    color: var(--v-ink)!important;
    font-family: Manrope, Arial, system-ui, sans-serif;
    font-size: 19px!important;
    font-weight: 500!important;
    line-height: 1.35!important;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transform: none!important;
  }
  body.v4 .mobile-menu-accordion > .mobile-menu-row { border-bottom: 0!important; }
  body.v4 .mobile-menu-row:hover { color: var(--v-accent)!important; background: transparent!important; }
  body.v4 .mobile-menu-row svg { width: 16px; height: 16px; flex: 0 0 16px; color: var(--v-muted); transition: transform .22s ease; }
  body.v4 .mobile-menu-row[aria-expanded="true"] svg { transform: rotate(180deg); }
  body.v4 .mobile-menu-submenu { padding: 0 0 12px 12px; }
  body.v4 .mobile-menu-submenu[hidden] { display: none!important; }
  body.v4 .mobile-menu-submenu a {
    display: block;
    padding: 9px 0!important;
    border: 0!important;
    color: var(--v-muted)!important;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 1.45!important;
    text-decoration: none;
    transform: none!important;
  }
  body.v4 .mobile-menu-submenu a:hover { color: var(--v-accent)!important; }

  body.v4 .mobile-menu-bottom {
    flex: 0 0 auto;
    padding: 14px 0 0;
    border-top: 1px solid var(--v-line);
    background: var(--v-bg);
  }
  body.v4 .mobile-menu-socials { display: flex; align-items: center; gap: 22px; min-height: 28px; margin: 0 0 14px 4px; }
  body.v4 .mobile-menu-socials a {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    padding: 0!important;
    border: 0!important;
    color: var(--v-muted)!important;
    transform: none!important;
  }
  body.v4 .mobile-menu-socials a:hover { color: var(--v-accent)!important; }
  body.v4 .mobile-menu-socials svg { display: block; width: 17px; height: 17px; fill: currentColor; }
  body.v4 .mobile-menu-socials a:last-child svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
  body.v4 .mobile-menu-actions { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr); gap: 9px; }
  body.v4 .mobile-menu-contact,
  body.v4 .mobile-menu .mobile-menu-cta {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 10px 14px!important;
    border: 1px solid var(--v-line)!important;
    border-radius: 999px;
    background: var(--v-surface)!important;
    color: var(--v-ink)!important;
    font-family: Manrope, Arial, system-ui, sans-serif;
    font-size: 12px!important;
    font-weight: 600!important;
    line-height: 1.2!important;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transform: none!important;
    box-shadow: none;
  }
  body.v4 .mobile-menu .mobile-menu-cta {
    justify-content: space-between;
    border-color: var(--v-accent)!important;
    background: var(--v-accent)!important;
    color: #fff!important;
  }
  body.v4 .mobile-menu-contact:hover { background: var(--v-soft)!important; }
  body.v4 .mobile-menu .mobile-menu-cta:hover { background: #8099b1!important; }
  body.v4 .mobile-menu .mobile-menu-cta svg { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
}
/* Compact mobile header: ORTO mark, trial action and a three-line menu control. */
@media (max-width: 1050px) {
  body.v4 .site-header .header-inner,
  body.v4 .site-header.is-scrolled .header-inner {
    width: calc(100% - 32px);
    height: 66px;
    gap: 8px;
  }
  body.v4 .site-header .brand img,
  body.v4 .site-header.is-scrolled .brand img { width: 108px; }
  body.v4 .site-header .header-actions {
    display: flex!important;
    flex: 0 0 auto;
    align-items: center;
    gap: 0;
    margin-left: auto;
  }
  body.v4 .site-header .header-support { display: none!important; }
  body.v4 .site-header .header-cta {
    display: inline-flex!important;
    min-height: 40px!important;
    padding: 9px 14px!important;
    border-radius: 999px!important;
  }
  body.v4 .site-header .header-cta > span { font-size: 0!important; }
  body.v4 .site-header .header-cta > span::after {
    content: "Free trial";
    font-size: 12px;
    line-height: 1.2;
  }
  body.v4 .site-header .menu-toggle {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-left: 4px;
    padding: 0;
    border-radius: 5px;
    background: transparent;
  }
  body.v4 .site-header .menu-toggle span:not(.sr-only) {
    left: 9px;
    width: 22px;
    height: 2px;
    transition: transform .2s ease, opacity .2s ease, top .2s ease;
  }
  body.v4 .site-header .menu-toggle span:nth-child(2) { top: 10px; }
  body.v4 .site-header .menu-toggle span:nth-child(3) { top: 18px; }
  body.v4 .site-header .menu-toggle span:nth-child(4) { top: 26px; }
  body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { top: 18px; transform: rotate(45deg); }
  body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3) { opacity: 0; }
  body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(4) { top: 18px; transform: rotate(-45deg); }
}
@media (max-width: 1050px) {
  html body.v4 .site-header .header-actions {
    display: flex!important;
    visibility: visible!important;
    opacity: 1!important;
  }
  html body.v4 .site-header .header-cta {
    display: inline-flex!important;
    visibility: visible!important;
    opacity: 1!important;
  }
  html body.v4 .site-header .menu-toggle span:not(.sr-only) {
    opacity: 1!important;
    transform: none!important;
  }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { top: 10px; }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3) { top: 18px; }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(4) { top: 26px; }
}

/* Keep the mobile navigation sheet above the page and independent of the sticky header. */
body.v4 .mobile-menu[hidden] { display: none!important; }
@media (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open {
    position: fixed!important;
    inset: 8px!important;
    z-index: 10000!important;
    display: flex!important;
    flex-direction: column!important;
    width: auto!important;
    height: auto!important;
    max-height: none!important;
    overflow: hidden!important;
    padding: 16px 20px 14px!important;
    border: 1px solid var(--v-line)!important;
    border-radius: 18px!important;
    background: #fff!important;
    box-shadow: 0 18px 60px rgba(20,34,45,.16)!important;
    visibility: visible!important;
    opacity: 1!important;
  }
  html body.v4 .site-header .header-cta {
    display: inline-flex!important;
    visibility: visible!important;
    opacity: 1!important;
  }
}

/* Match header and mobile-menu CTAs to the hero button's size and arrow motion. */
body.v4 .site-header .header-cta,
body.v4 .mobile-menu .mobile-menu-cta {
  display: inline-flex!important;
  width: auto!important;
  min-height: 44px!important;
  height: 44px!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 10px!important;
  padding: 0 19px!important;
  border-radius: 999px!important;
  font-size: 13px!important;
  font-weight: 600!important;
  line-height: 1!important;
  transition: transform .18s ease, background-color .22s ease, border-color .22s ease, color .22s ease!important;
}
body.v4 .site-header .header-cta-arrow,
body.v4 .mobile-menu .mobile-menu-cta svg {
  display: block!important;
  flex: 0 0 18px!important;
  width: 18px!important;
  height: 18px!important;
  transform: translateX(0)!important;
  transition: transform .22s ease!important;
}
body.v4 .site-header .header-cta:hover,
body.v4 .site-header .header-cta:focus-visible,
body.v4 .mobile-menu .mobile-menu-cta:hover,
body.v4 .mobile-menu .mobile-menu-cta:focus-visible {
  transform: translateY(-2px)!important;
  background: #829bb3!important;
  border-color: #829bb3!important;
  color: #fff!important;
}
body.v4 .site-header .header-cta:hover .header-cta-arrow,
body.v4 .site-header .header-cta:focus-visible .header-cta-arrow,
body.v4 .mobile-menu .mobile-menu-cta:hover svg,
body.v4 .mobile-menu .mobile-menu-cta:focus-visible svg { transform: translateX(3px)!important; }
body.v4 .mobile-menu .mobile-menu-cta::before { display: none!important; content: none!important; }

@media (max-width: 1050px) {
  body.v4 .site-header .header-cta > span { font-size: 0!important; }
  body.v4 .site-header .header-cta > span::after { content: "Free trial"; font-size: 13px; line-height: 1; }
  body.v4 .mobile-menu-actions {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px!important;
  }
  body.v4 .mobile-menu-actions > .mobile-menu-contact,
  body.v4 .mobile-menu-actions > .mobile-menu-cta {
    flex: 0 0 auto!important;
    width: auto!important;
    min-height: 44px!important;
    height: 44px!important;
    padding: 0 19px!important;
  }
  body.v4 .mobile-menu .mobile-menu-cta { justify-content: center!important; }
  body.v4 .mobile-menu-row { font-size: 19px!important; line-height: 1.35!important; }
  body.v4 .site-header .menu-toggle span:not(.sr-only) {
    width: 22px!important;
    height: 2px!important;
    border: 0!important;
    border-radius: 2px!important;
    transform-origin: center!important;
  }
  body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { top: 18px!important; transform: rotate(45deg)!important; }
  body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3) { opacity: 0!important; }
  body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(4) { top: 18px!important; transform: rotate(-45deg)!important; }
}
@media (prefers-reduced-motion: reduce) {
  body.v4 .site-header .header-cta,
  body.v4 .site-header .header-cta-arrow,
  body.v4 .mobile-menu .mobile-menu-cta,
  body.v4 .mobile-menu .mobile-menu-cta svg { transition: none!important; }
}

/* Mobile dropdown links use the same simple color-only hover as the main rows. */
@media (max-width: 1050px) {
  html body.v4 .mobile-menu .mobile-menu-nav > .mobile-menu-row,
  html body.v4 .mobile-menu .mobile-menu-nav > .mobile-menu-accordion > .mobile-menu-row {
    font-size: 19px!important;
    line-height: 1.35!important;
  }
  html body.v4 .mobile-menu .mobile-menu-submenu a,
  html body.v4 .mobile-menu .mobile-menu-submenu a:hover,
  html body.v4 .mobile-menu .mobile-menu-submenu a:focus-visible {
    background: transparent!important;
    background-image: none!important;
    background-position: initial!important;
    background-repeat: no-repeat!important;
    background-size: 0 0!important;
    border: 0!important;
    box-shadow: none!important;
    text-decoration: none!important;
    transform: none!important;
    transition: color .16s ease!important;
  }
  html body.v4 .mobile-menu .mobile-menu-submenu a:hover,
  html body.v4 .mobile-menu .mobile-menu-submenu a:focus-visible { color: #738FAA!important; }
}

/* Mobile header: keep the lower edge clean and render the menu bars on whole pixels. */
html body.v4 .site-header,
html body.v4 .site-header.is-scrolled,
html body.v4 .site-header .header-inner {
  border-bottom: 0!important;
  box-shadow: none!important;
}
html body.v4 .site-header::after,
html body.v4 .site-header .header-inner::after {
  content: none!important;
  display: none!important;
}
@media (max-width: 1050px) {
  html body.v4 .site-header,
  html body.v4 .site-header.is-scrolled {
    border: 0!important;
    border-bottom: 0!important;
    background-image: none!important;
  }
  html body.v4 .site-header .menu-toggle,
  html body.v4 .site-header.is-scrolled .menu-toggle {
    transform: none!important;
  }
  html body.v4 .site-header .menu-toggle span:not(.sr-only) {
    display: block!important;
    position: absolute!important;
    left: 9px!important;
    width: 22px!important;
    min-width: 22px!important;
    max-width: 22px!important;
    height: 2px!important;
    min-height: 2px!important;
    max-height: 2px!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    border-radius: 1px!important;
    box-shadow: none!important;
    background: #263744!important;
    transform-origin: center center!important;
    transition: top .2s ease, transform .2s ease, opacity .2s ease!important;
  }
  html body.v4 .site-header .menu-toggle span:nth-child(2) { top: 10px!important; }
  html body.v4 .site-header .menu-toggle span:nth-child(3) { top: 18px!important; }
  html body.v4 .site-header .menu-toggle span:nth-child(4) { top: 26px!important; }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { top: 18px!important; transform: rotate(45deg)!important; }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3) { opacity: 0!important; }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"] span:nth-child(4) { top: 18px!important; transform: rotate(-45deg)!important; }
}

/* Final cleanup: remove the mobile header seam at every nested header layer. */
html body.v4 .site-header-frame,
html body.v4 .site-header-frame > .site-header,
html body.v4 .site-header,
html body.v4 .site-header.is-scrolled,
html body.v4 .site-header .header-inner,
html body.v4 .site-header .container.header-inner {
  border-bottom: 0!important;
  border-bottom-color: transparent!important;
  box-shadow: none!important;
  background-image: none!important;
}
html body.v4 .site-header-frame::after,
html body.v4 .site-header::after,
html body.v4 .site-header .header-inner::after,
html body.v4 .site-header .container.header-inner::after {
  display: none!important;
  content: none!important;
  border: 0!important;
}

/* Footer links keep their existing color hover but have no animated underline. */
html body.v4 .site-footer a::after,
html body.v4 .site-footer a:hover::after,
html body.v4 .site-footer a:focus-visible::after,
html body.v4 .site-footer .footer-link-button::after,
html body.v4 .site-footer .footer-link-button:hover::after,
html body.v4 .site-footer .footer-link-button:focus-visible::after,
html body.v4 .footer a::after,
html body.v4 .footer a:hover::after,
html body.v4 .footer a:focus-visible::after {
  display: none!important;
  content: none!important;
  transform: none!important;
  transition: none!important;
}
html body.v4 .site-footer a,
html body.v4 .site-footer .footer-link-button,
html body.v4 .footer a {
  text-decoration: none!important;
}

/* Remove the remaining narrow-header seam, including any child/menu separator. */
html body.v4 :is(.site-header-frame,.site-header,.site-header.is-scrolled,.header-inner,.mobile-menu) {
  border-bottom: 0!important;
  border-bottom-width: 0!important;
  border-bottom-color: transparent!important;
  box-shadow: none!important;
}
html body.v4 .site-header-frame::before,
html body.v4 .site-header-frame::after,
html body.v4 .site-header::before,
html body.v4 .site-header::after,
html body.v4 .header-inner::before,
html body.v4 .header-inner::after,
html body.v4 .mobile-menu::before,
html body.v4 .mobile-menu::after {
  content: none!important;
  display: none!important;
}
html body.v4 .mobile-menu { border-top: 0!important; }

/* Keep footer navigation links free of pseudo-element underline effects on all pages. */
.site-footer a::after,
.site-footer a:hover::after,
.site-footer a:focus-visible::after,
.site-footer .footer-link-button::after,
.site-footer .footer-link-button:hover::after,
.site-footer .footer-link-button:focus-visible::after,
.footer a::after,
.footer a:hover::after,
.footer a:focus-visible::after,
.footer-grid a::after,
.footer-grid a:hover::after,
.footer-grid a:focus-visible::after,
.footer-bottom a::after,
.footer-bottom a:hover::after,
.footer-bottom a:focus-visible::after {
  content: none!important;
  display: none!important;
  transform: none!important;
  transition: none!important;
}

/* The seam is the boundary between the header and first section; suppress both sides. */
@media (max-width: 1050px) {
  html body.v4 .site-header-frame,
  html body.v4 .site-header-frame > .site-header,
  html body.v4 .site-header,
  html body.v4 .site-header.is-scrolled,
  html body.v4 .site-header .header-inner {
    border: 0!important;
    outline: 0!important;
    box-shadow: none!important;
    background-image: none!important;
  }
  html body.v4 .site-header-frame + main,
  html body.v4 .site-header-frame + main > :first-child {
    border-top: 0!important;
    box-shadow: none!important;
  }
  /* Draw the three bars as a single pixel-aligned pattern to guarantee equal weight. */
  html body.v4 .site-header .menu-toggle {
    position: relative!important;
    transform: none!important;
    -webkit-tap-highlight-color: transparent;
  }
  html body.v4 .site-header .menu-toggle span:not(.sr-only) { display: none!important; }
  html body.v4 .site-header .menu-toggle::before {
    content: ""!important;
    display: block!important;
    position: absolute!important;
    top: 12px!important;
    left: 11px!important;
    width: 18px!important;
    height: 16px!important;
    background: linear-gradient(to bottom,
      #263744 0 2px,
      transparent 2px 7px,
      #263744 7px 9px,
      transparent 9px 14px,
      #263744 14px 16px)!important;
    transform: none!important;
    transition: background .16s ease, transform .16s ease!important;
  }
  html body.v4 .site-header .menu-toggle::after {
    content: none!important;
    display: none!important;
  }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"]::before {
    top: 19px!important;
    height: 2px!important;
    background: #263744!important;
    transform: rotate(45deg)!important;
  }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"]::after {
    content: ""!important;
    display: block!important;
    position: absolute!important;
    top: 19px!important;
    left: 11px!important;
    width: 18px!important;
    height: 2px!important;
    background: #263744!important;
    transform: rotate(-45deg)!important;
  }
}

/* Also disable background-based footer underlines, if present on a page variant. */
html body.v4 .site-footer a,
html body.v4 .site-footer .footer-link-button,
html body.v4 .footer a,
html body.v4 .footer-grid a,
html body.v4 .footer-bottom a {
  background-image: none!important;
  text-decoration: none!important;
}

/* Hard-disable any header seam, including borders painted with border-image. */
@media (max-width: 1050px) {
  html body.v4 .site-header-frame,
  html body.v4 .site-header,
  html body.v4 .site-header.is-scrolled,
  html body.v4 .site-header .header-inner,
  html body.v4 .site-header-frame + main,
  html body.v4 .site-header-frame + main > :first-child {
    border: none!important;
    border-bottom: none!important;
    border-top: none!important;
    border-image: none!important;
    outline: none!important;
    box-shadow: none!important;
  }
  html body.v4 .site-header-frame::before,
  html body.v4 .site-header-frame::after,
  html body.v4 .site-header::before,
  html body.v4 .site-header::after,
  html body.v4 .site-header .header-inner::before,
  html body.v4 .site-header .header-inner::after {
    content: none!important;
    display: none!important;
  }
  /* Vector paths share one 1.6px stroke for consistently weighted hamburger lines. */
  html body.v4 .site-header .menu-toggle span:not(.sr-only) { display:none!important; }
  html body.v4 .site-header .menu-toggle::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:8px!important;
    width:24px!important;
    height:24px!important;
    background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' fill='none' stroke='%23263744' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/24px 24px no-repeat!important;
    transform:none!important;
    transition:none!important;
  }
  html body.v4 .site-header .menu-toggle::after { content:none!important; display:none!important; }
  html body.v4 .site-header .menu-toggle[aria-expanded="true"]::before {
    inset:8px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' fill='none' stroke='%23263744' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  }
}

/* Align the open mobile menu's contents to the same page gutters as the closed header. */
@media (min-width: 761px) and (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 24px!important; }
}
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 12px!important; }
}

/* Match the hamburger hover surface to the mobile menu close button. */
@media (max-width: 1050px) {
  html body.v4 .site-header .menu-toggle,
  html body.v4 .site-header .menu-toggle:hover,
  html body.v4 .site-header .menu-toggle:focus-visible,
  html body.v4 .site-header.is-scrolled .menu-toggle,
  html body.v4 .site-header.is-scrolled .menu-toggle:hover,
  html body.v4 .site-header.is-scrolled .menu-toggle:focus-visible {
    background-color: transparent!important;
    box-shadow: none!important;
    transition: background-color .16s ease!important;
  }
  html body.v4 .site-header .menu-toggle:hover,
  html body.v4 .site-header .menu-toggle:focus-visible,
  html body.v4 .site-header.is-scrolled .menu-toggle:hover,
  html body.v4 .site-header.is-scrolled .menu-toggle:focus-visible {
    background-color: var(--v-soft, #e9edf0)!important;
  }
}

/* The menu is viewport-fixed, so include the page gutter when matching header content insets. */
@media (min-width: 761px) and (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 36px!important; }
}
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 20px!important; }
}

/* Fine-tune menu content inset to the measured mobile header content edge. */
@media (min-width: 761px) and (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 34px!important; }
}
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 18px!important; }
}

/* Apply the requested +2px horizontal and -2px vertical menu padding adjustment. */
@media (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-block: 14px 12px!important; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 36px!important; }
}
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-inline: 20px!important; }
}

/* Further reduce mobile menu top and bottom padding by 2px. */
@media (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-block: 12px 10px!important; }
}

/* Match mobile-menu branding and circular controls to the compact index header. */
@media (max-width: 1050px) {
  html body.v4 .mobile-menu-brand img { width: 108px!important; }
  html body.v4 .site-header .menu-toggle,
  html body.v4 .site-header.is-scrolled .menu-toggle {
    flex: 0 0 38px!important;
    width: 38px!important;
    height: 38px!important;
    border-radius: 50%!important;
    background-color: transparent!important;
  }
  html body.v4 .site-header .menu-toggle:hover,
  html body.v4 .site-header .menu-toggle:focus-visible,
  html body.v4 .site-header.is-scrolled .menu-toggle:hover,
  html body.v4 .site-header.is-scrolled .menu-toggle:focus-visible {
    border-radius: 50%!important;
    background-color: var(--v-soft, #e9edf0)!important;
  }
  html body.v4 .site-header .menu-toggle::before,
  html body.v4 .site-header.is-scrolled .menu-toggle::before,
  html body.v4 .site-header .menu-toggle[aria-expanded="true"]::before,
  html body.v4 .site-header.is-scrolled .menu-toggle[aria-expanded="true"]::before {
    inset: 7px!important;
  }
}

/* Reduce mobile-menu vertical padding by one more pixel on each edge. */
@media (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-block: 11px 9px!important; }
}

/* Reduce mobile-menu vertical padding by one additional pixel on each edge. */
@media (max-width: 1050px) {
  html body.v4 > .mobile-menu.is-open { padding-block: 10px 8px!important; }
}

/* Use one explicit rendered height for the index and open-menu mobile wordmarks. */
@media (max-width: 1050px) {
  html body.v4 .site-header .brand img,
  html body.v4 .site-header.is-scrolled .brand img,
  html body.v4 .mobile-menu-brand img {
    width: auto!important;
    height: 32px!important;
    max-width: none!important;
    max-height: 32px!important;
    object-fit: contain!important;
  }
}

/* Align the menu close control with the index header hamburger's right content edge. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-left: 20px!important; padding-right: 32px!important; }
}

/* Final mobile menu alignment: adjust close-button inset and match page corner radius. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open {
    padding-right: 29px!important;
    border-radius: 15px!important;
  }
}

/* Make the mobile close-control inset visibly smaller. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-right: 26px!important; }
}

/* Reduce mobile close-control right inset by another 2px. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-right: 24px!important; }
}

/* Reduce mobile close-control right inset by another 2px. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-right: 22px!important; }
}

/* Reduce mobile close-control right inset by 1px. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-right: 21px!important; }
}

/* Match the mobile menu surface to the page frame without a separate outline. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open {
    border: 0!important;
    border-radius: 15px!important;
    box-shadow: none!important;
  }
}

/* Match the effective 18px mobile header radius used across the pages. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open {
    border: 0!important;
    border-radius: 18px!important;
  }
}

/* Match the mobile menu panel's outer bounds and inner gutters to the page header. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open {
    left: 8px!important;
    right: 20px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    border: 0!important;
    border-radius: 18px!important;
  }
}

/* Match the close button's right inset to the index hamburger while preserving logo alignment. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open { padding-right: 12px!important; }
}

/* Match the open mobile menu's measured panel and control insets to the index header. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open {
    left: 8px!important;
    right: 27px!important;
    padding-left: 14px!important;
    padding-right: 10px!important;
    border-radius: 18px!important;
  }
}

/* Align the open mobile menu to the same page-frame and control gutters as the header. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open {
    left: 8px!important;
    right: 8px!important;
    padding-left: 22px!important;
    padding-right: 22px!important;
    border-radius: 15px!important;
  }
}

/* Align the open menu logo and close control vertically with the closed header controls. */
@media (max-width: 760px) {
  html body.v4 > .mobile-menu.is-open .mobile-menu-brand,
  html body.v4 > .mobile-menu.is-open .mobile-menu-close {
    transform: translateY(1px)!important;
  }
}

/* Use the same responsive corner token for the page shell, header and open menu. */
@media (max-width: 760px) {
  body.v4 { --orto-mobile-frame-radius: 18px; border-radius: var(--orto-mobile-frame-radius)!important; }
  body.v4 .site-header,
  body.v4 .site-header.is-scrolled { border-radius: var(--orto-mobile-frame-radius) var(--orto-mobile-frame-radius) 0 0!important; }
  html body.v4 > .mobile-menu.is-open { border-radius: var(--orto-mobile-frame-radius)!important; }
  /* Align the open-menu logo and close control with the closed header's inner gutters. */
  html body.v4 > .mobile-menu.is-open .mobile-menu-header {
    margin-left: -7px!important;
    margin-right: -3px!important;
  }
}
@media (min-width: 761px) and (max-width: 1050px) {
  body.v4 { --orto-mobile-frame-radius: 18px; border-radius: var(--orto-mobile-frame-radius)!important; }
  body.v4 .site-header,
  body.v4 .site-header.is-scrolled { border-radius: var(--orto-mobile-frame-radius) var(--orto-mobile-frame-radius) 0 0!important; }
  html body.v4 > .mobile-menu.is-open { border-radius: var(--orto-mobile-frame-radius)!important; }
}


/* Footer AI providers are shown as plain text links until provider-supplied logo files and permissions are confirmed. */
body.v4 .site-footer .footer-ai-links{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 12px!important}
body.v4 .site-footer .footer-ai-links a{display:inline-flex!important;width:auto!important;min-width:0!important;height:26px!important;min-height:26px!important;align-items:center!important;justify-content:center!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f2f5f7!important;font-size:10px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important;transform:none!important;opacity:1!important;transition:color .18s ease!important}
body.v4 .site-footer .footer-ai-links a:hover{background:transparent!important;color:#fff!important;text-decoration:none!important;transform:none!important;opacity:1!important}
body.v4 .site-footer .footer-ai-links a span{display:block;white-space:nowrap}
body.v4 .site-footer .footer-ai-disclaimer{display:block;max-width:320px;margin-top:7px;color:rgba(242,245,247,.7);font-size:8px;line-height:1.45}
body.products-page #integrations .product-visual-note{display:block;max-width:100%;font-size:8px;line-height:1.45}
@media(prefers-reduced-motion:reduce){body.v4 .site-footer .footer-ai-links a{transition:none!important}}