/* ScaleWithSEO final professional polish layer.
   Loaded after all existing styles to standardise detail, motion and responsive behaviour. */

:root{
  --polish-space-1:4px;
  --polish-space-2:8px;
  --polish-space-3:12px;
  --polish-space-4:16px;
  --polish-space-5:24px;
  --polish-space-6:32px;
  --polish-space-7:48px;
  --polish-radius-sm:12px;
  --polish-radius-md:18px;
  --polish-radius-lg:24px;
  --polish-border:rgba(190,148,255,.16);
  --polish-border-strong:rgba(177,111,255,.36);
  --polish-surface:#12091f;
  --polish-surface-deep:#0a0512;
  --polish-muted:#aaa0b4;
  --polish-focus:#c39aff;
  --polish-shadow:0 22px 64px rgba(0,0,0,.28);
}

html{
  scroll-padding-top:104px;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  overflow-x:clip;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}

main,section,.container,.workflow-grid,.employee-grid,.race-grid,.pricing-grid,.proof-grid{
  min-width:0;
}

section[id],div[id]{scroll-margin-top:104px}

img,svg{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--polish-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(157,99,255,.15)!important;
}

:where(button,a).btn:active,
.btn-hero-primary:active,
.btn-hero-secondary:active,
.plan-button:active,
.fit-cta:active,
.magic-next:active{
  transform:translateY(0) scale(.985)!important;
}

.container{
  width:min(calc(100% - 40px),1180px);
}

.section,.story-section,.employee-section,.workflow-section,.fit-section,.outcome-wall,.magic-audit-section,.seo-paths{
  isolation:isolate;
}

.section-head h2,.story-head h2,.employee-copy h2,.workflow-copy h2,.fit-shell h2,.magic-audit-copy h2,.final-owner-content h2{
  text-wrap:balance;
}

.section-head p,.story-head p,.employee-copy>p,.workflow-copy>p,.fit-shell>p,.magic-audit-copy p{
  color:var(--polish-muted);
}

.nav{
  border-bottom-color:rgba(190,148,255,.14)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.14);
}

.nav__inner{min-height:78px}
.nav__links a{min-height:44px;display:inline-flex;align-items:center}
.nav__actions .btn,.btn-hero-primary,.btn-hero-secondary,.plan-button,.fit-cta,.magic-next{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease!important;
}

.brand__mark,.live-dashboard__brand-mark{transform:none!important}
.brand__mark svg{transform:none!important}

