@font-face { font-family: LogaritmHeroText; src: url('/wp-content/themes/mitech/assets/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: LogaritmHeroText; src: url('/wp-content/themes/mitech/assets/fonts/satoshi/Satoshi-Bold.woff2') format('woff2'); font-weight: 700 900; font-display: swap; }
@font-face { font-family: LogaritmHeroIcons; src: url('/wp-content/themes/mitech/assets/fonts/awesome/webfonts/fa-solid-900.woff2') format('woff2'); font-weight: 900; font-display: block; }
.logaritm-story-row { position: relative; left: 50%; width: 100vw !important; max-width: 100vw !important; margin-left: -50vw !important; margin-right: 0 !important; }
.logaritm-story-row .vc_column-inner { padding: 0 !important; }
.logaritm-story-row .wpb_wrapper { margin: 0; }
.logaritm-story { color: #fff; background: #071b31; font-family: LogaritmHeroText, Arial, sans-serif; }
.logaritm-story h1, .logaritm-story h2, .logaritm-story h3, .logaritm-story p, .logaritm-story strong, .logaritm-story span, .logaritm-story small, .logaritm-story button { font-family: LogaritmHeroText, Arial, sans-serif !important; }
.logaritm-story i::before { font-family: LogaritmHeroIcons !important; font-weight: 900 !important; }
.logaritm-story *, .logaritm-story *::before, .logaritm-story *::after { box-sizing: border-box; }
.logaritm-story-slider { position: relative; height: clamp(540px, 48vw, 640px); overflow: hidden; }
.logaritm-story-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s ease; }
.logaritm-story-slide.is-active { opacity: 1; visibility: visible; }
.logaritm-story-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.logaritm-story-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,20,37,.76), rgba(4,20,37,.42) 41%, rgba(4,20,37,.04) 75%), linear-gradient(0deg, rgba(4,20,37,.64), transparent 28%); }
.logaritm-story-copy { position: absolute; top: 50%; left: max(5vw, calc((100vw - 1360px)/2)); width: min(555px, 46vw); transform: translateY(-50%); }
.logaritm-story-eyebrow { margin: 0 0 18px; color: #b4ecf8; font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.logaritm-story-copy h1, .logaritm-story-copy h2 { margin: 0 0 19px; color: #fff; font-size: clamp(42px, 4.5vw, 66px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.logaritm-story-lead { max-width: 535px; margin: 0 0 13px; color: #fff; font-size: clamp(16px, 1.4vw, 20px); font-weight: 700; line-height: 1.45; }
.logaritm-story-support { max-width: 540px; margin: 0; color: #e1ecf5; font-size: clamp(13px, 1.05vw, 15px); line-height: 1.55; }
.logaritm-story-bottom { position: relative; padding: 18px max(5vw, calc((100vw - 1360px)/2)); background: #092238; }
.logaritm-story-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.logaritm-story-benefit { display: flex; align-items: flex-start; gap: 13px; min-width: 0; padding: 0 18px; }
.logaritm-story-benefit:first-child { padding-left: 0; }
.logaritm-story-benefit + .logaritm-story-benefit { border-left: 1px solid rgba(194,229,243,.3); }
.logaritm-story-benefit i { flex: 0 0 30px; color: #9ee7f8; font-size: 28px; line-height: 1.1; }
.logaritm-story-benefit strong, .logaritm-story-benefit span { display: block; }
.logaritm-story-benefit strong { color: #fff; font-size: 13px; line-height: 1.3; }
.logaritm-story-benefit span { margin-top: 3px; color: #c9d9e5; font-size: 11px; line-height: 1.35; }
.logaritm-story-controls { position: absolute; right: 5vw; bottom: calc(100% + 15px); display: flex; gap: 5px; z-index: 3; }
.logaritm-story-control { border: 1px solid rgba(255,255,255,.5); border-radius: 20px; padding: 7px 12px; background: rgba(5,25,43,.75); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.logaritm-story-control[aria-current="true"] { background: #fff; color: #102e4d; }
.logaritm-story-control:hover { border-color: #fff; }
.logaritm-story-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding: 28px max(5vw, calc((100vw - 1360px)/2)); background: #f7fbff; color: #153652; }
.logaritm-story-metric { display: flex; gap: 15px; padding: 0 18px; }
.logaritm-story-metric:first-child { padding-left: 0; }
.logaritm-story-metric + .logaritm-story-metric { border-left: 1px solid #d6e4ed; }
.logaritm-story-metric i { flex: 0 0 40px; color: #155b8c; font-size: 38px; line-height: 1.15; }
.logaritm-story-metric strong { display: block; color: #153652; font-size: clamp(32px, 3.5vw, 48px); font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.logaritm-story-metric h3 { margin: 4px 0 6px; color: #153652; font-size: 14px; font-weight: 800; line-height: 1.25; }
.logaritm-story-metric p { margin: 0; color: #34495b; font-size: 11px; line-height: 1.45; }
.logaritm-story-architecture { padding: 42px max(5vw, calc((100vw - 1360px)/2)) 48px; background: linear-gradient(135deg, #0b2d48, #0f4566); }
.logaritm-story-architecture > span { color: #a4e5f4; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.logaritm-story-architecture h2 { margin: 8px 0 5px; color: #fff; font-size: clamp(26px, 2.6vw, 35px); font-weight: 800; line-height: 1.2; }
.logaritm-story-architecture > p { margin: 0 0 25px; color: #d1e2ed; font-size: 14px; line-height: 1.55; }
.logaritm-story-steps { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 11px; }
.logaritm-story-step { position: relative; min-width: 0; min-height: 180px; padding: 16px 13px; border: 1px solid rgba(144,204,230,.24); border-radius: 7px; background: linear-gradient(145deg, #245d81, #174364); }
.logaritm-story-step:not(:last-child)::after { content: '➜'; position: absolute; top: 78px; right: -16px; z-index: 1; color: #ade9f7; font-size: 19px; }
.logaritm-story-step small { display: block; color: #acdfef; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.logaritm-story-step i { display: block; margin: 12px 0 15px; color: #fff; font-size: 34px; font-weight: 900; }
.logaritm-story-step h3 { margin: 0 0 7px; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.3; }
.logaritm-story-step p { margin: 0; color: #deedf5; font-size: 11px; line-height: 1.45; }
@media (max-width: 1100px) {
    .logaritm-story-copy { width: min(555px, 59vw); }
    .logaritm-story-benefit { gap: 9px; padding: 0 11px; }
    .logaritm-story-benefit strong { font-size: 11px; }
    .logaritm-story-benefit span { font-size: 10px; }
    .logaritm-story-metric { gap: 9px; padding: 0 11px; }
    .logaritm-story-metric i { flex-basis: 30px; font-size: 29px; }
    .logaritm-story-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .logaritm-story-step:not(:last-child)::after { display: none; }
}
@media (max-width: 700px) {
    .logaritm-story-slider { height: 630px; }
    .logaritm-story-image { object-position: 64% center; }
    .logaritm-story-shade { background: linear-gradient(180deg, rgba(4,20,37,.85), rgba(4,20,37,.68) 55%, rgba(4,20,37,.08) 83%, rgba(4,20,37,.65)); }
    .logaritm-story-copy { top: 31px; left: 24px; width: calc(100% - 48px); transform: none; }
    .logaritm-story-eyebrow { margin-bottom: 14px; font-size: 11px; }
    .logaritm-story-copy h1, .logaritm-story-copy h2 { margin-bottom: 15px; font-size: clamp(35px, 9vw, 51px); }
    .logaritm-story-lead { font-size: 16px; line-height: 1.4; }
    .logaritm-story-support { font-size: 13px; line-height: 1.5; }
    .logaritm-story-bottom { padding: 17px 20px; }
    .logaritm-story-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 9px; }
    .logaritm-story-benefit, .logaritm-story-benefit:first-child { padding: 0; border: 0; }
    .logaritm-story-benefit i { flex-basis: 23px; font-size: 21px; }
    .logaritm-story-benefit strong { font-size: 11px; }
    .logaritm-story-controls { right: 20px; bottom: calc(100% + 13px); }
    .logaritm-story-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 12px; padding: 28px 20px; }
    .logaritm-story-metric, .logaritm-story-metric:first-child { padding: 0; border: 0; }
    .logaritm-story-metric strong { font-size: 32px; }
    .logaritm-story-metric h3 { font-size: 11px; }
    .logaritm-story-metric p { font-size: 10px; }
    .logaritm-story-architecture { padding: 34px 20px 38px; }
    .logaritm-story-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .logaritm-story-step { min-height: 165px; }
}
@media (prefers-reduced-motion: reduce) { .logaritm-story-slide { transition: none; } }