#home { background:#fff; color:#1f1f1f; padding-bottom:60px; }
#home .image-box { display:flex; justify-content:center; align-items:center; width:100%; min-height:160px; background:#e7e7e7; color:#8a8a8a; font-size:13px; text-transform:uppercase; letter-spacing:0; }
#home .eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; color:#e85c45; letter-spacing:0; }
#home p { line-height:1.7; }
#home .home-cta { display:inline-flex; justify-content:center; align-items:center; height:34px; margin-top:20px; padding:0 18px; border:1px solid #222; }
.home-panel { width:min(1280px, calc(100% - 40px)); margin:72px auto 0; padding:58px 30px; display:flex; flex-direction:column; align-items:center; text-align:center; background:#f7f7f7; }
.home-panel h2 { font-size:40px; letter-spacing:-1px; }
.home-intro { width:100%; min-height:calc(100vh - 160px); margin-top:0; justify-content:center; background-image:url('/img/speedsalesita_bg.png'); background-size:cover; background-position:center; }
.home-intro h1 { font-size:50px; }
.panel-brand { position:relative; overflow:hidden; background:linear-gradient(135deg, #fff4ee 0%, #fff 45%, #f6f8ff 100%); border:1px solid #f0dfd5; border-radius:20px; }
.panel-brand::before { content:""; position:absolute; top:-70px; left:-40px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, rgba(232,92,69,.22) 0%, rgba(232,92,69,0) 72%); }
.panel-brand::after { content:""; position:absolute; right:-80px; bottom:-80px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(92,129,232,.18) 0%, rgba(92,129,232,0) 74%); }
.panel-brand > * { position:relative; z-index:1; }
.panel-gentle { position:relative; background:#f8f6f1; border-radius:20px; border:1px solid #ebe4d9; }
.panel-gentle::before, .panel-gentle::after { content:""; position:absolute; top:50%; width:74px; height:2px; margin-top:-1px; background:#d8bca2; }
.panel-gentle::before { left:36px; }
.panel-gentle::after { right:36px; }
.panel-gentle .home-cta { background:#fff; border-color:#b99a7c; color:#6e5036; }
.panel-gentle .home-cta:hover { background:#f4ece3; }
.panel-join { background:#151a26; color:#f3f6ff; border-radius:20px; position:relative; overflow:hidden; }
.panel-join::before { content:"MEMBERSHIP"; position:absolute; top:18px; right:22px; font-size:11px; letter-spacing:1px; color:#85a0ff; }
.panel-join .eyebrow { color:#85a0ff; }
.panel-join p { color:#d3dbef; }
.panel-join .home-cta { background:#4f6bff; border-color:#4f6bff; color:#fff; }
.panel-join .home-cta:hover { background:#3d59ea; border-color:#3d59ea; }

.home-panel.home-mini { width:min(1280px, calc(100% - 40px)); padding:42px 30px; }
.home-section { width:min(1280px, calc(100% - 40px)); margin:72px auto 0; text-align:center; }
.home-card-grid { margin-top:24px; display:grid; gap:22px; text-align:left; }
.home-card-grid.col3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.home-card-grid.col4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.home-card-grid article > a { display:block; color:inherit; border:1px solid #e8e8e8; background:#fff; padding:14px; transition:transform .2s, box-shadow .2s; }
.home-card-grid article > a:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.08); }
.home-card-grid article h3 { margin-top:12px; font-size:17px; font-weight:700; line-height:1.45; word-break:keep-all; }
.home-card-grid .image-box { min-height:220px; overflow:hidden; background:#f2f2f2; }
.home-card-grid .image-box img { width:100%; height:100%; object-fit:cover; display:block; }
.home-card-grid article p { margin-top:6px; font-size:15px; font-weight:700; color:#1f1f1f; }
.home-banner { width:min(1280px, calc(100% - 40px)); margin:72px auto 0; padding:34px; display:grid; grid-template-columns:1fr 1.35fr; align-items:center; gap:34px; background:#ffd4f4; }
.home-banner .image-box { min-height:210px; background:#e8e8e8; }
.home-banner-soft { width:calc(100% - 40px); max-width:1280px; margin:72px auto 0; }
.home-banner-soft img { width:100%; height:auto; display:block; }
@media (max-width:560px){
	.home-panel { margin-top:48px; padding:42px 20px; }
	.home-panel h2 { font-size:30px; }
	.panel-gentle::before, .panel-gentle::after { display:none; }
	.home-section { margin-top:48px; }
	.home-card-grid.col3 { grid-template-columns:1fr; }
	.home-card-grid.col4 { grid-template-columns:1fr; }
	.home-card-grid .image-box { min-height:180px; }
	.home-banner { margin-top:48px; padding:28px 20px; grid-template-columns:1fr; }
	.home-banner-soft { margin-top:48px; }
}
#heom { background:#fff; color:#151515; padding-bottom:110px; }
#heom h1, #heom h2, #heom h3, #heom p { margin:0; letter-spacing:0; }
#heom span { display:block; font-size:12px; font-weight:800; color:#c05b2b; letter-spacing:0; text-transform:uppercase; }
#heom a { display:inline-flex; align-items:center; justify-content:center; min-width:120px; height:38px; margin-top:24px; padding:0 18px; border:1px solid #151515; color:#151515; font-size:13px; font-weight:700; }
#heom p { color:#555; font-size:15px; line-height:1.8; word-break:keep-all; }
.heom-visual { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:640px; padding-top:80px; background:url('/img/arcenictech_bg.png') center/cover no-repeat; overflow:hidden; }
.heom-visual::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,.5); }
.heom-copy { position:relative; z-index:2; width:min(980px, calc(100% - 40px)); margin:0 auto 42px; text-align:center; }
.heom-copy h1 { margin-top:10px; font-size:54px; font-weight:800; line-height:1.12; }
.heom-copy p { width:min(620px, 100%); margin:18px auto 0; }
.heom-copy h1, .heom-copy p, .heom-copy a { color:#fff; }
.heom-copy a { border-color:#fff; }
.heom-panel { width:min(980px, calc(100% - 40px)); margin:72px auto 0; padding:58px 30px; text-align:center; background:#f7f7f7; }
.heom-panel h2 { margin-top:10px; font-size:30px; font-weight:800; }
.heom-panel p { width:min(620px, 100%); margin:16px auto 0; }
.heom-project { width:min(980px, calc(100% - 40px)); margin:72px auto 0; text-align:center; }
.heom-title h2 { margin-top:10px; font-size:30px; font-weight:800; }
.heom-title p { margin-top:12px; }
.heom-card-wrap { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; margin-top:30px; text-align:left; }
.heom-card-wrap article { min-width:0; }
.heom-card-wrap h3 { margin-top:14px; font-size:18px; font-weight:800; line-height:1.35; }
.heom-card-wrap p { margin-top:5px; font-size:14px; }
.heom-img { display:flex; align-items:center; justify-content:center; aspect-ratio:1 / 1.2; background:center/cover no-repeat; color:#fff; font-size:12px; font-weight:800; }
.heom-card-wrap article:nth-child(1) .heom-img { background-image:url('/img/item-1.jpg'); }
.heom-card-wrap article:nth-child(2) .heom-img { background-image:url('/img/item-2.jpg'); }
.heom-card-wrap article:nth-child(3) .heom-img { background-image:url('/img/item-3.jpg'); }
.heom-system { margin-top:72px; }
.heom-system .heom-panel { margin-top:0; }
.heom-wide-img { display:flex; align-items:center; justify-content:center; width:min(980px, calc(100% - 40px)); height:330px; margin:56px auto 0; background:url('/img/item-4.png') center/cover no-repeat; color:#fff; font-size:12px; font-weight:800; }
.heom-info-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; width:min(980px, calc(100% - 40px)); margin:24px auto 0; }
.heom-info-grid div { padding:22px 20px; background:#f5f5f5; }
.heom-info-grid strong { display:block; color:#c05b2b; font-size:18px; }
.heom-info-grid p { margin-top:8px; color:#222; font-size:14px; font-weight:800; }
.heom-contact { display:grid; grid-template-columns:.82fr 1.18fr; width:min(980px, calc(100% - 40px)); margin:86px auto 0; background:#f5f5f5; }
.heom-contact-copy { padding:58px 44px; align-self:center; }
.heom-contact-copy h2 { margin-top:10px; font-size:34px; font-weight:800; }
.heom-contact-copy p { margin-top:16px; }
.heom-contact-img { display:flex; align-items:center; justify-content:center; min-height:360px; background:url('/img/item-5.jpg') center/cover no-repeat; color:#fff; font-size:12px; font-weight:800; }
@media (max-width:720px){
	#heom { padding-bottom:72px; }
	.heom-visual { min-height:560px; padding-top:50px; }
	.heom-copy h1 { font-size:38px; }
	.heom-panel { margin-top:52px; padding:42px 22px; }
	.heom-panel h2, .heom-title h2 { font-size:25px; }
	.heom-project, .heom-system { margin-top:52px; }
	.heom-card-wrap { grid-template-columns:1fr; gap:26px; }
	.heom-img { aspect-ratio:1.35 / 1; }
	.heom-wide-img { height:240px; margin-top:36px; }
	.heom-info-grid { grid-template-columns:1fr; }
	.heom-contact { grid-template-columns:1fr; margin-top:58px; }
	.heom-contact-copy { padding:42px 24px; }
	.heom-contact-copy h2 { font-size:28px; }
	.heom-contact-img { min-height:240px; }
}