/* =========================================================
 * Tech Resolve — Online Store Why Build
 * ======================================================= */

.tr-online-store-investment{position:relative;overflow:hidden;padding:clamp(110px,10vw,175px) var(--tr-gutter);background:#f4f6f3;color:#0a1810}
.tr-online-store-investment__shell{width:min(100%,var(--tr-container));margin:0 auto}
.tr-online-store-investment__header{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.55fr);align-items:end;gap:clamp(50px,8vw,120px);margin-bottom:clamp(70px,8vw,105px)}
.tr-online-store-investment__eyebrow{display:block;margin-bottom:18px;color:var(--tr-green-deep);font-size:9px;font-weight:850;letter-spacing:.15em}
.tr-online-store-investment__header h2{max-width:900px;margin:0;font-size:clamp(44px,5.1vw,74px);font-weight:850;line-height:.98;letter-spacing:-.055em}
.tr-online-store-investment__header>p{max-width:560px;margin:0;color:#6b776f;font-size:14px;line-height:1.82}
.tr-online-store-investment__story{display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);gap:clamp(35px,6vw,85px);padding:clamp(35px,5vw,60px) 0;border-top:1px solid #d8e0db;border-bottom:1px solid #d8e0db}
.tr-online-store-investment__statement{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:10px;color:#9ca6a0;font-size:9px;font-weight:850;letter-spacing:.12em}
.tr-online-store-investment__statement strong{color:var(--tr-green-deep);font-size:clamp(58px,6vw,88px);font-weight:500;line-height:.8}
.tr-online-store-investment__reason{display:grid;grid-template-columns:150px minmax(210px,.55fr) minmax(0,1fr);gap:28px;align-items:start;padding:27px 0;border-bottom:1px solid #dfe6e2}
.tr-online-store-investment__reason:last-child{border-bottom:0}
.tr-online-store-investment__reason-code{display:flex;align-items:center;gap:10px;color:var(--tr-green-deep);font-size:6px;font-weight:850;letter-spacing:.09em}
.tr-online-store-investment__reason-code i{flex:1;height:1px;background:linear-gradient(to right,rgba(8,185,93,.3),transparent)}
.tr-online-store-investment__reason h3{margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:820;line-height:1.15;letter-spacing:-.025em}
.tr-online-store-investment__reason p{max-width:650px;margin:0;color:#718078;font-size:10px;line-height:1.75}
.tr-online-store-investment__principle{display:grid;grid-template-columns:160px minmax(0,1fr) 250px;align-items:center;gap:clamp(30px,5vw,65px);margin-top:clamp(55px,7vw,90px);padding:clamp(36px,5vw,58px);background:#08150f;color:#fff;border-radius:22px}
.tr-online-store-investment__principle>span{color:var(--tr-green);font-size:7px;font-weight:850;letter-spacing:.11em}
.tr-online-store-investment__principle h3{max-width:760px;margin:0;font-size:clamp(27px,3vw,42px);line-height:1.05;letter-spacing:-.04em}
.tr-online-store-investment__principle>div{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.22);font-size:5px;font-weight:850;letter-spacing:.09em}
.tr-online-store-investment__principle>div i{flex:1;height:1px;background:rgba(25,224,120,.22)}
.tr-online-store-investment__principle>div strong{color:var(--tr-green);font-size:inherit}
@media(max-width:900px){.tr-online-store-investment__story,.tr-online-store-investment__principle{grid-template-columns:1fr}.tr-online-store-investment__statement{flex-direction:row;align-items:center}.tr-online-store-investment__statement strong{font-size:42px}}
@media(max-width:720px){.tr-online-store-investment{padding:90px 16px}.tr-online-store-investment__header{grid-template-columns:1fr;gap:28px;margin-bottom:50px}.tr-online-store-investment__header h2{font-size:clamp(40px,11vw,58px)}.tr-online-store-investment__reason{grid-template-columns:1fr;gap:10px}.tr-online-store-investment__reason-code{max-width:135px}.tr-online-store-investment__principle{padding:30px 24px}}