/* Homepage-aligned inner heroes: light blue paper, dark type, blue actions. */
@font-face {font-family:Manrope;src:url('../fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face {font-family:'TeleAI Sans SC';src:url('../fonts/noto-sans-sc-home.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body:not([data-home-narrative]) {--font:Manrope,"TeleAI Sans SC","Microsoft YaHei",sans-serif;font-family:var(--font);min-width:320px}
body:not([data-home-narrative]) .container {max-width:1280px;width:100%;padding:0 48px}
body:not([data-home-narrative]) .btn {border-radius:8px;font-family:inherit;min-height:48px;font-size:14px;box-shadow:none;white-space:normal;text-align:center}
body:not([data-home-narrative]) .btn-primary {background:#1177FF}
body:not([data-home-narrative]) .btn-primary:hover {background:#1d52ca;filter:none}
body:not([data-home-narrative]) :is(a,button,select):focus-visible {outline:3px solid #1760e8;outline-offset:5px}

.inner-hero {--light-a-x:-24%;--light-a-y:24%;--light-b-x:52%;--light-b-y:35%;--light-c-x:25%;--light-c-y:71%;--light-a-width:77%;--light-b-width:79%;--light-speed:30s;position:relative;isolation:isolate;display:flex;align-items:center;min-height:0;padding:96px 0 84px;margin:0;border-radius:0;background:radial-gradient(ellipse 70% 90% at 50% 0%,#eaf2ff99,transparent 74%),linear-gradient(180deg,#fff,#f5f8fd);overflow:hidden}
.hero-ambient {position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;opacity:.12}
.hero-light {position:absolute;width:var(--light-a-width);height:110%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#9cc7ff 0%,#c5dcff 32%,transparent 73%);filter:blur(42px);opacity:.7;transform:translate3d(0,0,0);animation:ambient-drift-a var(--light-speed) ease-in-out infinite alternate;animation-play-state:paused}
.hero-light-a {left:var(--light-a-x);top:var(--light-a-y)}
.hero-light-b {left:var(--light-b-x);top:var(--light-b-y);width:var(--light-b-width);height:125%;animation-name:ambient-drift-b;animation-duration:calc(var(--light-speed) + 8s);animation-delay:-9s}
.hero-light-c {left:var(--light-c-x);top:var(--light-c-y);width:70%;height:60%;filter:blur(48px);animation-name:ambient-drift-c;animation-duration:calc(var(--light-speed) - 6s);animation-delay:-4s}
.is-ambient-running .hero-light {animation-play-state:running}
.inner-hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 35%,#ffffff70,transparent 90%)}
.inner-hero::after {content:none}
.inner-hero .hero-copy {max-width:900px}
.inner-hero h1 {font-size:clamp(46px,5.6vw,78px);line-height:1.13;letter-spacing:-.05em;font-weight:600;white-space:pre-line;text-wrap:balance;color:#14243b;margin:0;max-width:900px}
.inner-hero .eyebrow {display:block;background:none;border:0;padding:0;margin:0 0 20px;color:#41609a;font-size:11px;font-weight:700;letter-spacing:.12em;border-radius:0;text-transform:uppercase}
.inner-hero .eyebrow::before {content:none}
.inner-hero .hero-sub {font-size:18px;line-height:1.75;color:#5c6a7e;max-width:760px;margin-top:26px;text-wrap:pretty}
.inner-hero .hero-note {font-size:12px;color:#768294;max-width:760px;margin-top:22px}
.inner-hero .cta-row {display:flex;flex-wrap:wrap;margin-top:32px;gap:14px}
.inner-hero .btn {padding:14px 22px;min-height:50px;font-size:14px;line-height:1.4;font-weight:600;transition:background .18s,transform .18s,border-color .18s}
.inner-hero .btn:hover {transform:translateY(-2px)}
body:not([data-home-narrative]) .inner-hero .btn-primary {background:#1177FF;color:#fff;border:1px solid #1177FF;box-shadow:0 4px 10px #1177FF15}
body:not([data-home-narrative]) .inner-hero .btn-primary:hover {background:#0d60ce}
.inner-hero .btn-ghost {background:transparent;color:#14243b;border-color:#cfd7e1}
.inner-hero .btn-ghost:hover {background:#eef3fa;border-color:#cfd7e1}
.inner-hero.inner-hero-center .hero-copy {max-width:900px;margin-inline:auto;text-align:center}
.inner-hero-center .hero-sub {margin-inline:auto}
.inner-hero-center .hero-note {margin-inline:auto}
.inner-hero-center .cta-row {justify-content:center}
.inner-hero-widget .hero-copy {max-width:none}
.inner-hero-widget .livecall-card {color:#14243b}

/* Eight related light fields — composition changes, never illustrative symbols. */
[data-ambient-theme="insurance"] {--light-a-x:-33%;--light-a-y:5%;--light-b-x:58%;--light-b-y:4%;--light-c-x:16%;--light-c-y:84%;--light-speed:34s}
[data-ambient-theme="ecommerce"] {--light-a-x:-35%;--light-a-y:34%;--light-b-x:45%;--light-b-y:42%;--light-c-x:56%;--light-c-y:-30%;--light-speed:28s}
[data-ambient-theme="finance"] {--light-a-x:-22%;--light-a-y:44%;--light-b-x:51%;--light-b-y:54%;--light-c-x:16%;--light-c-y:89%;--light-b-width:87%;--light-speed:38s}
[data-ambient-theme="platform"] {--light-a-x:-37%;--light-a-y:14%;--light-b-x:49%;--light-b-y:11%;--light-c-x:31%;--light-c-y:75%;--light-speed:24s}
[data-ambient-theme="operations"] {--light-a-x:-30%;--light-a-y:30%;--light-b-x:59%;--light-b-y:20%;--light-c-x:23%;--light-c-y:79%;--light-speed:32s}
@keyframes ambient-drift-a {0%{transform:translate3d(-4%,5%,0) scale(.94) rotate(-8deg)}50%{transform:translate3d(7%,-8%,0) scale(1.08) rotate(4deg)}100%{transform:translate3d(16%,3%,0) scale(1.03) rotate(14deg)}}
@keyframes ambient-drift-b {0%{transform:translate3d(8%,-4%,0) scale(1.07) rotate(9deg)}50%{transform:translate3d(-4%,9%,0) scale(.95) rotate(-5deg)}100%{transform:translate3d(-15%,-6%,0) scale(1.13) rotate(-16deg)}}
@keyframes ambient-drift-c {0%{transform:translate3d(-12%,5%,0) scale(.93)}100%{transform:translate3d(16%,-12%,0) scale(1.1)}}
@keyframes ambient-soft-fade {0%{opacity:.5}100%{opacity:.7}}


@media(min-width:1500px) {body:not([data-home-narrative]) .container {max-width:1360px}}
@media(max-width:1200px) {body:not([data-home-narrative]) .inner-hero .container {padding-inline:34px}}
@media(max-width:900px) {
 body:not([data-home-narrative]) .container {padding:0 32px}
 .inner-hero-widget .hero-grid {grid-template-columns:1fr;gap:36px}
 .inner-hero-widget .hero-copy {max-width:680px}
 .hero-light {width:110%;filter:blur(36px)}
 .hero-light-a {left:calc(var(--light-a-x) - 20%)}
 .hero-light-b {left:calc(var(--light-b-x) - 8%);width:110%}
}
@media(max-width:760px) {
 .inner-hero {padding:64px 0 68px}
 .inner-hero h1 {font-size:48px}
 .inner-hero .hero-sub {font-size:16px}
}
@media(max-width:560px) {
 body:not([data-home-narrative]) .container {padding:0 22px}
 body:not([data-home-narrative]) .inner-hero .container {padding-inline:22px}
 body:not([data-home-narrative]) .card-grid {grid-template-columns:minmax(0,1fr)}
 body:not([data-home-narrative]) .steps-grid {grid-template-columns:minmax(0,1fr)}
 body:not([data-home-narrative]) .compare-grid {grid-template-columns:minmax(0,1fr)}
 body:not([data-home-narrative]) .card {min-width:0;overflow-wrap:anywhere}
 .inner-hero h1 {white-space:normal}
 .inner-hero .eyebrow {font-size:10px;margin-bottom:17px}
 .inner-hero .hero-sub {margin-top:24px}
 .inner-hero .cta-row {gap:10px;margin-top:27px}
 .inner-hero .btn {font-size:12px;padding:13px 16px;min-height:48px}
 .inner-hero .hero-note {font-size:11px}
}
@media(max-width:480px) {
 .inner-hero {padding:51px 0 56px}
 .inner-hero h1 {font-size:39px}
 body.lang-zh .inner-hero h1 {font-size:clamp(32px,9vw,39px);white-space:normal}
 .inner-hero .hero-sub {font-size:15px;line-height:1.8}
}
/* Fit the longer Spanish proposition without changing its approved wording. */
@media(min-width:761px) {
 body.lang-es[data-page="managed-saas"] .inner-hero h1 {font-size:clamp(40px,4.3vw,60px)}
}
/* Keep the approved two-sentence Managed proposition legible on phones. */
@media(max-width:560px) {
 body[data-page="managed-saas"] .inner-hero h1 {white-space:pre-line}
 body.lang-zh[data-page="managed-saas"] .inner-hero h1 {font-size:clamp(22px,7vw,32px)}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}
 .inner-hero *, .inner-hero *::before, .inner-hero *::after {transition:none!important}
 .inner-hero .hero-light {animation-name:ambient-soft-fade;animation-duration:36s;transform:none}
}