/* Effective R10 projection; all states remain in source order. */
.ep1-enterprise { --e-ink:#1b2b44; --e-muted:#596a81; }

:where(.ep1-enterprise) * { box-sizing: border-box; }

:where(.ep1-enterprise) button,
:where(.ep1-enterprise) summary,
:where(.ep1-enterprise) a { touch-action: manipulation; }

:where(.ep1-enterprise) a { color: rgb(22, 76, 84); text-underline-offset: 4px; }

:where(.ep1-enterprise) a:hover { color: rgb(11, 53, 62); }

:where(.ep1-enterprise) button,
:where(.ep1-enterprise) summary { font: inherit; cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
:where(.ep1-enterprise) * { scroll-behavior: auto !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}

body:has(.ep1-enterprise) :is(a, button, summary):focus-visible { outline: rgb(37, 94, 228) solid 3px; outline-offset: 4px; }

body:has(.ep1-enterprise) :is(a, button, summary):focus-visible { outline: rgb(37, 94, 228) solid 3px; outline-offset: 4px; }

.ep1-enterprise { font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif; color: var(--e-ink); font-size: 16px; line-height: 1.75; overflow: clip; background: rgb(255, 255, 255); }

.ep1-enterprise * { box-sizing: border-box; min-width: 0px; }

.ep1-enterprise [hidden] { display: none !important; }

.ep1-enterprise section { padding: 92px 0px; scroll-margin-top: 88px; position: relative; }

.ep1-enterprise section:focus,
:where(.ep1-enterprise) .ep1-path-panel:focus { outline: none !important; }

:where(.ep1-enterprise) .ep1-wrap { width: 91%; max-width: 1312px; margin: 0px auto; }

.ep1-enterprise h1,
.ep1-enterprise h2,
.ep1-enterprise h3,
.ep1-enterprise p { margin: 0px; }

.ep1-enterprise h1,
.ep1-enterprise h2,
.ep1-enterprise h3 { color: var(--e-ink); letter-spacing: -0.035em; line-height: 1.3; text-wrap: balance; }

.ep1-enterprise h1 { font-size: 56px; font-weight: 650; line-height: 1.22; }

.ep1-enterprise h2 { font-size: 40px; font-weight: 650; }

.ep1-enterprise h3 { font-size: 22px; font-weight: 650; }

.ep1-enterprise button { font: inherit; cursor: pointer; }

.ep1-enterprise svg { width: 40px; height: 40px; flex: 0 0 auto; }

.ep1-enterprise a { color: rgb(36, 94, 214); text-decoration: none; }

.ep1-enterprise a:hover { text-decoration: none; color: rgb(81, 75, 226); }

.ep1-enterprise :is(a, button, summary):focus-visible { outline: rgb(53, 111, 242) solid 3px; outline-offset: 4px; }

.ep1-enterprise :is(button, summary, a) { -webkit-tap-highlight-color: transparent; }

:where(.ep1-enterprise) .ep1-eyebrow { color: rgb(49, 94, 212); font-size: 13px; font-weight: 650; letter-spacing: 0.08em; margin-bottom: 16px !important; }

:where(.ep1-enterprise) .ep1-lead { color: var(--e-muted); font-size: 18px; line-height: 1.8; max-width: 820px; margin-top: 20px !important; }

:where(.ep1-enterprise) .ep1-label { font-size: 12px; letter-spacing: 0.04em; color: rgb(91, 111, 140); font-weight: 600; }

:where(.ep1-enterprise) .ep1-accent { background: linear-gradient(110deg, rgb(68, 86, 213), rgb(36, 101, 223)) text; color: transparent; }

.ep1-enterprise .ep1-hero { padding: 56px 0px 60px; background: radial-gradient(at 50% 52%, rgb(228, 236, 255) 0%, rgb(244, 247, 255) 38%, rgb(255, 255, 255) 76%); }

:where(.ep1-enterprise) .ep1-intro { text-align: center; margin: auto; max-width: 1100px; }

:where(.ep1-enterprise) .ep1-intro h1 > span { display: block; }

:where(.ep1-enterprise) .ep1-intro .ep1-lead { margin-left: auto; margin-right: auto; }

:where(.ep1-enterprise) .ep1-hero-map { margin-top: 38px; }

:where(.ep1-enterprise) .ep1-overview { display: grid; grid-template-columns: 1fr 0.92fr 1fr; align-items: center; gap: 34px; padding: 24px 34px; border: 1px solid rgb(224, 230, 244); border-radius: 24px; background: linear-gradient(125deg, rgba(255, 255, 255, 0.875), rgba(247, 250, 255, 0.83)); box-shadow: rgba(100, 131, 201, 0.467) 0px 20px 60px -36px; position: relative; }

:where(.ep1-enterprise) .ep1-overview-side > .ep1-label { display: block; margin-bottom: 18px; }

:where(.ep1-enterprise) .ep1-input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

:where(.ep1-enterprise) .ep1-input-grid > span { display: flex; align-items: center; gap: 10px; padding: 12px 10px; background: rgb(255, 255, 255); border: 1px solid rgb(228, 234, 244); border-radius: 10px; box-shadow: rgba(35, 61, 96, 0.063) 0px 3px 6px; }

:where(.ep1-enterprise) .ep1-input-grid svg { width: 28px; height: 28px; color: rgb(66, 99, 180); }

:where(.ep1-enterprise) .ep1-input-grid b { font-size: 13px; font-weight: 550; line-height: 1.5; }

:where(.ep1-enterprise) .ep1-overview-core { display: flex; align-items: center; justify-content: space-between; gap: 14px; text-align: center; align-self: stretch; }

:where(.ep1-enterprise) .ep1-overview-core > div { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; flex: 1 1 0%; padding: 12px 0px; }

:where(.ep1-enterprise) .ep1-core-symbol { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 18px; background: linear-gradient(145deg, rgb(118, 99, 233), rgb(67, 91, 228) 50%, rgb(43, 110, 226)); color: rgb(255, 255, 255); font-size: 42px; line-height: 1; font-weight: 750; box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 2px inset, rgba(77, 99, 223, 0.25) 0px 9px 24px; transform: rotate(-6deg); margin-bottom: 14px; }

:where(.ep1-enterprise) .ep1-overview-core .ep1-label { font-size: 12px; }

:where(.ep1-enterprise) .ep1-overview-core strong { font-size: 28px; line-height: 1.25; letter-spacing: -0.02em; margin: 4px 0px 8px; }

:where(.ep1-enterprise) .ep1-overview-core p { font-size: 13px; line-height: 1.7; color: rgb(83, 103, 130); }

:where(.ep1-enterprise) .ep1-flow-arrow { color: rgb(106, 135, 202); font-size: 26px; font-weight: 300; }

:where(.ep1-enterprise) .ep1-overview-result { padding-inline-start: 6px; }

:where(.ep1-enterprise) .ep1-output-icons { display: flex; gap: 8px; margin: 0px 0px 16px; }

:where(.ep1-enterprise) .ep1-output-icons > div { display: grid; place-items: center; gap: 3px; background: rgb(255, 255, 255); border: 1px solid rgb(216, 225, 246); border-radius: 10px; width: 78px; padding: 8px; box-shadow: rgba(55, 87, 131, 0.063) 0px 5px 13px; }

:where(.ep1-enterprise) .ep1-output-icons svg { width: 28px; height: 28px; color: rgb(66, 100, 189); }

:where(.ep1-enterprise) .ep1-output-icons span { font-size: 10px; color: rgb(91, 109, 133); white-space: nowrap; }

:where(.ep1-enterprise) .ep1-overview-result > b { font-size: 17px; font-weight: 650; line-height: 1.5; display: block; }

:where(.ep1-enterprise) .ep1-overview-result p { font-size: 12px; color: rgb(98, 115, 138); line-height: 1.7; margin-top: 8px; }

:where(.ep1-enterprise) .ep1-entry-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; list-style: none; padding: 0px; margin: 28px 0px 0px; }

:where(.ep1-enterprise) .ep1-entry-list > li { margin: 0px; }

:where(.ep1-enterprise) .ep1-entry-list button { height: 100%; width: 100%; border: 1px solid rgb(219, 227, 241); border-radius: 12px; background: rgba(255, 255, 255, 0.85); color: var(--e-ink); display: grid; grid-template-columns: 24px minmax(0, 1fr) 20px; gap: 8px; text-align: start; padding: 20px 16px; transition: background 0.22s, border-color 0.22s, box-shadow 0.22s, transform 0.22s; }

:where(.ep1-enterprise) .ep1-entry-list .ep1-number { font-size: 12px; line-height: 26px; color: rgb(82, 107, 158); font-variant-numeric: tabular-nums; }

:where(.ep1-enterprise) .ep1-entry-list strong { display: block; font-size: 16px; line-height: 1.6; font-weight: 650; }

:where(.ep1-enterprise) .ep1-entry-list small { display: block; font-size: 12px; color: rgb(97, 114, 138); margin-top: 6px; line-height: 1.7; }

:where(.ep1-enterprise) .ep1-entry-list button > span:last-child { display: inline-flex; width: 20px; height: 20px; color: rgb(66, 97, 165); transition: transform 0.22s; }

.ep1-enterprise .ep1-entry-list button > span:last-child > svg { display: block; width: 20px; height: 20px; }

:where(.ep1-enterprise) .ep1-entry-list button:hover { border-color: rgb(123, 156, 227); background: linear-gradient(120deg, rgb(255, 255, 255), rgb(238, 244, 255)); box-shadow: rgba(70, 106, 181, 0.1) 0px 8px 22px; transform: translateY(-2px); }

:where(.ep1-enterprise) .ep1-entry-list button:hover > span:last-child { transform: translate(2px, -2px); }

:where(.ep1-enterprise) .ep1-entry-list button:active { transform: translateY(0px); box-shadow: rgba(70, 106, 181, 0.1) 0px 2px 5px inset; }

:where(.ep1-enterprise) .ep1-paths h2 { max-width: 900px; }

:where(.ep1-enterprise) .ep1-path-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; margin: 32px 0px 0px; border-bottom: 1px solid rgb(221, 229, 242); background: rgb(246, 248, 252); border-radius: 12px 12px 0px 0px; }

