/* =========================================================
   PRIMESCAPE INFOSOFT
   CLOSING.CSS
   COMPACT HOMEPAGE CLOSING — RESPONSIVE V2
========================================================= */

.ps-home-closing{
position:relative;
width:100%;
overflow:hidden;
padding:clamp(90px,9vw,150px) 0 clamp(42px,5vw,70px);
background:
radial-gradient(circle at 82% 20%,rgba(113,105,243,.09),transparent 28%),
radial-gradient(circle at 16% 82%,rgba(70,157,255,.08),transparent 28%),
#f7f7f4;
color:#111318;
}
.ps-home-closing*,.ps-home-closing*::before,.ps-home-closing*::after{box-sizing:border-box}

.ps-home-closing>.ps-container{
width:min(1320px,calc(100% - clamp(36px,7vw,96px)));
max-width:1320px;
margin-inline:auto;
padding:0;
}

.ps-home-closing-inner{width:100%}

.ps-home-closing-copy{
width:min(850px,100%);
margin-bottom:clamp(48px,7vw,92px);
}

.ps-home-closing-kicker{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:24px;
font-size:clamp(10px,.75vw,12px);
line-height:1;
font-weight:700;
letter-spacing:.2em;
color:rgba(17,19,24,.50);
}

.ps-home-closing-kicker::before{
content:"";
width:28px;
height:1px;
flex:0 0 28px;
background:rgba(17,19,24,.35);
}

.ps-home-closing-copy h2{
margin:0;
width:100%;
max-width:850px;
font-size:clamp(48px,6vw,94px);
line-height:.98;
letter-spacing:-.055em;
font-weight:400;
color:#17181d;
}

.ps-home-closing-copy h2 strong{
display:block;
font-weight:750;
background:linear-gradient(90deg,#2869ef,#7950ee,#e98ca3);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}

.ps-home-closing-copy p{
width:min(650px,100%);
margin:clamp(28px,3vw,42px) 0 0;
font-size:clamp(16px,1.25vw,20px);
line-height:1.7;
color:rgba(17,19,24,.64);
}

.ps-home-paths{
width:100%;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid rgba(17,19,24,.12);
border-bottom:1px solid rgba(17,19,24,.12);
}

.ps-home-path{
position:relative;
min-width:0;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:clamp(16px,2vw,28px);
min-height:clamp(135px,11vw,170px);
padding:clamp(24px,3vw,38px);
color:#17181d;
text-decoration:none;
border-right:1px solid rgba(17,19,24,.12);
background:rgba(255,255,255,.18);
transition:background-color .35s ease,transform .35s ease;
}
.ps-home-path:last-child{border-right:0}

.ps-home-path-number{
align-self:start;
padding-top:3px;
font-size:10px;
line-height:1;
letter-spacing:.14em;
color:rgba(17,19,24,.38);
}

.ps-home-path>div{min-width:0}

.ps-home-path small{
display:block;
margin-bottom:10px;
font-size:clamp(9px,.7vw,11px);
line-height:1.2;
letter-spacing:.17em;
font-weight:700;
color:rgba(17,19,24,.42);
}

.ps-home-path strong{
display:block;
font-size:clamp(20px,1.9vw,28px);
line-height:1.15;
letter-spacing:-.025em;
font-weight:650;
color:#111318;
}

.ps-home-path b{
display:grid;
place-items:center;
width:42px;
height:42px;
flex:0 0 42px;
border-radius:999px;
border:1px solid rgba(17,19,24,.18);
font-size:20px;
line-height:1;
font-weight:400;
color:#17181d;
transition:transform .35s ease,background-color .35s ease,color .35s ease,border-color .35s ease;
}

@media (hover:hover) and (pointer:fine){
.ps-home-path:hover{background:rgba(255,255,255,.62)}
.ps-home-path:hover b{transform:translateX(5px);background:#17181d;border-color:#17181d;color:#fff}
}

.ps-home-path:active{transform:scale(.985);background:rgba(255,255,255,.72)}

.ps-home-closing-footer{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding-top:clamp(30px,4vw,48px);
font-size:clamp(9px,.75vw,11px);
line-height:1.4;
letter-spacing:.15em;
font-weight:700;
color:rgba(17,19,24,.36);
}

@media (max-width:1024px){
.ps-home-closing{padding:100px 0 48px}
.ps-home-closing>.ps-container{width:min(860px,calc(100% - 64px))}
.ps-home-closing-copy{margin-bottom:58px}
.ps-home-closing-copy h2{font-size:clamp(54px,8vw,78px)}
.ps-home-paths{grid-template-columns:1fr}
.ps-home-path{min-height:118px;border-right:0;border-bottom:1px solid rgba(17,19,24,.12)}
.ps-home-path:last-child{border-bottom:0}
}

@media (max-width:760px){
.ps-home-closing{padding:76px 0 34px}
.ps-home-closing>.ps-container{width:calc(100% - 32px);max-width:none}
.ps-home-closing-copy{width:100%;margin-bottom:44px}
.ps-home-closing-kicker{margin-bottom:18px;font-size:9px}
.ps-home-closing-kicker::before{width:20px;flex-basis:20px}
.ps-home-closing-copy h2{width:100%;font-size:clamp(42px,12vw,60px);line-height:1;letter-spacing:-.05em}
.ps-home-closing-copy p{width:100%;max-width:34rem;margin-top:24px;font-size:15px;line-height:1.65}
.ps-home-paths{width:100%;grid-template-columns:minmax(0,1fr)}
.ps-home-path{
width:100%;
grid-template-columns:28px minmax(0,1fr) 40px;
gap:12px;
min-height:104px;
padding:24px 8px;
border-right:0;
border-bottom:1px solid rgba(17,19,24,.12);
}
.ps-home-path:last-child{border-bottom:0}
.ps-home-path-number{font-size:9px}
.ps-home-path small{margin-bottom:7px;font-size:8px}
.ps-home-path strong{font-size:clamp(19px,5.5vw,24px)}
.ps-home-path b{width:38px;height:38px;font-size:18px}
.ps-home-closing-footer{align-items:flex-start;flex-direction:column;gap:8px;padding-top:30px;font-size:8px}
}

@media (max-width:430px){
.ps-home-closing>.ps-container{width:calc(100% - 28px)}
.ps-home-closing-copy h2{font-size:clamp(40px,11.8vw,52px)}
.ps-home-path{grid-template-columns:24px minmax(0,1fr) 36px;padding:21px 4px}
.ps-home-path b{width:34px;height:34px}
}

@media (max-width:360px){
.ps-home-closing>.ps-container{width:calc(100% - 22px)}
.ps-home-closing-copy h2{font-size:39px}
.ps-home-path{grid-template-columns:22px minmax(0,1fr) 34px}
.ps-home-path strong{font-size:19px}
.ps-home-path b{width:32px;height:32px}
}

@media (prefers-reduced-motion:reduce){
.ps-home-path,.ps-home-path b{transition:none}
}