.noone-sub .hero {
  min-height: 520px;
  padding: 150px 0 80px;
  background: linear-gradient(90deg, rgba(5,25,48,.78), rgba(5,25,48,.28)), url("../images/hero-logistics.png") center/cover;
  color: #fff;
}
.noone-sub .inner { width: min(100% - 48px, var(--max)); margin: auto; }
.noone-sub .eyebrow { font-size: 13px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #7dd4ff; }
.noone-sub .hero h1 { font-size: 64px; line-height: 1.05; margin: 18px 0 24px; letter-spacing: -2px; }
.noone-sub .hero p { max-width: 660px; font-size: 19px; line-height: 1.8; color: rgba(255,255,255,.86); }
.noone-sub .breadcrumb { display: flex; gap: 10px; margin-top: 54px; font-size: 14px; color: #cfeaff; }
.noone-sub .breadcrumb b { color: #fff; }
.noone-sub section { padding: 95px 0; }
.noone-sub .intro { background: #fff; }
.noone-sub .grid { display: grid; grid-template-columns: 1fr 1.08fr; gap: 56px; align-items: center; }
.noone-sub .photo { border-radius: 8px; overflow: hidden; box-shadow: 0 26px 70px rgba(8,63,105,.16); }
.noone-sub .section-title { font-size: 42px; line-height: 1.18; margin: 0 0 22px; letter-spacing: -1.2px; }
.noone-sub .lead { font-size: 18px; line-height: 1.9; color: #334763; }
.noone-sub .text { line-height: 1.9; color: var(--muted); }
.noone-sub .signature { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--soft-line); font-weight: 900; }
.noone-sub .signature span { color: var(--blue-600); }
.noone-sub .systems { background: var(--blue-100); }
.noone-sub .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.noone-sub .card { background: #fff; border: 1px solid var(--soft-line); border-radius: 8px; padding: 30px; box-shadow: 0 18px 44px rgba(7,76,130,.08); }
.noone-sub .card em { font-style: normal; font-size: 34px; font-weight: 900; color: var(--blue-600); }
.noone-sub .card h3 { font-size: 22px; margin: 18px 0 12px; }
.noone-sub .card p { line-height: 1.75; color: var(--muted); }
.noone-sub .one-stop { background: #072b4a; color: #fff; }
.noone-sub .tabs { display: grid; grid-template-columns: 280px 1fr; gap: 28px; }
.noone-sub .tab-list { display: grid; gap: 12px; }
.noone-sub .tab-list div { padding: 20px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 8px; font-weight: 900; }
.noone-sub .panel { display: grid; grid-template-columns: 1fr 330px; gap: 30px; align-items: center; background: rgba(255,255,255,.08); border-radius: 8px; padding: 34px; }
.noone-sub .panel img { height: 250px; width: 100%; object-fit: cover; border-radius: 8px; }
.noone-sub .panel p { color: #d7e9f7; line-height: 1.8; }
.noone-sub .process { background: #fff; }
.noone-sub .steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.noone-sub .step { border-left: 4px solid var(--blue-600); background: #f5faff; padding: 26px; }
.noone-sub .step h3 { margin: 0 0 12px; }
.noone-sub .step p { color: var(--muted); line-height: 1.75; }
@media (max-width:900px) {
  .noone-sub .grid,
  .noone-sub .tabs,
  .noone-sub .panel,
  .noone-sub .steps,
  .noone-sub .cards { grid-template-columns: 1fr; }
  .noone-sub .hero h1 { font-size: 44px; }
}