:where(.ep1-enterprise) .ep1-path-tabs button { display: flex; gap: 12px; align-items: center; position: relative; padding: 22px 20px; min-height: 85px; background: transparent; border: 0px; text-align: start; color: rgb(92, 109, 133); font-size: 16px; font-weight: 550; border-radius: 10px 10px 0px 0px; transition: background 0.2s, color 0.2s; }

:where(.ep1-enterprise) .ep1-path-tabs button > span:first-child { flex-shrink: 0; font-size: 13px; color: rgb(126, 144, 175); }

:where(.ep1-enterprise) .ep1-path-tabs button::after { content: ""; position: absolute; bottom: -1px; left: 20px; right: 20px; height: 3px; background: transparent; border-radius: 2px; }

:where(.ep1-enterprise) .ep1-path-tabs button:hover { background: rgb(237, 242, 253); color: rgb(37, 92, 209); }

:where(.ep1-enterprise) .ep1-path-tabs button[aria-selected="true"] { background: rgb(236, 241, 255); color: rgb(36, 91, 207); }

:where(.ep1-enterprise) .ep1-path-tabs button[aria-selected="true"]::after { background: linear-gradient(90deg, rgb(107, 87, 229), rgb(36, 103, 221)); }

:where(.ep1-enterprise) .ep1-path-tabs button[aria-selected="true"] > span:first-child { color: rgb(36, 91, 207); }

:where(.ep1-enterprise) .ep1-path-panel { position: relative; padding: 28px 0px 0px; }

:where(.ep1-enterprise) .ep1-service-marker { display: none; }

:where(.ep1-enterprise) .ep1-path-lead { font-size: 17px; color: rgb(72, 94, 123); max-width: 1040px; margin-bottom: 26px !important; }

:where(.ep1-enterprise) .ep1-journey { display: grid; grid-template-columns: 0.86fr 1fr 1.28fr; border: 1px solid rgb(222, 230, 242); border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(69, 97, 141, 0.314) 0px 15px 30px -25px; }

:where(.ep1-enterprise) .ep1-journey > div { padding: 28px; position: relative; }

:where(.ep1-enterprise) .ep1-you { background: rgb(247, 249, 253); }

:where(.ep1-enterprise) .ep1-we { background: rgb(255, 255, 255); }

:where(.ep1-enterprise) .ep1-receive { background: linear-gradient(145deg, rgb(239, 244, 255), rgb(246, 244, 255)); border-inline-start: 1px solid rgb(225, 231, 244); }

:where(.ep1-enterprise) .ep1-journey .ep1-label { display: block; color: rgb(73, 102, 148); font-size: 12px; letter-spacing: 0.02em; margin-bottom: 22px; }

:where(.ep1-enterprise) .ep1-client-object { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }

:where(.ep1-enterprise) .ep1-client-object svg { width: 38px; height: 38px; color: rgb(72, 101, 164); }

:where(.ep1-enterprise) .ep1-client-object strong { font-size: 20px; line-height: 1.4; }

:where(.ep1-enterprise) .ep1-journey ul { list-style: none; padding: 0px; margin: 18px 0px 0px; color: rgb(86, 105, 130); font-size: 15px; }

:where(.ep1-enterprise) .ep1-journey li { padding-block: 8px; padding-inline: 14px 0px; position: relative; line-height: 1.7; }

:where(.ep1-enterprise) .ep1-journey li::before { content: ""; position: absolute; inset-inline-start: 0px; top: 19px; width: 4px; height: 4px; border-radius: 50%; background: rgb(116, 144, 194); }

:where(.ep1-enterprise) .ep1-we h3,
:where(.ep1-enterprise) .ep1-receive h3 { font-size: 19px; letter-spacing: -0.02em; }

:where(.ep1-enterprise) .ep1-we > p { font-size: 15px; color: rgb(86, 105, 130); margin-top: 18px; }

:where(.ep1-enterprise) .ep1-stage-chain { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 28px; }

:where(.ep1-enterprise) .ep1-stage-chain span { padding: 12px; border: 1px solid rgb(220, 229, 245); border-radius: 8px; background: rgb(246, 249, 255); text-align: center; color: rgb(60, 93, 156); font-size: 13px; }

:where(.ep1-enterprise) .ep1-result-copy { color: rgb(91, 107, 133); font-size: 13px; line-height: 1.85; }

:where(.ep1-enterprise) .ep1-boundary { margin-top: 14px; border-bottom: 1px solid rgb(223, 230, 241); }

.ep1-enterprise summary { cursor: pointer; list-style: none; }

.ep1-enterprise summary::-webkit-details-marker { display: none; }

:where(.ep1-enterprise) .ep1-boundary summary,
:where(.ep1-enterprise) .ep1-project-conditions summary { position: relative; padding-block: 17px; padding-inline: 0px 32px; font-size: 14px; color: rgb(56, 88, 134); font-weight: 550; transition: color 0.2s; }

:where(.ep1-enterprise) .ep1-boundary summary::after,
:where(.ep1-enterprise) .ep1-project-conditions summary::after { content: "+"; position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: 300; }

:where(.ep1-enterprise) .ep1-boundary[open] summary::after,
:where(.ep1-enterprise) .ep1-project-conditions[open] summary::after { content: "−"; }

:where(.ep1-enterprise) .ep1-boundary summary:hover,
:where(.ep1-enterprise) .ep1-project-conditions summary:hover { color: rgb(32, 91, 213); }

:where(.ep1-enterprise) .ep1-responsibility { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 6px 0px 24px; }

:where(.ep1-enterprise) .ep1-responsibility > div { padding-inline-start: 16px; border-inline-start: 2px solid rgb(200, 214, 246); }

:where(.ep1-enterprise) .ep1-responsibility b { color: rgb(54, 90, 152); font-size: 13px; }

:where(.ep1-enterprise) .ep1-responsibility p { color: rgb(97, 114, 139); font-size: 13px; margin-top: 5px; }

:where(.ep1-enterprise) .ep1-scope-note { margin-top: 24px; display: grid; grid-template-columns: 100px 1fr; gap: 24px; font-size: 13px; line-height: 1.8; color: rgb(102, 118, 141); }

:where(.ep1-enterprise) .ep1-scope-note > strong { color: rgb(65, 90, 128); font-size: 13px; font-weight: 600; }

.ep1-enterprise .ep1-delivery { background: rgb(245, 247, 252); border-top: 1px solid rgb(237, 240, 247); border-bottom: 1px solid rgb(237, 240, 247); }

:where(.ep1-enterprise) .ep1-delivery > .ep1-wrap { display: grid; grid-template-columns: 0.76fr 1.35fr; gap: 80px; align-items: start; }

:where(.ep1-enterprise) .ep1-delivery-intro { position: sticky; top: 115px; }

:where(.ep1-enterprise) .ep1-delivery-intro h2 { max-width: 440px; }

:where(.ep1-enterprise) .ep1-delivery-intro .ep1-lead { font-size: 16px; max-width: 360px; }

:where(.ep1-enterprise) .ep1-delivery-mark { display: flex; align-items: center; gap: 16px; margin-top: 45px; width: 180px; color: rgb(106, 126, 170); font-size: 14px; letter-spacing: 0.06em; }

:where(.ep1-enterprise) .ep1-delivery-mark i { height: 1px; flex: 1 1 0%; background: linear-gradient(90deg, rgb(111, 101, 226), rgb(91, 148, 232)); }

:where(.ep1-enterprise) .ep1-lifecycle { border-radius: 16px; border: 1px solid rgb(220, 228, 241); background: rgb(255, 255, 255); overflow: hidden; }

:where(.ep1-enterprise) .ep1-step { border-top: 1px solid rgb(230, 235, 244); }

:where(.ep1-enterprise) .ep1-step:first-child { border-top: 0px; }

:where(.ep1-enterprise) .ep1-step summary { display: grid; grid-template-columns: 35px 1fr 20px; align-items: center; gap: 15px; padding: 24px 28px; min-height: 80px; transition: background 0.2s; color: rgb(42, 66, 101); }

:where(.ep1-enterprise) .ep1-step summary strong { font-size: 19px; line-height: 1.5; font-weight: 600; }

:where(.ep1-enterprise) .ep1-step-number { font-size: 13px; color: rgb(124, 143, 171); font-variant-numeric: tabular-nums; }

:where(.ep1-enterprise) .ep1-plus { width: 14px; height: 14px; position: relative; color: rgb(92, 117, 166); }

:where(.ep1-enterprise) .ep1-plus::before,
:where(.ep1-enterprise) .ep1-plus::after { content: ""; position: absolute; background: currentcolor; left: 0px; top: 6px; width: 14px; height: 1px; transition: transform 0.22s; }

:where(.ep1-enterprise) .ep1-plus::after { transform: rotate(90deg); }

:where(.ep1-enterprise) .ep1-step[open] .ep1-plus::after { transform: rotate(0deg); }

:where(.ep1-enterprise) .ep1-step[open] summary { color: rgb(36, 92, 206); background: linear-gradient(100deg, rgb(240, 244, 255), rgb(248, 250, 255)); }

:where(.ep1-enterprise) .ep1-step summary:hover { background: rgb(243, 246, 252); color: rgb(38, 93, 202); }

:where(.ep1-enterprise) .ep1-step-body { padding-block: 6px 28px; padding-inline: 78px 28px; }

:where(.ep1-enterprise) .ep1-coverage-copy { font-size: 14px; color: rgb(95, 113, 140); line-height: 1.9; }

:where(.ep1-enterprise) .ep1-coverage-copy strong { font-weight: 550; color: rgb(60, 87, 127); }

:where(.ep1-enterprise) .ep1-cover-heading { display: flex; gap: 12px; align-items: center; margin-top: 24px; }

:where(.ep1-enterprise) .ep1-cover-heading svg { display: none; }

:where(.ep1-enterprise) .ep1-cover-heading .ep1-label { display: none; }

:where(.ep1-enterprise) .ep1-cover-heading h3 { font-size: 17px; letter-spacing: -0.01em; }

:where(.ep1-enterprise) .ep1-system-sketch { display: grid; grid-template-columns: repeat(4, 1fr); margin: 22px 0px; gap: 14px; }

:where(.ep1-enterprise) .ep1-system-sketch > div { position: relative; padding: 10px 8px; border: 1px solid rgb(221, 229, 243); border-radius: 6px; background: rgb(247, 249, 255); }

:where(.ep1-enterprise) .ep1-system-sketch > div:not(:last-child)::after { content: "→"; position: absolute; inset-inline-end: -12px; top: 50%; transform: translateY(-50%); font-size: 12px; color: rgb(144, 164, 204); }

:where(.ep1-enterprise) .ep1-system-sketch span { display: block; font-size: 10px; color: rgb(124, 145, 186); margin-bottom: 6px; }

:where(.ep1-enterprise) .ep1-system-sketch strong { font-size: 11px; color: rgb(60, 91, 140); line-height: 1.7; display: block; font-weight: 550; }

:where(.ep1-enterprise) .ep1-review-question { font-size: 12px; color: rgb(89, 111, 144); padding: 14px 0px 0px; border-top: 1px solid rgb(233, 238, 247); }

:where(.ep1-enterprise) .ep1-project-conditions { margin-top: 14px; }

:where(.ep1-enterprise) .ep1-project-conditions > p { font-size: 13px; line-height: 1.9; padding-bottom: 12px; color: rgb(86, 105, 132); }

:where(.ep1-enterprise) .ep1-proof .ep1-lead { font-size: 16px; }

:where(.ep1-enterprise) .ep1-proof-grid { display: grid; grid-template-columns: 1.07fr 1fr; grid-template-rows: 1fr 1fr; gap: 24px; margin-top: 36px; }

:where(.ep1-enterprise) .ep1-proof-item { border: 1px solid rgb(223, 230, 242); border-radius: 20px; overflow: hidden; background: rgb(255, 255, 255); display: grid; grid-template-columns: 0.88fr 1.12fr; transition: box-shadow 0.25s, border-color 0.25s; }

:where(.ep1-enterprise) .ep1-proof-item:hover { border-color: rgb(165, 187, 238); box-shadow: rgba(62, 90, 147, 0.08) 0px 12px 30px; }

:where(.ep1-enterprise) .ep1-proof-product { grid-row: span 2; display: flex; flex-direction: column; background: linear-gradient(160deg, rgb(239, 244, 255), rgb(250, 251, 255)); }

:where(.ep1-enterprise) .ep1-proof-preview { position: relative; overflow: hidden; min-height: 220px; background: rgb(237, 243, 253); }

:where(.ep1-enterprise) .ep1-proof-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }

:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-preview { height: 310px; min-height: 0px; background: radial-gradient(rgba(220, 231, 255, 0.533), transparent 70%); display: flex; justify-content: center; }

:where(.ep1-enterprise) .ep1-proof-product img { width: 78%; height: 100%; object-fit: contain; padding: 26px 0px 8px; filter: drop-shadow(rgba(70, 94, 141, 0.15) 0px 16px 12px); }

:where(.ep1-enterprise) .ep1-image-caption { position: absolute; bottom: 13px; inset-inline-start: 16px; font-size: 10px; color: rgb(97, 115, 142); background: rgba(255, 255, 255, 0.85); padding: 2px 7px; border-radius: 4px; }

:where(.ep1-enterprise) .ep1-proof-copy { padding: 27px; position: relative; }

:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-copy { padding: 26px 32px 32px; }

:where(.ep1-enterprise) .ep1-proof-item h3 { font-size: 12px; color: rgb(82, 110, 155); letter-spacing: 0.03em; font-weight: 600; margin-bottom: 12px; }

:where(.ep1-enterprise) .ep1-proof-name { font-size: 23px; font-weight: 600; line-height: 1.5; color: rgb(38, 63, 98); letter-spacing: -0.02em; margin-bottom: 16px !important; }

:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-name { font-size: 28px; }

:where(.ep1-enterprise) .ep1-proof-copy p:has(a) { font-size: 13px; line-height: 1.8; display: inline; }

:where(.ep1-enterprise) .ep1-evidence-link { display: inline-block; padding: 6px 0px; min-height: 44px; }

:where(.ep1-enterprise) .ep1-proof-copy > .ep1-label { display: block; margin-top: 18px; font-size: 10px; font-weight: 500; color: rgb(123, 138, 162); }

:where(.ep1-enterprise) .ep1-proof > .ep1-wrap > .ep1-scope-note,
:where(.ep1-enterprise) .ep1-proof > .ep1-wrap > p:last-child { font-size: 12px; color: rgb(113, 130, 155); margin-top: 20px; }

:where(.ep1-enterprise) .ep1-brain-sketch { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 28px 12px; background: radial-gradient(at 50% 40%, rgb(220, 231, 255), rgb(238, 244, 255)); gap: 15px; }

