:root {
    --ikao-navy: #102c50;
    --ikao-navy-deep: #091f39;
    --ikao-blue: #1675c5;
    --ikao-cyan: #35bce5;
    --ikao-ink: #102c50;
    --ikao-muted: #667c96;
    --ikao-line: #dfe8f1;
    --ikao-cloud: #f4f8fc;
    --ikao-white: #fff;
    --ikao-radius: 22px;
    --ikao-shadow: 0 18px 50px rgba(14, 43, 77, .09);
    color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; color: var(--ikao-ink); background: #fff; font: 16px/1.65 Inter, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body, button, input, textarea, select { font-family: Inter, "Segoe UI", Arial, sans-serif; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.container { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }
.skip-link { position: fixed; z-index: 1000; inset-inline-start: 16px; top: 12px; transform: translateY(-160%); padding: 12px 16px; color: #fff; background: var(--ikao-navy); border-radius: 10px; }
.skip-link:focus { transform: translateY(0); }

.topline { background: var(--ikao-navy-deep); color: rgba(255,255,255,.76); font-size: 12px; }
.topline-inner { display: flex; align-items: center; justify-content: space-between; min-height: 36px; gap: 16px; }
.topline a { color: #fff; font-weight: 650; }
.topline a span { padding-inline-start: 4px; color: #61c5ec; }
.site-header { position: sticky; z-index: 100; top: 0; background: rgba(255,255,255,.95); border-bottom: 1px solid rgba(223,232,241,.8); backdrop-filter: blur(14px); transition: box-shadow .2s ease; }
.site-header.is-scrolled { box-shadow: 0 8px 26px rgba(16,44,80,.07); }
.header-inner { display: flex; align-items: center; gap: 30px; min-height: 82px; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; max-width: 205px; }
.brand img, .site-logo { display: block; width: 190px; max-height: 58px; object-fit: contain; object-position: left center; }
.primary-navigation { margin-inline-start: auto; }
.primary-navigation > div { height: 100%; }
.nav-list { display: flex; align-items: center; gap: clamp(16px, 2.15vw, 30px); margin: 0; padding: 0; list-style: none; }
.nav-list li { position: relative; }
.nav-list > li > a { display: inline-flex; align-items: center; min-height: 82px; color: #324c69; font-size: 13px; font-weight: 650; transition: color .18s ease; }
.nav-list > li > a:hover, .nav-list > li.current-menu-item > a { color: var(--ikao-blue); }
.nav-list .menu-item-has-children > a::after { content: ""; width: 7px; height: 7px; margin-inline-start: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.nav-list .sub-menu { position: absolute; z-index: 110; top: calc(100% - 8px); inset-inline-start: -18px; min-width: 240px; margin: 0; padding: 10px; list-style: none; border: 1px solid var(--ikao-line); border-radius: 16px; background: #fff; box-shadow: 0 18px 42px rgba(9,31,57,.14); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.nav-list li:hover > .sub-menu, .nav-list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-list .sub-menu a { display: block; padding: 10px 12px; border-radius: 10px; color: #425b75; font-size: 13px; font-weight: 550; }
.nav-list .sub-menu a:hover { color: var(--ikao-blue); background: #f0f7fd; }
.header-actions { display: flex; align-items: center; gap: 20px; }
.header-login { color: #37516d; font-size: 13px; font-weight: 650; white-space: nowrap; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px; font-size: 13px; font-weight: 700; line-height: 1.2; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--ikao-blue); box-shadow: 0 8px 18px rgba(22,117,197,.16); }
.button-primary:hover { color: #fff; background: #0f65ad; box-shadow: 0 11px 24px rgba(22,117,197,.22); }
.button-secondary { color: var(--ikao-navy); border-color: var(--ikao-line); background: #fff; }
.button-outline { color: #fff; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.04); }
.button-outline:hover { color: #fff; background: rgba(255,255,255,.12); }
.button-light { color: var(--ikao-navy); background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.12); }
.button-light:hover { color: var(--ikao-blue); background: #f4f9ff; }
.button-small { min-height: 43px; padding-inline: 16px; font-size: 12px; }
.mobile-actions, .menu-toggle { display: none; }

.hero-section { position: relative; overflow: hidden; padding: 78px 0 0; color: #fff; background: radial-gradient(ellipse at 74% 46%, rgba(22,117,197,.22), transparent 36%), linear-gradient(115deg, #091f39 0%, #102c50 58%, #0a385b 100%); }
.hero-section::after { position: absolute; inset-inline: 0; bottom: 0; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(53,188,229,.45), transparent); }
.hero-orb { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(1px); }
.hero-orb-one { top: -280px; inset-inline-end: 8%; width: 670px; height: 670px; border: 1px solid rgba(72,185,232,.12); box-shadow: 0 0 0 65px rgba(53,188,229,.025), 0 0 0 130px rgba(53,188,229,.02); }
.hero-orb-two { bottom: -390px; inset-inline-start: 35%; width: 650px; height: 650px; background: radial-gradient(circle, rgba(22,117,197,.17), transparent 68%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(42px, 6vw, 82px); min-height: 500px; }
.hero-copy { padding-bottom: 42px; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--ikao-blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.hero-copy .eyebrow { color: #77d1f2; }
.eyebrow-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #47c1e8; box-shadow: 0 0 0 5px rgba(71,193,232,.12); }
.hero-copy h1 { max-width: 620px; margin: 0; font-size: clamp(39px, 5vw, 62px); font-weight: 760; letter-spacing: -.052em; line-height: 1.08; }
.hero-lead { max-width: 560px; margin: 23px 0 0; color: rgba(231,242,251,.73); font-size: 16px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-proof { display: flex; align-items: center; gap: 9px; margin-top: 22px; color: rgba(226,240,251,.67); font-size: 12px; }
.proof-check { display: inline-grid; width: 19px; height: 19px; place-items: center; border: 1px solid rgba(75,202,163,.3); border-radius: 50%; color: #52d2a1; font-size: 11px; }
.hero-visual { position: relative; min-height: 430px; display: flex; align-items: center; justify-content: center; perspective: 1000px; }
.visual-glow { position: absolute; width: 86%; height: 62%; border-radius: 50%; background: rgba(16,132,199,.23); filter: blur(75px); }
.dashboard-window { position: relative; z-index: 1; width: min(100%, 570px); overflow: hidden; border: 1px solid rgba(255,255,255,.21); border-radius: 18px; background: #f7fbff; box-shadow: 0 30px 80px rgba(0,0,0,.31), 0 0 0 7px rgba(255,255,255,.035); transform: rotateY(-7deg) rotateX(2deg); }
.dashboard-topbar { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 16px; color: #7488a0; border-bottom: 1px solid #e5edf5; background: #fff; font-size: 10px; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #d2dce8; }
.window-dots i:first-child { background: #53c5ed; }
.avatar-chip { display: grid; width: 24px; height: 24px; place-items: center; margin-inline-start: auto; border-radius: 8px; color: #fff; background: var(--ikao-blue); font-size: 10px; font-weight: 700; }
.dashboard-body { padding: 21px; color: #193957; }
.dashboard-greeting { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dashboard-greeting div { display: grid; gap: 3px; }
.dashboard-greeting div span { color: #8294a8; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.dashboard-greeting div strong { font-size: 17px; letter-spacing: -.03em; }
.dashboard-period { padding: 6px 9px; border: 1px solid #e3eaf2; border-radius: 7px; color: #647b94; background: #fff; font-size: 9px; }
.dashboard-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; margin-top: 17px; }
.dashboard-kpis > div { min-height: 92px; padding: 12px; border: 1px solid #e7edf4; border-radius: 10px; background: #fff; }
.dashboard-kpis span { display: block; color: #8192a5; font-size: 9px; }
.dashboard-kpis strong { display: block; margin-top: 8px; color: #15395b; font-size: 15px; letter-spacing: .08em; }
.kpi-line { display: block; width: 39px; height: 3px; margin-top: 9px; border-radius: 5px; background: var(--ikao-blue); }
.cyan-line { background: #47c5e5; }.mint-line { background: #54c5a1; }
.dashboard-lower { display: grid; grid-template-columns: 1.35fr .85fr; gap: 11px; margin-top: 11px; }
.chart-card, .activity-card { min-height: 151px; padding: 12px; border: 1px solid #e7edf4; border-radius: 10px; background: #fff; }
.chart-title { display: flex; align-items: center; justify-content: space-between; font-size: 9px; }
.chart-title span { color: #9aa9b9; font-size: 8px; }
.chart-area { position: relative; height: 99px; margin-top: 10px; }
.chart-grid-lines { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; }
.chart-grid-lines i { border-top: 1px dashed #e8eef5; }
.chart-bars { position: absolute; z-index: 1; inset: 0 4px; display: flex; align-items: end; justify-content: space-around; gap: 7px; }
.chart-bars i { width: 8%; height: var(--bar); border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg, #43c5e7, #1b80cb); opacity: .82; }
.activity-card { display: flex; flex-direction: column; gap: 8px; }
.activity-card > strong { margin-bottom: 2px; font-size: 9px; }
.activity-card > span { display: flex; align-items: center; gap: 7px; color: #607890; font-size: 8px; }
.activity-icon { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 6px; color: var(--ikao-blue); background: #eaf5ff; font-size: 11px; font-style: normal; }
.activity-icon.aqua { color: #079d9b; background: #e6f9f6; }.activity-icon.violet { color: #8263d2; background: #f0edff; }
.floating-note { position: absolute; z-index: 2; inset-inline-start: -5px; bottom: 28px; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.72); border-radius: 13px; color: var(--ikao-ink); background: rgba(255,255,255,.96); box-shadow: 0 12px 35px rgba(0,0,0,.17); }
.note-mark { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #139875; background: #e7f8f2; font-size: 13px; }
.floating-note strong, .floating-note small { display: block; }.floating-note strong { font-size: 10px; }.floating-note small { margin-top: 2px; color: #8494a4; font-size: 9px; }
.hero-foot { position: relative; z-index: 1; display: flex; align-items: center; gap: 17px; min-height: 60px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(222,239,250,.55); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hero-foot i { width: 3px; height: 3px; border-radius: 50%; background: #42b8df; }

.intro-strip { border-bottom: 1px solid var(--ikao-line); background: #fff; }
.intro-strip-inner { display: grid; grid-template-columns: .8fr 1.7fr auto; align-items: center; gap: 24px; min-height: 115px; }
.intro-strip .section-kicker { margin: 0; }.intro-strip p { max-width: 650px; margin: 0; color: #526a84; font-size: 14px; }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--ikao-blue); font-size: 12px; font-weight: 750; white-space: nowrap; }
.text-link span { transition: transform .18s ease; }.text-link:hover span { transform: translateX(4px); }
.section { padding: 96px 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 37px; }
.section-heading h2, .modular-copy h2, .offers-copy h2 { max-width: 720px; margin: 0; color: var(--ikao-navy); font-size: clamp(31px, 4vw, 45px); font-weight: 740; letter-spacing: -.045em; line-height: 1.13; }
.section-heading > p { max-width: 390px; margin: 0 0 3px; color: var(--ikao-muted); font-size: 13px; line-height: 1.8; }
.section-modules { background: #f8fafc; }
.module-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.module-card { display: flex; flex-direction: column; min-height: 238px; padding: 22px 21px 19px; border: 1px solid #e1e9f1; border-radius: 17px; background: #fff; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.module-card:hover { transform: translateY(-4px); border-color: #bcd8ed; box-shadow: 0 15px 34px rgba(16,44,80,.08); }
.module-card-top { display: flex; align-items: center; justify-content: space-between; color: #91a2b4; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.module-card-top i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #d8ebf8; border-radius: 12px; color: var(--ikao-blue); background: #f0f8fe; font-size: 17px; font-style: normal; }
.module-card h3 { margin: 18px 0 6px; font-size: 16px; font-weight: 730; letter-spacing: -.02em; }
.module-card p { flex: 1; margin: 0; color: var(--ikao-muted); font-size: 11px; line-height: 1.7; }
.module-card > a { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; padding-top: 11px; border-top: 1px solid #edf1f5; color: var(--ikao-blue); font-size: 10px; font-weight: 750; }

.modular-section { overflow: hidden; }
.modular-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(50px, 9vw, 120px); }
.modular-visual { position: relative; min-height: 385px; display: grid; place-items: center; border-radius: 28px; background: radial-gradient(circle at 65% 28%, #e1f4fd 0, transparent 38%), linear-gradient(140deg,#f0f6fb,#e8f2fa); }
.modular-shell { display: flex; width: 82%; min-height: 270px; overflow: hidden; border: 1px solid #d5e3ef; border-radius: 15px; background: #fff; box-shadow: 0 26px 55px rgba(16,44,80,.15); transform: rotate(-3deg); }
.modular-side { display: flex; flex: 0 0 60px; flex-direction: column; align-items: center; gap: 17px; padding: 14px 9px; background: #102c50; }
.mini-brand { margin-bottom: 12px; color: #fff; font-size: 9px; font-weight: 900; }.mini-brand span { color: #46bce6; }
.modular-side > i { width: 22px; height: 7px; border-radius: 5px; background: rgba(255,255,255,.3); }.modular-side .side-active { width: 34px; height: 15px; border-radius: 5px; background: #1675c5; }.modular-side .side-bottom { flex: 1; }
.modular-content { flex: 1; padding: 19px 20px; background: #f7faff; }
.modular-bar { display: flex; justify-content: end; gap: 8px; }.modular-bar span { width: 22px; height: 22px; border-radius: 50%; background: #e6edf5; }.modular-bar span:last-child { background: #bfddf4; }
.modular-title-line { width: 44%; height: 10px; margin-top: 22px; border-radius: 8px; background: #cedae7; }
.modular-summary-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 17px; }.modular-summary-row i { height: 56px; border: 1px solid #e4ebf2; border-radius: 8px; background: #fff; }.modular-summary-row i:first-child { border-top: 3px solid #1883cf; }.modular-summary-row i:nth-child(2) { border-top: 3px solid #47c5e5; }.modular-summary-row i:nth-child(3) { border-top: 3px solid #49c69c; }
.modular-table { display: grid; gap: 7px; margin-top: 16px; }.modular-table b { height: 8px; border-radius: 6px; background: #e4ebf2; }.modular-table b:nth-child(2) { width: 88%; }.modular-table b:nth-child(3) { width: 94%; }.modular-table b:nth-child(4) { width: 71%; }
.modular-cards { display: flex; gap: 10px; margin-top: 15px; }.modular-cards i { width: 42%; height: 29px; border-radius: 6px; background: #eaf5fc; }.modular-cards i:last-child { background: #edfaf6; }
.modular-badge { position: absolute; inset-inline-end: 0; bottom: 35px; display: flex; align-items: center; gap: 10px; max-width: 260px; padding: 13px 16px; border: 1px solid var(--ikao-line); border-radius: 13px; color: #536b84; background: #fff; box-shadow: 0 12px 28px rgba(16,44,80,.1); font-size: 10px; font-weight: 650; }.modular-badge span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #fff; background: var(--ikao-blue); font-size: 17px; }
.modular-copy h2 { font-size: clamp(32px, 4vw, 44px); }.modular-copy > p:not(.section-kicker) { max-width: 500px; margin: 18px 0 0; color: var(--ikao-muted); font-size: 13px; line-height: 1.85; }
.check-list { display: grid; gap: 13px; margin: 23px 0 28px; padding: 0; list-style: none; color: #405873; font-size: 12px; font-weight: 600; }.check-list li { display: flex; align-items: center; gap: 10px; }.check-list li span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #108664; background: #e5f7f1; font-size: 11px; }

.services-section { color: #fff; background: linear-gradient(115deg,#0b223e,#102c50 64%,#0a385b); }
.section-heading-light h2 { color: #fff; }.section-heading-light > p { color: rgba(226,239,250,.66); }.section-kicker-light { color: #7bd5f1; }
.service-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.035); }
.service-grid article { position: relative; min-height: 213px; padding: 24px 21px; border-inline-end: 1px solid rgba(255,255,255,.13); }.service-grid article:last-child { border-inline-end: 0; }
.service-grid article > span { color: rgba(218,237,250,.48); font-size: 9px; font-weight: 800; letter-spacing: .13em; }.service-grid article > i { display: grid; width: 37px; height: 37px; margin-top: 19px; place-items: center; border: 1px solid rgba(104,202,238,.3); border-radius: 11px; color: #75d3f2; background: rgba(52,168,215,.11); font-size: 16px; font-style: normal; }.service-grid h3 { margin: 17px 0 6px; font-size: 15px; }.service-grid p { margin: 0; color: rgba(224,239,249,.64); font-size: 10px; line-height: 1.75; }

.offers-section { background: #f6f9fc; }
.offers-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(46px, 8vw, 105px); }.offers-copy h2 { font-size: clamp(34px,4vw,48px); }.offers-copy > p:not(.section-kicker) { max-width: 430px; margin: 18px 0 23px; color: var(--ikao-muted); font-size: 13px; line-height: 1.85; }
.offer-stack { display: grid; gap: 10px; }.offer-card { display: grid; grid-template-columns: 36px 1fr 32px; align-items: center; gap: 14px; padding: 19px 21px; border: 1px solid #e0e8f1; border-radius: 15px; background: #fff; box-shadow: 0 6px 18px rgba(16,44,80,.035); }.offer-card-featured { border-color: #bddef2; background: linear-gradient(100deg,#fff,#f0f8fe); }
.offer-number { align-self: start; padding-top: 3px; color: #9aabba; font-size: 9px; font-weight: 800; letter-spacing: .1em; }.offer-card h3 { margin: 0; font-size: 14px; }.offer-card p { margin: 4px 0 0; color: var(--ikao-muted); font-size: 10px; line-height: 1.65; }.offer-arrow { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #e4ebf2; border-radius: 9px; color: var(--ikao-blue); font-size: 13px; }
.sectors-section { padding-block: 75px; }.sector-pills { display: flex; flex-wrap: wrap; gap: 10px; }.sector-pills span { padding: 10px 16px; border: 1px solid #e0e8f1; border-radius: 999px; color: #516b84; background: #fff; font-size: 11px; font-weight: 650; }

.blog-section { background: #f8fafc; }.post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.post-card { overflow: hidden; border: 1px solid #e1e9f1; border-radius: 17px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.post-card:hover { transform: translateY(-3px); box-shadow: var(--ikao-shadow); }.post-image { display: grid; height: 175px; overflow: hidden; place-items: center; background: linear-gradient(135deg,#e9f5fc,#d9ecf8); }.post-image img { width: 100%; height: 100%; object-fit: cover; }.post-placeholder { color: #15395b; font-size: 29px; font-weight: 900; letter-spacing: -.07em; }.post-placeholder b { color: var(--ikao-blue); }.post-card > :not(.post-image) { margin-inline: 19px; }.post-meta { margin-top: 17px; color: #8293a5; font-size: 9px; }.post-card h3 { margin-top: 7px; margin-bottom: 7px; font-size: 16px; line-height: 1.4; }.post-card h3 a:hover { color: var(--ikao-blue); }.post-card > p { min-height: 42px; color: var(--ikao-muted); font-size: 10px; line-height: 1.7; }.post-read { display: inline-flex; align-items: center; gap: 7px; margin-top: 6px; margin-bottom: 19px; color: var(--ikao-blue); font-size: 10px; font-weight: 750; }.blog-empty { padding: 36px; border: 1px dashed #ccd9e7; border-radius: 17px; text-align: center; background: #fff; }.blog-empty h3 { margin: 12px 0 5px; font-size: 17px; }.blog-empty p { margin: 0; color: var(--ikao-muted); font-size: 12px; }.empty-mark { color: var(--ikao-blue); font-size: 24px; }
.faq-section { padding-top: 62px; }.faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; }.faq-grid h2 { margin: 0; font-size: clamp(30px,4vw,42px); line-height: 1.15; letter-spacing: -.04em; }.faq-list { display: grid; gap: 9px; }.faq-list details { border: 1px solid #e0e8f1; border-radius: 13px; background: #fff; }.faq-list summary { position: relative; padding: 16px 45px 16px 17px; cursor: pointer; list-style: none; font-size: 12px; font-weight: 700; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { position: absolute; inset-inline-end: 17px; top: 14px; content: "+"; color: var(--ikao-blue); font-size: 19px; font-weight: 400; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { margin: 0; padding: 0 17px 17px; color: var(--ikao-muted); font-size: 11px; line-height: 1.75; }
.final-cta { position: relative; overflow: hidden; padding: 64px 0; color: #fff; background: linear-gradient(105deg,#102c50,#0a4775); }.final-cta::after { position: absolute; top: -210px; inset-inline-end: 10%; width: 460px; height: 460px; content: ""; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.025), 0 0 0 90px rgba(255,255,255,.02); pointer-events: none; }.final-cta-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 35px; }.final-cta h2 { max-width: 620px; margin: 0; font-size: clamp(29px,4vw,43px); letter-spacing: -.04em; line-height: 1.16; }.final-cta-inner > div:first-child > p:last-child { margin: 12px 0 0; color: rgba(226,239,250,.68); font-size: 12px; }.final-cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }.final-login { color: rgba(255,255,255,.75); font-size: 10px; font-weight: 650; }.final-login:hover { color: #fff; }

.site-footer { color: rgba(226,239,250,.7); background: #071a30; }.footer-main { display: grid; grid-template-columns: 1.25fr .7fr .8fr 1fr; gap: 48px; padding-block: 58px 49px; }.footer-brand { max-width: 200px; padding: 5px 9px; border-radius: 8px; background: rgba(255,255,255,.97); }.footer-brand img { width: 180px; max-height: 58px; }.footer-brand-column > p { max-width: 270px; margin: 17px 0 14px; color: rgba(226,239,250,.57); font-size: 11px; line-height: 1.75; }.footer-contact-link { color: #77cff0; font-size: 11px; }.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }.footer-column h2 { margin: 0 0 8px; color: #fff; font-size: 12px; }.footer-column > a:not(.button) { color: rgba(226,239,250,.6); font-size: 10px; }.footer-column > a:hover { color: #fff; }.footer-contact p { margin: 0 0 5px; font-size: 10px; line-height: 1.75; }.footer-contact .button { min-height: 40px; padding-inline: 15px; font-size: 10px; }.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }.footer-bottom-inner { display: flex; justify-content: space-between; gap: 20px; min-height: 53px; align-items: center; color: rgba(226,239,250,.46); font-size: 9px; }

/* WordPress content pages, archives, articles, search and 404. */
.content-shell { min-height: 55vh; padding-block: 68px 90px; }.content-narrow { width: min(820px, calc(100% - 44px)); margin-inline: auto; }.content-header { margin-bottom: 32px; }.content-header h1 { margin: 0; font-size: clamp(34px,5vw,53px); line-height: 1.1; letter-spacing: -.045em; }.content-header p, .entry-content { color: #526a84; }.entry-content { font-size: 15px; line-height: 1.9; }.entry-content h2, .entry-content h3 { margin-top: 1.7em; color: var(--ikao-navy); line-height: 1.2; }.entry-content a { color: var(--ikao-blue); text-decoration: underline; text-underline-offset: 3px; }.entry-content img { border-radius: 14px; }.entry-content blockquote { margin-inline: 0; padding: 4px 20px; border-inline-start: 3px solid var(--ikao-blue); color: #294967; }.entry-content table { width: 100%; border-collapse: collapse; }.entry-content td, .entry-content th { padding: 11px; border: 1px solid var(--ikao-line); }.entry-content input, .entry-content textarea, .entry-content select { max-width: 100%; padding: 12px; border: 1px solid var(--ikao-line); border-radius: 9px; }.content-featured { width: 100%; max-height: 430px; margin: 0 0 30px; border-radius: 18px; object-fit: cover; }.posts-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }.archive-card { overflow: hidden; border: 1px solid var(--ikao-line); border-radius: 16px; background: #fff; }.archive-card img { width: 100%; height: 190px; object-fit: cover; }.archive-card-content { padding: 19px; }.archive-card h2 { margin: 6px 0; font-size: 18px; line-height: 1.35; }.archive-card p { color: var(--ikao-muted); font-size: 12px; }.pagination { display: flex; gap: 8px; margin-top: 30px; }.pagination .page-numbers { padding: 9px 13px; border: 1px solid var(--ikao-line); border-radius: 8px; }.pagination .current { color: #fff; border-color: var(--ikao-blue); background: var(--ikao-blue); }

.page-title-band { padding: 75px 0; color: #fff; background: linear-gradient(115deg,#0b223e,#102c50 70%,#0a385b); }.page-title-band h1 { margin: 0; font-size: clamp(36px,5vw,54px); letter-spacing: -.04em; }.page-title-band p { max-width: 680px; color: rgba(226,239,250,.7); }
.search-form { display: flex; max-width: 560px; gap: 10px; }.search-form label { flex: 1; }.search-form input[type="search"] { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--ikao-line); border-radius: 10px; }
.menu-toggle:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #45bce5; outline-offset: 3px; }

@media (max-width: 1050px) {
    .header-inner { gap: 20px; }.nav-list { gap: 16px; }.header-actions { gap: 13px; }.header-login { font-size: 12px; }.button-small { padding-inline: 13px; }
    .hero-grid { grid-template-columns: .9fr 1.1fr; gap: 35px; }.hero-copy h1 { font-size: clamp(36px,5vw,52px); }.hero-visual { min-height: 385px; }.dashboard-body { padding: 16px; }
    .module-grid { grid-template-columns: repeat(2,1fr); }.service-grid { grid-template-columns: repeat(2,1fr); }.service-grid article:nth-child(2) { border-inline-end: 0; }.service-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.13); }
    .footer-main { gap: 30px; }
}
@media (max-width: 800px) {
    .topline-inner { min-height: 32px; }.topline-inner span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.topline-inner a { flex: 0 0 auto; }
    .header-inner { min-height: 72px; justify-content: space-between; }.brand img, .site-logo { width: 165px; max-height: 50px; }.menu-toggle { display: flex; width: 42px; height: 42px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; margin-inline-start: auto; border: 1px solid var(--ikao-line); border-radius: 11px; background: #fff; }.menu-toggle span:not(.sr-only) { width: 17px; height: 2px; border-radius: 2px; background: var(--ikao-navy); transition: transform .18s ease, opacity .18s ease; }.menu-toggle[aria-expanded="true"] span:nth-last-child(3) { transform: translateY(7px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-last-child(2) { opacity: 0; }.menu-toggle[aria-expanded="true"] span:nth-last-child(1) { transform: translateY(-7px) rotate(-45deg); }
    .primary-navigation { position: absolute; top: 100%; inset-inline: 0; display: none; padding: 10px 24px 22px; border-bottom: 1px solid var(--ikao-line); background: #fff; box-shadow: 0 18px 28px rgba(16,44,80,.09); }.primary-navigation.is-open { display: block; }.nav-list { display: flex; flex-direction: column; align-items: stretch; gap: 0; }.nav-list > li { border-bottom: 1px solid #edf1f5; }.nav-list > li > a { display: flex; justify-content: space-between; min-height: 49px; }.nav-list .sub-menu { position: static; display: none; min-width: 0; padding: 0 0 8px 13px; border: 0; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }.nav-list li.submenu-open > .sub-menu { display: block; }.nav-list .sub-menu a { padding: 9px 10px; }.mobile-actions { display: flex; gap: 10px; padding-top: 15px; }.mobile-actions .button { flex: 1; min-height: 44px; padding-inline: 10px; font-size: 11px; }.header-actions { display: none; }
    .hero-section { padding-top: 59px; }.hero-grid { grid-template-columns: 1fr; gap: 15px; }.hero-copy { padding-bottom: 0; }.hero-copy h1 { max-width: 700px; font-size: clamp(40px,8vw,61px); }.hero-lead { max-width: 650px; }.hero-visual { width: min(100%,650px); min-height: 375px; margin: 0 auto; }.dashboard-window { transform: none; }.floating-note { bottom: 15px; inset-inline-start: 0; }.hero-foot { flex-wrap: wrap; gap: 11px; min-height: 48px; font-size: 9px; }
    .intro-strip-inner { grid-template-columns: 1fr auto; gap: 9px 20px; padding-block: 20px; }.intro-strip .section-kicker { grid-column: 1 / -1; }.intro-strip p { font-size: 12px; }.intro-strip .text-link { font-size: 10px; }
    .section { padding: 70px 0; }.section-heading { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 26px; }.section-heading > p { max-width: 610px; }.modular-grid, .offers-grid { grid-template-columns: 1fr; gap: 38px; }.modular-visual { min-height: 340px; }.modular-copy { order: -1; }.modular-visual { order: 1; }
    .faq-grid { grid-template-columns: 1fr; gap: 24px; }.final-cta-inner { align-items: flex-start; flex-direction: column; }.final-cta-actions { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .footer-main { grid-template-columns: repeat(2,1fr); gap: 36px 28px; }.footer-brand-column { grid-column: 1/-1; }
}
@media (max-width: 540px) {
    .container { width: min(100% - 36px, 1200px); }.topline { font-size: 10px; }.topline-inner { gap: 8px; }.topline-inner a { font-size: 9px; }
    .hero-section { padding-top: 47px; }.hero-copy h1 { font-size: 39px; }.hero-lead { margin-top: 16px; font-size: 13px; }.hero-actions { flex-direction: column; align-items: stretch; margin-top: 22px; }.hero-actions .button { width: 100%; }.hero-visual { min-height: 300px; margin-top: 5px; }.dashboard-window { border-radius: 13px; }.dashboard-topbar { height: 36px; padding-inline: 10px; }.dashboard-body { padding: 12px; }.dashboard-greeting div strong { font-size: 14px; }.dashboard-period { font-size: 8px; }.dashboard-kpis { gap: 6px; margin-top: 11px; }.dashboard-kpis > div { min-height: 73px; padding: 8px; }.dashboard-kpis span { font-size: 7px; }.dashboard-kpis strong { font-size: 12px; }.kpi-line { width: 28px; }.dashboard-lower { gap: 6px; margin-top: 6px; }.chart-card, .activity-card { min-height: 120px; padding: 8px; }.chart-area { height: 78px; }.activity-card { gap: 6px; }.activity-card > span { font-size: 7px; }.activity-icon { width: 16px; height: 16px; }.floating-note { bottom: 0; padding: 9px 11px; }.floating-note strong { font-size: 9px; }.floating-note small { font-size: 8px; }
    .intro-strip-inner { grid-template-columns: 1fr; }.intro-strip .section-kicker { grid-column: auto; }.intro-strip .text-link { justify-self: start; }
    .section { padding: 58px 0; }.section-heading h2, .modular-copy h2, .offers-copy h2 { font-size: 32px; }.module-grid { grid-template-columns: 1fr; }.module-card { min-height: 207px; }.modular-visual { min-height: 275px; border-radius: 20px; }.modular-shell { width: 90%; min-height: 230px; }.modular-side { flex-basis: 47px; gap: 14px; }.modular-content { padding: 15px 12px; }.modular-summary-row i { height: 47px; }.modular-badge { bottom: 10px; max-width: 220px; padding: 10px; font-size: 9px; }
    .service-grid { grid-template-columns: 1fr; }.service-grid article { min-height: 185px; border-inline-end: 0; border-bottom: 1px solid rgba(255,255,255,.13); }.service-grid article:last-child { border-bottom: 0; }.service-grid article:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.13); }
    .offer-card { grid-template-columns: 25px 1fr 27px; gap: 9px; padding: 15px 12px; }.offer-card h3 { font-size: 12px; }.offer-card p { font-size: 9px; }.sector-pills { gap: 7px; }.sector-pills span { padding: 8px 12px; font-size: 10px; }
    .post-grid, .posts-list { grid-template-columns: 1fr; }.post-image { height: 195px; }.faq-list summary { padding-inline-start: 13px; font-size: 11px; }.faq-list details p { padding-inline: 13px; }.final-cta { padding: 48px 0; }.final-cta-inner > div:first-child > p:last-child { max-width: 400px; }.final-cta-actions { align-items: flex-start; flex-direction: column; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 31px 18px; padding-block: 44px 35px; }.footer-brand-column { grid-column: 1/-1; }.footer-column h2 { font-size: 11px; }.footer-bottom-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 3px; padding-block: 13px; }
    .content-shell { padding-block: 50px 65px; }.content-narrow { width: calc(100% - 36px); }.posts-list { gap: 14px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }