.ot-wrap{max-width:1180px;margin:0 auto;padding:24px 20px 64px}
.ot-page-head h1{font-size:2rem;margin:0 0 8px}
.ot-lead{color:#5b6472;max-width:640px;margin:0 0 24px}

.ot-industries{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.ot-chip{display:inline-flex;gap:6px;align-items:center;padding:7px 14px;border:1px solid #e2e6ec;border-radius:999px;
  background:#fff;color:#2b3444;text-decoration:none;font-size:.9rem}
.ot-chip span{color:#94a0b0;font-size:.8rem}
.ot-chip:hover{border-color:#ff6a00;color:#ff6a00}
.ot-chip.is-active{background:#ff6a00;border-color:#ff6a00;color:#fff}
.ot-chip.is-active span{color:#ffd9bf}

.ot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.ot-card{border:1px solid #e6e9ee;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ot-card:hover{box-shadow:0 6px 20px rgba(20,30,50,.08)}
.ot-card-thumb{display:block;aspect-ratio:4/3;background:#f4f6f9;overflow:hidden}
.ot-card-thumb img{width:100%;height:100%;object-fit:cover}
.ot-noimg{display:grid;place-items:center;height:100%;color:#aab3c0;font-size:.85rem}
.ot-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.ot-card-body h2{font-size:1rem;margin:0;line-height:1.35}
.ot-card-body h2 a{color:#1b2433;text-decoration:none}
.ot-card-meta{margin:0;color:#7c8798;font-size:.85rem;display:flex;flex-wrap:wrap;gap:8px}
.ot-certs{color:#0a8f4d}

.ot-btn{display:inline-block;padding:10px 18px;border-radius:8px;background:#f0f3f7;color:#1b2433;
  text-decoration:none;border:0;cursor:pointer;font-size:.95rem}
.ot-btn:hover{background:#e4e9f0}
.ot-btn-primary{background:#ff6a00;color:#fff}
.ot-btn-primary:hover{background:#e85f00}
.ot-btn-small{padding:7px 14px;font-size:.85rem;margin-top:auto}
.ot-link-btn{background:none;border:0;color:#ff6a00;cursor:pointer;padding:0;text-decoration:underline}

.ot-note{padding:12px 16px;border-radius:8px;margin:0 0 20px}
.ot-ok{background:#e9f7ef;color:#0a6b3d}
.ot-warn{background:#fff4e5;color:#8a4b00}

.ot-breadcrumb{color:#8b95a4;font-size:.85rem;margin-bottom:18px}
.ot-breadcrumb a{color:#8b95a4}
.ot-factory-head{display:flex;gap:24px;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap}
.ot-factory-logo img{width:180px;border-radius:10px;border:1px solid #e6e9ee}
.ot-factory-head h1{margin:0 0 12px;font-size:1.7rem}
.ot-factory-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ot-badge{padding:4px 10px;border-radius:6px;background:#f0f3f7;color:#4a5566;font-size:.8rem}
.ot-badge-cert{background:#e9f7ef;color:#0a6b3d}
.ot-badge-verified{background:#fff0e6;color:#c25200}

.ot-catalogs h2,.ot-about h2,.ot-contact h3{font-size:1.2rem;margin:0 0 14px}
.ot-catalog-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px}
.ot-catalog-list a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e6e9ee;
  border-radius:10px;text-decoration:none;color:#1b2433;background:#fff}
.ot-catalog-list a:hover{border-color:#ff6a00}
.ot-cat-icon{width:26px;height:32px;border-radius:3px;background:#ff6a00;flex:none;opacity:.85}
.ot-cat-title{flex:1}
.ot-cat-action{color:#ff6a00;font-size:.85rem;white-space:nowrap}
.ot-hint{color:#8b95a4;font-size:.85rem;margin:0 0 32px}

.ot-contact{border:1px solid #e6e9ee;border-radius:12px;padding:22px;background:#fbfcfd;margin-top:32px}
.ot-contact-sub{color:#7c8798;font-size:.9rem;margin:0 0 16px}
.ot-contact-form label{display:block;margin-bottom:14px;font-size:.9rem;color:#4a5566}
.ot-contact-form input,.ot-contact-form textarea{width:100%;padding:10px 12px;border:1px solid #d8dee7;
  border-radius:8px;margin-top:5px;font:inherit;background:#fff}
.ot-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.ot-sticky-contact{position:fixed;right:20px;bottom:20px;z-index:60;background:#ff6a00;color:#fff;
  padding:13px 22px;border-radius:999px;text-decoration:none;box-shadow:0 8px 24px rgba(255,106,0,.35);font-size:.95rem}
.ot-verify-bar{background:#fff4e5;color:#8a4b00;padding:9px 20px;text-align:center;font-size:.9rem}
.ot-verify-bar a{color:#c25200}

.ot-verify{max-width:440px;margin:40px auto}
.ot-verify-form{display:flex;gap:10px;margin:18px 0 10px}
.ot-verify-form input{flex:1;padding:12px;border:1px solid #d8dee7;border-radius:8px;
  font-size:1.4rem;letter-spacing:.4em;text-align:center}

.ot-viewer{max-width:1000px;margin:0 auto;padding:24px 20px 80px}
.ot-viewer-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  margin-bottom:24px;flex-wrap:wrap}
.ot-viewer-head h1{margin:6px 0 4px;font-size:1.4rem}
.ot-viewer-meta{color:#8b95a4;font-size:.85rem;margin:0}
.ot-back{color:#8b95a4;text-decoration:none;font-size:.85rem}
.ot-pages{display:grid;gap:18px}
.ot-page{margin:0;background:#f4f6f9;border-radius:8px;overflow:hidden}
.ot-page img{width:100%;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.ot-page figcaption{text-align:center;color:#8b95a4;font-size:.78rem;padding:6px}

@media(max-width:600px){.ot-row{grid-template-columns:1fr}.ot-factory-logo img{width:120px}}