:root { --webapp-blue: #06a3da; --webapp-blue-dark: #087da7; --webapp-ink: #10233f; --webapp-muted: #5d6f82; --webapp-line: #dbe7ee; --webapp-soft: #f3f9fc; }
.webapp-page { overflow-x: clip; background: #fff; color: var(--webapp-muted); }
.webapp-page main { overflow: clip; }
.webapp-page h1,.webapp-page h2,.webapp-page h3,.webapp-page h4 { color: var(--webapp-ink); }
.webapp-page h2 { margin: 0 0 1rem; font-size: clamp(1.8rem,3.4vw,3rem); line-height: 1.12; letter-spacing: -.035em; }
.webapp-page h3 { line-height: 1.3; }
.webapp-page p { line-height: 1.72; }
.webapp-page :is(a,button,summary,[tabindex]):focus-visible { outline: 3px solid rgba(6,163,218,.38); outline-offset: 3px; }
.webapp-label { margin: 0 0 .8rem; color: var(--webapp-blue-dark); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.webapp-intro { max-width: 790px; }
.webapp-intro > p:last-child,.webapp-section-split > p,.webapp-related-head > p { color: var(--webapp-muted); font-size: 1.04rem; }
.webapp-soft { background: var(--webapp-soft); border-block: 1px solid #e7f0f5; }

.webapp-hero { position: relative; padding: clamp(2.5rem,4vw,4.5rem) 0; overflow: hidden; background: linear-gradient(120deg,#fff 0%,#f5fbfe 70%,#edf9fd 100%); }
.webapp-hero::before { position: absolute; inset: 0; background-image: radial-gradient(rgba(6,163,218,.12) 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg,transparent 35%,#000); content: ""; pointer-events: none; }
.webapp-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(440px,.95fr); gap: clamp(1.5rem,3vw,3rem); align-items: center; }
.webapp-hero-copy { min-width: 0; }
.webapp-hero-copy .ifl-breadcrumb { margin-bottom: 1.25rem; }
.webapp-hero h1 { max-width: 760px; margin: .7rem 0 1.35rem; font-size: clamp(2.4rem,3.7vw,3.65rem); line-height: 1.08; letter-spacing: -.055em; }
.webapp-hero-copy > p:not(.webapp-label) { max-width: 700px; margin-bottom: .8rem; }
.webapp-hero-copy .webapp-lead { color: #334e63; font-size: clamp(1.08rem,1.6vw,1.24rem); }
.webapp-hero .ifl-cta-row { margin-top: 1.7rem; }
.webapp-hero-points { display: flex; flex-wrap: wrap; gap: .6rem 1.25rem; padding: 0; margin: 1.6rem 0 0; list-style: none; color: #40576a; font-size: .88rem; font-weight: 700; }
.webapp-hero-points i { margin-right: .35rem; color: var(--webapp-blue); }
.webapp-hero-visual { min-width: 0; filter: drop-shadow(0 28px 35px rgba(18,56,79,.14)); }
.webapp-window { overflow: hidden; border: 1px solid #c8dde8; border-radius: 18px; background: #fff; transform: perspective(1200px) rotateY(-2deg); }
.webapp-window-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 46px; padding: 8px 14px; border-bottom: 1px solid var(--webapp-line); color: #65798b; font-size: .68rem; }
.webapp-window-bar > span { display: flex; gap: 5px; }
.webapp-window-bar > span i { width: 8px; height: 8px; border-radius: 50%; background: #c7d5de; }
.webapp-window-bar b { color: #29445a; }
.webapp-window-bar em { justify-self: end; font-style: normal; }
.webapp-window-body { display: grid; grid-template-columns: 102px minmax(0,1fr); min-height: 400px; }
.webapp-window-body > aside { padding: 18px 10px; background: #10233f; }
.webapp-window-body > aside span { display: grid; grid-template-columns: 18px 1fr; gap: 6px; align-items: center; margin-bottom: 7px; padding: 8px 7px; border-radius: 6px; color: #aebdcc; font-size: .6rem; }
.webapp-window-body > aside span.is-active { background: rgba(6,163,218,.2); color: #fff; }
.webapp-dashboard { min-width: 0; padding: 20px; background: #f7fafc; }
.webapp-dash-head,.webapp-panel-title { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.webapp-dash-head div { display: flex; flex-direction: column; }
.webapp-dash-head strong { color: var(--webapp-ink); font-size: 1rem; }
.webapp-dash-head small { color: #8393a1; font-size: .62rem; }
.webapp-dash-head button { min-height: 31px; padding: 5px 10px; border: 0; border-radius: 6px; background: var(--webapp-blue); color: #fff; font-size: .62rem; font-weight: 700; }
.webapp-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 18px 0; }
.webapp-metrics article { display: flex; flex-direction: column; padding: 12px; border: 1px solid #e0e9ef; border-radius: 9px; background: #fff; }
.webapp-metrics span,.webapp-metrics small { color: #788a98; font-size: .59rem; }
.webapp-metrics b { margin: 3px 0; color: var(--webapp-ink); font-size: 1.25rem; }
.webapp-metrics i { color: #13a66a; }
.webapp-dash-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 8px; }
.webapp-dash-grid > section { min-width: 0; min-height: 175px; padding: 12px; border: 1px solid #e0e9ef; border-radius: 9px; background: #fff; }
.webapp-panel-title b { color: #29445a; font-size: .68rem; }.webapp-panel-title small { color: #8494a2; font-size: .56rem; }
.webapp-chart { display: flex; align-items: end; gap: 7px; height: 116px; padding-top: 14px; border-bottom: 1px solid #dfe8ee; }
.webapp-chart i { flex: 1; height: var(--h); border-radius: 3px 3px 0 0; background: linear-gradient(#06a3da,#9edff5); }
.webapp-dash-grid ul { padding: 8px 0 0; margin: 0; list-style: none; }
.webapp-dash-grid li { display: flex; gap: 7px; align-items: center; padding: 8px 0; border-bottom: 1px solid #edf2f5; color: #425b6d; font-size: .6rem; }
.webapp-dash-grid li > i { display: grid; place-items: center; width: 20px; height: 20px; flex: 0 0 20px; border-radius: 50%; background: #e5f8ff; color: var(--webapp-blue-dark); }
.webapp-dash-grid li span { display: flex; flex-direction: column; }.webapp-dash-grid li small { color: #8998a5; font-size: .53rem; }

.webapp-page-nav { position: relative; z-index: 4; border-block: 1px solid #e3edf2; background: rgba(255,255,255,.96); }
.webapp-page-nav .container { display: flex; justify-content: center; gap: clamp(1rem,3vw,2.5rem); overflow-x: auto; scrollbar-width: none; }
.webapp-page-nav a { flex: 0 0 auto; padding: 14px 0 12px; border-bottom: 2px solid transparent; color: #466074; font-size: .83rem; font-weight: 700; }
.webapp-page-nav a:hover { border-color: var(--webapp-blue); color: var(--webapp-blue-dark); }

.webapp-definition { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(310px,.7fr); gap: clamp(2.5rem,7vw,6rem); align-items: center; }
.webapp-definition > div > p { max-width: 760px; font-size: 1.04rem; }
.webapp-definition-card { padding: clamp(1.4rem,3vw,2rem); border: 1px solid #cfe2ec; border-radius: 18px; background: #f8fcfe; box-shadow: 0 16px 38px rgba(26,71,96,.08); }
.webapp-definition-card > span { display: flex; gap: .7rem; align-items: center; color: var(--webapp-ink); font-size: 1rem; font-weight: 800; }
.webapp-definition-card > span i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: #dcf4fc; color: var(--webapp-blue-dark); }
.webapp-definition-card > p { margin: .6rem 0 .9rem 3rem; color: #607487; font-size: .9rem; }
.webapp-definition-card > i { margin: 0 0 .85rem .7rem; color: #92a9b8; }

.webapp-problem-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 2.5rem; }
.webapp-problem-grid article { padding: clamp(1.3rem,2.5vw,1.8rem); border: 1px solid #d9e8ef; border-radius: 14px; background: #fff; }
.webapp-problem-grid article > i { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 10px; background: #e6f7fd; color: var(--webapp-blue-dark); font-size: 1.15rem; }
.webapp-problem-grid h3 { margin: 1rem 0 .5rem; font-size: 1.03rem; }.webapp-problem-grid p { margin: 0; font-size: .91rem; }

.webapp-section-split,.webapp-related-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.75fr); gap: clamp(2rem,6vw,5rem); align-items: end; margin-bottom: 2.5rem; }
.webapp-section-split h2,.webapp-related-head h2 { margin-bottom: 0; }.webapp-section-split > p,.webapp-related-head > p { margin: 0; }
.webapp-type-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.webapp-type-grid article { display: grid; grid-template-columns: 48px 1fr; gap: 1rem; padding: 1.3rem; border: 1px solid var(--webapp-line); border-radius: 13px; background: #fff; }
.webapp-type-grid article > i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 11px; background: #edf9fd; color: var(--webapp-blue-dark); font-size: 1.15rem; }
.webapp-type-grid h3 { margin: 0 0 .35rem; font-size: 1rem; }.webapp-type-grid p { margin: 0; font-size: .9rem; }

.webapp-workflow-section { background: #10233f; color: #c7d5e1; }
.webapp-workflow-section h2,.webapp-workflow-section h3,.webapp-workflow-section h4 { color: #fff; }
.webapp-workflow-section .webapp-label { color: #6fd2f4; }
.webapp-workflow { margin-top: 2.4rem; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: #fff; color: var(--webapp-muted); box-shadow: 0 26px 60px rgba(0,0,0,.18); }
.webapp-workflow-tabs { display: grid; grid-template-columns: repeat(5,1fr); background: #eaf6fb; }
.webapp-workflow-tabs button { position: relative; display: grid; grid-template-columns: 31px 1fr; grid-template-rows: auto auto; gap: 1px 8px; align-items: center; min-width: 0; min-height: 80px; padding: 12px 10px; border: 0; border-right: 1px solid #d2e4ec; background: transparent; color: #62778a; text-align: left; }
.webapp-workflow-tabs button:last-child { border-right: 0; }
.webapp-workflow-tabs button > span { grid-row: 1/3; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #b5d4e1; border-radius: 50%; font-size: .68rem; font-weight: 800; }
.webapp-workflow-tabs strong { align-self: end; overflow: hidden; color: #27445b; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.webapp-workflow-tabs small { align-self: start; overflow: hidden; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.webapp-workflow-tabs button[aria-selected="true"] { background: #fff; color: var(--webapp-blue-dark); box-shadow: inset 0 3px var(--webapp-blue); }
.webapp-workflow-tabs button[aria-selected="true"] > span { border-color: var(--webapp-blue); background: var(--webapp-blue); color: #fff; }
.webapp-workflow-panels > article { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr); gap: clamp(2rem,6vw,5rem); align-items: center; min-height: 405px; padding: clamp(1.5rem,5vw,3.5rem); border-top: 1px solid #dbe6ec; }
.webapp-js .webapp-workflow-panels > article:not(.is-active) { display: none; }
.webapp-flow-copy > span { color: var(--webapp-blue-dark); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.webapp-flow-copy h3 { margin: .65rem 0 .8rem; color: var(--webapp-ink); font-size: clamp(1.5rem,3vw,2.25rem); letter-spacing: -.03em; }
.webapp-flow-copy ul { display: flex; flex-wrap: wrap; gap: .55rem; padding: 0; margin: 1.2rem 0 0; list-style: none; }
.webapp-flow-copy li { padding: .4rem .7rem; border-radius: 99px; background: #eaf8fd; color: #2f6078; font-size: .75rem; font-weight: 700; }
.webapp-flow-ui { min-width: 0; padding: 1.4rem; border: 1px solid #d5e4eb; border-radius: 14px; background: #f7fafc; box-shadow: 0 12px 30px rgba(22,58,80,.09); }
.webapp-ui-title { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; color: var(--webapp-ink); }.webapp-ui-title small { color: var(--webapp-blue-dark); font-weight: 700; }
.webapp-flow-ui label { display: flex; flex-direction: column; gap: 4px; margin-bottom: .7rem; color: #687c8e; font-size: .7rem; font-weight: 700; }.webapp-flow-ui label span { padding: .62rem .75rem; border: 1px solid #d9e5eb; border-radius: 7px; background: #fff; color: #29455a; font-size: .82rem; font-weight: 500; }
.webapp-flow-ui > button { width: 100%; min-height: 40px; margin-top: .25rem; border: 0; border-radius: 7px; background: var(--webapp-blue); color: #fff; font-size: .8rem; font-weight: 800; }
.webapp-check { display: flex; gap: .7rem; align-items: center; margin: .65rem 0; padding: .7rem; border: 1px solid #e0e9ee; border-radius: 8px; background: #fff; color: #29455a; font-size: .8rem; }.webapp-check > i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #dcf8ea; color: #168259; }.webapp-check span { display: flex; flex-direction: column; }.webapp-check small { color: #7c8d9b; font-size: .67rem; }
.webapp-route { padding: 0; margin: 0; list-style: none; }.webapp-route li { position: relative; display: flex; gap: .8rem; align-items: center; min-height: 62px; color: #526a7c; }.webapp-route li:not(:last-child)::after { position: absolute; top: 43px; bottom: -19px; left: 15px; width: 2px; background: #d7e3e9; content: ""; }.webapp-route i { position: relative; z-index: 1; display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 50%; background: #e6edf1; }.webapp-route span { display: flex; flex-direction: column; font-size: .84rem; font-weight: 700; }.webapp-route small { color: #81919e; font-size: .68rem; font-weight: 400; }.webapp-route .done i,.webapp-route .current i { background: var(--webapp-blue); color: #fff; }
.webapp-mini-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; }.webapp-mini-metrics span { display: flex; flex-direction: column; padding: .8rem; border: 1px solid #dbe6ec; border-radius: 8px; background: #fff; }.webapp-mini-metrics small { color: #718493; }.webapp-mini-metrics b { color: var(--webapp-ink); font-size: 1.3rem; }.webapp-progress { margin-top: 1rem; }.webapp-progress > span { display: block; height: 8px; overflow: hidden; border-radius: 9px; background: #dce7ec; }.webapp-progress i { display: block; height: 100%; border-radius: inherit; background: var(--webapp-blue); }.webapp-progress small { display: block; margin-top: .5rem; color: #667b8d; }
.webapp-outcome-card { text-align: center; }.webapp-outcome-card > i { color: #18a66d; font-size: 2.7rem; }.webapp-outcome-card h4 { margin: .5rem 0; color: var(--webapp-ink); }.webapp-outcome-card > span { display: inline-block; padding: .35rem .65rem; border-radius: 99px; background: #ddf7eb; color: #177453; font-size: .7rem; font-weight: 700; }
.webapp-workflow-controls { display: flex; align-items: center; gap: .55rem; min-height: 64px; padding: .55rem 1rem; border-top: 1px solid #dbe6ec; background: #f8fafb; }.webapp-workflow-controls > span { margin-right: auto; color: #657a8b; font-size: .78rem; }.webapp-workflow-controls button { min-height: 42px; padding: .55rem .85rem; border: 1px solid #bdd5e0; border-radius: 7px; background: #fff; color: #264d63; font-size: .78rem; font-weight: 800; }.webapp-workflow-controls button:disabled { opacity: .45; cursor: not-allowed; }

.webapp-process-layout { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: clamp(3rem,8vw,7rem); align-items: start; }
.webapp-process-intro { position: sticky; top: 110px; }.webapp-process-intro > p:not(.webapp-label) { font-size: 1.04rem; }.webapp-process-intro .ifl-cta-link { margin-top: .6rem; }
.webapp-process { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 1.6rem; padding: 0; margin: 0; list-style: none; counter-reset: steps; }
.webapp-process li { display: grid; grid-template-columns: 44px 1fr; gap: .8rem; min-height: 145px; padding: 1.35rem 0; border-top: 1px solid var(--webapp-line); }
.webapp-process li > span { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 10px; background: #e8f8fd; color: var(--webapp-blue-dark); font-size: .75rem; font-weight: 800; }
.webapp-process h3 { margin: .3rem 0 .4rem; font-size: 1rem; }.webapp-process p { margin: 0; font-size: .88rem; }

.webapp-compare-section { background: #f5f9fb; border-block: 1px solid #e6eef3; }
.webapp-table-wrap { overflow-x: auto; border: 1px solid #d5e3ea; border-radius: 14px; background: #fff; }
.webapp-table-wrap table { width: 100%; min-width: 720px; border-collapse: collapse; }
.webapp-table-wrap th,.webapp-table-wrap td { padding: 1rem 1.2rem; border-bottom: 1px solid #e3ebef; text-align: left; vertical-align: top; }
.webapp-table-wrap thead th { background: #10233f; color: #fff; font-size: .82rem; }.webapp-table-wrap thead th:first-child { width: 20%; }.webapp-table-wrap tbody th { color: var(--webapp-ink); font-size: .87rem; }.webapp-table-wrap td { color: #5b7182; font-size: .87rem; }
.webapp-compare-note { display: flex; gap: .7rem; max-width: 880px; margin: 1rem auto 0; color: #607485; font-size: .86rem; }.webapp-compare-note i { color: var(--webapp-blue); }

.webapp-tech-section { background: #10233f; color: #c5d3de; }
.webapp-tech-section h2,.webapp-tech-section h3 { color: #fff; }.webapp-tech-section .webapp-label { color: #70d4f6; }
.webapp-tech-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(3rem,7vw,6rem); align-items: center; }
.webapp-tech-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; }.webapp-tech-grid article { padding: 1.35rem; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.055); }.webapp-tech-grid i { color: #74d8f8; font-size: 1.3rem; }.webapp-tech-grid h3 { margin: .75rem 0 .35rem; font-size: .98rem; }.webapp-tech-grid p { margin: 0; color: #bfd0dc; font-size: .86rem; }

.webapp-experience-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }.webapp-experience-grid > article { padding: 1.5rem; border: 1px solid var(--webapp-line); border-radius: 14px; background: #fff; }.webapp-experience-grid > article > i { color: var(--webapp-blue-dark); font-size: 1.45rem; }.webapp-experience-grid h3 { margin: .8rem 0 .5rem; font-size: 1.05rem; }.webapp-experience-grid p { font-size: .9rem; }.webapp-experience-grid a { color: var(--webapp-blue-dark); font-size: .84rem; font-weight: 800; }
.webapp-product-feature { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,.8fr) minmax(380px,1.2fr); gap: 2.5rem; align-items: center; background: linear-gradient(120deg,#f3fbfe,#fff) !important; }.webapp-product-feature > div:first-child > span { color: var(--webapp-blue-dark); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.webapp-product-feature h3 { font-size: 1.65rem; }
.webapp-product-flow { display: flex; align-items: center; justify-content: center; gap: .65rem; }.webapp-product-flow span { display: grid; place-items: center; gap: .35rem; min-width: 75px; color: #395469; font-size: .7rem; font-weight: 800; text-align: center; }.webapp-product-flow span i { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #bfe1ee; border-radius: 50%; background: #fff; color: var(--webapp-blue-dark); font-size: 1rem; }.webapp-product-flow > i { color: #9db4c2; }

.webapp-regions { background: #eef8fc; }.webapp-regions-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(3rem,7vw,6rem); align-items: center; }.webapp-region-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }.webapp-region-flow article { padding: 1.3rem; border: 1px solid #cfe2eb; border-radius: 13px; background: #fff; }.webapp-region-flow span { color: var(--webapp-blue-dark); font-size: .7rem; font-weight: 800; }.webapp-region-flow h3 { margin: .75rem 0 .4rem; font-size: 1rem; }.webapp-region-flow p { margin: 0; font-size: .83rem; }

.webapp-cost { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,.8fr); gap: clamp(3rem,7vw,6rem); align-items: center; }.webapp-cost > div > p:not(.webapp-label) { max-width: 700px; }.webapp-cost .ifl-cta-row { margin-top: 1.5rem; }.webapp-cost aside { padding: clamp(1.4rem,3vw,2rem); border: 1px solid #d3e3eb; border-radius: 16px; background: #f7fbfd; }.webapp-cost aside h3 { margin: 0 0 1rem; font-size: 1.1rem; }.webapp-cost ul { padding: 0; margin: 0; list-style: none; }.webapp-cost li { display: grid; grid-template-columns: 34px 1fr; gap: .7rem; align-items: center; padding: .75rem 0; border-top: 1px solid #e0ebf0; }.webapp-cost li i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: #e5f7fd; color: var(--webapp-blue-dark); }.webapp-cost li span { color: #617687; font-size: .8rem; }.webapp-cost li strong { display: block; color: #29455a; font-size: .86rem; }

.webapp-related { background: #f5f9fb; border-block: 1px solid #e6eef3; }.webapp-related-links { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; }.webapp-related-links a { display: grid; grid-template-columns: 43px 1fr 20px; gap: .9rem; align-items: center; padding: 1rem; border: 1px solid var(--webapp-line); border-radius: 11px; background: #fff; color: #617485; }.webapp-related-links a > i:first-child { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 9px; background: #e8f7fc; color: var(--webapp-blue-dark); }.webapp-related-links a > i:last-child { color: var(--webapp-blue-dark); }.webapp-related-links span { font-size: .78rem; }.webapp-related-links strong { display: block; margin-bottom: .15rem; color: var(--webapp-ink); font-size: .92rem; }

.webapp-faq-layout { display: grid; grid-template-columns: minmax(270px,.65fr) minmax(0,1.35fr); gap: clamp(2.5rem,7vw,6rem); align-items: start; }.webapp-faq-layout .ifl-section-intro { position: sticky; top: 110px; }.webapp-faq-layout .ifl-service-faq details { border-color: #d8e4eb; background: #fff; }
.webapp-final { background: #10233f; color: #c8d5df; }.webapp-final .container { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3rem; align-items: center; }.webapp-final h2 { max-width: 760px; color: #fff; }.webapp-final p:not(.webapp-label) { max-width: 780px; margin: 0; }.webapp-final .webapp-label { color: #72d5f5; }.webapp-final .ifl-cta-row { justify-content: flex-end; }.webapp-final .ifl-cta-link { color: #fff; }

@media (max-width: 1199px) {
  .webapp-hero-grid { grid-template-columns: minmax(0,1fr) minmax(420px,.9fr); gap: 2rem; }
  .webapp-window-body { min-height: 360px; }.webapp-dashboard { padding: 14px; }
  .webapp-workflow-tabs button { grid-template-columns: 28px 1fr; padding-inline: 7px; }.webapp-workflow-tabs button > span { width: 27px; height: 27px; }
}
@media (max-width: 991px) {
  .webapp-hero-grid,.webapp-definition,.webapp-process-layout,.webapp-tech-layout,.webapp-regions-grid,.webapp-cost,.webapp-faq-layout { grid-template-columns: 1fr; }
  .webapp-hero-visual { width: min(720px,100%); margin-inline: auto; }.webapp-window { transform: none; }
  .webapp-process-intro,.webapp-faq-layout .ifl-section-intro { position: static; }.webapp-process { margin-top: 1rem; }
  .webapp-workflow-tabs { grid-template-columns: repeat(5,minmax(130px,1fr)); overflow-x: auto; }.webapp-workflow-tabs button { min-height: 74px; }
  .webapp-workflow-panels > article { grid-template-columns: 1fr; min-height: 0; }.webapp-flow-ui { width: min(560px,100%); }
  .webapp-final .container { grid-template-columns: 1fr; }.webapp-final .ifl-cta-row { justify-content: flex-start; }
}
@media (max-width: 767px) {
  .webapp-page .ifl-section { padding-block: 4rem; }
  .webapp-hero { padding: 3rem 0 3.5rem; }.webapp-hero h1 { font-size: clamp(2.25rem,10vw,3.25rem); }.webapp-hero-copy .ifl-breadcrumb { margin-bottom: 1.5rem; }
  .webapp-window-body { grid-template-columns: 1fr; min-height: 0; }.webapp-window-body > aside { display: none; }.webapp-dash-grid { grid-template-columns: 1fr; }.webapp-dash-grid > section:last-child { display: none; }
  .webapp-section-split,.webapp-related-head { grid-template-columns: 1fr; gap: 1rem; }.webapp-problem-grid,.webapp-type-grid,.webapp-tech-grid,.webapp-experience-grid,.webapp-region-flow,.webapp-related-links { grid-template-columns: 1fr; }
  .webapp-product-feature { grid-column: auto; grid-template-columns: 1fr; }.webapp-product-flow { justify-content: flex-start; overflow-x: auto; padding-bottom: .4rem; }.webapp-product-flow span { min-width: 65px; }
  .webapp-process { grid-template-columns: 1fr; }.webapp-process li { min-height: 0; }
  .webapp-workflow-controls > span { display: none; }
}
@media (max-width: 479px) {
  .webapp-hero-points { display: grid; }.webapp-window-bar { grid-template-columns: 1fr auto; }.webapp-window-bar b { display: none; }
  .webapp-metrics { grid-template-columns: 1fr 1fr; }.webapp-metrics article:last-child { display: none; }.webapp-dashboard { padding: 10px; }
  .webapp-page-nav .container { justify-content: flex-start; }
  .webapp-type-grid article { grid-template-columns: 40px 1fr; padding: 1rem; }.webapp-type-grid article > i { width: 40px; height: 40px; }
  .webapp-workflow-panels > article { padding: 1.25rem; }.webapp-flow-copy ul { display: grid; }.webapp-mini-metrics { grid-template-columns: 1fr; }
  .webapp-workflow-controls { justify-content: space-between; }.webapp-workflow-controls button { flex: 1; }
  .webapp-final .ifl-cta-row,.webapp-cost .ifl-cta-row { align-items: stretch; flex-direction: column; }.webapp-final .ifl-cta-row > *,.webapp-cost .ifl-cta-row > * { width: 100%; justify-content: center; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .webapp-page * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Custom Web Apps: restore shared mega-menu heading sizing */
@media (min-width: 992px) {
  .webapp-page .nav-mega-panel .mega-menu-group h2 {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
}