:root {
    --blue: #0875fa;
    --blue-dark: #0459c8;
    --cyan: #25b9d4;
    --navy: #071929;
    --navy-soft: #0b2c44;
    --ink: #10263a;
    --muted: #5f7385;
    --line: #d9e4eb;
    --surface: #f4f8fb;
    --white: #fff;
    --shadow: 0 24px 70px rgba(9, 44, 69, .12);
    --radius: 14px;
    --header-bottom: 118px;
    --content-max: 1400px;
    --page-gutter: max(24px, calc((100vw - var(--content-max)) / 2));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img, svg { display: block; max-width: 100%; }
.skip-link { position: fixed; top: -80px; left: 18px; z-index: 200; padding: 12px 16px; background: #fff; color: var(--ink); border-radius: 7px; box-shadow: var(--shadow); }
.skip-link:focus { top: 18px; }

.topbar { height: 34px; padding: 0 7vw; display: flex; align-items: center; justify-content: space-between; background: #061522; color: #a9bdcc; font-size: 10px; letter-spacing: .045em; }
.topbar span:last-child { display: flex; align-items: center; gap: 10px; }
.topbar i { width: 3px; height: 3px; border-radius: 50%; background: #4c6578; }
.topbar a { color: #e7f3fb; }
.site-header { position: sticky; top: 0; z-index: 80; height: 84px; padding: 0 7vw; display: flex; align-items: center; gap: 34px; border-bottom: 1px solid rgba(218, 229, 237, .9); background: rgba(255, 255, 255, .96); backdrop-filter: blur(14px); transition: box-shadow .2s; }
.site-header.scrolled { box-shadow: 0 10px 35px rgba(5, 36, 58, .08); }
.site-logo { flex: 0 0 auto; }
.logo-crop { position: relative; display: block; width: 180px; height: 58px; overflow: hidden; }
.logo-crop img { position: absolute; width: 186px; max-width: none; left: 0; top: -66px; }
.primary-nav { margin-left: auto; display: flex; align-items: center; gap: 26px; font-size: 12px; font-weight: 650; }
.primary-nav > a, .nav-group > a { display: flex; align-items: center; gap: 6px; min-height: 84px; }
.primary-nav > a:hover, .nav-group > a:hover, .nav-group:focus-within > a { color: var(--blue); }
.nav-group { position: relative; }
.nav-group small { font-size: 9px; color: #7d8e9b; }
.service-menu { position: absolute; top: 72px; left: -22px; width: 250px; padding: 12px; display: none; border: 1px solid var(--line); border-top: 3px solid var(--blue); border-radius: 0 0 10px 10px; background: #fff; box-shadow: var(--shadow); }
.service-menu a { display: block; padding: 11px 12px; border-radius: 6px; color: #405669; font-size: 11px; }
.service-menu a:hover { color: var(--blue); background: #eff7fd; }
.nav-group:hover .service-menu, .nav-group:focus-within .service-menu { display: block; }
.product-mega { position: fixed; top: calc(var(--header-bottom) - 1px); left: 50%; transform: translateX(-50%); width: min(1120px, 92vw); max-height: calc(100vh - var(--header-bottom) - 16px); overflow: auto; padding: 23px; display: none; border: 1px solid var(--line); border-top: 3px solid var(--blue); border-radius: 0 0 12px 12px; background: #fff; box-shadow: 0 30px 80px rgba(5, 35, 57, .2); color: var(--ink); }
.product-nav-group:hover .product-mega, .product-nav-group:focus-within .product-mega { display: block; }
.mega-heading { padding: 0 4px 18px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.mega-heading b { font-size: 17px; }
.mega-heading a { color: var(--blue); font-size: 10px; }
.mega-categories { padding-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mega-category { display: flex; flex-direction: column; gap: 4px; }
.mega-category > strong { padding: 0 8px 8px; color: #8192a0; font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.mega-category > a { padding: 8px; display: flex; align-items: center; gap: 10px; border-radius: 7px; font-size: 10px; }
.mega-category > a:hover { color: var(--blue); background: #f2f7fb; }
.mega-category i { width: 28px; height: 28px; padding: 6px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; background: color-mix(in srgb, var(--product-color) 11%, white); color: var(--product-color); }
.header-cta { flex: 0 0 auto; padding: 12px 16px; border-radius: 7px; background: var(--blue); color: #fff; font-size: 10px; font-weight: 750; }
.header-cta:hover { background: var(--blue-dark); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--ink); }

.eyebrow, .kicker { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.eyebrow { display: flex; align-items: center; gap: 8px; }
.eyebrow > i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(8, 117, 250, .1); }
.kicker.light { color: #9fdcff; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 13px 20px; border: 0; border-radius: 7px; cursor: pointer; font-size: 11px; font-weight: 750; transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 12px 28px rgba(8, 117, 250, .2); }
.button-primary:hover { background: var(--blue-dark); }
.button-outline { border: 1px solid rgba(255, 255, 255, .7); background: transparent; color: #fff; }
.text-link { display: inline-flex; gap: 8px; align-items: center; width: max-content; padding-bottom: 5px; border-bottom: 1px solid #a9bdcc; color: var(--ink); font-size: 11px; font-weight: 750; }
.text-link:hover { color: var(--blue); border-color: var(--blue); }

.hero-section { min-height: 690px; padding: 78px 7vw; display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 5vw; overflow: hidden; background: linear-gradient(120deg, #eef8ff 0%, #fff 54%, #eef2ff 100%); }
.hero-copy { max-width: 730px; }
.hero-copy h1 { margin: 23px 0 20px; font-size: clamp(49px, 5.4vw, 78px); line-height: 1.02; letter-spacing: -.058em; font-weight: 620; }
.hero-copy h1 em { display: block; color: var(--blue); font-style: normal; }
.hero-copy > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.72; }
.hero-actions { margin-top: 31px; display: flex; align-items: center; gap: 24px; }
.hero-actions.centered { justify-content: center; }
.hero-stats { margin-top: 48px; display: flex; }
.hero-stats div { min-width: 140px; padding: 0 24px; border-left: 1px solid var(--line); }
.hero-stats div:first-child { padding-left: 0; border-left: 0; }
.hero-stats b, .hero-stats small { display: block; }
.hero-stats b { font-size: 15px; }
.hero-stats small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.hero-visual { position: relative; min-height: 510px; display: grid; place-items: center; background: radial-gradient(circle, rgba(73, 185, 238, .18), transparent 65%); }
.orbit { position: absolute; border: 1px dashed #99c8e4; border-radius: 50%; }
.orbit-one { width: 410px; height: 410px; animation: orbit 32s linear infinite; }
.orbit-two { width: 300px; height: 300px; opacity: .65; animation: orbit 24s linear infinite reverse; }
@keyframes orbit { to { transform: rotate(360deg); } }
.cloud-core { position: relative; z-index: 2; width: 194px; height: 194px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; border: 1px solid #e1ebf2; border-radius: 50%; background: #fff; box-shadow: 0 24px 65px rgba(18, 79, 119, .14); }
.cloud-core b { font-size: 14px; }
.cloud-core small { color: var(--muted); font-size: 8px; }
.microsoft-mark { display: grid; grid-template-columns: repeat(2, 17px); gap: 3px; }
.microsoft-mark i { width: 17px; height: 17px; background: #f35325; }
.microsoft-mark i:nth-child(2) { background: #81bc06; }.microsoft-mark i:nth-child(3) { background: #05a6f0; }.microsoft-mark i:nth-child(4) { background: #ffba08; }
.cloud-node { position: absolute; z-index: 3; min-width: 178px; padding: 13px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid #e0eaf1; border-radius: 10px; background: rgba(255, 255, 255, .96); box-shadow: 0 16px 45px rgba(16, 69, 103, .12); }
.cloud-node > i { width: 34px; height: 34px; padding: 6px; display: grid; place-items: center; border-radius: 8px; background: #eaf5fd; color: var(--blue); }
.cloud-node b, .cloud-node small { display: block; }
.cloud-node b { font-size: 11px; }.cloud-node small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.node-azure { top: 58px; left: 0; }.node-m365 { top: 170px; right: -8px; }.node-security { bottom: 70px; left: 18px; }
.local-status { position: absolute; right: 30px; bottom: 45px; padding: 8px 11px; border-radius: 18px; background: #e9f8f2; color: #087c59; font-size: 8px; font-weight: 750; }
.local-status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #14a977; }
.technology-strip { min-height: 88px; padding: 22px 7vw; display: flex; justify-content: space-between; align-items: center; gap: 25px; overflow: hidden; border-block: 1px solid var(--line); color: #718493; }
.technology-strip span { font-size: 8px; letter-spacing: .15em; }.technology-strip b { flex: 0 0 auto; font-size: 15px; letter-spacing: -.02em; }

.content-section { padding: 102px 7vw; }
.section-heading { margin-bottom: 45px; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
.section-heading h2, .oman-section h2, .about-section h2, .process-intro h2, .reviews-intro h2, .contact-band h2, .service-consultation h2 { max-width: 760px; margin: 13px 0 0; font-size: clamp(35px, 2vw, 54px); line-height: 1.08; letter-spacing: -.048em; font-weight: 580; }
.section-heading > p { max-width: 450px; margin: 0; color: var(--muted); line-height: 1.75; }
.intro-copy { padding-top: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; border-top: 1px solid var(--line); }
.intro-copy p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.9; }
.services-section { background: #f5f8fa; }
.service-grid, .product-card-grid, .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.service-card { position: relative; min-height: 310px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: transform .25s, box-shadow .25s, border-color .25s; }
.service-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.service-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); box-shadow: 0 22px 55px rgba(15, 56, 84, .12); }
.service-card:hover::before { transform: scaleX(1); }
.service-icon { width: 52px; height: 52px; padding: 12px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--accent) 12%, white); color: var(--accent); }
.service-card h3 { margin: 30px 0 12px; font-size: 22px; letter-spacing: -.025em; }
.service-card p { min-height: 76px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.service-card > a { position: absolute; left: 28px; bottom: 27px; color: var(--accent); font-size: 10px; font-weight: 750; }
.oman-section { padding: 100px 9vw; display: grid; grid-template-columns: 1.15fr .85fr; gap: 8vw; align-items: center; background: linear-gradient(135deg, var(--navy), #0a3b5b); color: #fff; }
.oman-section p { color: #a9c0cf; line-height: 1.85; }
.oman-pills { margin: 27px 0 32px; display: flex; flex-wrap: wrap; gap: 8px; }
.oman-pills span { padding: 8px 13px; border: 1px solid #3b6078; border-radius: 20px; color: #c2d6e3; font-size: 9px; }
.oman-section aside { min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #38627b; border-radius: 50%; text-align: center; background: radial-gradient(circle, rgba(39, 174, 222, .08), transparent 62%); }
.oman-section aside > span { color: #31c0dd; font-size: 58px; font-weight: 800; }.oman-section aside b { margin: 14px 0; font-size: 21px; line-height: 1.4; }.oman-section aside small { color: #9fb7c7; line-height: 1.6; }
.product-card { position: relative; min-height: 320px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: transform .25s, border-color .25s, box-shadow .25s; }
.product-card::after { content: ""; position: absolute; inset: auto -60px -80px auto; width: 160px; height: 160px; border-radius: 50%; background: color-mix(in srgb, var(--accent) 7%, white); }
.product-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); box-shadow: 0 20px 48px rgba(12, 52, 80, .1); }
.product-card > i { width: 48px; height: 48px; padding: 10px; display: grid; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--accent) 11%, white); color: var(--accent); }
.product-category { display: block; margin-top: 23px; color: #8193a1; font-size: 8px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.product-card h3 { margin: 8px 0 11px; font-size: 21px; }.product-card p { min-height: 70px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }.product-card em { position: absolute; z-index: 2; left: 28px; bottom: 25px; color: var(--accent); font-size: 11px; font-style: normal; font-weight: 500; }
.about-section { padding: 105px 9vw; display: grid; grid-template-columns: .82fr 1.18fr; gap: 8vw; align-items: center; }
.about-visual { position: relative; height: 480px; overflow: hidden; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg, #eef4f8, #fff); border: 1px solid var(--line); }
.about-logo-crop { position: relative; width: 440px; height: 230px; overflow: hidden; }
.about-logo-crop img { position: absolute; width: 520px; max-width: none; left: -40px; top: -145px; mix-blend-mode: multiply; }
.about-visual > span:last-child { position: absolute; left: 27px; bottom: 23px; color: #8294a1; font-size: 8px; letter-spacing: .15em; }
.about-section article p { color: var(--muted); line-height: 1.85; }
.about-section article .text-link { margin-top: 16px; }
.process-section { padding: 100px 7vw; background: #eaf4fa; }
.process-intro { max-width: 730px; margin: 0 auto 48px; text-align: center; }.process-intro p { color: var(--muted); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.process-grid article { position: relative; min-height: 250px; padding: 27px; overflow: hidden; border: 1px solid #d6e5ee; border-radius: 12px; background: #fff; transition: transform .25s, box-shadow .25s; }
.process-grid article:hover { transform: translateY(-5px); box-shadow: 0 18px 45px rgba(10, 53, 81, .1); }
.process-grid article > span { color: var(--blue); font-size: 9px; font-weight: 800; }.process-grid article > i { display: block; width: 32px; height: 3px; margin: 24px 0 30px; background: linear-gradient(90deg, var(--blue), var(--cyan)); }.process-grid h3 { font-size: 21px; }.process-grid p { color: var(--muted); font-size: 12px; line-height: 1.75; }
.case-grid article { position: relative; min-height: 300px; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(145deg, #fff, #f8fbfd); transition: transform .25s, box-shadow .25s; }
.case-grid article:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(14, 54, 82, .1); }.case-grid article > span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .14em; }.case-grid article > i { position: absolute; top: 22px; right: 25px; color: #dce9f1; font-size: 42px; font-style: normal; font-weight: 800; }.case-grid h3 { margin-top: 58px; font-size: 22px; line-height: 1.35; }.case-grid p { color: var(--muted); font-size: 13px; line-height: 1.75; }
.reviews-section { padding: 95px 7vw; display: grid; grid-template-columns: .72fr 1.28fr; gap: 6vw; align-items: center; background: var(--navy); color: #fff; }
.reviews-intro p { color: #9eb5c5; line-height: 1.75; }.reviews-intro > a { display: inline-flex; gap: 8px; margin-top: 14px; padding-bottom: 5px; border-bottom: 1px solid #49677b; font-size: 10px; font-weight: 750; }
.review-track { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.review-card { min-height: 260px; padding: 27px; border-radius: 12px; background: #fff; color: var(--ink); box-shadow: 0 18px 45px rgba(0, 0, 0, .16); }
.review-card header { display: flex; align-items: center; gap: 12px; }.review-card header i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #f4f7fa; color: #4285f4; font-style: normal; font-weight: 800; }.review-card header span { color: #f4b400; letter-spacing: .1em; }.review-card header small { margin-left: auto; color: #687b8b; font-size: 7px; }.review-card h3 { margin: 28px 0 11px; font-size: 18px; }.review-card p { min-height: 66px; color: var(--muted); font-size: 12px; line-height: 1.7; }.review-card em { color: var(--blue); font-size: 10px; font-style: normal; font-weight: 750; }
.review-dots { margin-top: 22px; display: flex; justify-content: center; gap: 7px; }.review-dots button { width: 24px; height: 3px; padding: 0; border: 0; border-radius: 4px; background: #3a5264; cursor: pointer; }.review-dots button.active { background: #3fa8ff; }
.contact-band { padding: 78px 7vw; display: grid; grid-template-columns: minmax(0, 1.3fr) auto minmax(260px, .55fr); gap: 30px; align-items: center; background: linear-gradient(120deg, #075cea, #3d69eb); color: #fff; }
.contact-band p { max-width: 720px; color: #dcecff; line-height: 1.7; }.contact-actions { margin-top: 27px; display: flex; gap: 12px; }.whatsapp-button { background: #fff; color: #0960cf; }.whatsapp-button svg { width: 18px; height: 18px; color: #19a765; }.contact-band aside { padding: 30px; display: flex; flex-direction: column; gap: 10px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 12px; background: rgba(255, 255, 255, .96); color: var(--ink); }.contact-band aside > span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .14em; }.contact-band aside h3 { margin: 2px 0 8px; font-size: 22px; }.contact-band aside a { font-size: 11px; font-weight: 700; }.contact-band aside small { color: var(--muted); }

.page-hero { padding: 105px 12vw 90px; text-align: center; background: linear-gradient(125deg, #eaf6ff, #fff 58%, #f3efff); }
.page-hero .eyebrow { justify-content: center; }.page-hero h1 { max-width: 990px; margin: 22px auto 18px; font-size: clamp(45px, 5.5vw, 76px); line-height: 1.04; letter-spacing: -.055em; font-weight: 580; }.page-hero > p { max-width: 780px; margin: auto; color: var(--muted); font-size: 17px; line-height: 1.75; }
.catalogue-section { padding: 90px 7vw; }.catalogue-group + .catalogue-group { margin-top: 85px; }.catalogue-group > header { position: relative; margin-bottom: 28px; padding-bottom: 19px; border-bottom: 1px solid var(--line); }.catalogue-group > header span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .14em; }.catalogue-group > header h2 { margin: 7px 0 0; font-size: 31px; letter-spacing: -.035em; }.catalogue-group > header small { position: absolute; right: 0; bottom: 22px; color: var(--muted); }
.split-consultation { padding: 85px 9vw; display: grid; grid-template-columns: 1.1fr .9fr; gap: 7vw; align-items: center; background: var(--navy); color: #fff; }.split-consultation h2 { margin: 13px 0; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.045em; }.split-consultation p { color: #a7bdcc; line-height: 1.8; }.split-consultation aside { padding: 34px; border: 1px solid #2f536b; border-radius: 12px; background: #0b2b42; }.split-consultation aside > span { color: #79c6fb; font-size: 8px; letter-spacing: .14em; }.split-consultation aside h3 { font-size: 24px; }
.breadcrumbs { padding: 16px 7vw; display: flex; gap: 9px; border-bottom: 1px solid var(--line); color: #7a8d9b; font-size: 9px; }.breadcrumbs a:hover { color: var(--blue); }.breadcrumbs b { color: #3d5364; font-weight: 650; }
.product-detail-hero, .service-detail-hero, .standard-page-hero { padding: 82px 8vw; display: grid; grid-template-columns: 1.08fr .92fr; gap: 7vw; align-items: center; background: linear-gradient(125deg, #f0f8ff, #fff 57%, color-mix(in srgb, var(--accent, #0875fa) 8%, white)); }.product-detail-hero h1, .service-detail-hero h1, .standard-page-hero h1 { margin: 20px 0 18px; font-size: clamp(48px, 5vw, 72px); line-height: 1.04; letter-spacing: -.055em; font-weight: 580; }.product-detail-hero > div > p, .service-detail-hero > div > p, .standard-page-hero > div > p { max-width: 740px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.product-hero-visual, .service-detail-hero > aside { min-height: 390px; padding: 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--accent, #0875fa) 28%, var(--line)); border-radius: 18px; background: #fff; box-shadow: var(--shadow); text-align: center; }.product-hero-visual > i, .service-detail-hero aside > i { width: 100px; height: 100px; padding: 23px; display: grid; place-items: center; border-radius: 24px; background: color-mix(in srgb, var(--accent, #0875fa) 12%, white); color: var(--accent, #0875fa); }.product-hero-visual > span, .service-detail-hero aside > span { margin-top: 27px; color: var(--accent, #0875fa); font-size: 8px; font-weight: 800; letter-spacing: .16em; }.product-hero-visual > b, .service-detail-hero aside > b { margin: 10px 0; font-size: 25px; }.product-hero-visual > small { color: var(--muted); }.product-hero-visual > img { width: 100%; height: 100%; max-height: 360px; object-fit: cover; border-radius: 12px; }
.product-value-strip { min-height: 112px; padding: 23px 8vw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border-block: 1px solid var(--line); }.product-value-strip div { display: grid; grid-template-columns: 40px 1fr; align-items: center; }.product-value-strip span { grid-row: 1/3; color: #c4d4df; font-size: 26px; font-weight: 800; }.product-value-strip b, .product-value-strip small { display: block; }.product-value-strip b { font-size: 12px; }.product-value-strip small { color: var(--muted); font-size: 9px; }
.inline-consultation { padding: 55px 7vw; display: grid; grid-template-columns: 1fr auto auto; gap: 25px; align-items: center; background: #102d4a; color: #fff; }.inline-consultation > div > span { color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .16em; }.inline-consultation h2 { max-width: 720px; margin: 10px 0; font-size: clamp(28px, 3.2vw, 45px); line-height: 1.08; letter-spacing: -.045em; font-weight: 550; }.inline-consultation p { margin: 0; color: #b5c7d5; }.inline-whatsapp { display: inline-flex; align-items: center; gap: 7px; padding-bottom: 5px; border-bottom: 1px solid #638198; font-size: 9px; font-weight: 700; }.inline-whatsapp svg { width: 16px; height: 16px; }
.product-content-layout, .service-content-layout, .standard-content { padding: 90px 10vw; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 7vw; align-items: start; }.rich-content { min-width: 0; }.rich-content h2 { margin: 48px 0 16px; font-size: 31px; line-height: 1.25; letter-spacing: -.035em; }.rich-content h2:first-child { margin-top: 0; }.rich-content h3 { margin-top: 35px; font-size: 22px; }.rich-content p, .rich-content li { color: var(--muted); font-size: 15px; line-height: 1.9; }.rich-content ul, .rich-content ol { padding-left: 22px; }.rich-content blockquote { margin: 32px 0; padding: 22px 27px; border-left: 4px solid var(--blue); background: #f1f7fb; color: #385064; }.rich-content a { color: var(--blue); font-weight: 700; }
.product-sticky-card, .company-facts { position: sticky; top: 108px; padding: 28px; display: flex; flex-direction: column; gap: 13px; border: 1px solid var(--line); border-top: 4px solid var(--blue); border-radius: 0 0 12px 12px; background: #f2f7fb; }.product-sticky-card > span, .company-facts > span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .14em; }.product-sticky-card h3 { margin: 5px 0; font-size: 22px; }.product-sticky-card p { margin: 0 0 8px; color: var(--muted); line-height: 1.7; }.product-sticky-card > a:not(.button) { font-size: 10px; font-weight: 650; }
.related-section { background: #f5f8fa; }.compact-contact { grid-template-columns: 1fr auto auto; }.compact-contact h2 { font-size: clamp(30px, 3.5vw, 46px); }
.service-detail-hero { --accent: #0875fa; background: linear-gradient(125deg, #edf8ff, #fff); }.service-detail-hero > aside { border-color: #cfe2ee; background: linear-gradient(145deg, #fff, #f1f8fc); }.service-inline { background: linear-gradient(120deg, #0a3150, #0b476d); }
.services-catalogue { background: #f5f8fa; }.service-consultation { padding: 95px 9vw; display: grid; grid-template-columns: 1fr 480px; gap: 7vw; align-items: center; }.service-consultation > div > p, .service-consultation li { color: var(--muted); line-height: 1.8; }.service-consultation ul { margin: 25px 0; padding-left: 20px; }.dark-link { color: #0b7659; border-color: #91c4b4; }.consultation-form, .contact-form-card { padding: 34px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }.consultation-form > span, .contact-form-card > span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .15em; }.consultation-form h3, .contact-form-card h2 { margin: 8px 0 19px; font-size: 25px; }.consultation-form label, .contact-form-card label { display: flex; flex-direction: column; gap: 6px; margin-top: 13px; color: #405669; font-size: 9px; font-weight: 700; }.consultation-form input, .consultation-form textarea, .contact-form-card input, .contact-form-card select, .contact-form-card textarea { width: 100%; padding: 12px 13px; border: 1px solid #cddae3; border-radius: 7px; background: #fff; color: var(--ink); outline: none; }.consultation-form input:focus, .consultation-form textarea:focus, .contact-form-card input:focus, .contact-form-card select:focus, .contact-form-card textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8, 117, 250, .09); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.consent { flex-direction: row!important; align-items: flex-start; gap: 9px!important; line-height: 1.5; }.consent input { width: 15px!important; height: 15px; margin-top: 2px; accent-color: var(--blue); }.consultation-form .button, .contact-form-card .button { width: 100%; margin-top: 18px; }
.standard-page-hero { background: linear-gradient(125deg, #eff8ff, #fff 60%, #f2efff); }.cms-hero-image { min-height: 410px; padding: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px dashed #9eb6c6; border-radius: 16px; background: #f5f9fb; text-align: center; }.cms-hero-image img { width: 100%; height: 100%; max-height: 420px; object-fit: cover; border-radius: 12px; }.cms-hero-image > span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .16em; }.cms-hero-image > b { max-width: 320px; margin: 18px 0 10px; font-size: 21px; line-height: 1.4; }.cms-hero-image > small { color: var(--muted); }.company-facts { gap: 0; }.company-facts div { padding: 19px 0; border-bottom: 1px solid var(--line); }.company-facts b, .company-facts small { display: block; }.company-facts small { margin-top: 4px; color: var(--muted); }.company-facts .button { margin-top: 22px; }.vision-band { padding: 70px 7vw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; background: #edf5fa; }.vision-band article { min-height: 230px; padding: 28px; border: 1px solid #d4e3ec; border-radius: 12px; background: #fff; }.vision-band span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .14em; }.vision-band h2 { font-size: 22px; }.vision-band p { color: var(--muted); line-height: 1.75; }
.contact-page { padding: 88px 8vw; display: grid; grid-template-columns: 1fr 520px; gap: 5vw; align-items: center; background: linear-gradient(125deg, #eff8ff, #fff 62%, #f3efff); }.contact-copy h1 { margin: 20px 0; font-size: clamp(47px, 5vw, 70px); line-height: 1.04; letter-spacing: -.055em; font-weight: 580; }.contact-copy > p { max-width: 680px; color: var(--muted); font-size: 16px; line-height: 1.8; }.contact-details { margin: 30px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.contact-details > span { padding: 15px 0; border-bottom: 1px solid var(--line); }.contact-details small, .contact-details b, .contact-details a { display: block; }.contact-details small { color: #8092a0; font-size: 7px; letter-spacing: .13em; }.contact-details b, .contact-details a { margin-top: 7px; font-size: 12px; }.contact-whatsapp { max-width: 310px; padding: 12px 14px; display: flex; align-items: center; gap: 11px; border: 1px solid #9bcdbd; border-radius: 9px; background: #effaf6; color: #096c51; }.contact-whatsapp > i { width: 37px; height: 37px; padding: 8px; border-radius: 50%; background: #d4f5e8; }.contact-whatsapp span { flex: 1; }.contact-whatsapp small, .contact-whatsapp b { display: block; }.contact-whatsapp small { font-size: 7px; letter-spacing: .12em; }.contact-whatsapp b { margin-top: 3px; font-size: 11px; }.contact-whatsapp em { font-style: normal; }.contact-form-card > p { margin-top: -12px; color: var(--muted); font-size: 9px; }.validation { display: block; margin-top: 5px; color: #b42318; font-size: 9px; }.validation.validation-summary-valid { display: none; }.honeypot { position: absolute!important; left: -10000px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }
.message-page, .auth-page { min-height: 620px; padding: 95px 9vw; background: linear-gradient(125deg, #eef8ff, #fff); }.message-page h1, .auth-page h1 { max-width: 900px; margin: 20px 0; font-size: clamp(43px, 5vw, 68px); letter-spacing: -.05em; }.message-page p, .auth-page p { color: var(--muted); }.success-message strong { color: var(--blue); }.auth-page { display: grid; grid-template-columns: 1fr 450px; gap: 7vw; align-items: center; }.panel-form { padding: 34px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }.panel-form label { display: block; margin: 14px 0 6px; font-size: 10px; font-weight: 700; }.panel-form input { width: 100%; padding: 12px; border: 1px solid #ccd9e2; border-radius: 7px; }.panel-form .button { width: 100%; margin-top: 20px; }
.panel-form .checkbox { display: flex; align-items: flex-start; gap: 8px; }.panel-form .checkbox input { width: auto; margin-top: 2px; }

.site-footer { padding: 66px 7vw 24px; display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 42px; background: #061522; color: #fff; }.footer-brand p { max-width: 300px; color: #91a6b5; font-size: 11px; line-height: 1.75; }.footer-logo-crop { position: relative; display: block; width: 220px; height: 82px; overflow: hidden; }.footer-logo-crop img { position: absolute; width: 245px; max-width: none; left: -7px; top: -87px; filter: invert(1); mix-blend-mode: screen; }.whatsapp-card { max-width: 290px; margin-top: 17px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #22634e; border-radius: 9px; background: #0a2b25; color: #fff; }.whatsapp-card > i { width: 36px; height: 36px; padding: 8px; display: grid; place-items: center; border-radius: 50%; background: #36d07d; color: #fff; }.whatsapp-card span { flex: 1; }.whatsapp-card small, .whatsapp-card b { display: block; }.whatsapp-card small { color: #78c9a5; font-size: 6px; letter-spacing: .13em; }.whatsapp-card b { margin-top: 3px; font-size: 10px; }.whatsapp-card em { color: #84d9b2; font-style: normal; }.footer-column { display: flex; flex-direction: column; gap: 11px; }.footer-column > b { margin-bottom: 10px; font-size: 11px; }.footer-column > a, .footer-column address { color: #91a4b4; font-size: 10px; line-height: 1.65; }.footer-column > a:hover { color: #fff; }.footer-column address { font-style: normal; }.social-links { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }.social-links a, .social-links span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #324a5c; border-radius: 50%; color: #d8e7f1; font-size: 9px; }.social-links span { opacity: .55; }.footer-bottom { grid-column: 1/-1; padding-top: 21px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #1d3547; color: #698093; font-size: 8px; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; } }
@media (max-width: 1180px) {
    .primary-nav { gap: 17px; }.header-cta { display: none; }.hero-section { grid-template-columns: 1fr 1fr; }.site-footer { grid-template-columns: 1.4fr repeat(2, 1fr); }.footer-brand { grid-row: span 2; }.reviews-section { grid-template-columns: 1fr; }.review-carousel { max-width: 850px; }.contact-band { grid-template-columns: 1fr auto; }.contact-band aside { grid-column: 1/-1; max-width: 420px; }.service-consultation { grid-template-columns: 1fr 450px; }
}
@media (max-width: 960px) {
    .topbar { display: none; }.site-header { height: 76px; padding: 0 24px; }.logo-crop { width: 180px; }.menu-toggle { display: block; margin-left: auto; }.primary-nav { position: absolute; top: 76px; left: 0; right: 0; max-height: calc(100vh - 76px); overflow: auto; padding: 18px 24px 28px; display: none; flex-direction: column; align-items: stretch; gap: 0; border-top: 1px solid var(--line); background: #fff; box-shadow: 0 20px 45px rgba(7, 37, 58, .13); }.primary-nav.open { display: flex; }.primary-nav > a, .nav-group > a { min-height: 46px; justify-content: space-between; border-bottom: 1px solid #edf2f5; }.nav-group { width: 100%; }.service-menu, .product-mega { position: static; width: 100%; max-height: none; transform: none; display: block; overflow: visible; border: 0; box-shadow: none; padding: 8px 0 15px 15px; }.mega-heading { display: none; }.mega-categories { grid-template-columns: 1fr 1fr; gap: 15px; }.product-mega { display: none; }.product-nav-group.open .product-mega { display: block; }.service-menu { display: none; }.nav-group.open .service-menu { display: block; }.nav-group:hover .service-menu, .nav-group:focus-within .service-menu, .product-nav-group:hover .product-mega, .product-nav-group:focus-within .product-mega { display: none; }.nav-group.open .service-menu, .product-nav-group.open .product-mega { display: block; }
    .hero-section, .oman-section, .about-section, .product-detail-hero, .service-detail-hero, .standard-page-hero, .contact-page, .auth-page { grid-template-columns: 1fr; }.hero-section { padding-top: 65px; }.hero-visual { min-height: 470px; }.section-heading { align-items: flex-start; flex-direction: column; }.service-grid, .product-card-grid, .case-grid { grid-template-columns: 1fr 1fr; }.process-grid { grid-template-columns: 1fr 1fr; }.about-visual { height: 380px; }.product-content-layout, .service-content-layout, .standard-content { grid-template-columns: 1fr; }.product-sticky-card, .company-facts { position: static; }.inline-consultation { grid-template-columns: 1fr auto; }.inline-whatsapp { grid-column: 1/-1; width: max-content; }.service-consultation { grid-template-columns: 1fr; }.consultation-form { max-width: 650px; }.vision-band { grid-template-columns: 1fr 1fr; }.contact-page { gap: 45px; }.contact-form-card { max-width: 650px; }.site-footer { grid-template-columns: repeat(2, 1fr); }.footer-brand { grid-row: auto; grid-column: 1/-1; }.footer-bottom { flex-direction: column; }
}
@media (max-width: 640px) {
    .content-section, .process-section, .catalogue-section { padding: 72px 20px; }.site-header { padding: 0 18px; }.logo-crop { width: 174px; }.logo-crop img { width: 180px; top: -64px; }.mega-categories { grid-template-columns: 1fr; }.hero-section { padding: 54px 20px 65px; }.hero-copy h1 { font-size: 45px; }.hero-copy > p { font-size: 15px; }.hero-actions, .contact-actions { align-items: flex-start; flex-direction: column; }.hero-stats { flex-wrap: wrap; gap: 18px; }.hero-stats div { min-width: 125px; padding: 0 15px; }.hero-visual { min-height: 400px; margin: 0 -32px; transform: scale(.86); }.orbit-one { width: 370px; height: 370px; }.node-m365 { right: 4px; }.technology-strip { justify-content: flex-start; padding: 20px; }.technology-strip > * { flex: 0 0 auto; }.intro-copy, .service-grid, .product-card-grid, .case-grid, .review-track, .process-grid, .vision-band, .form-row { grid-template-columns: 1fr; }.service-card, .product-card { min-height: 300px; }.oman-section, .about-section, .reviews-section, .split-consultation, .service-consultation, .standard-content, .product-content-layout, .service-content-layout, .contact-page, .auth-page { padding: 72px 20px; }.oman-section aside { min-height: 300px; }.about-visual { height: 310px; }.about-logo-crop { width: 310px; height: 180px; }.about-logo-crop img { width: 390px; top: -109px; }.review-card { min-height: 250px; }.contact-band, .compact-contact, .inline-consultation { padding: 58px 20px; grid-template-columns: 1fr; }.contact-band aside { grid-column: auto; }.page-hero { padding: 80px 20px 70px; }.page-hero h1, .product-detail-hero h1, .service-detail-hero h1, .standard-page-hero h1, .contact-copy h1 { font-size: 43px; }.product-detail-hero, .service-detail-hero, .standard-page-hero { padding: 68px 20px; }.product-hero-visual, .service-detail-hero > aside, .cms-hero-image { min-height: 310px; padding: 32px; }.product-value-strip { grid-template-columns: 1fr; }.product-value-strip div { padding: 12px 0; }.catalogue-group > header small { position: static; display: block; margin-top: 8px; }.contact-details { grid-template-columns: 1fr; }.contact-form-card, .consultation-form { padding: 27px 20px; }.site-footer { padding: 55px 20px 23px; grid-template-columns: 1fr; }.footer-brand { grid-column: auto; }.footer-bottom { grid-column: auto; }
}

/* Professional product and service content templates */
.product-hero-visual.has-image,.service-detail-hero>aside.has-image{position:relative;padding:14px;display:block;overflow:hidden;background:#081d2e}.product-hero-visual.has-image>img,.service-detail-hero>aside.has-image>img{width:100%;height:360px;max-height:none;display:block;object-fit:cover;border-radius:11px;opacity:.94}.hero-visual-caption{position:absolute;left:28px;right:28px;bottom:28px;padding:18px 20px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(5,25,40,.84);backdrop-filter:blur(10px);color:#fff;text-align:left}.hero-visual-caption span,.hero-visual-caption b,.hero-visual-caption small{display:block}.hero-visual-caption span{color:#8dcbff;font-size:8px;font-weight:800;letter-spacing:.15em}.hero-visual-caption b{margin:7px 0 5px;font-size:20px}.hero-visual-caption small{color:#c0d2df;font-size:9px}.service-value-strip{min-height:112px;padding:22px 7vw;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-block:1px solid var(--line);background:#fff}.service-value-strip>div{padding-right:20px;display:grid;grid-template-columns:38px 1fr;align-items:center;border-right:1px solid var(--line)}.service-value-strip>div:last-child{border-right:0}.service-value-strip span{grid-row:1/3;color:#bfd0dc;font-size:24px;font-weight:800}.service-value-strip b,.service-value-strip small{display:block}.service-value-strip b{font-size:12px}.service-value-strip small{color:var(--muted);font-size:9px;line-height:1.5}.professional-content-layout{padding:95px 7vw;display:grid;grid-template-columns:210px minmax(0,850px) 300px;justify-content:center;gap:4vw;align-items:start;background:#fff}.content-navigation{position:sticky;top:108px;min-width:0;padding-top:17px;border-top:3px solid var(--blue)}.content-navigation>span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.15em}.content-navigation>h3{margin:8px 0 18px;font-size:19px;line-height:1.3}.content-navigation nav{display:flex;flex-direction:column;border-block:1px solid var(--line)}.content-navigation nav a{padding:10px 4px;border-bottom:1px solid #edf2f5;color:#667b8b;font-size:9px;line-height:1.45}.content-navigation nav a:last-child{border-bottom:0}.content-navigation nav a:hover,.content-navigation nav a.active{color:var(--blue)}.content-navigation nav a.active{padding-left:10px;border-left:2px solid var(--blue);font-weight:700}.content-navigation nav small{padding:12px 4px;color:#80919e;font-size:8px;line-height:1.5}.content-navigation>a{margin-top:17px;display:inline-flex;color:#31556e;font-size:9px;font-weight:700}.professional-content-layout .rich-content h2{scroll-margin-top:118px;margin:64px 0 19px;font-size:clamp(35px,2vw,54px);line-height:1.12;letter-spacing:-.04em;font-weight:560}.professional-content-layout .rich-content h2:first-of-type{margin-top:0}.professional-content-layout .rich-content h3{font-size:25px;line-height:1.3}.professional-content-layout .rich-content p,.professional-content-layout .rich-content li{font-size:16px;line-height:1.9}.professional-content-layout .rich-content p{margin:0 0 23px}.professional-content-layout .rich-content ul,.professional-content-layout .rich-content ol{margin:0 0 30px;padding-left:24px}.professional-content-layout .rich-content li{padding-left:6px;margin:8px 0}.professional-content-layout .rich-content blockquote{margin:36px 0;padding:28px 30px;border-left:4px solid var(--blue);border-radius:0 9px 9px 0;background:#edf6fd;color:#294b63;font-size:17px;line-height:1.75}.professional-content-layout .rich-content figure{margin:42px 0}.professional-content-layout .rich-content figure img{width:100%;max-height:650px;display:block;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#f3f7fa}.professional-content-layout .rich-content figcaption{padding:11px 8px;color:#708493;font-size:10px;text-align:center}.feature-visual{position:relative;margin:0 0 58px!important;padding:15px;border:1px solid var(--line);border-radius:16px;background:#f4f8fb}.feature-visual>span{position:absolute;z-index:1;left:29px;top:29px;padding:7px 9px;border-radius:5px;background:rgba(5,27,43,.84);color:#fff;font-size:8px;font-weight:800;letter-spacing:.14em}.feature-visual>img{max-height:590px!important;border:0!important;background:#fff!important}.professional-content-layout .product-sticky-card{top:108px}.consultation-note{max-width:245px;color:#b9cbd8;font-size:10px;line-height:1.65}.contact-reassurance{color:#a8bdcb;font-size:11px;line-height:1.7;text-align:right}
@media(max-width:1280px){.professional-content-layout{grid-template-columns:minmax(0,1fr) 300px;max-width:none}.content-navigation{position:static;grid-column:1/-1;padding:18px 0;display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.content-navigation>span{display:none}.content-navigation>h3{margin:0}.content-navigation nav{display:flex;flex-direction:row;flex-wrap:wrap;border:0}.content-navigation nav a{padding:6px 10px;border:0;border-right:1px solid var(--line)}.content-navigation nav a.active{padding-left:10px;border-left:0}.content-navigation>a{margin:0}}
@media(max-width:960px){.service-value-strip{grid-template-columns:1fr 1fr}.service-value-strip>div:nth-child(2){border-right:0}.professional-content-layout{grid-template-columns:1fr}.content-navigation{grid-template-columns:1fr}.content-navigation nav{display:none}.professional-content-layout .product-sticky-card{position:static}.consultation-note{grid-column:1/-1;max-width:none}.contact-reassurance{text-align:left}}
@media(max-width:640px){.product-hero-visual.has-image>img,.service-detail-hero>aside.has-image>img{height:290px}.hero-visual-caption{left:22px;right:22px;bottom:22px}.service-value-strip{padding:15px 20px;grid-template-columns:1fr}.service-value-strip>div,.service-value-strip>div:nth-child(2){padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.service-value-strip>div:last-child{border-bottom:0}.professional-content-layout{padding:72px 20px}.professional-content-layout .rich-content h2{font-size:35px}.professional-content-layout .rich-content h3{font-size:23px}.professional-content-layout .rich-content p,.professional-content-layout .rich-content li{font-size:15px}.feature-visual{margin-bottom:45px!important;padding:9px}.feature-visual>span{left:19px;top:19px}.contact-reassurance{font-size:10px}}

/* 1400px responsive content system and typography refinements */
.topbar,.site-header,.hero-section,.technology-strip,.content-section,.oman-section,.about-section,.process-section,.reviews-section,.contact-band,.page-hero,.catalogue-section,.split-consultation,.product-detail-hero,.service-detail-hero,.standard-page-hero,.service-consultation,.standard-content,.vision-band,.contact-page,.message-page,.auth-page,.site-footer,.product-value-strip,.service-value-strip,.professional-content-layout,.breadcrumbs{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.primary-nav{gap:30px;font-size:15px;font-weight:500}.primary-nav>a,.nav-group>a{letter-spacing:-.01em}.header-cta{font-size:13px;font-weight:600}.service-menu{width:290px;padding:14px}.service-menu a{padding:12px 13px;font-size:14px;line-height:1.35}.product-mega{width:min(1500px,calc(100vw - 40px));padding:30px 32px}.mega-heading b{font-size:21px;font-weight:650}.mega-heading a{font-size:13px;font-weight:600}.mega-categories{gap:26px 38px}.mega-category>strong{padding:0 10px 10px;font-size:11px;font-weight:650;line-height:1.4;letter-spacing:.1em}.mega-category>a{padding:9px 10px;gap:12px;font-size:14px;font-weight:500;line-height:1.35}.mega-category i{width:34px;height:34px;padding:7px}
.eyebrow,.kicker{font-size:11px;font-weight:650;line-height:1.5}.section-heading>p{font-size:16px}.home-hero-image{padding:18px;overflow:hidden;border:1px solid #d7e5ee;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.home-hero-image>img{width:100%;height:500px;object-fit:cover;border-radius:12px}.about-visual.has-image{display:block;padding:14px;background:#edf3f7}.about-visual.has-image>img{width:100%;height:100%;object-fit:cover;border-radius:10px}.oman-section aside>span{font-size:clamp(40px,3vw,58px)}
.case-grid>.home-case-card{position:relative;min-height:320px;padding:30px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f8fbfd);transition:transform .25s,box-shadow .25s}.case-grid>.home-case-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(14,54,82,.1)}.home-case-card>img{width:calc(100% + 60px);height:145px;margin:-30px -30px 25px;object-fit:cover}.home-case-card>span{color:var(--blue);font-size:10px;font-weight:650;letter-spacing:.12em}.home-case-card>i{position:absolute;top:22px;right:25px;color:#dce9f1;font-size:42px;font-style:normal;font-weight:800}.home-case-card>img~i{top:165px}.home-case-card h3{margin:45px 0 12px;font-size:22px;line-height:1.35}.home-case-card>img~h3{margin-top:22px}.home-case-card p{color:var(--muted);font-size:14px;line-height:1.75}.review-card header span{color:var(--blue);font-size:11px;font-weight:650;letter-spacing:.02em}
.footer-brand p,.footer-trust{max-width:330px;color:#afbfca;font-size:14px;line-height:1.75}.footer-trust{margin-top:18px;padding-top:15px;border-top:1px solid #223848;color:#d6e2e9}.footer-column{gap:12px}.footer-column>b{margin-bottom:9px;font-size:15px;font-weight:650}.footer-column>a,.footer-column address{color:#afbfca;font-size:14px;line-height:1.55}.footer-bottom{font-size:11px;line-height:1.55}.contact-band aside{min-width:360px;padding:34px}.contact-band aside>span{font-size:10px}.contact-band aside h3{font-size:25px}.contact-band aside a,.contact-band aside small{font-size:13px}
.professional-content-layout .rich-content h4{margin:34px 0 12px;font-size:22px;line-height:1.35}.professional-content-layout .rich-content h5{margin:28px 0 10px;font-size:19px;line-height:1.4}.professional-content-layout .rich-content h6{margin:24px 0 8px;font-size:16px;line-height:1.45;text-transform:uppercase;letter-spacing:.04em}.font-segoe{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}.font-aptos{font-family:Aptos,"Segoe UI",Arial,sans-serif}.font-arial{font-family:Arial,sans-serif}.font-georgia{font-family:Georgia,"Times New Roman",serif}.content-columns{margin:36px 0;display:grid;gap:22px}.content-columns.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-columns.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.content-columns.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.content-column{min-width:0;padding:24px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.content-column>:first-child{margin-top:0!important}.content-column>:last-child{margin-bottom:0!important}.professional-content-layout .rich-content figure.image-small{max-width:380px;margin-inline:auto}.professional-content-layout .rich-content figure.image-medium{max-width:620px;margin-inline:auto}.professional-content-layout .rich-content figure.image-large{max-width:900px;margin-inline:auto}.professional-content-layout .rich-content figure.image-full{max-width:none;width:100%}
.case-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-library-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .2s,box-shadow .2s}.case-library-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.case-library-card>img{width:calc(100% + 60px);height:230px;margin:-30px -30px 28px;object-fit:cover}.case-library-card>span{color:var(--blue);font-size:10px;font-weight:650;letter-spacing:.12em}.case-library-card h3{margin:14px 0 12px;font-size:25px;line-height:1.3}.case-library-card p{flex:1;color:var(--muted);font-size:15px;line-height:1.75}.case-library-card em{margin-top:20px;color:var(--blue);font-size:13px;font-style:normal;font-weight:600}.public-empty-state{padding:60px;border:1px dashed #aec1ce;border-radius:14px;background:#f7fafc;text-align:center}.public-empty-state h3{font-size:26px}.public-empty-state p{color:var(--muted)}
@media(max-width:1180px){.primary-nav{gap:18px;font-size:14px}.case-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-columns.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){:root{--page-gutter:24px}.primary-nav{font-size:15px}.service-menu a,.mega-category>a{font-size:14px}.content-columns.columns-3,.content-columns.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-image{min-height:0;margin:0;transform:none}.home-hero-image>img{height:430px}.contact-band aside{min-width:0}}
@media(max-width:640px){:root{--page-gutter:20px}.content-columns.columns-2,.content-columns.columns-3,.content-columns.columns-4,.case-library-grid{grid-template-columns:1fr}.home-hero-image>img{height:330px}.site-footer{gap:36px}.footer-column>b{font-size:16px}.footer-column>a,.footer-column address,.footer-brand p,.footer-trust{font-size:14px}.footer-bottom{font-size:11px}.case-grid>.home-case-card{min-height:280px}}