:where(.ep1-enterprise) .ep1-brain-sketch > svg { width: 66px; height: 66px; color: rgb(61, 101, 211); padding: 12px; background: rgba(255, 255, 255, 0.71); border: 1px solid rgb(213, 226, 255); border-radius: 16px; box-shadow: rgba(62, 99, 196, 0.1) 0px 10px 20px; }

:where(.ep1-enterprise) .ep1-proof-tags { display: flex; gap: 5px; }

:where(.ep1-enterprise) .ep1-proof-tags span { font-size: 10px; padding: 3px 8px; border: 1px solid rgb(203, 218, 244); border-radius: 5px; color: rgb(95, 120, 164); background: rgba(255, 255, 255, 0.6); }

:where(.ep1-enterprise) .ep1-proof-exploration img { object-position: 59% center; }

:where(.ep1-enterprise) .ep1-proof-exploration .ep1-image-caption { color: rgb(81, 103, 126); }

.ep1-enterprise .ep1-finish { padding: 32px 0px 40px; background: linear-gradient(rgb(255, 255, 255), rgb(245, 247, 251)); }

:where(.ep1-enterprise) .ep1-finish h2 { font-size: 26px; font-weight: 550; line-height: 1.5; letter-spacing: -0.02em; }

:where(.ep1-enterprise) .ep1-finish-line { border-top: 1px solid rgb(225, 231, 242); padding-top: 34px; }

