.saicall-home {
    --saicall-ink: #14233b;
    --saicall-muted: #62718a;
    --saicall-blue: #1769e0;
    --saicall-blue-dark: #0d4fb5;
    --saicall-cyan: #dff3ff;
    --saicall-line: #e2eaf3;
    --saicall-soft: #f4f8fc;
    color: var(--saicall-ink);
    font-family: inherit;
    line-height: 1.6;
    overflow: hidden;
}

.saicall-home *,
.saicall-home *::before,
.saicall-home *::after { box-sizing: border-box; }

.saicall-home h1,
.saicall-home h2,
.saicall-home h3,
.saicall-home p { margin-top: 0; }

.saicall-home h1,
.saicall-home h2,
.saicall-home h3 { color: inherit; font-family: inherit; letter-spacing: -0.035em; }

.saicall-wrap { width: min(1200px, calc(100% - 32px)); margin: 0 auto; }

.saicall-hero {
    position: relative;
    padding: 52px 0 48px;
    background: radial-gradient(circle at 88% 8%, rgba(108, 194, 255, .23), transparent 30%), linear-gradient(135deg, #f5faff 0%, #edf6ff 58%, #e5f2ff 100%);
}

.saicall-hero::before { position: absolute; right: -70px; bottom: -190px; width: 360px; height: 360px; border: 1px solid rgba(23, 105, 224, .1); border-radius: 50%; content: ""; }
.saicall-hero-grid { position: relative; display: grid; gap: 34px; align-items: center; }
.saicall-hero-copy { max-width: 680px; }
.saicall-eyebrow, .saicall-kicker { margin-bottom: 12px; color: var(--saicall-blue); font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.saicall-eyebrow { display: flex; align-items: center; gap: 9px; }
.saicall-eyebrow-mark { width: 8px; height: 8px; border-radius: 50%; background: #24a2de; box-shadow: 0 0 0 5px rgba(36, 162, 222, .12); }
.saicall-hero h1 { margin-bottom: 18px; font-size: clamp(34px, 8vw, 58px); font-weight: 900; line-height: 1.2; }
.saicall-hero h1 span { color: var(--saicall-blue); }
.saicall-hero-lead { max-width: 620px; margin-bottom: 23px; color: #52647e; font-size: 16px; line-height: 1.8; }
.saicall-hero-actions { display: flex; flex-direction: column; gap: 10px; }
.saicall-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 14px; padding: 12px 20px; font: inherit; font-size: 15px; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.saicall-button span { font-size: 19px; line-height: 1; }
.saicall-button-primary { color: #fff; background: var(--saicall-blue); box-shadow: 0 9px 24px rgba(23, 105, 224, .2); }
.saicall-button-primary:disabled, .saicall-button-light:disabled, .saicall-button-outline:disabled { cursor: not-allowed; opacity: .78; }
.saicall-button-secondary { border-color: #cfdae8; color: var(--saicall-ink); background: rgba(255, 255, 255, .72); }
.saicall-feature-status { max-width: 590px; margin: 14px 0 0; border-left: 3px solid #f0a42a; padding: 3px 0 3px 12px; color: #52647e; font-size: 12px; line-height: 1.7; }
.saicall-feature-status strong { color: #8a5500; }

.saicall-preview { border: 1px solid rgba(208, 223, 241, .95); border-radius: 22px; padding: 21px; background: rgba(255, 255, 255, .92); box-shadow: 0 24px 65px rgba(32, 71, 116, .12); }
.saicall-preview-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 17px; }
.saicall-preview-label { color: #71829a; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.saicall-preview-status { display: inline-flex; align-items: center; gap: 7px; border-radius: 99px; padding: 5px 9px; color: #42627d; background: #f0f6fb; font-size: 10px; font-weight: 800; }
.saicall-preview-status i { width: 7px; height: 7px; border-radius: 50%; background: #20a4bf; }
.saicall-preview h2 { margin-bottom: 14px; font-size: 23px; font-weight: 900; line-height: 1.32; }
.saicall-preview-list { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.saicall-preview-list li { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; min-height: 48px; border-bottom: 1px solid #edf1f6; font-size: 12px; }
.saicall-preview-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: var(--saicall-blue); background: #edf5ff; font-size: 9px; font-weight: 900; }
.saicall-preview-list li > span:nth-child(2) { font-weight: 750; }
.saicall-preview-list strong { color: #74839a; font-size: 10px; font-weight: 750; }
.saicall-preview-summary { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 17px; border-radius: 12px; padding: 12px; color: #36506f; background: #f3f8ff; font-size: 11px; font-weight: 800; }
.saicall-preview-summary b { color: #91a4bc; }
.saicall-preview-summary strong { color: var(--saicall-blue); }
.saicall-preview-note { margin: 11px 0 0; color: #78879c; font-size: 10px; text-align: right; }

.saicall-section { padding: 56px 0; }
.saicall-section-tint { background: var(--saicall-soft); }
.saicall-section-dark { color: #fff; background: #13243b; }
.saicall-section-heading { max-width: 720px; margin: 0 auto 26px; text-align: center; }
.saicall-section-heading h2 { margin-bottom: 10px; font-size: clamp(26px, 5vw, 36px); font-weight: 900; line-height: 1.25; }
.saicall-section-heading > p:last-child { margin-bottom: 0; color: var(--saicall-muted); font-size: 14px; line-height: 1.75; }
.saicall-section-heading-invert h2 { color: #fff; }
.saicall-section-heading-invert > p:last-child { color: #b7c6d9; }
.saicall-section-heading-left { margin-right: 0; margin-left: 0; text-align: left; }
.saicall-grid { display: grid; gap: 12px; }
.saicall-info-card, .saicall-feature-card, .saicall-audience-card { min-width: 0; border: 1px solid var(--saicall-line); border-radius: 17px; padding: 19px; background: #fff; }
.saicall-card-number { display: inline-grid; width: 36px; height: 36px; place-items: center; margin-bottom: 17px; border-radius: 11px; color: var(--saicall-blue); background: #eef5ff; font-size: 11px; font-weight: 900; }
.saicall-info-card h3, .saicall-feature-card h3, .saicall-audience-card h3 { margin-bottom: 7px; font-size: 17px; font-weight: 850; }
.saicall-info-card p, .saicall-feature-card p, .saicall-audience-card p { margin-bottom: 0; color: var(--saicall-muted); font-size: 13px; line-height: 1.7; }

.saicall-check-layout { display: grid; gap: 22px; }
.saicall-check-emphasis { margin: 18px 0 0; border-left: 3px solid var(--saicall-blue); padding: 2px 0 2px 14px; color: var(--saicall-ink) !important; font-size: 16px !important; font-weight: 900; }
.saicall-check-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.saicall-check-list li { display: flex; min-height: 64px; align-items: center; gap: 12px; border: 1px solid var(--saicall-line); border-radius: 13px; padding: 10px 13px; background: #fff; }
.saicall-check-list li > span { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 10px; color: var(--saicall-blue); background: #edf5ff; font-size: 10px; font-weight: 900; }
.saicall-check-list li div { display: grid; gap: 1px; min-width: 0; }
.saicall-check-list li strong { font-size: 13px; }
.saicall-check-list li small { color: var(--saicall-muted); font-size: 11px; }
.saicall-check-list li i { margin-left: auto; color: var(--saicall-blue); font-style: normal; font-weight: 900; }
.saicall-check-flow { display: flex; align-items: center; justify-content: space-between; gap: 5px; border: 1px solid #d8e7f9; border-radius: 14px; padding: 13px; color: #405979; background: #eaf4ff; font-size: 12px; }
.saicall-check-flow span { color: #91a6c1; }
.saicall-check-flow strong:last-child { color: var(--saicall-blue); }

.saicall-how-grid { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.saicall-how-grid li { display: grid; min-height: 82px; align-content: center; gap: 5px; border: 1px solid var(--saicall-line); border-radius: 14px; padding: 14px; background: #fff; }
.saicall-how-grid li span { color: var(--saicall-blue); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.saicall-how-grid li strong { font-size: 14px; line-height: 1.45; }

.saicall-algorithm-grid { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.saicall-algorithm-grid li { display: flex; min-height: 48px; align-items: center; gap: 11px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px; padding: 9px 12px; color: #eaf2fb; background: rgba(255, 255, 255, .055); font-size: 12px; font-weight: 750; }
.saicall-algorithm-grid li span { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; border-radius: 8px; color: #a9d6ff; background: rgba(77, 160, 235, .17); font-size: 9px; font-weight: 900; }

.saicall-feature-card { padding: 17px; }
.saicall-feature-card > span { display: grid; width: 32px; height: 32px; place-items: center; margin-bottom: 15px; border-radius: 50%; color: #fff; background: var(--saicall-blue); font-size: 11px; font-weight: 900; }
.saicall-audience-card { padding: 22px; }
.saicall-audience-icon { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 15px; border-radius: 13px; color: var(--saicall-blue); background: #edf5ff; font-size: 11px; font-weight: 900; }

.saicall-benefit-layout { display: grid; gap: 22px; align-items: center; }
.saicall-benefit-flow { border: 1px solid var(--saicall-line); border-radius: 18px; padding: 18px; background: #fff; box-shadow: 0 14px 35px rgba(28, 58, 95, .06); }
.saicall-benefit-flow > div:first-child { display: grid; gap: 8px; }
.saicall-benefit-flow > div:first-child > span { color: var(--saicall-blue); font-size: 11px; font-weight: 900; }
.saicall-benefit-flow > div:first-child strong { border-radius: 10px; padding: 10px 12px; background: #f4f8fc; font-size: 12px; }
.saicall-benefit-flow > div:first-child strong:nth-of-type(2) { color: var(--saicall-blue-dark); background: #edf5ff; }
.saicall-benefit-arrow { display: block; margin: 9px 0; color: #92a5bd; text-align: center; }
.saicall-benefit-steps { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; border-radius: 11px; padding: 12px 8px; color: #3e5675; background: #eef4fa; font-size: 10px; font-weight: 800; }
.saicall-benefit-steps b { color: #96a9bf; }
.saicall-benefit-flow > p { margin: 12px 0 0; color: var(--saicall-muted); font-size: 11px; line-height: 1.7; }

.saicall-status-grid { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.saicall-status-grid li { display: flex; min-height: 54px; align-items: center; gap: 10px; border: 1px solid #dfe7f0; border-radius: 12px; padding: 10px 12px; background: #fff; }
.saicall-status-dot { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border: 1px solid #cbd7e5; border-radius: 50%; color: #5c6f88; background: #f8fafc; font-size: 10px; font-weight: 900; }
.saicall-status-grid strong { font-size: 12px; }
.saicall-status-caption { margin: 12px 0 0; color: var(--saicall-muted); font-size: 11px; text-align: center; }
.saicall-status-caption span { color: #7589a3; }

.saicall-final-cta { padding: 38px 0; color: #fff; background: linear-gradient(115deg, #155bbf, #1679d7); }
.saicall-final-inner { display: grid; gap: 22px; align-items: center; }
.saicall-final-cta .saicall-kicker { color: #b9defe; }
.saicall-final-cta h2 { margin-bottom: 7px; color: #fff; font-size: clamp(26px, 5vw, 34px); font-weight: 900; line-height: 1.25; }
.saicall-final-cta p:not(.saicall-kicker) { margin-bottom: 0; color: #dbeeff; font-size: 14px; }
.saicall-final-actions { display: grid; gap: 9px; }
.saicall-button-light { color: var(--saicall-blue-dark); background: #fff; }
.saicall-button-outline { border-color: rgba(255, 255, 255, .62); color: #fff; background: transparent; }
.saicall-button-outline:disabled { color: #fff; }
.saicall-final-actions small { color: #d5eaff; font-size: 10px; text-align: center; }

.saicall-home a:focus-visible,
.saicall-home button:focus-visible { outline: 3px solid #083f8a; outline-offset: 3px; }

@media (min-width: 768px) {
    .saicall-wrap { width: min(1200px, calc(100% - 48px)); }
    .saicall-hero { padding: 66px 0 60px; }
    .saicall-hero-actions { flex-direction: row; align-items: center; }
    .saicall-button { min-width: 190px; }
    .saicall-preview { padding: 24px; }
    .saicall-section { padding: 68px 0; }
    .saicall-grid-four, .saicall-grid-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .saicall-how-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .saicall-algorithm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .saicall-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .saicall-benefit-flow { padding: 22px; }
}

@media (min-width: 1024px) {
    .saicall-wrap { width: min(1200px, calc(100% - 64px)); }
    .saicall-hero { padding: 82px 0 76px; }
    .saicall-hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 54px; }
    .saicall-preview { padding: 28px; }
    .saicall-section { padding: 80px 0; }
    .saicall-section-heading { margin-bottom: 34px; }
    .saicall-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .saicall-grid-five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .saicall-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .saicall-info-card { min-height: 190px; padding: 22px; }
    .saicall-feature-card { min-height: 205px; }
    .saicall-check-layout { grid-template-columns: minmax(0, .8fr) minmax(400px, 1fr); column-gap: 70px; align-items: center; }
    .saicall-check-layout .saicall-section-heading { grid-column: 1; grid-row: 1 / span 2; }
    .saicall-check-list { grid-column: 2; grid-row: 1; }
    .saicall-check-flow { grid-column: 2; grid-row: 2; }
    .saicall-how-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
    .saicall-how-grid li { min-height: 112px; padding: 18px; }
    .saicall-algorithm-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
    .saicall-algorithm-grid li { min-height: 58px; }
    .saicall-benefit-layout { grid-template-columns: minmax(0, .8fr) minmax(430px, 1fr); gap: 70px; }
    .saicall-status-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .saicall-final-inner { grid-template-columns: 1fr auto; gap: 40px; }
    .saicall-final-actions { min-width: 410px; grid-template-columns: 1fr 1fr; }
    .saicall-final-actions small { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
    .saicall-home *, .saicall-home *::before, .saicall-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}