.business-hero { padding: clamp(36px, 4vw, 58px) 0 42px; background: radial-gradient(ellipse 46% 70% at 82% 36%, rgba(37, 99, 235, .13), transparent 75%), linear-gradient(180deg, #f5f9ff, #fff 90%); }
.business-hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.business-intro { min-width: 0; }
.business-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 19px; padding: 9px 13px; border: 1px solid #d7e6ff; border-radius: 999px; background: #eaf2ff; color: var(--app-primary-dark); font-size: .72rem; font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.business-eyebrow::before { content: ""; width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--app-primary); box-shadow: 0 0 0 4px rgba(37, 99, 235, .12); }
.business-intro h1 { max-width: 12em; margin: 0 0 21px; color: var(--app-ink); font: 700 clamp(2.45rem, 4.2vw, 4rem)/1.06 var(--font-display); letter-spacing: -.048em; }
.business-intro h1 span { display: block; color: var(--app-primary); }
.business-intro p { max-width: 34em; margin: 0 0 27px; color: #46566d; font-size: clamp(1.02rem, 1.28vw, 1.2rem); line-height: 1.58; }
.business-primary { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; gap: 11px; padding-inline: 25px; border-radius: 12px; box-shadow: 0 14px 28px rgba(37, 99, 235, .22); font-size: 1rem; font-weight: 700; }
.business-primary svg,
.business-contact-button svg { display: block; width: 22px; height: 22px; flex: none; }
.business-full-link { display: flex; width: fit-content; align-items: center; gap: 7px; margin-top: 18px; color: var(--app-primary-dark); font-size: .94rem; font-weight: 700; text-decoration: none; }
.business-full-link span { transition: transform .18s ease; }
.business-full-link:hover span { transform: translateX(4px); }
.business-full-link:hover { text-decoration: underline; }
.business-full-link:focus-visible { outline: 3px solid var(--app-primary); outline-offset: 4px; border-radius: 3px; }

.business-demo { min-width: 0; overflow: hidden; border: 5px solid #fff; border-radius: 24px; outline: 1px solid #dce6f5; background: #fff; box-shadow: 0 34px 70px rgba(18, 48, 102, .17), 0 8px 24px rgba(18, 48, 102, .06); }
.business-demo-stage { position: relative; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; background: #dfe5e8; }
.business-demo-stage img,
.business-demo-stage canvas { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 65%; }
.business-demo-hint { margin: 0; padding: 13px 18px 0; color: #53657d; font-size: .82rem; line-height: 1.35; }
.business-demo-choices { display: flex; gap: 9px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 11px 18px 15px; scrollbar-width: thin; }
.business-demo-choice { display: flex; height: 78px; flex: 1 0 70px; min-width: 70px; max-width: 100px; align-items: center; justify-content: center; padding: 6px; border: 2px solid transparent; border-radius: 12px; background: #f4f7fb; color: #334155; cursor: pointer; transition: border-color .15s, background .15s; }
.business-demo-choice img { display: block; width: 64px; height: 64px; max-width: 100%; object-fit: contain; }
.business-demo-choice[aria-pressed="true"] { border-color: var(--app-primary); background: var(--app-primary-soft); }
.business-demo-choice:hover { border-color: #93b5ff; }
.business-demo-choice:focus-visible { outline: 3px solid #0f172a; outline-offset: 2px; }
.business-demo-choice:disabled { cursor: not-allowed; opacity: .6; }
.business-demo-fallback { margin: 0; padding: 0 18px 16px; color: #475569; font-size: .86rem; }
.business-demo-fallback a { color: var(--app-primary-dark); font-weight: 700; }

.business-offer h2 { margin: 0; color: var(--app-ink); font: 700 clamp(1.9rem, 3vw, 2.65rem)/1.13 var(--font-display); letter-spacing: -.038em; }
.business-section-eyebrow { display: block; margin-bottom: 11px; color: var(--app-primary-dark); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.business-offer { padding: 32px 0 50px; background: #fff; }
.business-offer-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 5vw, 80px); padding: 29px 36px; border-left: 4px solid var(--app-primary); border-radius: 0 16px 16px 0; background: #f5f9ff; }
.business-offer .business-section-eyebrow { grid-column: 1 / -1; }
.business-offer h2 { grid-column: 1; }
.business-offer p { grid-column: 2; align-self: center; margin: 0; color: #46566d; font-size: 1.08rem; line-height: 1.55; }

.business-contact { padding: 0 0 55px; background: #fff; }
.business-contact-inner { position: relative; display: flex; min-height: 200px; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; padding: 32px 40px 32px 190px; border-radius: 24px; background: radial-gradient(circle at 8% 55%, rgba(53, 121, 255, .36), transparent 38%), linear-gradient(115deg, #101d3a, #173b7b); box-shadow: 0 26px 50px rgba(9, 28, 68, .15); }
.business-contact-wheel { position: absolute; top: 50%; left: -48px; width: 235px; height: 235px; object-fit: contain; opacity: .85; transform: translateY(-50%) rotate(-13deg); pointer-events: none; }
.business-contact-inner > div,
.business-contact .btn { position: relative; z-index: 1; }
.business-contact .business-section-eyebrow { color: #a8c7ff; }
.business-contact h2 { max-width: 18em; margin: 0; color: #fff; font: 700 clamp(1.9rem, 2.6vw, 2.5rem)/1.14 var(--font-display); letter-spacing: -.035em; }
.business-contact p { max-width: 42em; margin: 12px 0 0; color: #cedcf3; line-height: 1.5; }
.business-contact-button { display: inline-flex; min-height: 54px; flex: none; align-items: center; justify-content: center; gap: 10px; padding-inline: 23px; border-radius: 11px; box-shadow: 0 14px 26px rgba(0, 0, 0, .18); font-weight: 700; white-space: nowrap; }
.business-contact-button:focus-visible,
.business-primary:focus-visible { outline: 3px solid #0f172a; outline-offset: 3px; }

@media (max-width: 991.98px) {
    .business-hero-grid { grid-template-columns: 1fr; }
    .business-intro h1 { max-width: 15em; }
    .business-demo { width: 100%; max-width: 780px; }
    .business-contact-inner { padding-left: 165px; }
    .business-contact-wheel { width: 205px; height: 205px; }
}

@media (max-width: 767.98px) {
    .business-offer-inner { display: block; }
    .business-offer h2 { margin-bottom: 14px; }
    .business-contact-inner { align-items: stretch; flex-direction: column; gap: 22px; padding: 30px 34px 30px 145px; }
    .business-contact-button { align-self: flex-start; }
}

@media (max-width: 575.98px) {
    .business-hero { padding: 29px 0 28px; }
    .business-eyebrow { max-width: 100%; margin-bottom: 17px; font-size: .65rem; }
    .business-intro h1 { margin-bottom: 17px; font-size: clamp(2.12rem, 10vw, 2.8rem); }
    .business-intro p { margin-bottom: 22px; font-size: .99rem; }
    .business-primary { width: 100%; }
    .business-demo { border-radius: 16px; }
    .business-demo-hint { padding: 12px 11px 0; font-size: .78rem; }
    .business-demo-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow-x: visible; padding: 10px 11px 12px; gap: 8px; }
    .business-demo-choice { width: 100%; height: 72px; min-width: 0; max-width: none; }
    .business-demo-fallback { padding-inline: 14px; }
    .business-offer { padding: 28px 0 42px; }
    .business-offer-inner { padding: 23px 22px; }
    .business-offer .business-section-eyebrow { line-height: 1.4; }
    .business-offer p { font-size: 1rem; }
    .business-contact { padding-bottom: 45px; }
    .business-contact-inner { width: calc(100% - 32px); padding: 28px 24px; }
    .business-contact-wheel { top: auto; bottom: -64px; left: -68px; width: 174px; height: 174px; opacity: .22; transform: rotate(-13deg); }
    .business-contact h2 { font-size: clamp(1.8rem, 8vw, 2.25rem); }
    .business-contact .btn { width: 100%; }
}