#home { background:#fff; color:#111827; overflow:hidden; }
#home * { box-sizing:border-box; }
#home p { line-height:1.75; word-break:keep-all; }
.home-wrap { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
.home-kicker { margin:0 0 12px; font-size:12px; font-weight:700; letter-spacing:.12em; color:#2f70c8; text-transform:uppercase; }
.home-title { max-width:620px; margin:0 auto 34px; text-align:center; }
.home-title h2 { margin:0; font-size:34px; line-height:1.28; letter-spacing:-.02em; }
.home-title p:not(.home-kicker) { margin:14px 0 0; color:#5f6b7a; }
.home-btn { display:inline-flex; align-items:center; justify-content:center; height:42px; margin-top:28px; padding:0 22px; border:1px solid #15233a; background:#15233a; color:#fff; font-size:14px; font-weight:700; transition:background .2s, color .2s; }
.home-btn:hover { background:#fff; color:#15233a; }
.home-visual { min-height:640px; padding:110px 0 92px; background:#edf2f7; }
.visual-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:58px; }
.visual-copy h1 { max-width:520px; margin:0; font-size:56px; line-height:1.08; letter-spacing:-.04em; }
.visual-copy p:not(.home-kicker) { max-width:460px; margin:22px 0 0; color:#4a5565; font-size:18px; }
.visual-placeholder { position:relative; min-height:360px; padding:34px; border:1px solid #cbd7e5; background:url("../img/_bg.png") center/cover no-repeat; box-shadow:0 28px 70px rgba(15,23,42,.18); }
.screen-main { height:230px; padding:24px; border:1px solid rgba(255,255,255,.2); background:linear-gradient(135deg, #21314f, #0f172a); }
.screen-main span { display:block; height:10px; margin-bottom:16px; background:#6aa3ff; opacity:.85; }
.screen-main span:nth-child(1) { width:70%; }
.screen-main span:nth-child(2) { width:46%; background:#9fd7ff; }
.screen-main span:nth-child(3) { width:58%; background:#f5b85b; }
.screen-row { position:absolute; left:54px; right:54px; bottom:34px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.screen-row i { display:block; height:74px; border:1px solid rgba(255,255,255,.18); background:#253856; }
.home-services { padding:92px 0 94px; }
.section-image { margin:0 auto 30px; max-width:760px; }
.section-image img { display:block; width:100%; height:auto; }
.service-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.service-grid article { min-height:230px; padding:30px; border:1px solid #e4e8ef; background:#fff; }
.service-mark { width:44px; height:44px; display:flex; align-items:center; justify-content:center; margin-bottom:28px; background:#eef5ff; color:#2f70c8; font-weight:800; }
.service-grid h3 { margin:0 0 12px; font-size:22px; }
.service-grid p { margin:0; color:#5f6b7a; }
.home-industries { padding:92px 0; background:#f7f8fa; }
.industry-layout { display:grid; grid-template-columns:.82fr 1fr; align-items:start; gap:52px; }
.industry-layout .home-title { margin:0; text-align:left; }
.industry-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; }
.industry-list article { min-height:150px; padding:26px; border:1px solid #e1e5ec; background:#fff; }
.industry-list span { display:block; margin-bottom:18px; color:#2f70c8; font-size:12px; font-weight:800; text-transform:uppercase; }
.industry-list strong { display:block; font-size:21px; line-height:1.35; }
.home-portal { padding:96px 0 110px; }
.portal-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:58px; }
.portal-placeholder { min-height:380px; padding:30px; background:url("../img/item-2.jpg") center/cover no-repeat; border:1px solid #dfe5ec; display:grid; grid-template-columns:.74fr 1fr; gap:22px; }
.portal-card { padding:22px; background:#fff; border:1px solid #d7dee8; }
.portal-card div { height:54px; margin-bottom:14px; background:#e8f1ff; border-left:4px solid #2f70c8; }
.portal-card div:last-child { margin-bottom:0; }
.portal-map { position:relative; min-height:100%; background:#1a2639; overflow:hidden; }
.portal-map::before { content:""; position:absolute; inset:34px; border:1px solid rgba(255,255,255,.18); }
.portal-map span { position:absolute; width:10px; height:10px; border-radius:50%; background:#7cb8ff; box-shadow:0 0 0 7px rgba(124,184,255,.12); }
.portal-map span:nth-child(1) { left:22%; top:32%; }
.portal-map span:nth-child(2) { left:58%; top:24%; background:#f5b85b; }
.portal-map span:nth-child(3) { left:72%; top:60%; }
.portal-map span:nth-child(4) { left:38%; top:70%; background:#80d5b9; }
.portal-copy h2 { margin:0; font-size:38px; line-height:1.22; letter-spacing:-.03em; }
.portal-copy p { margin:18px 0 0; color:#5f6b7a; }
.portal-copy ul { margin:22px 0 0; padding:0; list-style:none; }
.portal-copy li { position:relative; margin-top:10px; padding-left:18px; color:#273449; }
.portal-copy li::before { content:""; position:absolute; left:0; top:.78em; width:6px; height:6px; background:#2f70c8; }
@media (max-width:900px){
	.home-visual { min-height:auto; padding:76px 0 70px; }
	.visual-grid, .industry-layout, .portal-grid { grid-template-columns:1fr; gap:36px; }
	.visual-copy h1 { font-size:42px; }
	.service-grid { grid-template-columns:1fr; }
	.industry-layout .home-title { text-align:center; margin:0 auto; }
	.portal-grid { display:flex; flex-direction:column-reverse; }
}
@media (max-width:560px){
	.home-wrap { width:calc(100% - 28px); }
	.home-title h2, .portal-copy h2 { font-size:28px; }
	.visual-copy h1 { font-size:36px; }
	.visual-placeholder, .portal-placeholder { padding:18px; min-height:300px; }
	.screen-row { left:28px; right:28px; grid-template-columns:1fr; }
	.screen-row i { height:46px; }
	.industry-list { grid-template-columns:1fr; }
	.portal-placeholder { grid-template-columns:1fr; }
	.portal-map { min-height:190px; }
}