/* Truth section: equal, compact cards with a calm premium hierarchy. */
.story-section{padding:clamp(72px,7vw,92px) 0!important}
.story-head{max-width:760px!important;margin-bottom:32px!important}
.story-head h2{font-size:clamp(2.08rem,3.7vw,3.35rem)!important;line-height:1.045!important}
.race-grid{max-width:1120px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.race-card{
  height:100%;
  min-height:0!important;
  padding:24px!important;
  border-radius:var(--polish-radius-lg)!important;
  display:flex;
  flex-direction:column;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.race-card h3{font-size:clamp(1.52rem,2.25vw,2rem)!important;line-height:1.08!important;letter-spacing:-.038em!important}
.race-card>p{font-size:.86rem!important;line-height:1.62!important}
.race-badge{min-height:30px;padding:0 11px!important;font-size:.64rem!important;letter-spacing:.07em!important}
.gap-list{margin-top:18px!important;gap:8px!important}
.gap-item{padding:11px 12px!important;border-radius:var(--polish-radius-sm)!important}
.gap-item i{width:20px!important;height:20px!important;flex-basis:20px!important}
.gap-item strong{font-size:.78rem!important;line-height:1.35}
.gap-item span{font-size:.66rem!important;line-height:1.44!important;color:#a0909a!important}
.stagnant-card .warning-line{margin-top:auto!important;padding-top:14px!important}
.warning-line{font-size:.68rem!important;line-height:1.5!important}
.momentum-card{animation:none!important;box-shadow:0 18px 54px rgba(75,18,140,.2),inset 0 1px 0 rgba(255,255,255,.035)!important}
.momentum-card::before{animation:none!important;opacity:.45;background-size:100% 100%!important}
.momentum-stats{margin-top:18px!important;gap:8px!important}
.momentum-stat{min-height:76px!important;padding:12px 13px!important;border-radius:var(--polish-radius-sm)!important}
.momentum-stat strong{font-size:clamp(1.14rem,1.7vw,1.42rem)!important;font-variant-numeric:tabular-nums}
.momentum-stat span{font-size:.63rem!important;line-height:1.38!important;color:#a094aa!important}
.momentum-proof{padding:13px 14px!important;border-radius:var(--polish-radius-sm)!important}
.momentum-proof strong{font-size:.75rem!important}
.momentum-proof p{font-size:.67rem!important;color:#b1a4ba!important}
.example-note{font-size:.59rem!important;color:#8e8296!important}

/* AI employee card: restrained depth, stable sizing and readable task rows. */
.employee-section{padding:clamp(76px,7vw,94px) 0!important}
.employee-grid{gap:48px!important;align-items:center!important}
.employee-copy h2{font-size:clamp(2rem,3.15vw,3rem)!important;line-height:1.055!important}
.employee-promise{padding:17px 18px!important;border-radius:0 var(--polish-radius-sm) var(--polish-radius-sm) 0!important}
.employee-visual{
  min-height:520px!important;
  padding-top:132px!important;
  border-radius:var(--polish-radius-lg)!important;
  box-shadow:var(--polish-shadow)!important;
}
.employee-mascot{width:218px!important;right:22px!important;animation-duration:7s!important}
.employee-profile{min-height:78px!important;padding:18px 20px!important}
.employee-body{padding:18px!important}
.employee-task{padding:12px!important;border-radius:var(--polish-radius-sm)!important}
.employee-task+.employee-task{margin-top:8px!important}
.employee-task strong{font-size:.78rem!important;line-height:1.35}
.employee-task p{font-size:.66rem!important;line-height:1.45;color:#978b9f!important}
.employee-task>span:last-child{font-size:.58rem!important}

/* Live dashboard: visually faithful, but compact enough to sit naturally beside the copy. */
.workflow-section{padding:clamp(76px,7vw,94px) 0!important}
.workflow-grid{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr)!important;gap:44px!important;align-items:center!important}
.dashboard-shell.dashboard-shell--live{
  border-radius:var(--polish-radius-lg)!important;
  border-color:rgba(177,111,255,.32)!important;
  box-shadow:0 26px 72px rgba(57,13,108,.25),inset 0 1px 0 rgba(255,255,255,.035)!important;
  contain:layout paint;
}
.live-dashboard{grid-template-columns:112px minmax(0,1fr)!important;min-height:520px!important}
.live-dashboard__sidebar{padding:14px 10px!important}
.live-dashboard__brand{gap:7px!important;font-size:.61rem!important}
.live-dashboard__brand-mark{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:10px!important;font-size:.8rem!important}
.live-dashboard__nav{margin-top:16px!important;gap:4px!important}
.live-dashboard__nav-item{
  min-height:32px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:.58rem!important;
  transform:none!important;
}
.live-dashboard__nav-item::before{width:6px!important;height:6px!important;flex-basis:6px!important}
.live-dashboard__nav-item.is-active{transform:none!important}
.live-dashboard__specialist{padding:10px 9px!important;border-radius:var(--polish-radius-sm)!important}
.live-dashboard__specialist strong{font-size:.59rem!important}
.live-dashboard__specialist span{font-size:.52rem!important}
.live-dashboard__main{padding:15px!important}
.live-dashboard__top{padding-bottom:12px!important}
.live-dashboard__top h3{font-size:.98rem!important}
.live-dashboard__top p{font-size:.56rem!important;color:#9d91a7!important}
.live-dashboard__range span{min-width:31px!important;min-height:27px!important;display:grid!important;place-items:center!important}
.live-dashboard__stats{gap:8px!important;margin-top:12px!important}
.live-dashboard__stat{min-height:74px!important;padding:11px!important;border-radius:var(--polish-radius-sm)!important}
.live-dashboard__stat label{font-size:.54rem!important;color:#afa3b8!important}
.live-dashboard__stat strong{font-size:1.2rem!important;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.live-dashboard__stat>span{font-size:.52rem!important}
.live-dashboard__chart{position:relative;margin-top:10px!important;padding:12px!important;border-radius:var(--polish-radius-sm)!important}
.live-dashboard__chart::after{
  content:"Illustrative product data";
  position:absolute;
  right:11px;
  bottom:7px;
  color:#716778;
  font-size:.48rem;
  font-weight:700;
  letter-spacing:.025em;
}
.live-dashboard__chart-head{margin-bottom:4px!important}
.live-dashboard__chart-head strong{font-size:.67rem!important}
.live-dashboard__chart-head span{font-size:.58rem!important}
.live-dashboard__chart svg{height:132px!important}
.live-dashboard__tooltip{font-variant-numeric:tabular-nums}
.live-dashboard__pipeline{margin-top:10px!important;padding:12px!important;border-radius:var(--polish-radius-sm)!important}
.live-dashboard__pipeline-head strong{font-size:.68rem!important}
.live-dashboard__pipeline-head span{font-size:.51rem!important}
.live-dashboard__pipeline-grid{gap:6px!important;margin-top:9px!important}
.live-dashboard__pipeline-item{min-width:0;padding:8px 6px!important;border-radius:9px!important}
.live-dashboard__pipeline-item strong{font-size:.51rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-dashboard__pipeline-item span{font-size:.46rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-dashboard__progress{margin-top:9px!important}
.live-dashboard__stat,.live-dashboard__line,.live-dashboard__area,.live-dashboard__point,.live-dashboard__tooltip,.live-dashboard__progress span{
  transition:opacity .24s ease,transform .24s ease,width .45s cubic-bezier(.16,1,.3,1)!important;
}
.live-dashboard__stat.is-changing{opacity:.42!important;transform:translateY(2px)!important}
.workflow-copy h2{font-size:clamp(2rem,3.35vw,3.22rem)!important;line-height:1.055!important}
.workflow-copy>p{font-size:.94rem;line-height:1.7!important}
.workflow-steps{gap:10px!important;margin-top:24px!important}
.workflow-step{grid-template-columns:36px 1fr!important;gap:12px!important}
.workflow-step b{width:34px!important;height:34px!important;border-radius:10px!important}
.workflow-step strong{font-size:.83rem!important}
.workflow-step span{font-size:.71rem!important;color:#9a8fa3!important}

/* Journey, proof and pricing: stable heights, consistent radii and no decorative clutter. */
.product-journey-shell{border-radius:var(--polish-radius-lg)!important;box-shadow:var(--polish-shadow)!important}
.journey-tab{min-height:46px}
.journey-tab:focus-visible{outline-offset:1px!important}
.journey-panel{min-height:370px!important;border-radius:var(--polish-radius-md)!important}
.journey-preview-card{border-radius:var(--polish-radius-md)!important}
.proof-panel,.price-card,.big-card,.feature-card,.seo-path-card{border-radius:var(--polish-radius-md)!important}
.proof-panel{overflow:hidden}
.proof-helper-card{max-width:220px}
.outcome-card .star-row,.final-owner-content .star-row{display:none!important}
.outcome-card{border-radius:var(--polish-radius-md)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.outcome-card p{margin-top:12px!important}

.pricing-grid{align-items:stretch}
.price-card{height:100%;display:flex;flex-direction:column;box-shadow:0 18px 52px rgba(0,0,0,.2)!important}
.price-card.popular{transform:none!important}
.plan-desc{min-height:48px}
.plan-button{width:100%;min-height:48px}
.plan-list{margin-top:0}
.price strong{font-variant-numeric:tabular-nums}
.price-card .payment-badges,.pricing-card .payment-badges{min-height:20px!important;gap:6px!important;margin:9px 0 14px!important}
.price-card .payment-badges::after,.pricing-card .payment-badges::after{font-size:.58rem!important;color:#9a8fa2!important}

.integrations--logos .integration{border-radius:var(--polish-radius-sm)!important}
.integration-logo{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
.integration-logo svg{width:21px!important;height:21px!important}

/* Audit, FAQ and links: clear feedback and comfortable interaction sizes. */
.magic-stage{border-radius:var(--polish-radius-lg)!important;box-shadow:var(--polish-shadow)!important}
.magic-inputbar{border-radius:var(--polish-radius-md)!important}
.magic-next{min-width:126px}
.magic-option{min-height:44px}
.magic-error:empty{visibility:hidden}
.faq-q{min-height:58px}
.faq-q:hover{color:#fff}
.faq-item{border-radius:var(--polish-radius-sm)!important}
.seo-path-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.footer a{transition:color .18s ease}

@media(hover:hover){
  .nav__links a:hover,.footer a:hover{color:#fff}
  .live-dashboard__nav-item:hover:not(.is-active){background:rgba(255,255,255,.035);color:#d8cde0}
  .seo-path-card:hover,.integration:hover{transform:translateY(-3px)!important}
  .btn:hover,.btn-hero-primary:hover,.btn-hero-secondary:hover,.plan-button:hover,.fit-cta:hover,.magic-next:hover{transform:translateY(-2px)}
}

@media(max-width:1120px){
  .workflow-grid{grid-template-columns:1fr!important;gap:36px!important}
  .dashboard-shell.dashboard-shell--live{width:min(100%,820px);margin:0 auto}
  .workflow-copy{max-width:760px;margin:0 auto;text-align:center}
  .workflow-copy>p{margin-left:auto;margin-right:auto}
  .workflow-steps{max-width:680px;margin-left:auto!important;margin-right:auto!important;text-align:left}
}

@media(max-width:980px){
  .race-grid{grid-template-columns:1fr!important;max-width:760px}
  .employee-grid{grid-template-columns:1fr!important;gap:34px!important}
  .employee-copy{max-width:760px;margin:0 auto;text-align:center}
  .employee-copy h2,.employee-copy>p{margin-left:auto;margin-right:auto}
  .employee-promise{text-align:left}
  .employee-visual{width:min(100%,720px);margin:0 auto}
  .pricing-grid{grid-template-columns:1fr!important;max-width:620px;margin-left:auto;margin-right:auto}
  .plan-desc{min-height:0}
}

@media(max-width:760px){
  html{scroll-padding-top:82px}
  section[id],div[id]{scroll-margin-top:82px}
  .container{width:min(calc(100% - 28px),1180px)}
  .story-section,.employee-section,.workflow-section,.product-journey,.fit-section,.outcome-wall,.magic-audit-section,.seo-paths,.section{padding-top:68px!important;padding-bottom:68px!important}
  .race-card{padding:20px!important}
  .momentum-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .employee-visual{min-height:0!important;padding-top:112px!important}
  .employee-mascot{width:174px!important;right:10px!important}
  .live-dashboard{grid-template-columns:1fr!important;min-height:0!important}
  .live-dashboard__sidebar{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  .live-dashboard__brand{align-self:center}
  .live-dashboard__nav{grid-column:1/-1;display:flex!important;gap:6px!important;margin-top:2px!important;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;scroll-snap-type:x proximity}
  .live-dashboard__nav::-webkit-scrollbar{display:none}
  .live-dashboard__nav-item{flex:0 0 auto;width:auto!important;min-width:88px;justify-content:center;scroll-snap-align:start}
  .live-dashboard__specialist{margin:0!important;align-self:center;min-width:112px}
  .live-dashboard__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .live-dashboard__pipeline-grid{grid-template-columns:repeat(5,minmax(72px,1fr))!important;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .live-dashboard__pipeline-grid::-webkit-scrollbar{display:none}
  .journey-panel{min-height:0!important}
  .proof-helper-card{max-width:none}
  .final-owner-shell--product{padding:34px 20px!important}
}

@media(max-width:520px){
  .nav__inner{width:min(calc(100% - 24px),1320px)!important}
  .brand__text{font-size:1.05rem!important}
  .story-head h2{font-size:2rem!important}
  .race-card h3{font-size:1.48rem!important}
  .momentum-stats{grid-template-columns:1fr!important}
  .momentum-stat{min-height:0!important}
  .employee-task{grid-template-columns:34px minmax(0,1fr)!important}
  .employee-task>span:last-child{display:none!important}
  .live-dashboard__main{padding:12px!important}
  .live-dashboard__top{display:grid!important}
  .live-dashboard__range{justify-self:start}
  .live-dashboard__stats{gap:7px!important}
  .live-dashboard__stat{min-height:70px!important}
  .live-dashboard__chart svg{height:116px!important}
  .workflow-copy{text-align:left}
  .workflow-steps{margin-left:0!important;margin-right:0!important}
  .magic-stage{padding:17px!important}
  .magic-inputbar{grid-template-columns:minmax(0,1fr)!important;padding:9px!important}
  .magic-inputbar>svg{display:none}
  .magic-next{width:100%;min-width:0}
  .cta-trust-row{justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .outcome-track{transform:none!important}
}

@media(forced-colors:active){
  :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid CanvasText!important;box-shadow:none!important}
}