/* 2026 TechRSnex vision refresh */
:root{--srnavy:#071b32;--srblue:#10395b;--srteal:#10c4ad;--srorange:#ff9b42}
body.v2{background:#f5f8fb}body.v2 .v2hero{background:radial-gradient(circle at 83% 18%,#164e70 0%,transparent 40%),linear-gradient(135deg,#06172b,#0b2b49);color:white;padding:105px 0 110px;overflow:hidden}
.new-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.vision-kicker{display:block;font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase;color:#0b938c;margin-bottom:20px}.new-hero-copy .vision-kicker{color:#64e2d1}.new-hero-copy h1{font-size:clamp(48px,5.6vw,82px);line-height:1.055;letter-spacing:-.055em;margin:0 0 28px;color:#fff;font-weight:850}.new-hero-copy h1 span{color:#6be0d0}.new-hero-copy .hero-sub{font-size:19px;line-height:1.75;color:#d2e1ed;max-width:650px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0}.outline-action{display:inline-flex;align-items:center;padding:15px 22px;border:1px solid #7891a7;color:white;text-decoration:none;border-radius:8px;font-weight:750}.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-chips span{font-size:12px;color:#d5e5ef;background:#ffffff13;border:1px solid #ffffff24;border-radius:100px;padding:9px 12px}.new-hero-art{background:#102c48;border:1px solid #3c6680;border-radius:22px;padding:28px;box-shadow:0 28px 80px #0005;transform:rotate(1deg)}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:12px;color:#a7c2d7;font-size:11px;font-weight:800;letter-spacing:1px}.art-top span{color:#68e4ce}.art-problem,.art-good{display:flex;gap:17px;align-items:center;border-radius:15px;padding:24px;margin:23px 0 10px}.art-problem{background:#fff5f0;color:#462d24}.art-good{background:#e8fff7;color:#153d32}.art-icon{font-size:30px;font-weight:900;display:grid;place-items:center;flex:none;width:53px;height:53px;border-radius:13px;background:#f5bd9f}.art-good .art-icon{background:#a6f1d4}.art-problem small,.art-good small{font-size:11px;font-weight:850;letter-spacing:1px;display:block;margin-bottom:6px}.art-problem strong,.art-good strong{font-size:20px}.art-problem p,.art-good p{font-size:13px;line-height:1.5;margin:7px 0 0}.art-transform{text-align:center;color:#76e8d8;font-size:12px;font-weight:900;letter-spacing:1px;margin:17px 0}.art-bottom{display:block;text-align:center;font-size:12px;letter-spacing:0;margin-top:24px}.art-bottom b{color:white}.vision-statement{background:white;padding:95px 0}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.vision-grid h2,.new-path h2,.value-band h2{font-size:clamp(32px,3.8vw,52px);line-height:1.16;letter-spacing:-.035em;color:#0a2741;margin:0}.vision-grid p{font-size:18px;line-height:1.8;color:#486276}.vision-grid p strong{color:#0a7e7d}.new-path{padding:90px 0}.new-path h2{max-width:780px;margin-bottom:35px}.path-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-cards a{display:block;text-decoration:none;background:white;border:1px solid #dce8ee;padding:32px;border-radius:17px;box-shadow:0 8px 26px #0c33500a;transition:transform .2s,box-shadow .2s}.path-cards a:hover{transform:translateY(-5px);box-shadow:0 18px 36px #0c335021}.path-cards span{font-size:12px;letter-spacing:1.5px;color:#008f89;font-weight:850}.path-cards h3{font-size:25px;color:#0b2c48;margin:22px 0 12px}.path-cards p{color:#526c7f;line-height:1.75}.path-cards b{color:#087c82;font-size:14px}.value-band{padding:70px 0;background:#dff7f2}.value-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.value-band h2{max-width:760px}.value-band p{max-width:700px;color:#45687a;line-height:1.75}.value-band .v2button{flex:none}.new-path .wrap,.vision-statement .wrap{max-width:1200px}@media(max-width:900px){.new-hero-grid,.vision-grid{grid-template-columns:1fr;gap:35px}.path-cards{grid-template-columns:1fr}.value-band>.wrap{display:block}.value-band .v2button{margin-top:20px}.new-hero-art{transform:none}.new-hero-copy h1{font-size:clamp(44px,10vw,70px)}body.v2 .v2hero{padding:65px 0}}

/* Hero clarity and alignment refinements */
body.v2 .v2hero{padding:90px 0 95px}
.new-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:54px}
.new-hero-copy h1{font-size:clamp(42px,4.35vw,67px);line-height:1.12;letter-spacing:-.047em;max-width:760px}
.new-hero-copy .hero-sub{font-size:18px;line-height:1.7;max-width:670px}
.new-hero-art{transform:none;align-self:center;margin:0;max-width:100%;box-sizing:border-box;padding:28px;background:#102b47}
.new-hero-art .art-top{align-items:center;font-size:10px;letter-spacing:1.15px}
.vision-comparison{display:grid;gap:0;margin:22px 0}
.vision-state{display:flex;align-items:center;gap:17px;padding:25px 22px;border-radius:14px}
.vision-state.before{background:#fff1e9;color:#502c23}
.vision-state.after{background:#dff9f0;color:#143c33}
.vision-state .state-symbol{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:12px;font-size:30px;font-weight:800;background:#f7c3aa;color:#873c27}
.vision-state.after .state-symbol{background:#99eacb;color:#076a54}
.vision-state small{display:block;font-size:10px;letter-spacing:1.2px;font-weight:850;margin-bottom:7px}
.vision-state strong{display:block;font-size:21px;line-height:1.3}
.vision-state p{font-size:13px;line-height:1.55;margin:8px 0 0}
.vision-bridge{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 5px;color:#71e3d2;font-size:12px}
.vision-bridge span:first-child{font-weight:900;letter-spacing:1px}
.vision-bridge b{color:white;font-weight:600}
.vision-bridge .bridge-arrow{font-size:20px}
.new-hero-art .art-bottom{line-height:1.5}
@media(max-width:1100px){.new-hero-grid{gap:32px}.new-hero-copy h1{font-size:clamp(38px,4.5vw,58px)}}
@media(max-width:900px){.new-hero-grid{grid-template-columns:1fr}.new-hero-copy h1{font-size:clamp(40px,8vw,64px)}.new-hero-art{width:100%}}

/* Final hero layout: equal vertical alignment, no card rotation or offset */
body.v2 .v2hero .new-hero-grid{
 display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
 align-items:center!important;gap:clamp(28px,4vw,65px)!important;
}
body.v2 .v2hero .new-hero-copy{min-width:0;align-self:center}
body.v2 .v2hero .new-hero-copy h1{font-size:clamp(43px,4.4vw,69px)!important;line-height:1.13!important;letter-spacing:-.045em;max-width:800px;margin-bottom:28px}
body.v2 .v2hero .new-hero-art{
 position:relative!important;top:auto!important;left:auto!important;right:auto!important;
 transform:none!important;translate:none!important;rotate:none!important;
 width:100%!important;max-width:none!important;min-width:0!important;
 margin:0!important;align-self:center!important;box-sizing:border-box!important;
 border-radius:20px;padding:28px;
}
body.v2 .v2hero .vision-state{min-height:145px;box-sizing:border-box}
body.v2 .v2hero .art-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
@media(max-width:950px){
 body.v2 .v2hero .new-hero-grid{grid-template-columns:minmax(0,1fr)!important}
 body.v2 .v2hero .new-hero-art{max-width:720px!important}
}
@media(max-width:520px){
 body.v2 .v2hero .new-hero-copy h1{font-size:clamp(37px,9vw,48px)!important}
 body.v2 .v2hero .new-hero-art{padding:16px}
 body.v2 .v2hero .vision-state{padding:17px;min-height:0}
 body.v2 .v2hero .vision-state strong{font-size:18px}
}