.conversion-page { --ink: #202322; --muted: #626761; --line: #dde2dd; }
.conversion-page .announce { background: #173e32; font-family: inherit; font-size: 12px; }
.conversion-page .announce a { color: #d9f1df; }
.conversion-page .brand { font-size: 21px; }
.conversion-page .button { gap: 20px; border-radius: 6px; background: #6236e8; box-shadow: none; font-weight: 600; }
.conversion-page .button:hover { background: #4a25bd; }
.conversion-page .button.secondary { background: #fff; border-color: #d0d6d0; color: var(--ink); }
.conversion-page .button.secondary:hover { background: #f5f7f5; }
.conversion-page .eyebrow { font: 600 12px/1.5 Inter, sans-serif; letter-spacing: 0; }
.conversion-page h2 { font-size: 38px; line-height: 1.16; font-weight: 600; }
.conversion-page h3 { font-size: 22px; line-height: 1.3; }
.pricing-page .pricing-card h2 { font-size: 30px; }
.pricing-page .pricing-card h3 { font-size: 15px; }
.revenue-hero { padding-block: 64px 44px; text-align: center; }
.revenue-hero h1 { margin: 0 auto 22px; font-size: 66px; line-height: 1.06; font-weight: 600; max-width: 980px; }
.revenue-hero h1 span { color: #316b4e; }
.hero-intro { font-size: 22px; color: var(--ink); margin-bottom: 8px; font-weight: 500; }
.hero-description { max-width: 700px; margin: 0 auto 24px; font-size: 17px; }
.hero-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.cta-note { font-size: 12px; margin: 14px 0 30px; }
.hero-assurances { display: flex; justify-content: center; gap: 36px; list-style: none; padding: 0; margin: 0; color: #43554a; font-size: 13px; font-weight: 500; }
.hero-assurances li::before { content: "\2713"; margin-right: 8px; color: #316b4e; }
.opportunity-band { border-block: 1px solid var(--line); padding-block: 66px; background: #fff; }
.section-lead { max-width: 770px; margin-bottom: 36px; }
.section-lead > p:last-child { max-width: 660px; margin-bottom: 0; }
.industry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.industry-grid article { padding-top: 26px; border-top: 2px solid #316b4e; }
.industry-grid article + article { border-color: #b36938; }
.industry-label { display: block; font-size: 12px; font-weight: 600; color: #316b4e; margin-bottom: 16px; text-transform: uppercase; }
.industry-grid article + article .industry-label { color: #985326; }
.industry-grid ul { list-style: none; padding: 0; margin: 22px 0; }
.industry-grid li { padding: 10px 0; border-bottom: 1px solid var(--line); color: #454d47; font-size: 15px; line-height: 1.5; }
.conversion-page .text-link { color: #4d2ab9; display: inline-block; padding-block: 10px; }
.content-section { padding-block: 80px; }
.scenario-tabs { display: flex; gap: 6px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.scenario-tabs button { font: 500 14px/1.4 Inter, sans-serif; min-height: 44px; border: 1px solid transparent; color: #59615b; padding: 10px 18px; background: transparent; border-radius: 4px; cursor: pointer; }
.scenario-tabs button[aria-selected="true"] { background: #eaf2ed; color: #245c42; border-color: #bfd6c7; }
.scenario-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-top: 34px; }
.sample-label { font-size: 12px; color: #76786e; margin-bottom: 24px; }
.scenario-context h3 { font-size: 26px; }
.scenario-context > p { max-width: 480px; }
.scenario-steps { list-style: none; padding: 0; margin: 26px 0 0; }
.scenario-steps li { display: flex; gap: 20px; padding: 16px 0; border-top: 1px solid var(--line); }
.scenario-steps li > span { color: #6a8172; font: 12px/1.8 var(--mono); }
.scenario-steps strong { font-size: 14px; }
.scenario-steps p { font-size: 13px; margin: 6px 0 0; }
.conversation-example { border: 1px solid #d8dfd9; border-radius: 8px; background: #fcfdfc; align-self: start; }
.conversation-heading { display: flex; align-items: center; gap: 12px; padding: 20px; border-bottom: 1px solid var(--line); }
.conversation-heading strong { display: block; font-size: 14px; }
.conversation-heading div > span { display: block; font-size: 11px; margin-top: 4px; color: #757b74; }
.example-badge { font-size: 10px; text-transform: uppercase; color: #717970; margin-left: auto; }
.conversation-messages { min-height: 430px; padding: 24px; display: flex; flex-direction: column; gap: 20px; }
.message { max-width: 92%; padding-left: 14px; border-left: 2px solid #d6ded7; }
.message > span { display: block; font-size: 10px; text-transform: uppercase; color: #6e746e; font-weight: 600; margin-bottom: 6px; }
.message p { font-size: 14px; line-height: 1.6; margin: 0; color: #404942; }
.message.customer { margin-left: 25px; border-left-color: #d9c5ab; }
.message.specialist { border-left-color: #6236e8; }
.message.specialist > span { color: #6236e8; }
.conversation-outcome { padding: 18px 24px; border-top: 1px solid var(--line); background: #eef5ef; border-radius: 0 0 8px 8px; }
.conversation-outcome span { display: block; text-transform: uppercase; font-size: 10px; color: #51715b; margin-bottom: 6px; }
.conversation-outcome strong { font-size: 13px; line-height: 1.5; display: block; color: #245c42; }
.managed-band { padding-block: 72px; background: #172c24; color: #fff; }
.managed-band .eyebrow, .managed-band .step-label { color: #b7dbc3; }
.managed-band p { color: #c0cec5; }
.operation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; margin: 42px 0 24px; }
.operation-grid article { border-top: 1px solid #426052; padding-top: 24px; }
.operation-grid h3 { font-size: 20px; }
.operation-grid p { font-size: 15px; }
.managed-band .button { background: #fff; color: #233f30; border: 0; }
.managed-band .button:hover { background: #dcf0e1; }
.people-section { padding-top: 72px; }
.people-intro { margin-bottom: 34px; }
.people-image { margin: 0; position: relative; }
.people-image img { width: 100%; display: block; height: 390px; object-fit: cover; object-position: center 37%; }
.people-image figcaption { background: #fff; color: #70766f; padding: 10px 32px; text-align: right; font-size: 11px; }
.responsibility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-block: 30px 64px; border-bottom: 1px solid var(--line); }
.responsibility-grid p { margin-bottom: 0; }
.reporting-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; list-style: none; padding: 0; margin: 40px 0 26px; }
.reporting-flow li { padding-top: 18px; border-top: 2px solid #b5c6ba; }
.reporting-flow li:last-child { border-color: #6236e8; }
.reporting-flow span { color: #738579; font: 12px/1.5 var(--mono); }
.reporting-flow h3 { margin-block: 18px 8px; }
.reporting-flow p { font-size: 14px; margin: 0; }
.reporting-note { font-size: 12px; }
.pilot-band { padding-block: 64px; background: #f3f6f3; border-block: 1px solid var(--line); }
.pilot-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.pilot-layout p { max-width: 530px; }
.revenue-contact { background: #fff; border-top: 2px solid #316b4e; }
.contact-steps { list-style: none; padding: 0; margin: 28px 0; }
.contact-steps li { padding: 14px 0; border-top: 1px solid var(--line); }
.contact-steps strong { display: block; font-size: 14px; margin-bottom: 4px; }
.contact-steps span { color: var(--muted); font-size: 13px; line-height: 1.6; }
.contact-fit { font-size: 13px; color: #526955; }
.conversion-page footer { background: #172c24; }
@media (min-width: 1500px) { .revenue-hero { padding-block: 74px 48px; } }
@media (max-width: 1060px) { .scenario-layout { gap: 30px; } .industry-grid, .responsibility-grid { gap: 34px; } .operation-grid { gap: 24px; } .pilot-layout { gap: 40px; } }
@media (max-width: 800px) { .revenue-hero h1 { font-size: 52px; } .scenario-layout, .pilot-layout { grid-template-columns: 1fr; } .operation-grid { grid-template-columns: 1fr; gap: 12px; } .operation-grid article { padding-top: 18px; } .operation-grid .step-label { margin-bottom: 12px; } .reporting-flow { grid-template-columns: 1fr 1fr; } .conversation-messages { min-height: 0; } .scenario-context > p { max-width: none; } }
@media (max-width: 600px) { .conversion-page .page-width { width: calc(100% - 32px); } .conversion-page .brand { font-size: 18px; } .conversion-page .announce { padding-block: 8px; align-items: center; text-align: center; font-size: 11px; } .conversion-page .announce a { display: none; } .revenue-hero { padding-block: 36px 30px; } .revenue-hero h1 { font-size: 40px; line-height: 1.12; margin-bottom: 18px; } .hero-intro { font-size: 18px; } .hero-description { font-size: 15px; line-height: 1.6; margin-bottom: 22px; } .hero-actions { flex-direction: column; gap: 10px; } .hero-actions .button { width: 100%; } .cta-note { font-size: 11px; margin-bottom: 20px; } .hero-assurances { flex-wrap: wrap; gap: 8px 16px; font-size: 11px; } .conversion-page h2 { font-size: 29px; } .conversion-page h3 { font-size: 21px; } .industry-grid, .responsibility-grid { grid-template-columns: 1fr; gap: 32px; } .content-section { padding-block: 52px; } .opportunity-band, .managed-band, .pilot-band { padding-block: 48px; } .section-lead { margin-bottom: 28px; } .section-lead > p { font-size: 15px; } .industry-grid article { padding-top: 20px; } .scenario-tabs { gap: 4px; } .scenario-tabs button { flex: 1; padding: 9px 5px; font-size: 12px; } .scenario-layout { padding-top: 24px; gap: 24px; } .scenario-context h3 { font-size: 24px; } .sample-label { margin-bottom: 18px; font-size: 11px; } .conversation-heading { padding: 16px 12px; gap: 8px; } .conversation-heading strong { font-size: 13px; } .conversation-messages { padding: 20px 16px; } .message { max-width: 100%; } .message p { font-size: 13px; } .message.customer { margin-left: 14px; } .conversation-outcome { padding: 16px; } .people-section { padding-top: 48px; } .people-image img { height: auto; aspect-ratio: 16 / 10; } .people-image figcaption { font-size: 10px; padding-inline: 16px; } .responsibility-grid { padding-block: 24px 48px; } .reporting-flow { gap: 24px; } .reporting-flow h3 { font-size: 21px; } .pilot-layout { gap: 24px; } }
@media (max-width: 360px) { .revenue-hero h1 { font-size: 34px; } .conversion-page .brand { font-size: 16px; } .hero-assurances { gap: 8px 12px; } .conversation-heading .brand-mark { display: none; } }