/* S2S Website V9.6.2 — focused CV Builder showcase */
.cv-showcase-v962{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:96px 0 88px;
  background:
    radial-gradient(circle at 74% 47%,rgba(12,113,229,.2),transparent 30%),
    linear-gradient(180deg,rgba(1,7,16,.15),rgba(3,15,29,.42));
  border-block:1px solid rgba(255,255,255,.075);
}
.cv-showcase-v962::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:640px;
  aspect-ratio:1;
  right:2%;
  top:50%;
  border:1px solid rgba(72,167,255,.12);
  border-radius:50%;
  transform:translateY(-50%);
  box-shadow:inset 0 0 110px rgba(30,124,240,.055),0 0 100px rgba(30,124,240,.05);
}
.cv-showcase-grid{
  min-height:570px;
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr);
  align-items:center;
  gap:clamp(32px,4vw,76px);
}
.cv-showcase-copy{position:relative;z-index:2;max-width:640px}
.cv-showcase-copy h2{
  max-width:630px;
  margin:0 0 25px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.6rem,5.35vw,6.1rem);
  font-weight:700;
  line-height:.94;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.cv-showcase-copy>p{
  max-width:565px;
  margin:0 0 35px;
  color:#b5c4d3;
  font-size:clamp(1.04rem,1.25vw,1.22rem);
  line-height:1.68;
}
.cv-showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.cv-showcase-actions .cv-primary-cta{
  min-height:52px;
  padding:14px 24px;
  border-color:#1389f3;
  background:linear-gradient(180deg,#168cf5,#0577df);
  color:#fff;
  box-shadow:0 16px 38px rgba(0,121,235,.22);
}
.cv-showcase-actions .cv-primary-cta:hover{border-color:#4bb0ff;background:linear-gradient(180deg,#29a0ff,#0a82eb)}
.cv-showcase-actions .cv-primary-cta span,.cv-resume-link span{transition:transform .2s ease}
.cv-showcase-actions .cv-primary-cta:hover span,.cv-resume-link:hover span{transform:translateX(4px)}
.cv-resume-link{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#f2f7fb;
  font-size:.96rem;
  font-weight:760;
  border-bottom:1px solid rgba(255,255,255,.4);
}
.cv-resume-link:hover{color:#79dfff;border-color:#79dfff}
.cv-proof-list{
  width:min(100%,420px);
  display:grid;
  gap:0;
  margin-top:35px;
}
.cv-proof-list>div{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:47px;
  color:#dbe7f1;
  border-bottom:1px solid rgba(255,255,255,.09);
  font-size:.94rem;
}
.cv-proof-list>div:last-child{border-bottom:0}
.cv-proof-list i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(58,181,255,.38);
  border-radius:50%;
  background:rgba(10,125,228,.13);
  color:#63d3ff;
  font-size:.74rem;
  font-style:normal;
  font-weight:900;
}
.cv-showcase-visual{
  position:relative;
  min-width:0;
  display:grid;
  place-items:center;
  transform:translateX(1.5%);
}
.cv-showcase-visual::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(21,132,243,.24),rgba(21,132,243,.06) 48%,transparent 70%);
  filter:blur(12px);
}
.cv-showcase-visual img{
  width:min(100%,920px);
  height:auto;
  filter:drop-shadow(0 38px 38px rgba(0,0,0,.36));
  animation:v962-product-float 7s ease-in-out infinite;
}
@keyframes v962-product-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

@media(max-width:1100px){
  .cv-showcase-grid{grid-template-columns:minmax(330px,.83fr) minmax(460px,1.17fr);gap:20px}
  .cv-showcase-copy h2{font-size:clamp(3.25rem,5.8vw,4.9rem)}
  .cv-showcase-visual{transform:translateX(5%)}
}

@media(max-width:850px){
  .cv-showcase-v962{padding:70px 0 42px;background:radial-gradient(circle at 50% 74%,rgba(12,113,229,.2),transparent 35%),linear-gradient(180deg,rgba(1,7,16,.15),rgba(3,15,29,.42))}
  .cv-showcase-v962::before{width:520px;right:50%;top:70%;transform:translate(50%,-50%)}
  .cv-showcase-grid{min-height:0;grid-template-columns:1fr;gap:34px}
  .cv-showcase-copy{max-width:700px;text-align:center;margin-inline:auto}
  .cv-showcase-copy h2{max-width:690px;font-size:clamp(3.2rem,10.5vw,5.35rem);margin-inline:auto}
  .cv-showcase-copy>p{max-width:610px;margin-inline:auto}
  .cv-showcase-actions{justify-content:center}
  .cv-proof-list{grid-template-columns:repeat(3,1fr);width:100%;max-width:650px;margin-inline:auto}
  .cv-proof-list>div{justify-content:center;border-bottom:0;border-right:1px solid rgba(255,255,255,.09)}
  .cv-proof-list>div:last-child{border-right:0}
  .cv-showcase-visual{transform:none;margin-inline:auto;width:min(100%,760px)}
}

@media(max-width:560px){
  .cv-showcase-v962{padding:55px 0 26px}
  .cv-showcase-copy h2{font-size:clamp(3rem,14vw,4.25rem);line-height:.96;margin-bottom:20px}
  .cv-showcase-copy>p{font-size:1rem;line-height:1.62;margin-bottom:28px}
  .cv-showcase-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .cv-showcase-actions .cv-primary-cta{width:100%}
  .cv-resume-link{justify-content:center;border:0;width:100%}
  .cv-proof-list{grid-template-columns:1fr;max-width:330px;margin-top:23px}
  .cv-proof-list>div{justify-content:flex-start;min-height:43px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .cv-proof-list>div:last-child{border-bottom:0}
  .cv-showcase-visual{width:116%;max-width:none;margin-inline:-8%;margin-top:2px}
  .cv-showcase-visual img{width:100%}
}

@media(prefers-reduced-motion:reduce){.cv-showcase-visual img{animation:none}}