/* PageHire V17 — completely redesigned homepage */
.ph7-home{background:#f5f7fb;padding:34px 0 0;color:#10233f}
.ph7-home .sb-container{max-width:1180px}
.ph7-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}
.ph7-home-main{min-width:0}

/* HERO */
.ph7-hero-layout{margin:0 0 30px}
.ph7-slider{position:relative;overflow:hidden;border-radius:24px;background:#102b55;box-shadow:0 20px 45px rgba(16,43,85,.13);min-height:390px}
.ph7-slide{display:none;grid-template-columns:1.02fr .98fr;min-height:390px}
.ph7-slide.is-active{display:grid}
.ph7-hero-copy{padding:48px 42px 54px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0e2850 0%,#173d73 62%,#225493 100%);color:#fff;min-width:0}
.ph7-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:#5d9cff}
.ph7-hero-copy .ph7-kicker{color:#9bc5ff;margin-bottom:15px}
.ph7-hero-copy h1{font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:0 0 17px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:136px}
.ph7-hero-copy p{font-size:14px;line-height:1.75;color:#d4e2f5;margin:0 0 24px;max-width:500px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ph7-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.ph7-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:800;text-decoration:none;transition:.2s ease}
.ph7-btn.primary{background:#2477ff;color:#fff;box-shadow:0 7px 18px rgba(36,119,255,.3)}
.ph7-btn.primary:hover{transform:translateY(-1px);background:#3283ff}
.ph7-btn.light{background:#fff;color:#17345d;border:1px solid #dbe6f4}
.ph7-hero-image{position:relative;overflow:hidden;background:#dcecff;min-height:390px}
.ph7-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.ph7-image-placeholder,.ph7-placeholder-photo{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff 0,#e8f2ff 42%,#c9def7 100%);color:#2376ed;text-align:center}
.ph7-image-placeholder span,.ph7-placeholder-photo span{display:block;font-size:42px;font-weight:900;letter-spacing:-.04em}
.ph7-image-placeholder small,.ph7-placeholder-photo small{display:block;color:#6d819d;margin-top:7px;font-size:12px}
.ph7-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;width:38px;height:38px;border-radius:50%;background:#fff;color:#1769e8;box-shadow:0 8px 20px rgba(15,40,75,.16);font-size:25px;cursor:pointer}
.ph7-arrow.prev{left:14px}.ph7-arrow.next{right:14px}
.ph7-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:4}
.ph7-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#aec7e7;cursor:pointer}.ph7-dots button.active{width:23px;border-radius:8px;background:#2477ff}

/* SECTION HEAD */
.ph7-section{margin:0 0 28px}
.ph7-section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 13px}
.ph7-section-head h2{font-size:22px;line-height:1.15;margin:0;color:#10233f;letter-spacing:-.02em}
.ph7-section-head a,.ph7-panel-head a{font-size:10px;font-weight:800;color:#2477ff;text-decoration:none}

/* FEATURED */
.ph7-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ph7-feature-card{background:#fff;border:1px solid #e4eaf2;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(16,35,63,.055);min-width:0;display:flex;flex-direction:column}
.ph7-card-img{display:block;position:relative;height:142px;background:#e7eff9;overflow:hidden;flex:0 0 142px}
.ph7-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.ph7-card-img span,.ph7-latest-img span{position:absolute;left:10px;bottom:9px;background:#fff;color:#1769ed;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase;box-shadow:0 3px 8px rgba(0,0,0,.08)}
.ph7-card-placeholder{height:100%;background:linear-gradient(135deg,#edf5ff,#d9e8fa)}
.ph7-card-body{padding:14px 15px 15px;min-height:144px;display:flex;flex-direction:column}
.ph7-card-body h3{font-size:15px;line-height:1.28;margin:0 0 7px;color:#11294a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:38.5px}
.ph7-card-body h3 a,.ph7-latest-body h3 a{color:inherit;text-decoration:none}
.ph7-card-body p{font-size:10px;line-height:1.5;color:#70829a;margin:0 0 9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:30px}
.ph7-meta{display:flex;gap:6px;align-items:center;font-size:8px;color:#8190a4;margin-top:auto}

/* LATEST */
.ph7-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ph7-latest-card{background:#fff;border:1px solid #e4eaf2;border-radius:14px;overflow:hidden;box-shadow:0 7px 20px rgba(16,35,63,.045);min-width:0}
.ph7-latest-img{display:block;position:relative;height:112px;background:#e7eff9;overflow:hidden}
.ph7-latest-img img{width:100%;height:100%;object-fit:cover;display:block}
.ph7-latest-body{padding:11px 12px 12px}
.ph7-latest-body h3{font-size:12px;line-height:1.32;margin:0 0 10px;color:#142d4e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:31.7px}

/* RIGHT RAIL */
.ph7-home-rail{min-width:0}
.ph7-right-rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:18px}
.ph7-panel,.ph7-write{background:#fff;border:1px solid #e4eaf2;border-radius:16px;box-shadow:0 8px 22px rgba(16,35,63,.045)}
.ph7-panel{padding:17px}
.ph7-icon{width:34px;height:34px;border-radius:10px;background:#edf4ff;color:#2477ff;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px}
.ph7-panel h3{font-size:15px;margin:0;color:#122947}.ph7-panel p{font-size:10px;line-height:1.55;color:#72839a;margin:6px 0 12px}
.ph7-sub-row{display:flex;gap:6px}.ph7-sub-row input{width:100%;min-width:0;border:1px solid #dbe4ef;border-radius:8px;padding:9px 9px;font-size:10px;outline:none}.ph7-sub-row button{border:0;border-radius:8px;background:#2477ff;color:#fff;padding:0 11px;font-size:9px;font-weight:800}.ph7-panel small{font-size:8px;color:#9aa8b9}
.ph7-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.ph7-panel-head h3{font-size:15px}
.ph7-pop{display:grid;grid-template-columns:22px 46px minmax(0,1fr);gap:8px;align-items:center;text-decoration:none;padding:9px 0;border-bottom:1px solid #edf1f5}.ph7-pop:last-child{border-bottom:0}.ph7-pop>b{font-size:12px;color:#2878ef}.ph7-pop-img{height:38px;border-radius:7px;overflow:hidden;background:#e8eff7}.ph7-pop-img img{width:100%;height:100%;object-fit:cover}.ph7-pop-text{min-width:0}.ph7-pop-text strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.3;color:#17304f}.ph7-pop-text small{display:block;margin-top:3px;font-size:8px;color:#94a1b1}
.ph7-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ph7-category-grid a{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:6px;align-items:center;padding:8px 6px;border-radius:9px;background:#f7f9fc;text-decoration:none;color:#243b59}.ph7-cat-icon{width:25px;height:25px;border-radius:7px;background:#edf4ff;color:#2477ff;display:flex;align-items:center;justify-content:center}.ph7-cat-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ph7-category-grid a span:nth-child(2){font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph7-category-grid b{font-size:8px;color:#8b99aa}
.ph7-write{padding:20px;background:linear-gradient(145deg,#eaf4ff,#dceaff);border-color:#cfe1f7}.ph7-write h3{font-size:19px;margin:5px 0 7px;color:#102c52}.ph7-write p{font-size:10px;line-height:1.55;color:#5e7592;margin:0 0 13px}.ph7-write .ph7-btn{padding:10px 13px;font-size:10px}

/* BENEFITS */
.ph7-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe8f8;border-radius:16px;overflow:hidden;margin:4px 0 28px;border:1px solid #dbe8f8}
.ph7-benefits>div{background:#edf5ff;padding:17px 18px;display:grid;grid-template-columns:28px 1fr;column-gap:9px}.ph7-benefits span{grid-row:1/3;color:#2477ff;font-size:19px}.ph7-benefits strong{font-size:11px;color:#17365d}.ph7-benefits small{font-size:8px;color:#6f849e;margin-top:3px}
.ph7-empty{background:#fff;border:1px dashed #cad8e8;border-radius:14px;padding:40px;text-align:center;color:#7890ad;grid-column:1/-1}

@media(max-width:1080px){.ph7-home-layout{grid-template-columns:minmax(0,1fr) 285px}.ph7-hero-copy{padding:38px 32px}.ph7-hero-copy h1{font-size:36px}.ph7-latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.ph7-home{padding-top:20px}.ph7-home-layout{grid-template-columns:1fr}.ph7-right-rail{position:static}.ph7-home-rail{order:2}.ph7-slide{grid-template-columns:1fr;min-height:350px}.ph7-hero-image{display:none}.ph7-hero-copy{min-height:350px}.ph7-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ph7-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ph7-feature-grid{grid-template-columns:1fr}.ph7-latest-grid{grid-template-columns:1fr 1fr}.ph7-hero-copy{padding:34px 25px}.ph7-hero-copy h1{font-size:31px}.ph7-hero-copy p{font-size:12px}.ph7-benefits{grid-template-columns:1fr}.ph7-sub-row{flex-direction:column}.ph7-sub-row button{height:34px}.ph7-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.ph7-latest-grid{grid-template-columns:1fr}.ph7-hero-copy h1{font-size:28px}.ph7-slider,.ph7-feature-card,.ph7-latest-card,.ph7-panel,.ph7-write{border-radius:13px}}
