*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#081727;background:#fff}.wrap{width:min(1400px,90%);margin:auto}.nav{height:82px;background:#061727;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff17}.navin{height:100%;display:flex;align-items:center;gap:38px}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;line-height:1}.bridge{font-weight:800;font-size:29px;letter-spacing:-1.3px}.bridge span,.eyebrow{color:#ff6b28}.brand small{font-size:8px;letter-spacing:2.2px;margin-top:7px;color:#c9d4df}.links{display:flex;gap:35px;margin-left:auto}.links a{color:#fff;text-decoration:none;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 26px;border-radius:11px;text-decoration:none;font-weight:750;border:0;cursor:pointer}.orange{background:#ff6b28;color:#fff;box-shadow:0 8px 24px #ff6b2830}.hero{min-height:610px;background:url('hero-new.jpg') center/cover no-repeat;position:relative;color:#fff}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#061421 0%,#061421f2 30%,#061421a8 49%,#06142122 76%,#06142108 100%)}.heroContent{position:relative;padding:72px 0 35px}.eyebrow{font-weight:800;letter-spacing:3px;font-size:12px}.eyebrow.dark{color:#f26728}.hero h1{font-size:70px;line-height:.98;letter-spacing:-3px;margin:16px 0 22px;max-width:650px}.hero p{font-size:19px;line-height:1.55;color:#d3deea;max-width:610px}.actions{display:flex;gap:16px;margin:26px 0 35px}.outline{border:1px solid #91a7bb;color:#fff}.proof{display:flex;gap:34px;flex-wrap:wrap}.proof>div{display:flex;gap:10px;align-items:center;font-size:24px}.proof span{display:flex;flex-direction:column}.proof b{font-size:13px}.proof small{font-size:12px;color:#c8d3df;margin-top:3px}.section{padding:66px 0 74px;background:#f7f9fb}.section h2,.why h2,.contact h2{font-size:38px;margin:8px 0 5px;letter-spacing:-1.2px}.sectionTop{display:flex;justify-content:space-between;align-items:end}.sectionTop p,.contact p{color:#607084;margin-top:6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.cards article{background:#071827;border-radius:10px;overflow:hidden;color:#fff;box-shadow:0 8px 30px #07182716}.cards img{width:100%;height:200px;object-fit:cover;display:block}.cards article>div{padding:16px 20px}.cards h3{margin:0 0 6px;font-size:18px}.cards p{margin:0;color:#b9c6d3;font-size:13px}.process{background:#061727;color:#fff;padding:46px 0}.processGrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;align-items:center}.process h2{font-size:36px;margin:7px 0}.step{border-left:1px solid #294153;padding-left:20px;display:flex;flex-direction:column}.step i{font-style:normal;color:#ff6b28;font-weight:800;font-size:13px;margin-bottom:12px}.step b{font-size:15px}.step span{font-size:12px;color:#aebdcc;margin-top:6px;line-height:1.4}.why{padding:78px 0}.whyGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefits div{padding:24px;border:1px solid #dfe5eb;border-radius:10px}.benefits b,.benefits span{display:block}.benefits span{color:#68778a;font-size:14px;line-height:1.5;margin-top:8px}.about{background:#0b2033;color:#fff;padding:70px 0}.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about h2{font-size:42px;margin:10px 0}.about p{color:#c4d0db;line-height:1.8;font-size:17px}.contact{padding:78px 0;background:#f5f7f9}.contactGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact input,.contact textarea{padding:15px 16px;border:1px solid #d7dee5;border-radius:8px;font:inherit;background:#fff}.contact textarea{grid-column:1/-1;min-height:120px;resize:vertical}.contact button{width:max-content}.contact form small{align-self:center;color:#7b8795}footer{background:#04111c;color:#9bacbb;padding:28px 0}.foot{display:flex;justify-content:space-between;align-items:center}.foot>span{font-size:12px}
.quality{padding:82px 0;background:#fff}.qualityGrid{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.qualityVisual{min-height:430px;border-radius:18px;background:linear-gradient(135deg,#0a1d2e,#102d45);position:relative;overflow:hidden;box-shadow:0 24px 60px #06172720}.qualityVisual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#ff6b2845,transparent 35%),linear-gradient(145deg,transparent 45%,#ffffff08 45% 47%,transparent 47%)}.qcBadge{position:absolute;top:34px;right:34px;width:118px;height:118px;border:1px solid #ffffff33;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.qcBadge b{font-size:34px;color:#ff6b28}.qcBadge span{font-size:10px;letter-spacing:1px}.qualityPanel{position:absolute;left:38px;right:38px;bottom:38px;color:#fff;max-width:500px}.qualityPanel>span{font-size:10px;letter-spacing:2.4px;color:#ff8a52;font-weight:800}.qualityPanel strong{display:block;font-size:31px;line-height:1.08;margin:10px 0}.qualityPanel p{margin:0;color:#bdcbd8;line-height:1.6;font-size:14px}.qualityCopy h2{font-size:42px;line-height:1.08;letter-spacing:-1.5px;margin:10px 0 18px}.qualityCopy>p{color:#66778a;line-height:1.7;font-size:16px}.checklist{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.checklist>div{display:flex;gap:13px;padding:16px;border:1px solid #e0e6eb;border-radius:10px}.checklist i{font-style:normal;color:#ff6b28;font-weight:800;font-size:12px}.checklist span{display:flex;flex-direction:column}.checklist b{font-size:13px}.checklist small{color:#718092;line-height:1.4;margin-top:4px}.requestStrip{background:#0b2033;color:#fff;padding:30px 0;border-top:1px solid #ffffff10}.requestStripIn{display:flex;justify-content:space-between;align-items:center;gap:30px}.requestStrip span{display:block;color:#ff7b3e;font-size:10px;letter-spacing:2.2px;font-weight:800;margin-bottom:7px}.requestStrip b{font-size:21px}.requestHints{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.requestHints span{font-size:12px;padding:8px 11px;background:#fff;border:1px solid #dce3e9;border-radius:999px;color:#5e6f82}.contact form{background:#fff;padding:26px;border-radius:14px;box-shadow:0 16px 45px #07182712}.cards article{transition:transform .2s ease,box-shadow .2s ease}.cards article:hover{transform:translateY(-4px);box-shadow:0 16px 38px #07182722}.links a{transition:color .2s ease}.links a:hover{color:#ff7b3e}
@media(max-width:900px){.qualityGrid{grid-template-columns:1fr;gap:38px}.qualityVisual{min-height:360px}.requestStripIn{align-items:flex-start;flex-direction:column}.checklist{grid-template-columns:1fr 1fr}.links{display:none}.nav .btn{margin-left:auto}.hero{min-height:660px}.hero h1{font-size:52px}.heroShade{background:#061421d9}.cards,.benefits{grid-template-columns:1fr}.processGrid{grid-template-columns:1fr 1fr}.processGrid>div:first-child{grid-column:1/-1}.whyGrid,.aboutGrid,.contactGrid{grid-template-columns:1fr;gap:35px}.contact form{grid-template-columns:1fr}.contact textarea{grid-column:auto}.foot{gap:20px;align-items:flex-start;flex-direction:column}}@media(max-width:560px){.quality{padding:58px 0}.qualityCopy h2{font-size:32px}.qualityVisual{min-height:330px}.qualityPanel{left:24px;right:24px;bottom:24px}.qualityPanel strong{font-size:25px}.qcBadge{top:22px;right:22px;width:92px;height:92px}.checklist{grid-template-columns:1fr}.requestStrip b{font-size:18px}.wrap{width:92%}.nav{height:70px}.bridge{font-size:23px}.nav .btn{padding:12px 14px;font-size:12px}.heroContent{padding-top:55px}.hero h1{font-size:43px}.hero p{font-size:16px}.actions{flex-direction:column;align-items:stretch}.proof{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards img{height:180px}.processGrid{grid-template-columns:1fr}.processGrid>div:first-child{grid-column:auto}.section h2,.why h2,.contact h2{font-size:32px}}


/* TradeBridge v4 final visual polish */
html { scroll-behavior: smooth; }
section { scroll-margin-top: 92px; }
.trust-strip {
  background: #f3f6f8;
  border-top: 1px solid rgba(9,31,48,.08);
  border-bottom: 1px solid rgba(9,31,48,.08);
  padding: 34px 0;
}
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.trust-grid > div {
  padding: 4px 28px;
  border-right: 1px solid rgba(9,31,48,.12);
}
.trust-grid > div:first-child { padding-left: 0; }
.trust-grid > div:last-child { border-right: 0; padding-right: 0; }
.trust-grid strong {
  display: block;
  color: #091f30;
  font-size: 16px;
  margin-bottom: 7px;
}
.trust-grid span {
  display: block;
  color: #607286;
  font-size: 14px;
  line-height: 1.55;
}
.contact-note {
  margin-top: 20px;
  color: #607286;
  font-size: 14px;
  line-height: 1.55;
}
.contact-note strong { color: #091f30; }
.site-footer {
  background: #061b2b;
  color: #fff;
  padding: 58px 0 22px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1.2fr;
  gap: 48px;
}
.footer-logo {
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -1px;
}
.footer-logo span { color: #ff672b; }
.footer-brand > p:first-of-type {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 10px;
  color: #b9c8d4;
  margin: 8px 0 16px;
}
.footer-small {
  max-width: 390px;
  color: #9fb0be;
  line-height: 1.65;
  font-size: 14px;
}
.footer-grid > div:not(.footer-brand) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-grid strong {
  color: #fff;
  margin-bottom: 7px;
}
.footer-grid a, .footer-grid span {
  color: #9fb0be;
  text-decoration: none;
  font-size: 14px;
}
.footer-grid a:hover { color: #ff672b; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.1);
  margin-top: 42px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #718797;
  font-size: 12px;
}
@media (max-width: 900px) {
  .trust-grid { grid-template-columns: 1fr 1fr; gap: 24px 0; }
  .trust-grid > div:nth-child(2) { border-right: 0; }
  .trust-grid > div:nth-child(3) { padding-left: 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid > div, .trust-grid > div:first-child, .trust-grid > div:last-child {
    padding: 15px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(9,31,48,.1);
  }
  .trust-grid > div:last-child { border-bottom: 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; }
}
