/* Growth uses the Websites typography, navigation, neutral palette and motion. */
.growth-page{--paper-deep:#e9e9e4;--milk:#fff;--line:#16161629;--golden:var(--lime);--gutter:clamp(24px,6.4vw,112px)}
.growth-page .growth-section{padding:clamp(48px,6.4vw,96px) var(--gutter)}
.growth-page .growth-hero .websites-hero-content{padding-top:clamp(100px,17svh,180px);padding-bottom:clamp(48px,8svh,88px)}
.growth-page .websites-hero-heading{max-width:1250px;padding-inline:var(--gutter)}
.growth-page .websites-hero-heading .growth-title{font-size:clamp(40px,5.3vw,80px);line-height:1.08;letter-spacing:-.055em;margin-bottom:28px}
.growth-page .websites-intro{max-width:57ch;width:100%;font-size:clamp(17px,1.55vw,21px);line-height:1.5}
.growth-page .growth-hero-cta{margin-top:32px}
#growth-marquee-root{height:220px}
.growth-eyebrow{font-size:12px!important;line-height:1.4!important;letter-spacing:.1em;text-transform:uppercase;color:#666a65;margin:0 0 20px!important}
.growth-intro,.growth-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}
.growth-section h2{font-size:clamp(36px,4.4vw,66px);font-weight:500;letter-spacing:-.05em;line-height:1.07}
.growth-intro h2{max-width:13ch}
.growth-intro p,.growth-dashboard-description p,.growth-learning>p,.growth-cta>p:not(.growth-eyebrow){font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#62655e}
.growth-intro p+p,.growth-dashboard-description p+p{margin-top:16px}
.growth-page .growth-intro{padding-bottom:24px}
.growth-page .growth-process .process-crop{background:#e9ebe7}
.growth-page .growth-process .process-stage h2{font-size:clamp(40px,4.4vw,64px)}
.growth-page .growth-process .process-gallery{margin-bottom:clamp(32px,5vh,48px)}
.growth-page .growth-search{padding-top:clamp(56px,7vw,100px)}
.growth-page .growth-dashboard{padding-top:48px}
.growth-section-heading{align-items:end}
.growth-dashboard-case{display:flex;justify-content:space-between;gap:20px;margin-top:48px;color:#62655e;font-size:14px}
.growth-dashboard-case>a{display:inline-flex;gap:16px;align-items:center;color:var(--ink);text-decoration:underline;text-underline-offset:5px;min-height:44px}
.growth-dashboard-case>span{align-self:center}
.growth-dashboard-caption{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-top:24px}
.growth-dashboard-caption p{font-size:clamp(20px,2vw,28px);letter-spacing:-.035em}
.growth-dashboard-caption small{font-size:11px;color:#777b75}
.growth-page .grou-console{margin-top:16px;line-height:1.45}
.growth-page .grou-console :is(h3,h4,figure){margin:0}
.growth-page .grou-console img{display:block;max-width:100%}
.growth-page .grou-console button{border:0;cursor:pointer}
.growth-page .grou-console-tabs button>i{font-style:normal}
.growth-page .grou-console button:focus-visible,.growth-page .grou-console-panel:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.growth-page .grou-console-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5a8a1 transparent}
.growth-page .grou-console-panel::-webkit-scrollbar{display:block;width:4px}
.growth-page .grou-console-panel::-webkit-scrollbar-thumb{background:#a5a8a1;border-radius:4px}
.growth-page .grou-console-stage{min-height:720px;max-height:720px}
.growth-page .grou-console-panel-head h3{font-size:clamp(32px,3.8vw,52px)}
.growth-page .grou-console-tabs button[aria-selected="true"]{background:#5f635d;color:#fff}
.growth-page .grou-console-tabs button[aria-selected="true"] small{color:#f1f2ed}
.growth-page .grou-console-live{color:#646861;font-weight:500}
.growth-page .grou-console-live>i{background:#959b91;box-shadow:0 0 0 .22rem #959b9120}
.growth-page .growth-reporting .website-benefits-heading h2{font-size:clamp(32px,3vw,46px);max-width:16ch}
.growth-reporting-intro{max-width:33ch;margin-top:24px;color:#62655e;line-height:1.55;font-size:17px}
.growth-page .growth-reporting .website-benefit-copy h3{font-size:clamp(22px,2vw,28px)}
.growth-page .growth-learning{text-align:center;padding-top:48px;padding-bottom:80px}
.growth-learning>p{max-width:55ch;margin:28px auto 0}
.growth-learning-loop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(16px,3vw,48px);margin-top:40px}
.growth-learning-loop span{font-size:clamp(18px,2vw,28px);padding:14px 24px;border:1px solid #16161620;border-radius:999px;background:#ffffff45}
.growth-learning-loop b{font-size:24px;font-weight:400}
.growth-page .growth-cta{text-align:center;padding-top:64px;padding-bottom:96px;background:radial-gradient(ellipse at 50% 95%,#e4fe5520,transparent 65%)}
.growth-cta>p:not(.growth-eyebrow){max-width:48ch;margin:28px auto}
.growth-cta .website-search-cta{margin-top:6px}
.growth-plan{position:relative;width:240px;height:260px;max-width:100%;margin:auto;display:grid;place-items:center}
.growth-plan-orbit{position:absolute;width:180px;height:180px;border:1px solid #16161625;border-radius:50%}
.growth-plan-orbit::after{content:"";position:absolute;width:10px;height:10px;background:#383b38;border-radius:50%;top:-5px;left:calc(50% - 5px)}
.growth-plan-center{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#161616;color:#dedede;font-size:38px;box-shadow:0 12px 24px #16161620}
.growth-plan-node{position:absolute;padding:10px 16px;border-radius:999px;background:#fafbf8;box-shadow:0 5px 12px #16161614;font-size:13px;font-weight:500;z-index:1}
.growth-plan-node:nth-of-type(1){top:25px;left:10px}
.growth-plan-node:nth-of-type(2){top:114px;right:0}
.growth-plan-node:nth-of-type(3){bottom:20px;left:30px}
@media(prefers-reduced-motion:no-preference){.growth-plan-orbit{animation:growth-orbit 12s linear infinite}}
@keyframes growth-orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){
  .growth-page .growth-section-heading{grid-template-columns:1fr;gap:24px}
  .growth-page .growth-section-heading h2{max-width:19ch}
  .growth-page .grou-console-body{flex-direction:column}
  .growth-page .grou-console-rail,.growth-page .grou-console-rail:hover,.growth-page .grou-console-rail:focus-within{width:100%;height:auto;flex-direction:row;padding:8px;gap:12px;box-shadow:none}
  .growth-page .grou-console-brand{width:auto}
  .growth-page .grou-console-brand>span:last-child{display:none}
  .growth-page .grou-console-tabs{flex:1;flex-direction:row;gap:4px}
  .growth-page .grou-console-tabs button{width:auto;flex:1;min-height:56px;justify-content:center;gap:8px;padding:8px}
  .growth-page .grou-console-tabs button>i{display:grid;opacity:1;transform:none}
  .growth-page .grou-console-tabs button>i small{display:none}
  .growth-page .grou-console-panel-head{grid-template-columns:1fr;gap:12px}
  .growth-page .grou-console-panel-head>p{justify-self:start;max-width:50ch}
  .growth-page .grou-console-workspace{grid-template-columns:1fr}
  .growth-page .grou-console-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-page .grou-console-stage{min-height:660px;max-height:660px}
}
@media(max-width:767px){
  #growth-marquee-root{height:160px}
  .growth-page .growth-section{padding:40px 24px}
  .growth-page .growth-hero .websites-hero-content{padding:72px 0 40px}
  .growth-page .websites-hero-heading{padding-inline:24px}
  .growth-page .websites-hero-heading .growth-title{font-size:clamp(33px,8vw,52px);line-height:1.1;letter-spacing:-.055em}
  .growth-page .websites-intro{font-size:17px}
  .growth-page .website-search-cta{width:auto;max-width:100%;font-size:15px;gap:24px;padding-inline:22px}
  .growth-intro{grid-template-columns:1fr;gap:24px}
  .growth-intro h2{max-width:15ch}
  .growth-page .growth-process .process-stage h2{font-size:clamp(32px,8vw,42px)}
  .growth-page .growth-process .process-sticky{padding-bottom:32px}
  .growth-page .growth-dashboard{padding-inline:16px}
  .growth-page .growth-dashboard .growth-section-heading{padding-inline:8px}
  .growth-page .growth-section h2{font-size:clamp(32px,8.5vw,48px)}
  .growth-dashboard-case{margin-top:28px;padding-inline:8px;font-size:12px}
  .growth-page .grou-console{border-radius:20px;padding:6px}
  .growth-page .grou-console-chrome{padding-inline:10px;font-size:10px}
  .growth-page .grou-console-chrome strong{max-width:55vw}
  .growth-page .grou-console-rail{gap:0;padding:4px}
  .growth-page .grou-console-brand{display:none}
  .growth-page .grou-console-tabs button{flex-direction:column;gap:6px;padding:8px 2px}
  .growth-page .grou-console-tabs button>i strong{font-size:10px;font-weight:500}
  .growth-page .grou-console-topbar{padding-inline:12px}
  .growth-page .grou-console-topbar strong{font-size:12px}
  .growth-page .grou-console-topbar small{font-size:10px}
  .growth-page .grou-console-live{display:none}
  .growth-page .grou-console-stage{min-height:600px;max-height:600px}
  .growth-page .grou-console-panel{padding:16px;gap:18px}
  .growth-page .grou-console-panel-head h3{font-size:32px}
  .growth-page .grou-console-kpis strong{font-size:22px}
  .growth-page .grou-console-kpis>div{padding:12px;min-height:100px}
  .growth-dashboard-caption{flex-direction:column;gap:10px;padding-inline:8px}
  .growth-page .growth-reporting .website-benefits-heading h2{font-size:32px;max-width:19ch}
  .growth-reporting-intro{font-size:16px;max-width:none}
  .growth-learning-loop{gap:8px;margin-top:24px}
  .growth-learning-loop span{font-size:14px;padding:10px 14px}
  .growth-learning-loop b{font-size:18px}
  .growth-learning-loop b:last-child{display:none}
  .growth-page .growth-cta{padding-block:56px 72px}
}
@media(prefers-reduced-motion:reduce){
  .growth-page .grou-console *{animation:none!important;transition:none!important}
  .growth-page .trend-line{stroke-dashoffset:0}
}