.hx{position:relative;min-height:520px;background:#f8fafc;display:flex;flex-direction:column;align-items:center}
.hx .bgi{position:absolute;inset:0;overflow:hidden}.hx .bgi img{width:100%;height:100%;object-fit:cover}
.hx .fade{position:absolute;inset:0;background:linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.9) 34%,rgba(248,250,252,0) 72%),linear-gradient(0deg,#f8fafc 0%,rgba(248,250,252,0) 28%)}
.hx .hin{position:relative;width:1200px;padding:72px 0 0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.hx h1{font:800 56px/1.1 Outfit;color:#091e3a;max-width:860px}.hx .sub2{font-size:18px;line-height:1.6;color:#475569;max-width:640px}
.pill{border:1px solid #0078d4;color:#0078d4;font:700 11px Inter;letter-spacing:.8px;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px;text-transform:uppercase}
.sbar{position:relative;width:1200px;display:flex;justify-content:space-between;padding:48px 0 56px}
.sbar div{text-align:center;flex:1}.sbar b{display:block;font:800 36px Outfit;color:#0078d4}.sbar strong{display:block;font:700 14px Inter;color:#091e3a;margin-top:2px}.sbar span{font-size:12px;color:#64748b}
.c3{position:relative;width:1200px;display:flex;gap:24px;margin-bottom:-60px;z-index:2}
.c3>div{flex:1;background:#eff6ff;border:1px solid #cfe2f7;border-radius:16px;padding:28px;text-align:center;box-shadow:0 8px 22px rgba(0,120,212,.1);transition:.35s}.c3>div:hover{transform:translateY(-6px)}
.c3 b{display:block;font:800 38px Outfit;color:#0078d4}.c3 strong{display:block;font:700 15px Inter;color:#091e3a;margin:4px 0}.c3 span{font-size:13px;color:#64748b}
.h2c{font:800 34px Outfit;color:#091e3a;text-align:center}.pc{font-size:15px;color:#64748b;text-align:center;max-width:640px;line-height:1.6}
.cc{background:#fff;border:1px solid #e5ebf4;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:.35s;box-shadow:0 2px 6px rgba(0,0,0,.03)}.cc:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(0,120,212,.1);border-color:#b9d8f6}
.cc h3{font:800 17px Outfit;color:#091e3a}.cc p{font-size:13px;line-height:1.55;color:#475569}
.cc .ib{width:38px;height:38px;border-radius:9px;background:#eff6ff;display:flex;align-items:center;justify-content:center}
.bd{font:700 10px Inter;letter-spacing:.5px;padding:3px 8px;border-radius:4px;background:#d1fae5;color:#059669}.bd.o{background:#fef3c7;color:#d97706}.bd.b{background:#eff6ff;color:#0078d4}
.crop{width:100%;height:100%;border-radius:12px;background-image:url(assets/hero-bg.png);background-repeat:no-repeat;transition:transform .8s}.fimg:hover .crop{transform:scale(1.05)}
.tbl{width:1000px;background:#fff;border:1px solid #e5ebf4;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.tbl .r{display:flex;align-items:center;padding:16px 28px;border-top:1px solid #f1f5f9;font-size:13px;color:#475569}.tbl .r.h{background:#f8fafc;border-top:0;font:700 12px Inter;color:#091e3a;letter-spacing:.5px;text-transform:uppercase}
.tbl .r>*:first-child{flex:1.6;font-weight:600;color:#091e3a}.tbl .r>*:not(:first-child){flex:1;text-align:center}.tbl .hl{color:#0078d4;font-weight:700}
.dk{background:#0f1b2d;color:#fff;padding:96px 80px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.dk h2{font:800 38px/1.2 Outfit;max-width:760px}.dk p{font-size:16px;color:#aab6c8;max-width:560px;line-height:1.6}
.wb{background:#fff;color:#0f172a;font:600 14px Inter;padding:12px 24px;border-radius:6px;text-decoration:none;transition:.25s}.wb:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.25)}
.pb{background:#0078d4;color:#fff;font:600 14px Inter;padding:12px 24px;border-radius:6px;text-decoration:none;display:flex;gap:8px;align-items:center;transition:.25s}.pb:hover{transform:translateY(-2px);background:#006cc0;box-shadow:0 8px 16px rgba(0,120,212,.3)}
.cbx{width:1200px;border-radius:16px;background:linear-gradient(90deg,#2377bc,#2d449c);padding:32px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;gap:32px}.cbx h3{font:800 24px Outfit}.cbx p{font-size:14px;opacity:.9;max-width:640px;margin-top:6px;line-height:1.5}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:1200px}.g3b{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:1200px}
.num{font:800 40px Outfit;color:#cfe2f7}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fm label{display:flex;flex-direction:column;gap:5px;font:600 11px Inter;color:#475569}.fm .fw{grid-column:1/-1}
.fm input,.fm select,.fm textarea{border:1px solid #e5ebf4;background:#f8fafc;border-radius:8px;padding:11px 12px;font:13px Inter;color:#0f172a;outline:0;transition:.2s}.fm input:focus,.fm select:focus,.fm textarea:focus{border-color:#0078d4;background:#fff;box-shadow:0 0 0 3px rgba(0,120,212,.12)}
.ql{display:flex;gap:28px;justify-content:center;font:600 14px Inter}.ql a{color:#0078d4;text-decoration:none;display:flex;gap:6px;align-items:center}.ql.g a{color:#64748b;font-weight:500;font-size:13px}.ql a:hover{text-decoration:underline}
.sx{padding:96px 80px;display:flex;flex-direction:column;align-items:center;gap:48px}.sx.sbg{background:#f8fafc}

/* added for Corelixio pages */
.btn-a{text-decoration:none}
.lead{font-size:17px;line-height:1.7;color:#475569;max-width:760px;text-align:center}
.qlist{list-style:none;display:flex;flex-direction:column;gap:10px;padding-top:4px}.qlist li{background:#fff;border:1px solid #e5ebf4;border-left:3px solid #0078d4;border-radius:8px;padding:10px 14px;font-size:14px;color:#1e293b;font-style:italic}
.docs{font-size:13px;color:#64748b;line-height:1.6}.docs b{color:#091e3a}
.arch{width:1000px;display:flex;flex-direction:column;align-items:center;gap:14px}
.arch .lay{width:100%;border-radius:14px;padding:20px 24px;text-align:center;border:1px solid #cfe2f7;background:#fff}
.arch .lay b{display:block;font:800 18px Outfit;color:#091e3a}.arch .lay span{font-size:13px;color:#475569}
.arch .lay.core{background:linear-gradient(90deg,#2377bc,#2d449c);border:0}.arch .lay.core b,.arch .lay.core span{color:#fff}
.arch .row4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%}
.arch .row4 div{border:1px dashed #94a3b8;border-radius:12px;padding:16px;text-align:center;background:#f8fafc;font:600 13px Inter;color:#091e3a}
.arch .row4 div.own{border:1px solid #0078d4;background:#eff6ff;color:#0078d4}
.arch .ar{font:700 12px Inter;color:#64748b;letter-spacing:.5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:1200px}
.panel{background:#fff;border:1px solid #e5ebf4;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 6px rgba(0,0,0,.03)}
.panel h3{font:800 22px Outfit;color:#091e3a}.panel p{font-size:14px;line-height:1.6;color:#475569}
.ini{height:240px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b2a52,#2d62d6);color:#fff;font:800 64px Outfit;letter-spacing:2px}
.note{font-size:12px;color:#94a3b8;text-align:center}
.hin .row a{text-decoration:none}
@media(max-width:1280px){.two,.arch,.g4,.g3b,.cbx{width:100%!important}}
@media(max-width:1100px){.g4{grid-template-columns:1fr 1fr}.cbx{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.two,.g4,.g3b{grid-template-columns:1fr}.arch .row4{grid-template-columns:1fr 1fr}.srcs{display:none}}
.fm label{min-width:0}.fm input,.fm select,.fm textarea{min-width:0;width:100%;max-width:100%}
.hx .c3{margin-top:32px}

.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:600 11px Inter,sans-serif;color:#0078d4;background:#eff6ff;border:1px solid #cfe2f7;border-radius:6px;padding:3px 8px}
.g3b .cc{gap:10px}

a[href^="mailto:"]{color:#0078d4;text-decoration:none}a[href^="mailto:"]:hover{text-decoration:underline}