.growth-page { --catalog-ink: #1b211d; }
.growth-page .site-header { position: sticky; }
.growth-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 7%; min-height: 570px; padding: 68px 0 84px; border-bottom: 1px solid var(--line); }
.growth-hero h1 { margin: 0 0 23px; font-size: clamp(58px, 7.3vw, 94px); line-height: .91; letter-spacing: -.055em; }
.growth-hero h1 em, .catalog-heading h2 em, .how-section h2 em { color: #6e963d; font-style: normal; }
.growth-hero-lede { max-width: 470px; margin: 0 0 26px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.growth-hero-copy .button { width: 185px; }
.hero-note { margin: 17px 0 0; color: var(--muted); font-size: 11px; }
.growth-hero-art { position: relative; display: grid; place-items: center; min-height: 390px; overflow: hidden; border: 1px solid var(--ink); background: #d9e7d0; }
.growth-art-orbit { position: absolute; width: 76%; height: 72%; border: 1px solid rgba(27,33,29,.28); border-radius: 50%; transform: rotate(-28deg); }
.growth-art-orbit:before, .growth-art-orbit:after { position: absolute; inset: 14px -24px; border: 1px solid rgba(27,33,29,.2); border-radius: 50%; content: ''; transform: rotate(55deg); }
.growth-art-orbit:after { inset: -18px 28px; transform: rotate(-40deg); }
.growth-art-profile { position: relative; display: flex; flex-direction: column; align-items: center; width: 225px; padding: 24px 20px 19px; border: 1px solid var(--ink); background: #f3f0e8; box-shadow: 7px 7px 0 var(--ink); transform: rotate(-5deg); }
.profile-avatar { display: grid; place-items: center; width: 75px; height: 75px; margin-bottom: 13px; border: 1px solid var(--ink); border-radius: 50%; color: var(--paper); background: var(--ink); font-size: 48px; }
.growth-art-profile strong { font-size: 16px; }.growth-art-profile small { margin-top: 4px; color: var(--muted); font: 10px 'DM Mono', monospace; text-transform: uppercase; }
.profile-followers { width: 100%; margin-top: 17px; padding: 9px; background: var(--lime); text-align: center; font-size: 10px; font-weight: 700; }
.growth-art-sticker { position: absolute; right: 7%; bottom: 12%; display: grid; place-items: center; width: 104px; height: 104px; border-radius: 50%; color: white; background: #ef684c; text-align: center; font-size: 12px; font-weight: 700; line-height: 1.1; transform: rotate(11deg); }
.growth-art-spark { position: absolute; font-size: 26px; }.spark-one { top: 14%; left: 13%; }.spark-two { top: 19%; right: 18%; color: #ef684c; }
.catalog-section { padding: 95px 0 110px; border-bottom: 1px solid var(--line); }
.catalog-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 38px; }
.catalog-heading .kicker { margin-bottom: 14px; }.catalog-heading h2, .how-section h2 { margin: 0; font-size: 54px; line-height: .98; }
.catalog-heading > p { max-width: 420px; margin: 0 0 3px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.platform-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.platform-filter { padding: 9px 12px; border: 1px solid var(--line); background: transparent; cursor: pointer; font-size: 11px; font-weight: 600; }
.platform-filter:hover, .platform-filter.active { border-color: var(--ink); color: var(--paper); background: var(--ink); }
.catalog-search { display: flex; gap: 8px; }
.catalog-search input, .catalog-search select { min-height: 38px; padding: 8px 10px; border: 1px solid var(--line); background: transparent; font-size: 11px; }
.catalog-search input { width: 180px; }.catalog-search select { max-width: 170px; }
.catalog-result-count { margin: 18px 0; color: var(--muted); font: 10px 'DM Mono', monospace; text-transform: uppercase; }
.catalog-layout { display: grid; grid-template-columns: minmax(0, 1fr) 275px; align-items: start; gap: 22px; }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.service-card { display: flex; flex-direction: column; min-height: 260px; padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.25); }
.service-card[hidden] { display: none; }
.service-card-top { display: flex; justify-content: space-between; gap: 8px; }
.service-platform, .service-id { color: var(--muted); font: 9px 'DM Mono', monospace; text-transform: uppercase; }
.service-platform { color: #6e963d; }.service-id { white-space: nowrap; }
.service-category { margin: 18px 0 6px; color: var(--muted); font: 9px 'DM Mono', monospace; text-transform: uppercase; }
.service-card h3 { min-height: 48px; margin: 0 0 12px; font-size: 14px; line-height: 1.45; font-weight: 600; }
.service-rate { margin-bottom: 13px; font-size: 19px; font-weight: 700; }.service-rate span { color: var(--muted); font-size: 10px; font-weight: 400; }
.service-details { display: flex; gap: 20px; margin: auto 0 14px; padding-top: 11px; border-top: 1px solid var(--line); }
.service-details div { min-width: 0; }.service-details dt { margin-bottom: 4px; color: var(--muted); font: 8px 'DM Mono', monospace; text-transform: uppercase; }.service-details dd { margin: 0; font-size: 10px; }
.service-select { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0 0; border: 0; border-top: 1px solid var(--line); background: none; cursor: pointer; text-align: left; font-size: 10px; font-weight: 700; }.service-select:hover { color: #6e963d; }
.request-panel { position: sticky; top: 102px; padding: 20px; border: 1px solid var(--ink); background: var(--lime); }
.request-panel .kicker { margin-bottom: 12px; }.request-panel h3 { margin: 0 0 7px; font-size: 20px; }
.request-hint { margin: 0 0 18px; color: #4e5947; font-size: 11px; line-height: 1.5; }
.request-panel label { display: block; margin-top: 13px; font: 9px 'DM Mono', monospace; text-transform: uppercase; }
.request-panel label input { display: block; width: 100%; min-height: 39px; margin-top: 6px; padding: 9px; border: 1px solid rgba(27,33,29,.4); border-radius: 0; background: rgba(255,255,255,.55); font: 11px 'Space Grotesk', sans-serif; text-transform: none; }
.request-panel label input:disabled { opacity: .6; }
.request-estimate { display: flex; justify-content: space-between; gap: 10px; margin: 17px 0; padding-top: 12px; border-top: 1px solid rgba(27,33,29,.3); font-size: 10px; }.request-estimate strong { font-size: 15px; }
.request-submit { width: 100%; justify-content: space-between; }.request-submit:disabled { opacity: .5; cursor: not-allowed; }.request-message { min-height: 14px; margin: 9px 0 0; font-size: 10px; line-height: 1.4; }
.request-disclaimer { margin: 15px 0 0; color: #4e5947; font-size: 9px; line-height: 1.5; }
.catalog-empty { padding: 35px 20px; border: 1px dashed var(--line); color: var(--muted); text-align: center; font-size: 13px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.how-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9%; padding: 95px 0; }
.how-section .kicker { margin-bottom: 17px; }.how-steps { padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.how-steps li { display: grid; grid-template-columns: 45px 1fr; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--line); }.how-steps li > span { color: #ef684c; font: 10px 'DM Mono', monospace; }
.how-steps h3 { margin: 0 0 5px; font-size: 15px; }.how-steps p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.growth-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 25px 0 34px; border-top: 1px solid var(--line); }
.growth-footer .brand { white-space: nowrap; }.growth-footer p { margin: 0; font-size: 11px; }.growth-footer p a { font-weight: 700; text-underline-offset: 3px; }.growth-footer small { max-width: 330px; color: var(--muted); font-size: 9px; line-height: 1.5; text-align: right; }
@media (max-width: 900px) { .growth-hero { gap: 30px; min-height: 500px; }.growth-hero-art { min-height: 330px; }.catalog-layout { grid-template-columns: minmax(0, 1fr) 240px; gap: 14px; }.service-grid { gap: 9px; }.service-card { padding: 14px; }.service-details { gap: 10px; }.catalog-toolbar { align-items: flex-start; flex-direction: column; }.catalog-search { width: 100%; }.catalog-search input { flex: 1; }.catalog-search select { max-width: none; }.how-section { gap: 5%; } }
@media (max-width: 640px) { .growth-hero { display: block; padding: 62px 0 65px; }.growth-hero h1 { font-size: 68px; }.growth-hero-art { min-height: 310px; margin-top: 48px; }.growth-art-profile { transform: scale(.9) rotate(-5deg); }.catalog-section { padding: 70px 0; }.catalog-heading { display: block; }.catalog-heading h2, .how-section h2 { font-size: 43px; }.catalog-heading > p { margin-top: 20px; }.platform-filters { flex-wrap: nowrap; width: 100%; padding-bottom: 4px; overflow-x: auto; }.platform-filter { flex: 0 0 auto; }.catalog-search { flex-direction: column; }.catalog-search input, .catalog-search select { width: 100%; }.catalog-layout { display: flex; flex-direction: column; }.service-grid { grid-template-columns: 1fr; width: 100%; }.service-card { min-height: 240px; }.service-card h3 { min-height: auto; }.request-panel { position: static; order: -1; width: 100%; }.how-section { display: block; padding: 70px 0; }.how-steps { margin-top: 30px; }.growth-footer { align-items: flex-start; flex-direction: column; gap: 13px; }.growth-footer small { text-align: left; } }