/* === HOMEPAGE V2 — loaded only when goHome renders landing page === */ /* Layout override: hide sidebar, full-width content when .hp on */ html.hp .sidebar-card{display:none!important} html.hp .main-layout{display:block!important;padding:0!important;max-width:100%!important} html.hp .breadcrumb-bar{display:none!important} html.hp .content-area{overflow:visible!important;margin-bottom:0!important;padding-bottom:0!important} html.hp .main-layout{margin-bottom:0!important;padding-bottom:0!important} /* Hero */ .hp-hero{position:relative;background:#1a1a2e;overflow:hidden;min-height:440px;display:flex;align-items:center} .hp-hero-bg{position:absolute;inset:0;background:url('/images/hero-bg.jpg') center/cover no-repeat;opacity:0.5} .hp-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(17,24,39,0.85) 0%,rgba(17,24,39,0.5) 50%,rgba(17,24,39,0.2) 100%)} .hp-hero-content{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:70px 24px;width:100%} .hp-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(226,0,26,0.15);color:var(--red);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:18px;border:1px solid rgba(226,0,26,0.2)} .hp-hero h1{font-size:48px;font-weight:900;color:#fff;line-height:1.1;max-width:600px;margin-bottom:14px;letter-spacing:-0.02em} .hp-hero h1 span{color:var(--red)} .hp-hero p{font-size:17px;color:rgba(255,255,255,0.7);max-width:480px;line-height:1.6;margin-bottom:28px} .hp-actions{display:flex;gap:12px;flex-wrap:wrap} .hp-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none} .hp-cta.primary{background:var(--red);color:#fff} .hp-cta.primary:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 8px 24px rgba(226,0,26,0.3)} .hp-cta.secondary{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2)} .hp-cta.secondary:hover{background:rgba(255,255,255,0.2)} .hp-stats{display:flex;gap:36px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1)} .hp-stat .num{font-size:26px;font-weight:800;color:#fff;line-height:1} .hp-stat .label{font-size:11px;color:rgba(255,255,255,0.5);margin-top:3px;text-transform:uppercase;letter-spacing:.05em} /* Sections */ .hp-section{max-width:var(--max-w);margin:0 auto;padding:48px 24px} .hp-section-hdr{display:flex;align-items:center;gap:10px;margin-bottom:6px} .hp-section-hdr h2{font-size:24px;font-weight:800;color:var(--g900)} .hp-section-hdr .ico{color:var(--red);font-size:18px} .hp-section-sub{font-size:13px;color:var(--g500);margin-bottom:24px} /* Medium Finder widget */ .hp-mf{background:linear-gradient(135deg,#f0f4f8,#e8edf3);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:40px 0} .hp-mf-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px} .hp-mf-widget{background:var(--g0);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:28px 32px;max-width:800px;margin:0 auto} .hp-mf-top{display:flex;align-items:center;gap:14px;margin-bottom:16px} .hp-mf-flask{width:44px;height:44px;border-radius:12px;background:var(--red-light);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:18px;flex-shrink:0} .hp-mf-top h3{font-size:18px;font-weight:800;color:var(--g900)} .hp-mf-top p{font-size:12px;color:var(--g500);margin-top:2px} .hp-mf-search{display:flex;gap:0} .hp-mf-search input{flex:1;min-width:0;padding:11px 16px;border:2px solid var(--g200);border-right:none;border-radius:var(--r) 0 0 var(--r);font-size:14px;outline:none;background:var(--g50)} .hp-mf-search input:focus{border-color:var(--red);background:var(--g0);box-shadow:0 0 0 3px rgba(226,0,26,0.08)} .hp-mf-search button{padding:0 18px;background:var(--red);color:#fff;border:2px solid var(--red);border-radius:0 var(--r) var(--r) 0;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap} /* Category grid */ .hp-cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .hp-cat-card{background:var(--g0);border:1.5px solid var(--g200);border-radius:var(--r-lg);padding:20px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit} .hp-cat-card:hover{border-color:var(--red);box-shadow:0 6px 20px rgba(226,0,26,0.08);transform:translateY(-2px)} .hp-cat-card .hp-cat-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:10px} .hp-cat-card .hp-cat-img img{width:85%;height:85%;object-fit:contain} .hp-cat-card h3{font-size:12px;font-weight:600;color:var(--g800);margin-bottom:4px;line-height:1.3} .hp-cat-card:hover h3{color:var(--red)} .hp-cat-card .cnt{font-size:11px;color:var(--g400)} /* Services */ .hp-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .hp-svc-card{background:var(--g0);border:1.5px solid var(--g200);border-radius:var(--r-lg);overflow:hidden;transition:all .2s} .hp-svc-card:hover{border-color:var(--red);box-shadow:0 6px 20px rgba(226,0,26,0.08);transform:translateY(-2px)} .hp-svc-card .hp-svc-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .4s} .hp-svc-card:hover .hp-svc-img{transform:scale(1.03)} .hp-svc-card .hp-svc-body{padding:18px} .hp-svc-card h4{font-size:14px;font-weight:700;color:var(--g800);margin-bottom:8px} .hp-svc-card:hover h4{color:var(--red)} .hp-svc-card ul{list-style:none;padding:0;margin:0} .hp-svc-card ul li{font-size:12px;color:var(--g500);line-height:1.4;padding:3px 0;border-bottom:1px solid var(--g100);display:flex;align-items:baseline;gap:6px} .hp-svc-card ul li:last-child{border:none} .hp-svc-card ul li::before{content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;font-size:9px;color:var(--red);flex-shrink:0} .hp-svc-card ul li a{color:var(--g600);text-decoration:none;transition:color .2s} .hp-svc-card ul li a:hover{color:var(--red)} /* Industries */ .hp-ind{background:var(--g900);padding:56px 0} .hp-ind-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px} .hp-ind .hp-section-hdr h2{color:#fff} .hp-ind .hp-section-sub{color:rgba(255,255,255,0.5)} .hp-ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .hp-ind-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r-lg);padding:18px;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:12px} .hp-ind-card:hover{background:rgba(226,0,26,0.1);border-color:rgba(226,0,26,0.3);transform:translateY(-1px)} .hp-ind-card .ind-ico{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--red);flex-shrink:0;transition:all .2s} .hp-ind-card:hover .ind-ico{background:var(--red);color:#fff} .hp-ind-card h4{font-size:12px;font-weight:600;color:#fff} .hp-ind-card p{font-size:10px;color:rgba(255,255,255,0.4);margin-top:2px;line-height:1.4} .hp-ind-hidden{display:none} .hp-ind-grid.expanded .hp-ind-hidden{display:flex} .hp-ind-more{display:flex;justify-content:center;margin-top:20px} .hp-ind-more button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1px solid rgba(255,255,255,0.2);border-radius:var(--r);color:rgba(255,255,255,0.7);font-size:13px;font-weight:600;cursor:pointer;background:none;transition:all .2s} .hp-ind-more button:hover{border-color:var(--red);color:#fff;background:rgba(226,0,26,0.15)} /* Value props */ .hp-vp{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200)} .hp-vp-inner{max-width:var(--max-w);margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px} .hp-vp-item{display:flex;align-items:flex-start;gap:12px} .hp-vp-ico{width:40px;height:40px;border-radius:10px;background:var(--red-light);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:16px;flex-shrink:0} .hp-vp-item h4{font-size:12px;font-weight:700;color:var(--g800);margin-bottom:2px} .hp-vp-item p{font-size:11px;color:var(--g500);line-height:1.4} /* CTA banner */ .hp-cta-banner{background:linear-gradient(135deg,#1e293b,#334155);padding:48px 0} .hp .footer{margin-top:0} .hp-cta-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px} .hp-cta-banner h2{font-size:24px;font-weight:800;color:#fff;margin-bottom:4px} .hp-cta-banner p{font-size:14px;color:rgba(255,255,255,0.6)} .hp-cta-banner .hp-cta-btn{padding:12px 28px;background:var(--red);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s} .hp-cta-banner .hp-cta-btn:hover{background:var(--red-dark)} /* Responsive */ @media(max-width:1024px){ .hp-cat-grid{grid-template-columns:repeat(3,1fr)} .hp-svc-grid{grid-template-columns:repeat(2,1fr)} .hp-ind-grid{grid-template-columns:repeat(2,1fr)} .hp-vp-inner{grid-template-columns:repeat(2,1fr)} } @media(max-width:768px){ .hp-hero h1{font-size:32px} .hp-cat-grid{grid-template-columns:repeat(2,1fr)} .hp-svc-grid{grid-template-columns:1fr} .hp-ind-grid{grid-template-columns:1fr} .hp-vp-inner{grid-template-columns:1fr} .hp-cta-inner{flex-direction:column;text-align:center} .hp-stats{flex-wrap:wrap;gap:20px} }