/* strengths premium */
.str{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 85% 0,rgba(10,92,168,.55),transparent 65%),radial-gradient(ellipse 50% 40% at 0 100%,rgba(201,138,53,.18),transparent 70%),linear-gradient(180deg,#071B38,#030A16)}
.str::before{content:"";position:absolute;inset:0;background:url(../images/hero.jpg) center/cover;opacity:.07;mix-blend-mode:screen;pointer-events:none}
.str::after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#E8B54A,#0A5CA8 60%,#062B55)}
.str .wrap{position:relative;z-index:1}
.str .head h2{color:#fff}
.rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:r}
.rr{counter-increment:r;position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 26px 32px;border:1px solid rgba(255,255,255,.14);border-top:3px solid #E8B54A;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));backdrop-filter:blur(3px);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .35s,box-shadow .35s,border-color .35s}
.rr::after{content:counter(r,decimal-leading-zero);position:absolute;inset-inline-end:16px;top:6px;font:700 4.6rem/1 var(--f-display);color:transparent;-webkit-text-stroke:1px rgba(232,181,74,.28);pointer-events:none}
.rr::before{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,#E8B54A,#0A5CA8);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.rr:hover{transform:translateY(-6px);border-color:rgba(232,181,74,.6);box-shadow:0 26px 54px rgba(0,0,0,.5),0 0 40px rgba(232,181,74,.14)}
.rr:hover::before{width:100%}
.rr .si{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#FFE9A8,#E8B54A 55%,#B77A28);color:#06142A;box-shadow:0 0 0 5px rgba(232,181,74,.16),0 0 26px rgba(232,181,74,.35);margin-bottom:8px;font-style:normal}
.rr .si svg{width:24px;height:24px}
.rr b{font:700 1.02rem/1.35 var(--f-body);letter-spacing:.12em;color:#fff;text-transform:uppercase}
.rr p{margin:0;color:#C9D6EA;line-height:1.6;font-size:.98rem}
.out{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,48px);align-items:center;margin-top:44px;border:1px solid rgba(232,181,74,.45);border-inline-start:6px solid #E8B54A;border-radius:8px;background:linear-gradient(120deg,rgba(6,43,85,.85),rgba(5,15,31,.6));box-shadow:0 22px 50px rgba(0,0,0,.4)}
.out h3{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem)}
.out p{margin:0;color:#C9D6EA;grid-column:1;grid-row:2;align-self:start}
.out h3{grid-column:1;grid-row:1;align-self:end}
.out .chips{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.out .chips span{position:relative;display:flex;align-items:center;min-height:62px;padding:10px 14px;padding-inline-start:34px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(232,181,74,.35);color:#fff;font-size:.88rem;line-height:1.3;transition:background .25s,transform .25s,border-color .25s}
.out .chips span::before{content:"";position:absolute;inset-inline-start:14px;top:50%;width:8px;height:8px;margin-top:-4px;background:#E8B54A;transform:rotate(45deg)}
.out .chips span:hover{background:rgba(232,181,74,.16);transform:translateY(-2px);border-color:#E8B54A}
@media (max-width:1000px){.rows{grid-template-columns:1fr 1fr}.out{grid-template-columns:1fr}.out h3,.out p,.out .chips{grid-column:1;grid-row:auto}.out .chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rows{grid-template-columns:1fr}.out .chips{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rr,.rr::before{transition:none}}