@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

:root{--navy:#0a2238;--navy-2:#10314d;--blue:#125f9e;--cyan:#86dde1;--ink:#152c40;--muted:#4b6072;--line:#d8e3e8;--surface:#f3f8f9;--radius:20px}
body{font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;line-height:1.7}
h1,h2,h3{letter-spacing:-.026em}
h2{font-size:clamp(2.15rem,3.8vw,3.65rem);font-weight:600;line-height:1.16}
h3{font-weight:600}
.eyebrow{color:#0e6d9d;font-weight:600;letter-spacing:.16em}
.eyebrow-light{color:#91e5e7}
.section-intro,.service-card p,.solution-list p,.steps p,.faq details p{color:var(--muted)}

.site-header{background:var(--navy);border-bottom-color:#b2dee51f}
.header-inner{min-height:88px}
.brand{display:inline-flex;align-items:center;gap:13px;flex:0 0 auto;color:#fff;min-width:0}
.brand-mark{display:flex;align-items:center;justify-content:center;width:49px;height:52px;flex:0 0 auto}
.brand .brand-mark img,.footer-top .brand-mark img{display:block;width:auto;height:50px;max-height:none;margin:0;object-fit:contain}
.brand-rule{display:block;width:1px;height:42px;background:#a7dce480;flex:0 0 auto}
.brand-type{display:flex;flex-direction:column;justify-content:center;min-width:0}
.brand-type strong{display:block;color:#fff;font-size:1.54rem;font-weight:600;letter-spacing:.14em;line-height:1.03;white-space:nowrap}
.brand-type strong span{color:#91e5e7;font-size:.95rem;letter-spacing:.015em}
.brand-type small{display:block;margin-top:5px;color:#bed1db;font-size:.61rem;font-weight:500;letter-spacing:.025em;line-height:1.15;white-space:nowrap}
.site-nav{color:#e4eef4;font-weight:500}
.site-nav>a:hover,.site-nav>a:focus-visible{color:#9de3e6}
.site-nav .nav-contact{background:#9be4e5;color:#0a2238;border-radius:9px;font-weight:600}
.site-nav .nav-contact:hover{background:#fff;color:#0a2238}
.languages a{color:#c4d7df}

.hero{background:#071c32}
.hero-bg{background-image:linear-gradient(90deg,#071b30f7 0%,#071b30ec 27%,#071b30a0 53%,#071b3022 100%),url("images/business-software-hero.webp")}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#95dce012 1px,transparent 1px),linear-gradient(90deg,#95dce012 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,#000a,transparent 73%);pointer-events:none}
.hero h1{max-width:760px;font-size:clamp(2.9rem,4.45vw,4.55rem);font-weight:600;letter-spacing:.005em;line-height:1.15}
.hero h1 span{color:#9be5e7}
.hero-copy{max-width:630px;color:#e2edf3;font-size:1.11rem;line-height:1.78}
.button{border-radius:9px;font-weight:600}
.button span{display:inline-block;transition:transform .2s ease}
.button:hover span{transform:translate(2px,-2px)}
.button-primary{background:#9be4e5;color:#0a2238;box-shadow:0 9px 25px #0314283d}
.button-primary:hover{background:#fff}
.button-dark{background:#0c2e49;color:#fff}
.button-dark:hover{background:#155c80}
.text-link{font-weight:600;border-bottom-color:#d7e6ea8a}
.hero-index{color:#b1c6d2;font-weight:500}
.proof{background:#10314d;color:#d4e2e9}
.proof p{color:#9ce5e8;font-weight:600}
.proof li{font-weight:500}

.services{padding-bottom:68px}
.service-card{background:linear-gradient(180deg,#fff 72%,#fbfefe);border-color:#d7e5e9;box-shadow:0 9px 28px #112d4510;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-card::before{content:"";position:absolute;top:0;left:29px;right:29px;height:2px;background:linear-gradient(90deg,#66d8df,#2d81bd);opacity:0;transition:opacity .25s}
.service-card:hover{border-color:#a3d2d9;box-shadow:0 18px 48px #0d2d4820}
.service-card:hover::before{opacity:1}
.service-number{color:#526e80;font-weight:600}
.service-mark{width:55px;height:55px;justify-content:center;background:#edf8fa;border-radius:15px;margin:18px 0 24px}
.service-mark img{width:35px;height:35px;object-fit:contain}
.service-card:nth-child(2) .service-mark{background:#eaf7f4}
.service-card:nth-child(3) .service-mark{background:#f1effa}
.service-card:nth-child(4) .service-mark{background:#fff4e9}
.service-card:nth-child(5) .service-mark{background:#edf4fa}
.service-card:nth-child(6) .service-mark{background:#eaf7f8}
.service-card:hover .service-mark{background:#e2f5f7}
.service-card h3{font-size:1.34rem}
.service-tag{color:#115f98;font-weight:600}

.project-cta{background:#fff;padding:0 0 105px}
.project-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;padding:42px 48px;background:linear-gradient(112deg,#e9f6f7 0%,#f5fbfb 60%,#edf7f8 100%);border:1px solid #cde6e8;border-radius:22px}
.project-panel::before{content:"";position:absolute;inset:0 0 0 auto;width:44%;background-image:radial-gradient(#3e9eb134 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.project-copy,.project-panel .button{position:relative;z-index:1}
.project-copy .eyebrow{margin-bottom:15px}
.project-copy h2{font-size:clamp(1.85rem,3vw,2.75rem);margin-bottom:12px}
.project-copy>p:last-child{max-width:660px;color:var(--muted);font-size:1.02rem;line-height:1.7}
.project-panel .button{white-space:nowrap}

.solutions{background:var(--surface)}
.solution-list h3{font-weight:600}
.solutions-visual{box-shadow:0 22px 60px #0c2e492e}
.promise{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a2238,#114465)}
.promise::before{content:"";position:absolute;width:470px;height:470px;right:-100px;top:-220px;border-radius:50%;background:radial-gradient(circle,#70d6df29,transparent 70%);pointer-events:none}
.promise-grid{position:relative}
.promise h2{font-weight:600}
.contact{background:#edf5f6}
.contact-details a{display:block;min-height:44px;padding:8px 0;color:#105e92;overflow-wrap:anywhere}
.contact-detail-list a{display:inline-flex;align-items:center;padding:0}
.support-availability{display:inline-block;justify-self:start;align-self:start;margin:0;padding:2px 10px;border-radius:999px;background:#e0f6ed;color:#116b53;font-size:.88rem;font-weight:700;line-height:1.4}
.form-panel{border-color:#dce9ec;box-shadow:0 18px 52px #0d2c4217}
.form-panel input:not([type=checkbox]),.form-panel textarea{background:#fbfdfd}
.form-panel label:not(.consent){font-weight:600}
.site-footer{background:#0a2238;color:#cbdde5}
.footer-top{grid-template-columns:minmax(230px,1fr) minmax(250px,1fr) auto}
.footer-top .brand{align-items:center}
.footer-top>p{max-width:380px;color:#d1e0e7;font-size:.92rem}
.footer-top>a{display:inline-flex;align-items:center;min-height:44px;color:#9be4e5}

@keyframes signal-pulse{0%,100%{box-shadow:0 0 0 5px #67e3e928}50%{box-shadow:0 0 0 9px #67e3e90a}}
.signal{animation:signal-pulse 3.5s ease-in-out infinite}

@media(max-width:1120px){.brand-type small{display:none}.brand-type strong{font-size:1.42rem}.brand-mark{width:44px}.brand .brand-mark img,.footer-top .brand-mark img{height:45px}.brand-rule{height:38px}}
@media(max-width:1100px){.contact-grid{grid-template-columns:minmax(0,1fr);gap:42px}.contact-copy>.section-intro{max-width:740px}.contact-details{max-width:760px}}
@media(max-width:900px){.header-inner{min-height:76px}.site-nav{background:#0e304b}.services{padding-bottom:54px}.project-cta{padding-bottom:82px}.project-panel{gap:28px;padding:34px}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.languages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}}
@media(max-width:700px){.hero h1{font-size:clamp(2.2rem,8.7vw,3.55rem);line-height:1.18}.hero-bg{background-image:linear-gradient(90deg,#071b30fa,#071b30eb 65%,#071b30c9),url("images/business-software-hero.webp")}.hero-copy{font-size:1rem}.project-panel{grid-template-columns:1fr;gap:23px;padding:30px 27px}.project-panel .button{justify-self:start;white-space:normal}.project-cta{padding-bottom:68px}.footer-top{grid-template-columns:1fr}.brand-type small{display:block}.footer-brand .brand-type small{display:block}}

@media(max-width:380px){.brand-type small{display:none}.brand{gap:10px}.brand-type strong{font-size:1.33rem}.footer-brand .brand-type small{display:none}}
@media(max-width:360px){.hero h1{font-size:2.02rem}.hero-copy{font-size:.94rem}.project-panel{padding:27px 22px}}
@media(prefers-reduced-motion:reduce){.signal{animation:none}.button span{transition:none}}