/* The former How Isentix Works story, now part of the homepage. */
.hero h1{max-width:760px}
.hero-explain{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding-bottom:5px;border-bottom:1px solid rgba(146,243,240,.55);color:#baf4f2;font-size:.89rem;font-weight:700;line-height:1.5}
.hero-explain:hover{color:#fff;border-color:#fff}
.hero-explain span{font-size:1.15rem}
#how-it-works{scroll-margin-top:20px}
.home-kicker{color:#176b75;font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.home-section-intro{color:#425268;font-size:1.06rem;line-height:1.73}
main .home-how{padding:62px 0 88px;background:#f1f8f9}
.home-how-head{max-width:1130px;margin-bottom:52px}
.home-how-head h2{max-width:920px;margin:19px 0 20px!important;color:#051e2c}
.home-how-line{margin:0 0 28px;color:#0f6876;font-family:Manrope,sans-serif;font-size:clamp(1.28rem,2vw,1.7rem);font-weight:700;letter-spacing:-.025em}
.home-how-description{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);padding-top:24px;border-top:1px solid #cadfe3}
.home-how-description p{max-width:520px;margin:0;color:#425268;font-size:1.03rem;line-height:1.72}
.home-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid #bfd3d9;border-bottom:1px solid #bfd3d9;list-style:none}
.home-process-steps li{min-width:0;padding:28px 24px 32px 0}
.home-process-steps li+li{padding-left:26px;border-left:1px solid #d6e3e6}
.home-process-symbol{display:grid;place-items:center;width:58px;height:58px;margin-bottom:28px;border:1px solid #c7e8e8;border-radius:17px;background:linear-gradient(135deg,#e1f7f4,#e1effb);color:#147a91}
.home-process-symbol svg{width:31px;height:31px;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.home-process-phase{display:block;margin-bottom:13px;color:#176b75;font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.home-process-steps h3{margin:0 0 10px!important;color:#0b253b}
.home-process-steps p{max-width:260px;margin:0;color:#506274;font-size:.93rem;line-height:1.62}
.home-process-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;border-radius:18px;background:linear-gradient(110deg,#082a43,#0b445c);color:#fff;overflow:hidden;box-shadow:0 16px 38px rgba(6,27,45,.12)}
.home-process-assurance span{display:flex;align-items:center;min-height:78px;padding:18px 22px;color:#e7f9fa;font-size:.86rem;font-weight:600;line-height:1.4}
.home-process-assurance span+span{border-left:1px solid rgba(146,243,240,.18)}
.home-process-assurance span:before{content:"✓";display:grid;place-items:center;flex:none;width:26px;height:26px;margin-right:12px;border-radius:50%;background:#7de8e2;color:#082a43;font-size:.85rem;font-weight:800}
main .home-evidence{padding:94px 0;background:#fff}
.home-evidence-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(36px,7vw,100px)}
.home-evidence-copy h2{max-width:570px;margin:20px 0 26px!important;color:#051e2c}
.home-evidence-copy .home-section-intro{max-width:570px;margin:0 0 36px}
.home-evidence-grid{border-top:1px solid #d1e0e3}
.home-evidence-card{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:21px 0;border-bottom:1px solid #d1e0e3}
.home-evidence-icon{margin-top:2px;color:#168a9c;font-size:1.3rem;font-weight:700}
.home-evidence-card h3{margin:0 0 5px!important;color:#0b253b}
.home-evidence-card p{max-width:480px;margin:0;color:#526675;font-size:.91rem;line-height:1.6}
.home-evidence-visual{width:100%;max-width:505px;margin:0 auto}
.home-evidence-visual img{display:block;width:100%;height:auto;border-radius:18px;background:#f3fbfd}
.home-evidence-visual figcaption{margin-top:13px;color:#657984;font-size:.76rem;text-align:center}
main .home-why{padding:88px 0;background:#eef6f7}
.home-why-head{max-width:950px;margin-bottom:44px}
.home-why-head h2{max-width:950px;margin:20px 0!important;color:#051e2c}
.home-why-head .home-section-intro{max-width:780px;margin:0}
.home-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c9dcdf;border-bottom:1px solid #c9dcdf}
.home-value-item{padding:31px 28px 31px 0}
.home-value-item+.home-value-item{padding-left:28px;border-left:1px solid #c9dcdf}
.home-value-mark{display:block;width:42px;height:3px;margin-bottom:34px;border-radius:3px;background:linear-gradient(90deg,#20b7ca,#9a73ee)}
.home-value-item h3{margin:0 0 12px!important;color:#0a253b}
.home-value-item p{max-width:345px;margin:0;color:#506477;font-size:.95rem;line-height:1.65}
main .home-candidate{padding:68px 0;background:linear-gradient(110deg,#e9f7f8,#efeffb)}
.home-candidate-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:55px}
.home-candidate h2{margin:14px 0 14px!important;color:#08233a}
.home-candidate p{max-width:760px;margin:0;color:#425268;font-size:1.02rem;line-height:1.7}
.home-candidate .btn-secondary{white-space:nowrap;color:#0b3150;border-color:#8daebc}
.home-candidate .btn-secondary:hover{border-color:#137d8b;background:rgba(36,210,222,.1)}
@media(max-width:980px){
 .home-how-description{grid-template-columns:1fr;gap:14px}
 .home-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-process-steps li:nth-child(3){border-left:0;border-top:1px solid #d6e3e6}
 .home-process-steps li:nth-child(4){border-top:1px solid #d6e3e6}
 .home-process-assurance{grid-template-columns:1fr}
 .home-process-assurance span{min-height:64px}
 .home-process-assurance span+span{border-left:0;border-top:1px solid rgba(146,243,240,.18)}
 .home-evidence-layout{grid-template-columns:1fr;gap:40px}
 .home-evidence-visual{max-width:570px}
 .home-value-grid{grid-template-columns:1fr}
 .home-value-item,.home-value-item+.home-value-item{padding:24px 0;border-left:0}
 .home-value-item+.home-value-item{border-top:1px solid #c9dcdf}
 .home-value-mark{margin-bottom:20px}
 .home-candidate-inner{grid-template-columns:1fr;gap:28px}
 .home-candidate .btn-secondary{justify-self:start}
}
@media(max-width:620px){
 .hero-explain{margin-top:22px}
 main .home-how,main .home-evidence,main .home-why{padding:68px 0}
 .home-how-head{margin-bottom:36px}
 .home-how-description p,.home-section-intro{font-size:1rem}
 .home-process-steps{grid-template-columns:1fr}
 .home-process-steps li,.home-process-steps li+li{padding:23px 0 25px;border-left:0}
 .home-process-steps li+li{border-top:1px solid #d6e3e6}
 .home-process-symbol{width:50px;height:50px;margin-bottom:14px}
 .home-process-symbol svg{width:27px;height:27px}
 .home-evidence-card{padding:20px 0}
 main .home-candidate{padding:62px 0}
 .home-candidate .btn-secondary{width:100%;white-space:normal}
}

main .home-close{padding:72px 0;background:#eaf8f8}
.home-close-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px}
.home-close h2{max-width:700px;margin:14px 0 0!important;color:#08233a}
.home-close .actions{justify-content:flex-end}
.home-close .btn-secondary{color:#0b3150;border-color:#91b5bf}
.home-close .btn-secondary:hover{border-color:#167989;background:rgba(36,210,222,.1)}
@media(max-width:980px){.home-close-grid{grid-template-columns:1fr;gap:28px}.home-close .actions{justify-content:flex-start}}
@media(max-width:620px){main .home-close{padding:62px 0}}

.home-next-head{margin-bottom:35px}
.home-next-head .journey-tag{margin-bottom:13px}
.home-next-head h2{max-width:840px;margin:0!important;color:#fff}
.journey-section .journey{min-height:350px}
.journey-section .journey .body-copy{max-width:515px}

/* Keep off-screen content readable immediately; complete the reveal quickly. */
.reveal-ready main .reveal-section{opacity:.94;transform:translateY(7px);filter:none;transition:opacity .28s ease,transform .28s ease;will-change:auto}
.reveal-ready main .reveal-section.is-visible{opacity:1;transform:none;filter:none}
.reveal-ready main .reveal-section :is(.specialism-row,.journey){opacity:1;transform:none;transition:none}
@media(max-width:620px){
 .journey-section .journey{min-height:0}
}


/* Keep the five specialisms on the same grid, including hover and open states. */
.specialism-list .specialism-row:hover{padding-inline:0;background:transparent}
.specialism-list .specialism-trigger{grid-template-columns:110px minmax(0,1.2fr) minmax(0,1fr) 34px;gap:22px;min-height:112px;padding:16px 18px}
.specialism-list .specialism-trigger:hover,.specialism-list .specialism-row.is-open .specialism-trigger{padding-inline:18px}
.specialism-list .specialism-name{font-size:clamp(1.55rem,2.6vw,2.4rem)}
.specialism-list .specialism-short{max-width:350px;font-size:.94rem;line-height:1.45}
.specialism-list .specialism-detail{padding-left:150px}
@media(max-width:960px){
 .specialism-list .specialism-trigger{grid-template-columns:104px minmax(0,1fr) 34px;column-gap:18px;row-gap:4px;min-height:108px}
 .specialism-list .specialism-id{grid-column:1;grid-row:1/3}
 .specialism-list .specialism-name{grid-column:2;grid-row:1}
 .specialism-list .specialism-short{grid-column:2;grid-row:2;max-width:none;margin-top:0}
 .specialism-list .expand-icon{grid-column:3;grid-row:1/3;justify-self:end}
 .specialism-list .specialism-detail{padding-left:140px}
}
@media(max-width:620px){
 .specialism-list .specialism-trigger{grid-template-columns:68px minmax(0,1fr) 28px;gap:10px;min-height:100px;padding:14px 8px}
 .specialism-list .specialism-trigger:hover,.specialism-list .specialism-row.is-open .specialism-trigger{padding-inline:8px}
 .specialism-list .specialism-name{font-size:clamp(1.28rem,5.4vw,1.8rem)}
 .specialism-list .specialism-short{font-size:.83rem;line-height:1.35}
 .specialism-list .specialism-detail{padding-left:86px;padding-right:10px}
 .specialism-list .expand-icon{width:28px;height:28px}
}

/* Keep the process introduction compact on narrow screens. */
@media(max-width:620px){main .home-how{padding-top:52px}}

/* Place three compact points on the lower edge of the intelligence section. */
main .home-evidence{padding-bottom:0}
.home-evidence-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:1030px;margin:30px auto 0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.home-evidence-highlights span{min-height:60px;padding:10px 15px;border-radius:12px 12px 0 0;background:linear-gradient(110deg,#082a43,#0b445c);color:#e7f9fa;font-size:.88rem;font-weight:700;box-shadow:0 6px 18px rgba(6,27,45,.09)}
.home-evidence-highlights span+span{border-left:0}
.home-evidence-highlights span:before{width:24px;height:24px;margin-right:10px;font-size:.82rem}
@media(max-width:980px){.home-evidence-highlights{grid-template-columns:1fr;max-width:580px}.home-evidence-highlights span{min-height:54px;border-radius:10px}.home-evidence-highlights span:last-child{border-radius:10px 10px 0 0}}
@media(max-width:620px){main .home-evidence{padding-bottom:0}.home-evidence-highlights{margin-top:24px;gap:8px}.home-evidence-highlights span{min-height:52px;padding:10px 15px;font-size:.88rem}}

/* Seat the three benefits on the lower edge of the dark hero. */
.hero-benefit-band{position:relative;z-index:4;background:#051e2c}
.hero-value-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100% - 56px),1220px);margin:0 auto;padding:12px 0 14px;color:#f2fcff}
.hero-value-row span{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:3px 10px;font-size:.91rem;font-weight:650;line-height:1.4}
.hero-value-row svg{flex:none;width:28px;height:28px;fill:none;stroke:#42d4dc;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-value-row span:nth-child(2) svg{stroke:#a994ff}
main .home-evidence{padding-top:38px}
@media(max-width:680px){.hero-value-row{grid-template-columns:1fr;width:min(calc(100% - 30px),1220px);padding:10px 0}.hero-value-row span{justify-content:flex-start;min-height:42px;padding:7px 5px}main .home-evidence{padding-top:40px}}

