.business-hero { min-height: 670px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 56px; align-items: center; padding-block: 60px 100px; }
.business-hero-copy { max-width: 630px; }
.business-hero-copy .eyebrow { margin-bottom: 24px; }
.business-hero-copy h1 { font-size: clamp(50px,6.2vw,86px); line-height: 1.02; }
.business-hero-copy h1 span { color: var(--green); }
.business-hero-copy .lead { max-width: 590px; margin-top: 27px; }
.business-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.business-caption { max-width: 500px; margin-top: 19px; color: var(--muted); font-size: 12px; }
.business-preview { overflow: hidden; min-width: 0; border: 1px solid #343d30; border-radius: 19px; background: #f2f4ec; box-shadow: 0 38px 90px #1f31222b; transform: rotate(1deg); }
.business-preview-bar { display: flex; align-items: center; gap: 6px; padding: 14px 17px; background: var(--dark); color: #c9d3c1; font-size: 10px; }
.business-preview-bar span { width: 7px; height: 7px; border-radius: 50%; background: #8d9789; }
.business-preview-bar span:first-child { background: var(--yellow); }
.business-preview-bar strong { margin-left: 11px; font-weight: 550; }
.business-preview-body { display: grid; grid-template-columns: 150px minmax(0,1fr); min-height: 385px; }
.business-preview-nav { display: grid; align-content: start; gap: 4px; padding: 25px 10px; background: #252a24; color: #d6ddcc; font-size: 10px; }
.business-preview-nav span { padding: 9px 8px; border-radius: 5px; }
.business-preview-nav .selected { color: var(--dark); background: var(--yellow); font-weight: 700; }
.business-preview-content { padding: 45px 24px; }
.business-preview-content small { color: var(--green); letter-spacing: .13em; font-weight: 700; }
.business-preview-content h2 { margin-top: 13px; font-size: clamp(22px,2.5vw,33px); }
.business-preview-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 30px; }
.business-preview-stats div { min-height: 90px; padding: 12px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.business-preview-stats span { display: block; font-size: 9px; color: var(--muted); }
.business-preview-stats strong { display: block; margin-top: 9px; font-size: 26px; }
.business-preview-lines { display: grid; gap: 12px; margin-top: 24px; }
.business-preview-lines span { height: 13px; border-radius: 6px; background: #e1e7d9; }
.business-preview-lines span:nth-child(2) { width: 80%; }
.business-preview-lines span:nth-child(3) { width: 58%; }
.business-section { padding-block: 100px; }
.business-section-soft { background: #eff2e9; }
.business-section-heading { max-width: 800px; }
.business-section-heading h2 { margin-top: 13px; }
.business-section-heading > p:last-child { max-width: 640px; margin-top: 20px; color: var(--muted); font-size: 17px; }
.business-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 48px; }
.business-features article { min-height: 210px; padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: 15px; }
.business-feature-number { display: block; margin-bottom: 20px; color: var(--green); font-size: 12px; font-weight: 700; }
.business-features h3 { font-size: 20px; }
.business-features p { margin-top: 13px; color: var(--muted); }
.business-flow { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.business-flow h2 { margin-top: 16px; }
.business-flow p:not(.eyebrow) { margin-top: 22px; color: var(--muted); font-size: 17px; }
.business-flow .button { margin-top: 28px; }
.business-flow ol { counter-reset: flow; margin: 0; padding: 0; list-style: none; }
.business-flow li { display: grid; grid-template-columns: 145px 1fr; gap: 20px; align-items: center; padding: 26px 0; border-bottom: 1px solid var(--line); }
.business-flow li::before { counter-increment: flow; content: '0' counter(flow); grid-column: 1 / -1; color: var(--green); font-size: 12px; font-weight: 700; }
.business-flow li strong { font-size: 18px; }
.business-flow li span { color: var(--muted); }
.business-section-dark { color: #f5f6ed; background: var(--dark); }
.business-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.business-section-dark .eyebrow { color: var(--yellow); }
.business-contact-grid h2 { margin-top: 15px; }
.business-contact-grid p:not(.eyebrow) { max-width: 530px; margin-top: 23px; color: #c1cbbd; font-size: 17px; }
.business-contact-links { display: grid; gap: 11px; align-content: center; }
.business-contact-links a { display: flex; justify-content: space-between; gap: 15px; padding: 19px 22px; color: #f4f6eb; border: 1px solid #697669; border-radius: 10px; text-decoration: none; }
.business-contact-links a:hover { border-color: var(--yellow); color: var(--yellow); }
.business-demo-pill { margin-left: auto; padding: 6px 10px; border-radius: 30px; background: #fff4d4; color: #584a12; font-size: 11px; font-weight: 650; }
.business-demo-note { margin-bottom: 24px; padding: 14px 18px; border: 1px solid #e7d599; border-radius: 10px; background: #fff8de; color: #4d431d; font-size: 13px; }
.business-demo .stat-card { text-decoration: none; }
.business-demo .stat-card:hover { border-color: #a3b391; }
.business-demo .page-heading > div { min-width: 0; }
.business-demo .page-heading p:not(.eyebrow) { max-width: 720px; }
.business-detail-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.business-detail-links a { padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; }
.business-detail-links a:hover { background: #eef2e4; }
.business-demo-toast { position: fixed; right: 20px; bottom: 20px; z-index: 80; max-width: min(380px,calc(100vw - 40px)); padding: 16px 20px; border-radius: 10px; color: #fff; background: #263b2b; box-shadow: var(--shadow); }
@media (max-width: 1000px) { .business-hero { gap: 28px; } .business-preview-body { grid-template-columns: 116px minmax(0,1fr); } .business-preview-content { padding: 30px 16px; } .business-features { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 800px) { .business-hero { grid-template-columns: 1fr; padding-block: 50px 80px; } .business-preview { transform: none; max-width: 700px; } .business-flow, .business-contact-grid { grid-template-columns: 1fr; gap: 35px; } .business-section { padding-block: 70px; } }
@media (max-width: 540px) { .business-hero-copy h1 { font-size: clamp(43px,12vw,60px); } .business-preview-body { grid-template-columns: 95px minmax(0,1fr); min-height: 300px; } .business-preview-nav { font-size: 8px; padding: 16px 5px; } .business-preview-content { padding: 30px 10px; } .business-preview-stats { gap: 4px; } .business-preview-stats div { padding: 7px; } .business-preview-stats span { font-size: 8px; } .business-preview-stats strong { font-size: 19px; } .business-features { grid-template-columns: 1fr; } .business-flow li { grid-template-columns: 1fr; gap: 5px; } .business-demo-pill { font-size: 9px; max-width: 150px; } .business-demo .page-heading .button { width: 100%; justify-content: center; } }