/* The opening tells a business-growth story; motion lives in the video. */
:root { --display-font:'Archivo Black',sans-serif; --body-font:Manrope,system-ui,sans-serif; font-family:var(--body-font); }
body { font-family:var(--body-font); }
h1,h2,h3 { font-family:var(--display-font); font-weight:400; letter-spacing:-.035em; }
.growth-story-page .sticky-header .nav { color:var(--ink); background:var(--paper); border-bottom-color:#1718111a; }
.growth-story-page .brand-on-light { opacity:1; }
.growth-story-page .brand-on-dark { opacity:0; }
.growth-story-page .sticky-header .logo { font-family:var(--body-font); font-size:23px; font-weight:800; }
.growth-story-page .sticky-header .account-links .btn { background:#000; color:#fff; }
.growth-story-page .sticky-header .account-links .btn:hover { background:#000; color:#fff;}
.growth-hero {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center;
  gap:clamp(32px,4vw,76px); padding:36px 48px 42px; margin:0;
  min-height:calc(100svh - var(--header-height) - var(--offer-height));
  background:var(--paper); color:var(--ink); isolation:auto; overflow:clip;
}
.growth-hero::after { display:none; }
.growth-copy { padding:20px 0 26px; }
.growth-copy h1 { font-size:clamp(3rem,4.9vw,5.5rem); line-height:.97; max-width:12ch; text-wrap:initial; }
.growth-copy h1 span { color:var(--blue); }
.growth-copy>p { margin-top:30px; max-width:39ch; font-size:clamp(16px,1.32vw,19px); line-height:1.6; }
.growth-copy>.btn { margin-top:30px; background:#000; color:#fff; }
.growth-copy>.btn:hover { background:#000; color:#fff;}
.growth-channels { display:flex; flex-wrap:wrap; align-items:center; gap:17px; margin-top:35px; font-size:12px; font-weight:600; }
.growth-channels span { display:flex; gap:6px; align-items:center; }
.growth-channels svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.growth-film { min-width:0; }
.growth-film-frame { width:100%; aspect-ratio:16/15; max-height:calc(100svh - 175px); border-radius:18px; overflow:hidden; background:#254bdd; }
.growth-film video { display:block; width:100%; height:100%; object-fit:cover; }
.growth-statement { padding:125px 24px 115px; text-align:center; background:white; }
.growth-statement h2 { max-width:20ch; margin-inline:auto; font-size:clamp(2.7rem,5.5vw,5.5rem); line-height:.97; }
.growth-statement p { max-width:57ch; margin:28px auto 0; font-size:clamp(17px,1.65vw,22px); line-height:1.5; }

.growth-story-page .channels-heading h2,.growth-story-page .video-intro h2,.growth-story-page .setup-intro h2 { line-height:.98; }
@media(min-width:1700px) { .growth-hero { padding-inline:max(48px,calc((100vw - 1600px)/2)); } }
@media(max-width:1100px) {
  .growth-hero { gap:28px; padding-inline:32px; }
  .growth-copy h1 { font-size:clamp(3rem,5vw,4rem); }
}
@media(max-width:760px) {
  .growth-story-page .sticky-header .logo { font-size:19px; }
  .growth-hero { display:flex; flex-direction:column; gap:26px; padding:42px 20px 35px; min-height:0; align-items:stretch; }
  .growth-copy { padding:0; }
  .growth-copy h1 { font-size:clamp(2.6rem,8.3vw,4.2rem); max-width:15ch; }
  .growth-copy>p { margin-top:24px; max-width:39ch; font-size:16px; }
  .growth-copy>.btn { margin-top:25px; }
  .growth-channels { gap:14px; margin-top:24px; font-size:11px; }
  .growth-film-frame { max-height:none; border-radius:14px; }
  .growth-statement { padding:76px 20px; }
  .growth-statement h2 { font-size:clamp(2.25rem,7.5vw,3.8rem); }
  .growth-statement p { font-size:17px; margin-top:23px; }
}
@media(max-width:360px) { .growth-story-page .sticky-header .logo {font-size:17px;} }


/* One decisive action closes the page. */
.start-actions { display: block; width: 100%; }
.start-section .start-primary { display: flex; width: 100%; min-height: 126px; margin: 0; padding: 30px 40px; border-radius: 100px; background:#000; color:#fff; font-size: clamp(20px, 2.2vw, 30px); font-weight: 700; gap: 24px; }
.start-section .start-primary .ui-icon { width: 28px; height: 28px; }
.start-section .start-primary:hover { background:#000; color:#fff; }
@media(max-width:760px) { .start-section .start-primary { min-height: 92px; padding: 24px; font-size: 21px; gap: 18px; } }

/* Black footer with clear navigation and the owner's social accounts. */
.site-footer { background: #000; color: #f4f4f4; padding: 76px 0 32px; font-size: 14px; }
.footer-masthead { display: flex; justify-content: space-between; align-items: center; gap: 32px; margin-bottom: 60px; }
.site-footer .logo { font-family: Manrope, sans-serif; font-size: clamp(28px, 2.8vw, 38px); font-weight: 800; letter-spacing: -.035em; gap: 13px; }
.site-footer .brand-symbol { width: 38px; height: 38px; }
.footer-masthead p { color: #aaa; margin-top: 16px; line-height: 1.6; }
.footer-social { display: flex; align-items: center; gap: 12px; }
.footer-social a { width: 48px; height: 48px; display: grid; place-items: center; color: white; border: 1px solid #363636; border-radius: 50%; transition: color 180ms, background-color 180ms, border-color 180ms; }
.footer-social svg { width: 25px; height: 25px; }
.footer-social a:hover { background: white; color: black; border-color: white; }
.footer-columns { display: grid; grid-template-columns: .85fr 1.2fr 1fr; gap: clamp(35px, 7vw, 105px); }
.footer-columns h4 { color: #999; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: .055em; margin-bottom: 22px; }
.footer-links { list-style: none; padding: 0; display: grid; gap: 5px; }
.footer-links a { display: inline-block; padding-block: 6px; line-height: 1.5; text-decoration: none; }
.footer-links a:hover, .footer-email:hover { color: var(--yellow); text-decoration: underline; text-underline-offset: 5px; }
.footer-email { display: inline-block; margin-top: 22px; color: #bdbdbd; text-decoration: none; overflow-wrap: anywhere; }
.site-footer .footer-legal { border-top: 1px solid #303030; margin-top: 48px; padding-top: 12px; }
.site-footer .footer-legal summary { min-height: 48px; display: flex; justify-content: space-between; align-items: center; list-style: none; color: #bdbdbd; font-size: 13px; cursor: pointer; }
.site-footer .footer-legal summary::-webkit-details-marker { display: none; }
.site-footer .footer-legal[open] summary .ui-icon { rotate: 45deg; }
.footer-legal-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 48px; padding: 8px 0 22px; color: #aaa; font-size: 12px; line-height: 1.7; }
.site-footer .footer-legal-content p { margin: 0; padding-block: 4px; }
.site-footer .footer-legal-content strong { color: #ddd; font-weight: 500; }
.site-footer .footer-bottom { border-top: 1px solid #303030; margin-top: 10px; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px 28px; font-size: 12px; color: #a8a8a8; }
.site-footer .footer-bottom p { width: auto; }
.footer-directories { margin-top: 20px; color: #949494; font-size: 11px; }
.footer-directories a { color: #bdbdbd; }
.site-footer a:focus-visible, .site-footer button:focus-visible, .site-footer summary:focus-visible { outline-color: var(--yellow); box-shadow: none; }
@media(max-width:760px) {
  .site-footer { padding-block: 54px 28px; }
  .footer-masthead { align-items: flex-start; flex-direction: column; gap: 22px; margin-bottom: 42px; }
  .site-footer .logo { font-size: 28px; }
  .footer-columns { grid-template-columns: 1fr 1fr; gap: 34px 25px; }
  .footer-columns nav:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .footer-columns nav:nth-child(2) .footer-links { grid-template-columns: 1fr 1fr; gap: 5px 25px; }
  .footer-columns h4 { margin-bottom: 14px; }
  .footer-links a { min-height: 40px; font-size: 13px; }
  .footer-email { font-size: 12px; }
  .footer-legal-content { grid-template-columns: 1fr; }
  .site-footer .footer-legal { margin-top: 32px; }
  .site-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap: 5px; }
  .footer-directories { line-height: 1.9; }
}
@media(prefers-reduced-motion:reduce) { .footer-social a { transition: none; } }

@media(max-width:360px) {
  .growth-story-page .sticky-header .nav-inner { gap:4px; }
  .growth-story-page .sticky-header .logo { font-size:16px; }
  .growth-story-page .sticky-header .brand-symbol { width:26px; height:26px; }
  .growth-story-page .sticky-header .account-links .btn { width:76px; padding:8px 10px; font-size:11px; line-height:1.15; white-space:normal; }
}