:root{--navy:#071a36;--blue:#1769ff;--sky:#eef5ff;--line:#dbe5f2;--muted:#66758d;--ok:#0d9b67;--warn:#d98900;--danger:#d64141}
*{box-sizing:border-box}body{margin:0;font-family:Verdana,Arial,sans-serif;color:var(--navy);background:#f7f9fc}a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:#06162e;color:#fff}.top .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;font-size:25px;letter-spacing:.8px}.brand b{color:#5aa0ff}.nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700}.btn{display:inline-block;padding:12px 17px;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;border:0;cursor:pointer}
.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--line)}.hero{padding:76px 0 54px;background:linear-gradient(180deg,#071a36,#0d2c5b);color:#fff}
.hero h1{font-size:48px;line-height:1.08;max-width:900px;margin:0 0 18px}.hero p{font-size:19px;line-height:1.65;max-width:820px;color:#d8e6fb}.hero .actions{display:flex;gap:12px;margin-top:28px}
.section{padding:54px 0}.section h2{font-size:31px;margin:0 0 12px}.lead{color:var(--muted);max-width:850px;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 28px rgba(13,37,70,.05)}
.card h3{margin:0 0 9px;font-size:18px}.card p{color:var(--muted);font-size:14px;line-height:1.6}.tag{display:inline-block;background:#eaf2ff;color:#1557be;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}
.price{font-size:34px;font-weight:900;margin:10px 0}.foot{padding:26px 0;border-top:1px solid var(--line);background:#fff;text-align:center;font-size:12px;color:#68758b}
.foot a{color:#1769ff;font-weight:800}.loginbox{max-width:440px;margin:55px auto;background:#fff;padding:28px;border:1px solid var(--line);border-radius:16px}
label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #cfd9e6;border-radius:9px;font:inherit;background:#fff}
.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{background:#071a36;color:#dce8fa;padding:22px 14px}.side .brand{padding:4px 8px 20px}.side a{display:block;padding:11px 12px;border-radius:9px;margin:2px 0;font-size:13px}.side a:hover,.side a.on{background:#153764;color:#fff}.main{padding:26px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat b{font-size:28px;display:block;margin-top:6px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f6;font-size:13px}th{background:#f1f5fa;font-size:11px;text-transform:uppercase}
.notice{padding:13px 15px;border-radius:10px;background:#eaf4ff;margin-bottom:16px}.danger{background:#fff0f0;color:#9b2727}.ok{background:#ecfbf4;color:#08734c}
@media(max-width:800px){.nav{display:none}.hero h1{font-size:34px}.grid,.stats{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.side{min-height:auto}.main{padding:16px}}

.cross-promo{width:100%;background:#0d1726;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.cross-promo.cross-mid{margin:34px 0;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.cross-inner{max-width:1180px;margin:auto;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}
.cross-promo a{color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em}
.cross-promo a:hover{text-decoration:underline}.cross-dot{opacity:.45}
@media(max-width:640px){.cross-inner{gap:7px 9px;padding:9px 12px}.cross-promo a{font-size:10px}.cross-dot{display:none}}

/* SERVIZEN-STICKY-MENU */
header.site-header, .site-header, header.main-header, .main-header {
 position:sticky !important; top:0 !important; z-index:10000 !important;
}

.ecosystem-promo.servizen-ecosystem{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px clamp(14px,3vw,42px);background:#071a2d;position:relative;z-index:20;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.ecosystem-promo.servizen-ecosystem>a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;min-height:112px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:#fff!important;text-decoration:none!important}
.ecosystem-promo.servizen-ecosystem b{font-size:14px;letter-spacing:.04em}.ecosystem-promo.servizen-ecosystem span{font-size:12px;opacity:.78}.ecosystem-promo.servizen-ecosystem strong{display:inline-flex;margin-top:8px;padding:8px 10px;border-radius:999px;background:#ef4b3f;color:#fff;font-size:11px;line-height:1.2}
@media(max-width:1050px){.ecosystem-promo.servizen-ecosystem{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ecosystem-promo.servizen-ecosystem{grid-template-columns:1fr}}

/* SERVIZEN homepage banner */
.hero.hero-banner{padding:0;background:#071a36;color:#fff;overflow:hidden}
.hero-banner-wrap{width:100%;line-height:0;background:#071a36}
.hero-banner-img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.hero-banner-actions{display:flex;justify-content:center;gap:12px;padding-top:18px;padding-bottom:20px}
.hero-banner-actions .btn{min-width:170px;text-align:center}
@media(max-width:800px){.hero-banner-actions{padding:14px 16px 16px;gap:10px}.hero-banner-actions .btn{min-width:0;flex:1}.hero-banner-img{width:100%;height:auto;object-fit:contain}}
@media(max-width:480px){.hero-banner-actions{flex-direction:column}.hero-banner-actions .btn{width:100%}}