:where(.ep1-enterprise) .ep1-finish .ep1-wrap { margin: auto; }
@media (min-width: 1100px) {
body:has(.ep1-enterprise):lang(en) .ep1-intro h1 { font-size: 52px; max-width: 1040px; margin: auto; }
}
@media (min-width: 1100px) {
body:has(.ep1-enterprise):lang(en) .ep1-entry-list strong { font-size: 15px; }
}
@media (max-width: 1100px) {
.ep1-enterprise h1 { font-size: 48px; }
}
@media (max-width: 1100px) {
.ep1-enterprise h2 { font-size: 34px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-overview { gap: 16px; padding: 24px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-overview-core { gap: 6px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-input-grid { gap: 8px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-input-grid > span { flex-direction: column; align-items: flex-start; padding: 10px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-overview-result > b { font-size: 15px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-overview-result p { font-size: 11px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-flow-arrow { font-size: 20px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-entry-list { gap: 10px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-entry-list button { padding: 16px 12px; grid-template-columns: 20px 1fr; gap: 6px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-entry-list button > span:last-child { display: none; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-entry-list strong { font-size: 14px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-entry-list small { font-size: 11px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-path-tabs button { padding: 18px 14px; font-size: 14px; gap: 8px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-journey > div { padding: 22px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-delivery > .ep1-wrap { gap: 40px; grid-template-columns: 0.7fr 1.3fr; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-step summary { padding: 22px; gap: 10px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-step-body { padding: 4px 22px 22px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-proof-grid { gap: 18px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-proof-copy { padding: 22px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-proof-name { font-size: 20px; }
}
@media (max-width: 1100px) {
:where(.ep1-enterprise) .ep1-proof-item { grid-template-columns: 0.72fr 1fr; }
}
@media (max-width: 900px) {
.ep1-enterprise section { padding: 64px 0px; scroll-margin-top: 88px; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-hero { padding: 42px 0px 48px; }
}
@media (max-width: 900px) {
.ep1-enterprise h1 { font-size: 44px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-lead { font-size: 17px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-intro .ep1-lead { max-width: 620px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-overview { grid-template-columns: 1fr 0.8fr 1fr; gap: 8px; padding: 20px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-core-symbol { width: 50px; height: 50px; font-size: 34px; border-radius: 14px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-overview-core strong { font-size: 24px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-overview-core p { font-size: 11px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-overview .ep1-label { font-size: 11px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-input-grid b { font-size: 11px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-input-grid svg { width: 24px; height: 24px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-output-icons { gap: 5px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-output-icons > div { width: 58px; padding: 8px 4px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-output-icons span { font-size: 9px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-entry-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-entry-list button { padding: 17px 18px; grid-template-columns: 24px 1fr 16px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-entry-list button > span:last-child { display: block; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-entry-list strong { font-size: 16px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-entry-list small { font-size: 12px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-path-tabs button { align-items: flex-start; flex-direction: column; font-size: 14px; gap: 6px; min-height: 100px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-path-lead { font-size: 16px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-journey { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-receive { grid-column: 1 / -1; border-inline-start: 0px; border-top: 1px solid rgb(220, 228, 241); display: grid; grid-template-columns: 1fr 1.25fr; column-gap: 28px; align-items: start; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-receive > .ep1-label { grid-area: 1 / 1; margin-bottom: 8px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-receive > h3 { grid-area: 2 / 1; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-receive > .ep1-result-copy { grid-area: 3 / 1; margin-top: 16px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-delivery > .ep1-wrap { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-delivery-intro { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 30px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-delivery-intro > .ep1-eyebrow { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-delivery-intro .ep1-lead { margin-top: 0px !important; align-self: center; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-delivery-mark { display: none; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-step-body { padding-block: 6px 28px; padding-inline: 78px 28px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-item { display: flex; flex-direction: column; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-product { grid-area: auto / 1 / auto / -1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-preview { height: 300px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-preview { min-height: 190px; height: 190px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-brain-sketch { padding: 20px; gap: 10px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-brain-sketch > svg { width: 55px; height: 55px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-copy { padding: 24px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-exploration img { object-position: center 56%; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-name { font-size: 22px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-name { font-size: 28px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-wrap { width: calc(100% - 40px); }
}
@media (max-width: 620px) {
.ep1-enterprise section { padding: 48px 0px; scroll-margin-top: 84px; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-hero { padding: 34px 0px 36px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-intro { text-align: start; }
}
@media (max-width: 620px) {
.ep1-enterprise h1 { font-size: 36px; line-height: 1.25; letter-spacing: -0.045em; }
}
@media (max-width: 620px) {
.ep1-enterprise h2 { font-size: 28px; line-height: 1.4; letter-spacing: -0.035em; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-intro h1 > span { display: inline; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-intro h1 > span:first-child { display: block; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-eyebrow { font-size: 12px; margin-bottom: 13px !important; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-lead { font-size: 15px; line-height: 1.85; margin-top: 16px !important; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-hero-map { margin-top: 24px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview { grid-template-columns: 1fr; padding: 20px; gap: 0px; border-radius: 16px; text-align: start; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-side > .ep1-label { margin-bottom: 10px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-input-grid > span { flex-direction: row; align-items: center; padding: 10px; gap: 7px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-input-grid b { font-size: 11px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-input-grid svg { width: 23px; height: 23px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core { padding: 14px 0px; margin: 16px 0px; border-top: 1px solid rgb(220, 229, 246); border-bottom: 1px solid rgb(220, 229, 246); display: block; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core > div { display: grid; grid-template-columns: 42px 65px 1fr; column-gap: 12px; padding: 0px; text-align: start; align-items: center; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core .ep1-core-symbol { grid-area: 1 / 1 / 3; width: 40px; height: 40px; font-size: 27px; border-radius: 10px; margin: 0px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core .ep1-label { grid-area: 1 / 2; font-size: 10px; white-space: nowrap; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core strong { grid-area: 2 / 2; font-size: 20px; margin: 0px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core p { grid-area: 1 / 3 / 3; font-size: 11px; color: rgb(80, 102, 141); }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-core > .ep1-flow-arrow { display: none; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-result { padding: 0px; display: grid; grid-template-columns: 1fr auto; column-gap: 12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-result > .ep1-label { grid-area: 1 / 1; margin: 0px 0px 6px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-result > b { grid-area: 2 / 1; font-size: 14px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-overview-result > p { grid-area: 3 / 1; font-size: 10px; margin-top: 5px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-output-icons { grid-area: 1 / 2 / 4; flex-direction: column; margin: 0px; gap: 3px; align-self: center; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-output-icons > div { display: flex; gap: 4px; width: 78px; padding: 4px 6px; border-radius: 5px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-output-icons svg { width: 16px; height: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-output-icons span { font-size: 9px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-entry-list { gap: 10px; margin-top: 18px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-entry-list button { padding: 14px 12px; display: block; position: relative; border-radius: 10px; min-height: 140px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-entry-list .ep1-number { display: block; font-size: 10px; line-height: 1.2; margin-bottom: 8px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-entry-list strong { font-size: 14px; line-height: 1.5; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-entry-list small { font-size: 10px; line-height: 1.75; margin-top: 5px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-entry-list button > span:last-child { position: absolute; inset-inline-end: 12px; top: 10px; font-size: 15px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-path-tabs { grid-template-columns: repeat(2, 1fr); border: 1px solid rgb(221, 229, 242); border-radius: 10px; margin-top: 24px; padding: 5px; gap: 4px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-path-tabs button { min-height: 77px; flex-direction: row; align-items: flex-start; padding: 13px 10px; border-radius: 6px; font-size: 13px; line-height: 1.65; gap: 7px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-path-tabs button > span:first-child { font-size: 10px; padding-top: 2px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-path-tabs button::after { left: 10px; right: 10px; bottom: 3px; height: 2px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-path-panel { padding-top: 20px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-path-lead { font-size: 14px; line-height: 1.8; margin-bottom: 20px !important; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-journey { grid-template-columns: 1fr; border-radius: 12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-journey > div { padding: 22px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-journey .ep1-label { font-size: 11px; margin-bottom: 14px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-client-object { gap: 10px; margin-bottom: 10px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-client-object svg { width: 30px; height: 30px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-client-object strong { font-size: 18px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-journey ul { font-size: 14px; margin-top: 12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-journey li { padding-block: 5px; padding-inline: 13px 0px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-journey li::before { top: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-we { border-top: 1px solid rgb(228, 234, 244); }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-we h3,
:where(.ep1-enterprise) .ep1-receive h3 { font-size: 18px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-receive { display: block; grid-column: auto; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-result-copy { font-size: 12px; line-height: 1.8; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-responsibility { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-boundary summary,
:where(.ep1-enterprise) .ep1-project-conditions summary { font-size: 13px; padding-top: 16px; padding-bottom: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-scope-note { display: block; margin-top: 20px; font-size: 12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-scope-note > strong { display: block; font-size: 12px; margin-bottom: 8px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-stage-chain { margin-top: 18px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-delivery > .ep1-wrap { gap: 24px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-delivery-intro { display: block; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-delivery-intro .ep1-lead { font-size: 14px; margin-top: 14px !important; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-step summary { grid-template-columns: 24px 1fr 14px; padding: 19px 18px; min-height: 68px; gap: 9px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-step summary strong { font-size: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-step-number { font-size: 11px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-step-body { padding: 2px 18px 24px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-coverage-copy { font-size: 12px; line-height: 1.85; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-cover-heading { margin-top: 20px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-cover-heading h3 { font-size: 15px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch { grid-template-columns: 1fr 1fr; gap: 16px 14px; margin: 18px 0px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch > div { min-height: 66px; padding: 10px 12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch > div:nth-child(2)::after { content: "↓"; top: auto; bottom: -18px; inset-inline-end: 50%; transform: none; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch > div:nth-child(3) { grid-area: 2 / 2; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch > div:nth-child(3)::after { content: "←"; inset-inline-end: auto; inset-inline-start: -12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch > div:nth-child(4) { grid-area: 2 / 1; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-system-sketch strong { font-size: 11px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-review-question { font-size: 11px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-project-conditions > p { font-size: 12px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof .ep1-lead { font-size: 14px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-grid { display: flex; flex-direction: column; gap: 18px; margin-top: 24px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-item { border-radius: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-product { display: flex; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-preview { height: 250px; width: 100%; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-product img { width: 75%; padding-top: 20px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-copy,
:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-copy { padding: 22px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-product .ep1-proof-name,
:where(.ep1-enterprise) .ep1-proof-name { font-size: 23px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-copy > .ep1-label { margin-top: 10px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-preview { height: 190px; min-height: 190px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-brain-sketch { flex-flow: wrap; align-content: center; padding: 30px 36px; gap: 15px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-brain-sketch > svg { width: 54px; height: 54px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-tags { width: 100%; justify-content: center; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-tags span { font-size: 11px; padding: 4px 10px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof-exploration img { object-position: center 53%; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-proof > .ep1-wrap > p:last-child { font-size: 11px; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-finish { padding: 10px 0px 28px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-finish h2 { font-size: 22px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-finish-line { padding-top: 27px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-enterprise h1 { font-size: 34px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-overview-core > div { grid-template-columns: 38px 78px 1fr; gap: 9px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-overview-core .ep1-label { font-size: 8px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-overview-core p { font-size: 10px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-input-grid b { font-size: 10px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-entry-list button { min-height: 160px; }
}
@media (max-width: 620px) {
body:has(.ep1-enterprise):lang(en) .ep1-path-tabs button { min-height: 104px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.ep1-enterprise *,
.ep1-enterprise ::before,
.ep1-enterprise ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }
}

.ep1-enterprise { width: 100%; max-width: none !important; padding: 0px !important; margin: 0px !important; }

:where(.ep1-enterprise) .ep1-evidence-link::after { content: " ↗"; display: inline-block; margin-inline-start: 6px; font-size: 17px; transition: transform 0.2s; }

:where(.ep1-enterprise) .ep1-evidence-link:hover::after { transform: translate(2px, -2px); }

:where(.ep1-enterprise) .ep1-intro h1 .ep1-nowrap { display: inline; white-space: nowrap; }

:where(.ep1-enterprise) .ep1-delivery-intro h2 > span { display: block; }

:where(.ep1-enterprise) .ep1-proof p.ep1-scope-note { display: block; max-width: none; }

:where(.ep1-enterprise) .ep1-proof-platform .ep1-proof-tags { position: absolute; bottom: 20px; left: 0px; right: 0px; justify-content: center; }

:where(.ep1-enterprise) .ep1-brain-sketch > b { font-size: 18px; color: rgb(59, 91, 153); font-weight: 600; }

:where(.ep1-enterprise) .ep1-brain-sketch { padding-bottom: 48px; }
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-brain-sketch { padding-bottom: 45px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep1-brain-sketch > b { font-size: 20px; }
}

:where(.ep1-enterprise) .ep1-intro h1 .ep1-nowrap { color: rgb(60, 91, 218); white-space: nowrap; display: inline !important; }

.ep1-enterprise .ep1-journey { grid-template-columns: 0.88fr 1fr 1.3fr; align-items: stretch; }

.ep1-enterprise .ep1-journey > div { padding: 26px; }

.ep1-enterprise .ep1-receive { background: linear-gradient(145deg, rgb(245, 246, 255), rgb(240, 245, 252)); display: block; }

.ep1-enterprise .ep1-receive > h3 { margin-bottom: 16px; }

.ep1-enterprise .ep1-result-copy { font-size: 14px; line-height: 1.8; margin-top: 16px; }

:where(.ep1-enterprise) .ep2-sample { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(224, 229, 241); border-radius: 12px; box-shadow: rgba(38, 59, 113, 0.063) 0px 9px 24px; padding: 22px; overflow: hidden; }

:where(.ep1-enterprise) .ep2-sample::before { content: ""; position: absolute; inset: 0px 0px auto; height: 3px; background: linear-gradient(90deg, rgb(106, 91, 228), rgb(52, 115, 220), rgb(149, 203, 209)); }

:where(.ep1-enterprise) .ep2-doc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgb(102, 113, 138); font-size: 11px; letter-spacing: 0.04em; }

:where(.ep1-enterprise) .ep2-template { color: rgb(67, 86, 154); background: rgb(238, 241, 252); padding: 3px 8px; border-radius: 4px; letter-spacing: 0px; }

:where(.ep1-enterprise) .ep2-sample h4 { font-size: 21px; line-height: 1.4; letter-spacing: -0.02em; color: rgb(31, 42, 64); margin: 13px 0px 8px; }

:where(.ep1-enterprise) .ep2-stage { font-size: 12px; line-height: 1.65; color: rgb(95, 107, 128); margin: 0px 0px 17px; }

:where(.ep1-enterprise) .ep2-sample dl { margin: 0px; }

:where(.ep1-enterprise) .ep2-config-row { padding: 12px 0px; border-top: 1px solid rgb(237, 240, 246); display: grid; grid-template-columns: 72px 1fr; gap: 12px; }

:where(.ep1-enterprise) .ep2-config-row dt { font-size: 12px; color: rgb(118, 128, 150); }

:where(.ep1-enterprise) .ep2-config-row dd { font-size: 14px; line-height: 1.65; margin: 0px; color: rgb(53, 66, 91); }

:where(.ep1-enterprise) .ep2-sample b { font-weight: 650; }

:where(.ep1-enterprise) .ep2-config-row dd span { display: block; color: rgb(105, 116, 138); font-size: 12px; margin-top: 2px; }

:where(.ep1-enterprise) .ep2-doc-foot { margin-top: 17px; padding-top: 12px; border-top: 1px solid rgb(230, 234, 243); display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: rgb(103, 115, 139); }

:where(.ep1-enterprise) .ep2-diff-row { padding: 11px 0px; border-top: 1px solid rgb(237, 240, 246); display: grid; grid-template-columns: 34px 1fr; gap: 10px; }

:where(.ep1-enterprise) .ep2-diff-tag { font-size: 11px; padding: 3px 0px; border-radius: 4px; text-align: center; align-self: start; background: rgb(239, 244, 248); color: rgb(78, 97, 117); }

:where(.ep1-enterprise) .ep2-diff-tag.change { background: rgb(238, 234, 251); color: rgb(98, 80, 171); }

:where(.ep1-enterprise) .ep2-diff-row p { font-size: 14px; line-height: 1.6; margin: 0px; color: rgb(53, 66, 91); }

:where(.ep1-enterprise) .ep2-diff-row small { display: block; font-size: 12px; color: rgb(105, 116, 138); margin-top: 3px; }

:where(.ep1-enterprise) .ep2-package { padding: 0px; margin: 0px; list-style: none; }

.ep1-enterprise .ep2-package li { list-style: none; padding-block: 10px; padding-inline: 28px 0px; margin: 0px; position: relative; border-top: 1px solid rgb(237, 240, 246); color: rgb(53, 66, 91); font-size: 14px; line-height: 1.5; }

.ep1-enterprise .ep2-package li::before { content: attr(data-num); position: absolute; inset-inline-start: 0px; top: 12px; width: 18px; height: 18px; border: 1px solid rgb(174, 185, 215); border-radius: 50%; font-size: 10px; color: rgb(93, 110, 160); display: grid; place-items: center; background: white; }

:where(.ep1-enterprise) .ep2-package small { display: block; color: rgb(105, 116, 138); font-size: 12px; margin-top: 4px; }

:where(.ep1-enterprise) .ep2-boundary-map { display: grid; grid-template-columns: 1fr 28px 1fr; align-items: center; gap: 6px; margin: 14px 0px 10px; font-size: 13px; color: rgb(53, 66, 91); text-align: center; }

:where(.ep1-enterprise) .ep2-boundary-map b { padding: 13px 5px; border: 1px solid rgb(220, 227, 240); border-radius: 7px; background: rgb(247, 249, 252); }

:where(.ep1-enterprise) .ep2-boundary-map b:last-child { background: rgb(242, 240, 255); border-color: rgb(220, 215, 248); }

:where(.ep1-enterprise) .ep2-boundary-map span { color: rgb(83, 110, 195); font-size: 21px; }

:where(.ep1-enterprise) .ep2-verification { border-top: 1px solid rgb(237, 240, 246); padding-top: 12px; display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: rgb(96, 112, 136); }

:where(.ep1-enterprise) .ep2-verification strong { font-weight: 600; color: rgb(57, 78, 112); }

:where(.ep1-enterprise) .ep2-detail-title { font-size: 18px; margin: 0px 0px 16px; color: rgb(35, 50, 76); }

:where(.ep1-enterprise) .ep2-detail-note { font-size: 13px; color: rgb(101, 112, 135); margin: 18px 0px 0px; }

:where(.ep1-enterprise) .ep2-acceptance-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.7; color: rgb(70, 83, 106); margin: 0px 0px 26px; }

:where(.ep1-enterprise) .ep2-acceptance-table th { font-size: 12px; text-align: start; font-weight: 600; background: rgb(244, 246, 252); color: rgb(94, 108, 133); padding: 12px 16px; }

:where(.ep1-enterprise) .ep2-acceptance-table td { padding: 14px 16px; border-bottom: 1px solid rgb(230, 234, 242); vertical-align: top; }

:where(.ep1-enterprise) .ep2-acceptance-table td:first-child { font-weight: 600; color: rgb(39, 56, 80); width: 21%; }

:where(.ep1-enterprise) .ep2-detail-body { padding: 22px 24px 26px; background: white; border-top: 1px solid rgb(228, 232, 241); }

:where(.ep1-enterprise) .ep2-detail-body .ep1-responsibility { padding: 0px; border: 0px; background: none; }

:where(.ep1-enterprise) .ep2-detail-body .ep1-responsibility p { font-size: 14px; }

.ep1-enterprise .ep1-boundary summary { font-size: 14px; }

.ep1-enterprise .ep1-boundary summary:hover { color: rgb(54, 90, 196); background: rgb(245, 247, 255); }

.ep1-enterprise .ep1-proof-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; align-items: stretch; }

.ep1-enterprise .ep1-proof-product { grid-area: auto / 1 / auto / -1; display: grid; grid-template-columns: 0.8fr 1.2fr; }

.ep1-enterprise .ep1-proof-product .ep1-proof-copy > .ep1-label { font-size: 12px; color: rgb(82, 105, 135); }

:where(.ep1-enterprise) .ep2-practice-excerpt { grid-column: 1 / -1; padding: 30px 34px; border-top: 1px solid rgb(225, 231, 241); background: rgb(255, 255, 255); }

:where(.ep1-enterprise) .ep2-practice-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 21px; }

:where(.ep1-enterprise) .ep2-practice-head h4 { font-size: 21px; line-height: 1.5; margin: 0px; color: rgb(38, 52, 76); text-wrap: balance; }

:where(.ep1-enterprise) .ep2-practice-head span { color: rgb(89, 106, 137); font-size: 12px; white-space: nowrap; }

:where(.ep1-enterprise) .ep2-role-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; }

:where(.ep1-enterprise) .ep2-role-flow > div { padding: 0px 24px; border-inline-start: 1px solid rgb(229, 234, 244); }

:where(.ep1-enterprise) .ep2-role-flow > div:first-child { padding-inline-start: 0px; border: 0px; }

:where(.ep1-enterprise) .ep2-role-flow b { font-size: 14px; color: rgb(60, 96, 173); }

:where(.ep1-enterprise) .ep2-role-flow p { font-size: 16px; line-height: 1.7; margin: 8px 0px; color: rgb(40, 54, 77); }

:where(.ep1-enterprise) .ep2-role-flow small { font-size: 13px; color: rgb(102, 118, 141); line-height: 1.65; display: block; }

:where(.ep1-enterprise) .ep2-practice-bottom { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 25px; padding-top: 21px; border-top: 1px solid rgb(229, 234, 244); }

:where(.ep1-enterprise) .ep2-practice-bottom p { margin: 0px; font-size: 15px; color: rgb(63, 80, 106); }

:where(.ep1-enterprise) .ep2-source-note { font-size: 12px; color: rgb(94, 106, 127); max-width: 390px; }

:where(.ep1-enterprise) .ep2-source-note summary { cursor: pointer; padding: 8px 0px; min-height: 36px; }

:where(.ep1-enterprise) .ep2-source-note[open] summary { color: rgb(52, 94, 196); }

:where(.ep1-enterprise) .ep2-source-note p { font-size: 12px; line-height: 1.8; margin: 8px 0px; }

.ep1-enterprise .ep1-proof-product { overflow: hidden; }

.ep1-enterprise .ep1-proof-product .ep1-proof-preview { min-height: 300px; }

.ep1-enterprise .ep1-proof-product .ep1-proof-copy { align-self: center; }

.ep1-enterprise .ep1-finish-line { display: flex; align-items: center; justify-content: space-between; gap: 30px; }

:where(.ep1-enterprise) .ep2-contact-link { font-size: 17px; font-weight: 600; line-height: 1.5; color: rgb(54, 91, 194); text-decoration: none; display: inline-flex; align-items: center; gap: 20px; min-height: 48px; padding: 9px 0px; border-bottom: 1px solid rgb(165, 179, 220); flex-shrink: 0; transition: color 0.18s, border-color 0.18s; }

:where(.ep1-enterprise) .ep2-contact-link span { font-size: 24px; transition: transform 0.18s; }

:where(.ep1-enterprise) .ep2-contact-link:hover { color: rgb(101, 69, 199); border-color: rgb(101, 69, 199); }

:where(.ep1-enterprise) .ep2-contact-link:hover span { transform: translate(3px, -3px); }

.ep1-enterprise details > summary:focus-visible,
:where(.ep1-enterprise) .ep2-contact-link:focus-visible { outline: rgb(99, 128, 229) solid 3px; outline-offset: 5px; border-radius: 4px; }
@media (max-width: 1050px) {
.ep1-enterprise .ep1-journey > div { padding: 22px; }
}
@media (max-width: 1050px) {
:where(.ep1-enterprise) .ep2-sample { padding: 18px; }
}
@media (max-width: 1050px) {
:where(.ep1-enterprise) .ep2-practice-head { align-items: flex-start; }
}
@media (max-width: 1050px) {
:where(.ep1-enterprise) .ep2-practice-head span { white-space: normal; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-journey { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-receive { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 0px 28px; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-receive > .ep2-sample { grid-area: 1 / 2 / 5; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-receive > h3 { grid-column: 1; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-result-copy { grid-column: 1; align-self: start; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep2-practice-excerpt { padding: 26px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep2-role-flow > div { padding: 0px 18px; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep2-practice-bottom { align-items: flex-start; }
}
@media (max-width: 900px) {
:where(.ep1-enterprise) .ep2-practice-bottom > p { max-width: 45%; }
}
@media (max-width: 900px) {
.ep1-enterprise .ep1-finish-line { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-journey { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-receive { display: block; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-sample { padding: 20px 18px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-sample h4 { font-size: 21px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-config-row { grid-template-columns: 65px 1fr; gap: 10px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-detail-body { padding: 20px 18px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-acceptance-table,
:where(.ep1-enterprise) .ep2-acceptance-table tbody { display: block; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-acceptance-table thead { display: none; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-acceptance-table tr { display: block; padding: 12px 0px; border-bottom: 1px solid rgb(230, 234, 242); }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-acceptance-table td { display: block; border: 0px; padding: 4px 0px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-acceptance-table td:first-child { width: auto; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-acceptance-table td:not(:first-child)::before { content: attr(data-label); display: block; font-size: 11px; color: rgb(117, 129, 154); margin: 5px 0px 2px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-practice-excerpt { padding: 24px 22px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-practice-head { display: block; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-practice-head h4 { font-size: 20px; margin-bottom: 10px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-role-flow { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-role-flow > div,
:where(.ep1-enterprise) .ep2-role-flow > div:first-child { padding: 17px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(229, 234, 244) currentcolor currentcolor; border-image: none; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-role-flow p { margin: 5px 0px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-practice-bottom { display: block; margin-top: 7px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-practice-bottom > p { max-width: none; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-source-note { margin-top: 12px; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-proof-product .ep1-proof-preview { min-height: 240px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-contact-link { font-size: 16px; }
}
@media (max-width: 620px) {
:where(.ep1-enterprise) .ep2-doc-foot { font-size: 10px; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-boundary summary { line-height: 1.6; }
}
@media (prefers-reduced-motion: reduce) {
:where(.ep1-enterprise) .ep2-contact-link,
:where(.ep1-enterprise) .ep2-contact-link span { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
:where(.ep1-enterprise) .ep2-contact-link:hover span { transform: none; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-proof-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
.ep1-enterprise .ep1-proof-product { grid-template-columns: 1fr; }
}

/* E9: content direction follows reading order; product imagery retains its geometry. */
.ep1-enterprise :is(.ep1-number, .ep1-step-number) { unicode-bidi: isolate; }
.ep1-enterprise .ep1-output-icons span { white-space: normal; overflow-wrap: anywhere; text-align: center; }
.ep1-enterprise .ep1-overview-core .ep1-label { white-space: normal; }
.ep1-enterprise .ep2-diff-tag { overflow-wrap: anywhere; }
.ep1-enterprise .ep2-config-row > dt { overflow-wrap: anywhere; }
.ep1-enterprise:not([data-locale="zh-CN"]):not([data-locale="en"]) .ep1-intro h1 .ep1-nowrap { white-space: normal; }
.ep1-enterprise .ep2-source-note summary { min-height: 44px; }
[dir="rtl"] .ep1-enterprise :is(.ep1-flow-arrow, .ep1-entry-list button > span:last-child, .ep2-contact-link > span) .ui-icon { transform: scaleX(-1); }
[dir="rtl"] .ep1-enterprise .ep1-system-sketch > div:not(:last-child)::after { content: "←"; }
[dir="rtl"] .ep1-enterprise .ep1-evidence-link::after { content: " ↖"; }
[dir="rtl"] .ep1-enterprise .ep2-contact-link:hover span { transform: translate(-3px, -3px); }
@media (max-width: 620px) {
  .ep1-enterprise:not([data-locale="zh-CN"]):not([data-locale="en"]) .ep1-output-icons { width: max-content; max-width: 130px; }
  .ep1-enterprise:not([data-locale="zh-CN"]):not([data-locale="en"]) .ep1-output-icons > div { width: 100%; min-width: 78px; }
  [dir="rtl"] .ep1-enterprise .ep1-system-sketch > div:nth-child(2)::after { content: "↓"; }
  [dir="rtl"] .ep1-enterprise .ep1-system-sketch > div:nth-child(3)::after { content: "→"; }
}
@media (prefers-reduced-motion: reduce) {
  [dir="rtl"] .ep1-enterprise .ep2-contact-link:hover span { transform: none; }
}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
/* German compounds need language-aware breaks before the overflow fallback. */
html[lang="de"] {
  hyphens: auto;
}
body {
  margin: 0;
  background: var(--color-surface);
  color: var(--color-ink);
  font-family: var(--font-hans);
  font-size: 16px;
  line-height: 1.65;
}
body[data-script="arabic"],
body[data-script="arabic"] main {
  font-family: var(--font-arabic);
}
body[data-script="japanese"],
body[data-script="japanese"] main {
  font-family: var(--font-japanese);
}
body[data-script="korean"],
body[data-script="korean"] main {
  font-family: var(--font-korean);
  word-break: keep-all;
  overflow-wrap: anywhere;
}
a {
  color: #255ee4;
  text-underline-offset: 4px;
}
a:hover {
  color: #1749b7;
}
button,
input,
textarea,
summary {
  font: inherit;
}
button,
summary {
  cursor: pointer;
}
button,
a,
summary {
  touch-action: manipulation;
}
:focus-visible {
  outline: 3px solid var(--color-action);
  outline-offset: 4px;
}
button:disabled {
  cursor: not-allowed;
}
img {
  max-width: 100%;
  height: auto;
}
button {
  color: inherit;
}
.skip-link {
  position: fixed;
  inset-block-start: -90px;
  inset-inline-start: 16px;
  z-index: 100;
  padding: 12px 20px;
  background: white;
  color: #1b2b44;
}
.skip-link:focus {
  inset-block-start: 12px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-size: 20px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #1d2944;
  text-decoration: none;
  white-space: nowrap;
}
.r2-brand-mark {
  width: 33px;
  height: 32px;
  flex: 0 0 33px;
  letter-spacing: 0;
  display: inline-grid;
  place-items: center;
  background:
    radial-gradient(ellipse at 100% 0, #83adff70, transparent 70%),
    linear-gradient(145deg, #467cf0, #245ddd);
  border-radius: 9px;
  color: white;
  line-height: 1;
  font-size: 24px;
  font-weight: 650;
}
.l1-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 30;
}
.l1-head-inner {
  display: flex;
  align-items: center;
}
.l1-tools {
  display: flex;
  align-items: center;
}
.l1-nav {
  display: flex;
  align-items: center;
}
.l1-product-menu,
.l1-locale {
  position: relative;
}
.l1-product-menu > summary,
.l1-locale > summary {
  list-style: none;
}
.l1-product-menu > summary::-webkit-details-marker,
.l1-locale > summary::-webkit-details-marker {
  display: none;
}
.l1-mega,
.l1-locale-panel {
  position: absolute;
  z-index: 50;
}
.menu-toggle {
  display: none;
}
.l1-locale-panel a {
  display: flex;
  justify-content: space-between;
}
.l1-nav .primary-cta {
  background: linear-gradient(108deg, #6550e5, #185fdc);
  color: #fff;
}
.ui-icon {
  fill: currentColor !important;
  stroke: none !important;
  vertical-align: middle;
  flex-shrink: 0;
}
.ui-button {
  touch-action: manipulation;
}
.c1-qr-window > img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  inset: auto !important;
  object-fit: contain;
}
.c1-dialog:not([open]) {
  display: none;
}
.c1-dialog {
  margin: auto;
}
.c1-dialog::backdrop {
  background: rgba(18, 31, 49, 0.55);
}
.y1-young .y1-hero-badge {
  object-fit: contain;
}
.y1-young [data-expression-output],
.y2-keepsake p {
  overflow-wrap: anywhere;
}
.anchor-alias {
  scroll-margin-top: 100px;
}
.pl1-policy [tabindex="-1"] {
  scroll-margin-top: 100px;
}
[dir="rtl"] .y2-editor,
[dir="rtl"] .y2-preview,
[dir="rtl"] .pl1-policy {
  text-align: start;
}
[dir="rtl"] .y1-button .ui-icon,
[dir="rtl"] .y1-text-link .ui-icon {
  transform: scaleX(-1);
}
@media (max-width: 1100px) {
  .menu-toggle {
    display: flex;
  }
  .l1-nav:not(.open) {
    display: none;
  }
  .l1-nav.open {
    display: flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
@media print {
  .s7-header,
  .r3-footer,
  .skip-link,
  .pl1-sidebar,
  .pl1-policies,
  .pl1-crumb,
  .pl1-end {
    display: none !important;
  }
  .pl1-policy {
    padding: 0 !important;
  }
  .pl1-policy section {
    break-inside: avoid;
  }
}
.review-index,
.review-not-found,
.foundation-sample {
  max-width: 960px;
  margin: 48px auto;
  padding: 24px;
  font-size: 18px;
  line-height: 1.8;
}
.review-index li {
  margin-block: 18px;
}
.foundation-sample h1 {
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.foundation-sample input {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  border: 1px solid #7a8aa1;
  border-radius: 8px;
  padding: 10px;
  margin-block: 12px;
}
.foundation-sample button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #9ba7b8;
  border-radius: 8px;
  background: #fff;
  margin-inline-end: 8px;
  color: #1b2b44;
}
.foundation-sample button[aria-selected="true"] {
  background: #255ee4;
  color: #fff;
}
.foundation-sample .ui-tabs {
  margin-block: 24px;
}
.foundation-sample [role="tablist"] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.foundation-sample [role="tabpanel"] {
  padding: 20px;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  margin-block: 10px;
}
.foundation-sample summary {
  min-height: 44px;
}
.foundation-sample progress {
  width: 100%;
  margin-block: 20px;
}
.review-notice {
  font-size: 14px;
  color: #59697f;
  border-bottom: 1px solid #dfe6f0;
  padding-block-end: 16px;
}
.foundation-sample .c1-dialog {
  max-width: min(90vw, 550px);
  padding: 28px;
}
.sample-motion {
  margin-block: 32px;
}

/* Semantic inline layout formerly supplied by prototype-only body selectors. */
.l1-product-menu > summary,
.l1-locale > summary {
  display: flex;
  align-items: center;
}
/* WCAG text contrast fixes; geometry and hierarchy remain R10. */
.pl1-toc-title,
.pl1-policy .pl1-number {
  color: #60718a;
}
.y2-keepsake-foot {
  color: #657189;
}

.y2-chat > span {
  color: #596c8c;
}
.brand,
.r3-foot-logo {
  font-family: var(--font-hans);
}
/* Preserve the sealed mobile wordmark proportions. */
@media (max-width: 600px) {
  .r2-brand-mark {
    width: 29px !important;
    height: 29px !important;
    font-size: 18px !important;
  }
}

/* R10 shared navigation: the homepage now participates in the active-route state. */
body .s7-header .l1-nav > a:not(.primary-cta)[aria-current="page"] {
  background: transparent !important;
  color: #315ed1 !important;
}
body .s7-header .l1-nav > a:not(.primary-cta)[aria-current="page"]::after {
  content: "";
  position: absolute;
  inset-inline: 13px;
  bottom: 2px;
  height: 2px;
  background: linear-gradient(90deg, #7166e6, #3d7be6);
  border-radius: 2px;
}
@media (max-width: 1100px) {
  body .s7-header .l1-nav > a:not(.primary-cta)[aria-current="page"] {
    background: #f0f4ff !important;
  }
  body .s7-header .l1-nav > a:not(.primary-cta)[aria-current="page"]::after {
    display: none;
  }
}
/* R34 transient press feedback is independent from persistent selection. */
:where(main) button:not(:disabled):active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 4px #1b2b4424;
}
:where(.b1-brain, .s1-spatial) :is(.b1-button, .s1-button):active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 4px #1b2b4424;
}

/* Ten-language local previews: keep every option reachable in short viewports. */
body .s7-header .l1-locale-panel {
  width: max-content;
  background: #fff;
  max-height: calc(100dvh - 110px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.l1-locale-panel bdi {
  overflow-wrap: anywhere;
}

body .s7-header .l1-locale-panel a {
  text-decoration: none;
}
/* Keep the brand lockup and literal identifiers in their original direction. */
.brand,
.r3-foot-logo {
  direction: ltr;
  unicode-bidi: isolate;
}
[dir="rtl"] .c1-path-arrow .ui-icon {
  transform: scaleX(-1);
}

/* Grid must not stretch a Latin brand lockup across its RTL column. */
#site-footer.r3-footer .r3-foot-logo {
  width: max-content;
  white-space: nowrap;
  overflow-wrap: normal;
}
/* Keep the mark and wordmark intact when a browser enlarges text. */
#site-footer.r3-footer .r3-foot-logo > span {
  flex-shrink: 0;
}

/* Shared mechanics for E7 consumers; page layouts retain their R10 responsibilities. */
:where(.e1-elder,.ep1-enterprise,.ab1-about) [hidden] { display:none !important; }
:where(.e1-elder,.ep1-enterprise,.ab1-about) :focus-visible { outline:3px solid var(--focus-ring,#4169e1); outline-offset:4px; }
:where(.e1-elder,.ep1-enterprise,.ab1-about) button:disabled { cursor:not-allowed; }
.e1-elder .is-quiet [data-example-output], .e1-elder .is-ended [data-example-output] { opacity:1; }

@media(prefers-reduced-motion:reduce) {
 :where(.e1-elder,.ep1-enterprise,.ab1-about) *,
 :where(.e1-elder,.ep1-enterprise,.ab1-about) *::before,
 :where(.e1-elder,.ep1-enterprise,.ab1-about) *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
[dir="rtl"] :is(.e1-elder,.ep1-enterprise,.ab1-about) :is(button,summary) { text-align:start; }
[dir="rtl"] :is(.e1-elder,.ep1-enterprise,.ab1-about) a > .ui-icon { transform:scaleX(-1); }

/* Same-hue contrast corrections for measured R10 auxiliary labels. */
.e1-elder .e1-note, .e1-elder .e1-frame > p, .e1-elder .e1-frame-stage > span,
.e1-elder .e1-distinction .e1-label, .e1-elder .e1-distinction p { color:#586b87; }
.ep1-enterprise .ep1-tabs .ep1-number, .ep1-enterprise .ep1-delivery-mark > span,
.ep1-enterprise .ep1-system-sketch span, .ep1-enterprise .ep1-step-number,
.ep1-enterprise .ep1-proof-copy > .ep1-label, .ep1-enterprise .ep1-scope-note { color:#586b87; }
:where(.ep1-enterprise,.ab1-about) .ui-icon { width:1em; height:1em; }

.ep1-enterprise .ep1-scope-note[data-copy] { color:#586b87; }
.e1-elder .e1-scene-tabs [aria-selected="true"] .e1-tab-copy small,
.e1-elder .e1-family-flow .e1-label, .e1-elder .e1-review > small { color:#52647f; }

/* Preserve the original 24px arrow line box when using the shared SVG icon. */
.ep1-enterprise .ep2-contact-link > span { display:inline-flex; align-items:center; height:1.5em; }
.ep1-enterprise .ep1-proof > .ep1-wrap > p.ep1-scope-note { color:#586b87; }
.ep1-enterprise .ep2-config-row > dt { color:#586b87; }
.e1-elder .e1-story-card > .e1-label, .e1-elder .e1-story-card > small,
.e1-elder .e1-reminder-card > div > p, .e1-elder .e1-reminder-card .e1-badge { color:#52647f; }