{"id":676,"date":"2026-07-13T02:32:41","date_gmt":"2026-07-13T02:32:41","guid":{"rendered":"https:\/\/3cholabs.com\/?page_id=676"},"modified":"2026-07-13T04:03:01","modified_gmt":"2026-07-13T04:03:01","slug":"home-new","status":"publish","type":"page","link":"https:\/\/3cholabs.com\/","title":{"rendered":"Home- New"},"content":{"rendered":"\n<style>\nbody.page-id-67 .hero-section,\nbody.page-id-67 .page-header,\nbody.page-id-67 .entry-header,\nbody.page-id-67 .ct-page-title,\nbody.page-id-67 .page-title-wrapper,\nbody.page-id-67 .page-title,\nbody.page-id-67 .ct-breadcrumbs,\nbody.page-id-67 main#main > header{\n  display:none !important;\n}\n\nbody.page-id-67 main#main,\nbody.page-id-67 .site-main,\nbody.page-id-67 .content-area,\nbody.page-id-67 .entry-content{\n  margin-top:0 !important;\n  padding-top:0 !important;\n}\n\n.echo-home{\n  --echo-navy:#071c33;\n  --echo-navy-2:#0d2947;\n  --echo-blue:#173b5e;\n  --echo-copper:#b8662d;\n  --echo-copper-light:#dfa276;\n  --echo-copper-dark:#87421f;\n  --echo-white:#ffffff;\n  --echo-text:#253443;\n\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  color:var(--echo-text);\n  background:var(--echo-navy);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n.echo-home,\n.echo-home *{\n  box-sizing:border-box;\n}\n\n.echo-hero{\n  margin:0;\n  padding:0;\n  background:var(--echo-navy);\n}\n\n.echo-hero-visual{\n  position:relative;\n  overflow:hidden;\n  background:var(--echo-navy);\n}\n\n.echo-hero-image{\n  display:block;\n  width:100%;\n  height:auto;\n  transform:scale(1.01);\n  animation:echoHeroMove 18s ease-in-out infinite alternate;\n}\n\n.echo-hero-shade{\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,28,51,.01),\n      rgba(7,28,51,.18)\n    ),\n    radial-gradient(\n      circle at 18% 28%,\n      rgba(184,102,45,.12),\n      transparent 27%\n    );\n}\n\n.echo-particle{\n  position:absolute;\n  z-index:2;\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--echo-copper);\n  box-shadow:0 0 15px rgba(214,126,66,.9);\n  opacity:.72;\n  pointer-events:none;\n  animation:echoParticleFloat 7s ease-in-out infinite;\n}\n\n.echo-hero-visual .p1{\n  left:5%;\n  top:18%;\n}\n\n.echo-hero-visual .p2{\n  left:25%;\n  top:12%;\n  animation-delay:1.2s;\n}\n\n.echo-hero-visual .p3{\n  left:43%;\n  top:25%;\n  animation-delay:2.3s;\n}\n\n.echo-hero-visual .p4{\n  right:30%;\n  top:16%;\n  animation-delay:.8s;\n}\n\n.echo-hero-visual .p5{\n  right:10%;\n  top:36%;\n  animation-delay:3s;\n}\n\n.echo-hero-visual .p6{\n  left:35%;\n  bottom:17%;\n  animation-delay:1.7s;\n}\n\n.echo-hero-visual .p7{\n  right:38%;\n  bottom:13%;\n  animation-delay:2.8s;\n}\n\n.echo-hero-visual .p8{\n  right:7%;\n  bottom:22%;\n  animation-delay:4s;\n}\n\n.echo-orbit{\n  position:absolute;\n  width:170px;\n  height:170px;\n  border:1px solid rgba(184,102,45,.32);\n  border-radius:50%;\n  pointer-events:none;\n  animation:echoOrbitFloat 11s ease-in-out infinite;\n}\n\n.echo-orbit.left{\n  left:-55px;\n  bottom:-50px;\n}\n\n.echo-orbit.right{\n  right:-45px;\n  top:-40px;\n  width:130px;\n  height:130px;\n  animation-delay:2s;\n}\n\n.echo-intro{\n  position:relative;\n  overflow:hidden;\n  padding:54px 7%;\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 85% 15%,\n      rgba(184,102,45,.14),\n      transparent 24%\n    ),\n    linear-gradient(\n      135deg,\n      var(--echo-navy-2),\n      var(--echo-navy)\n    );\n}\n\n.echo-intro-content{\n  position:relative;\n  z-index:3;\n  max-width:900px;\n  margin:auto;\n  text-align:center;\n  animation:echoFadeUp 1s ease both;\n}\n\n.echo-eyebrow{\n  margin:0 0 14px;\n  color:var(--echo-copper-light);\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:2.5px;\n  text-transform:uppercase;\n}\n\n.echo-intro h1{\n  margin:0 0 18px;\n  color:#fff;\n  font-size:clamp(36px,5vw,64px);\n  line-height:1.05;\n  letter-spacing:-1px;\n  text-transform:uppercase;\n}\n\n.echo-intro p{\n  max-width:720px;\n  margin:0 auto 28px;\n  color:#e5edf4;\n  font-size:18px;\n  line-height:1.65;\n}\n\n.echo-buttons{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:13px;\n}\n\n.echo-btn{\n  display:inline-block;\n  padding:15px 23px;\n  border:2px solid var(--echo-copper);\n  border-radius:6px;\n  color:#fff !important;\n  background:var(--echo-copper);\n  font-size:14px;\n  font-weight:800;\n  letter-spacing:1.1px;\n  text-align:center;\n  text-decoration:none !important;\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n.echo-btn:hover{\n  transform:translateY(-3px);\n  background:var(--echo-copper-dark);\n  box-shadow:0 10px 24px rgba(184,102,45,.28);\n}\n\n.echo-btn-outline{\n  background:transparent;\n}\n\n.echo-btn-outline:hover{\n  background:rgba(184,102,45,.22);\n}\n\n.echo-section{\n  padding:76px 7%;\n}\n\n.echo-section-features{\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 12% 15%,\n      rgba(184,102,45,.13),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(23,59,94,.55),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #0b223d,\n      #06172b\n    );\n}\n\n.echo-section-navy{\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 15% 20%,\n      rgba(184,102,45,.12),\n      transparent 24%\n    ),\n    var(--echo-navy);\n}\n\n.echo-section-heading{\n  max-width:760px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n.echo-section-heading span{\n  color:var(--echo-copper-light);\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:2.4px;\n  text-transform:uppercase;\n}\n\n.echo-section-heading h2{\n  margin:10px 0 14px;\n  color:#fff;\n  font-size:clamp(31px,4vw,47px);\n  line-height:1.12;\n}\n\n.echo-section-heading p{\n  margin:0;\n  color:#c8d4df;\n  font-size:16px;\n  line-height:1.7;\n}\n\n.echo-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n  max-width:1180px;\n  margin:0 auto;\n}\n\n.echo-card{\n  position:relative;\n  overflow:hidden;\n  padding:32px 26px;\n  color:#fff;\n  border:1px solid rgba(184,102,45,.32);\n  border-radius:13px;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(18,49,79,.96),\n      rgba(7,28,51,.98)\n    );\n  box-shadow:\n    0 16px 38px rgba(0,0,0,.24),\n    inset 0 1px 0 rgba(255,255,255,.05);\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n}\n\n.echo-card:before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:\n    linear-gradient(\n      90deg,\n      var(--echo-copper),\n      var(--echo-copper-light),\n      var(--echo-blue)\n    );\n  transform:scaleX(.25);\n  transform-origin:left;\n  transition:transform .35s ease;\n}\n\n.echo-card:hover{\n  transform:translateY(-7px);\n  border-color:rgba(223,162,118,.65);\n  box-shadow:\n    0 22px 48px rgba(0,0,0,.34),\n    inset 0 1px 0 rgba(255,255,255,.06);\n}\n\n.echo-card:hover:before{\n  transform:scaleX(1);\n}\n\n.echo-card-number{\n  width:50px;\n  height:50px;\n  margin-bottom:18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:2px solid var(--echo-copper);\n  border-radius:50%;\n  color:var(--echo-copper-light);\n  background:rgba(184,102,45,.10);\n  font-size:16px;\n  font-weight:800;\n  transition:transform .35s ease;\n}\n\n.echo-card:hover .echo-card-number{\n  transform:rotate(8deg) scale(1.08);\n}\n\n.echo-card h3{\n  margin:0 0 11px;\n  color:#fff;\n  font-size:20px;\n  line-height:1.3;\n  text-transform:uppercase;\n}\n\n.echo-card p{\n  margin:0;\n  color:#c9d5df;\n  font-size:15px;\n  line-height:1.7;\n}\n\n.echo-coa{\n  position:relative;\n  overflow:hidden;\n  max-width:1050px;\n  margin:auto;\n  padding:52px 32px;\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:13px;\n  text-align:center;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(13,41,71,.96),\n      rgba(4,19,33,.98)\n    );\n}\n\n.echo-coa:before,\n.echo-coa:after{\n  content:\"\";\n  position:absolute;\n  border:1px solid rgba(184,102,45,.30);\n  border-radius:50%;\n  pointer-events:none;\n}\n\n.echo-coa:before{\n  width:180px;\n  height:180px;\n  left:-65px;\n  top:-70px;\n  animation:echoRingPulse 7s ease-in-out infinite;\n}\n\n.echo-coa:after{\n  width:110px;\n  height:110px;\n  right:-30px;\n  bottom:-45px;\n  animation:echoRingPulse 8s ease-in-out infinite reverse;\n}\n\n.echo-coa-content{\n  position:relative;\n  z-index:2;\n}\n\n.echo-coa h2{\n  margin:8px 0 14px;\n  color:#fff;\n  font-size:clamp(31px,4vw,46px);\n}\n\n.echo-coa p{\n  max-width:680px;\n  margin:0 auto 27px;\n  color:#d4e0e9;\n  line-height:1.7;\n}\n\n.echo-contact{\n  position:relative;\n  overflow:hidden;\n  padding:70px 7%;\n  color:#fff;\n  text-align:center;\n  background:\n    radial-gradient(\n      circle at 15% 20%,\n      rgba(184,102,45,.14),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 85% 75%,\n      rgba(184,102,45,.10),\n      transparent 22%\n    ),\n    linear-gradient(\n      135deg,\n      var(--echo-navy-2),\n      var(--echo-navy)\n    );\n}\n\n.echo-contact-inner{\n  position:relative;\n  z-index:2;\n  max-width:820px;\n  margin:auto;\n  padding:44px 28px;\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:14px;\n  background:rgba(4,19,33,.55);\n  box-shadow:0 18px 50px rgba(0,0,0,.18);\n}\n\n.echo-contact h2{\n  margin:8px 0 14px;\n  color:#fff;\n  font-size:clamp(31px,4vw,46px);\n  line-height:1.12;\n}\n\n.echo-contact p{\n  max-width:650px;\n  margin:0 auto 24px;\n  color:#d4e0e9;\n  font-size:16px;\n  line-height:1.7;\n}\n\n.echo-contact-email{\n  display:block;\n  margin:0 0 25px;\n  color:var(--echo-copper-light) !important;\n  font-size:clamp(20px,3vw,28px);\n  font-weight:800;\n  text-decoration:none !important;\n  word-break:break-word;\n}\n\n.echo-contact-email:hover{\n  color:#fff !important;\n}\n\n.echo-contact-ring{\n  position:absolute;\n  width:170px;\n  height:170px;\n  border:1px solid rgba(184,102,45,.28);\n  border-radius:50%;\n  pointer-events:none;\n  animation:echoRingPulse 8s ease-in-out infinite;\n}\n\n.echo-contact-ring.one{\n  left:-60px;\n  top:-65px;\n}\n\n.echo-contact-ring.two{\n  right:-45px;\n  bottom:-65px;\n  width:125px;\n  height:125px;\n  animation-delay:2s;\n}\n\n.echo-disclaimer{\n  padding:28px 7%;\n  color:#aebdca;\n  background:#041321;\n  font-size:13px;\n  line-height:1.7;\n  text-align:center;\n}\n\n.echo-disclaimer a{\n  color:var(--echo-copper-light) !important;\n  text-decoration:none !important;\n}\n\n@keyframes echoHeroMove{\n  0%{\n    transform:scale(1.01) translate3d(0,0,0);\n  }\n\n  100%{\n    transform:scale(1.055) translate3d(-8px,-3px,0);\n  }\n}\n\n@keyframes echoFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(28px);\n  }\n\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes echoParticleFloat{\n  0%,\n  100%{\n    transform:translate3d(0,0,0);\n    opacity:.35;\n  }\n\n  50%{\n    transform:translate3d(8px,-28px,0);\n    opacity:.95;\n  }\n}\n\n@keyframes echoOrbitFloat{\n  0%,\n  100%{\n    transform:translateY(0) rotate(0deg);\n    opacity:.35;\n  }\n\n  50%{\n    transform:translateY(-18px) rotate(12deg);\n    opacity:.68;\n  }\n}\n\n@keyframes echoRingPulse{\n  0%,\n  100%{\n    transform:scale(1);\n    opacity:.35;\n  }\n\n  50%{\n    transform:scale(1.18);\n    opacity:.65;\n  }\n}\n\n@media(max-width:800px){\n\n  .echo-intro{\n    padding:42px 22px;\n  }\n\n  .echo-intro h1{\n    font-size:38px;\n  }\n\n  .echo-intro p{\n    font-size:16px;\n  }\n\n  .echo-grid{\n    grid-template-columns:1fr;\n  }\n\n  .echo-section{\n    padding:58px 22px;\n  }\n\n  .echo-contact{\n    padding:58px 22px;\n  }\n\n  .echo-contact-inner{\n    padding:36px 20px;\n  }\n\n  .echo-btn{\n    width:100%;\n  }\n\n  .echo-orbit{\n    opacity:.2;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n\n  .echo-home *,\n  .echo-home *:before,\n  .echo-home *:after{\n    animation:none !important;\n    transition:none !important;\n  }\n}\n<\/style>\n\n<div class=\"echo-home\">\n\n  <section class=\"echo-hero\">\n\n    <div class=\"echo-hero-visual\">\n\n      <img decoding=\"async\"\n        class=\"echo-hero-image\"\n        src=\"https:\/\/3cholabs.com\/wp-content\/uploads\/2026\/07\/file_000000001f5071fba1ca6e54d66d5612.png\"\n        alt=\"3CHO Labs precision research laboratory banner\"\n      >\n\n      <div class=\"echo-hero-shade\"><\/div>\n\n      <span class=\"echo-particle p1\"><\/span>\n      <span class=\"echo-particle p2\"><\/span>\n      <span class=\"echo-particle p3\"><\/span>\n      <span class=\"echo-particle p4\"><\/span>\n      <span class=\"echo-particle p5\"><\/span>\n      <span class=\"echo-particle p6\"><\/span>\n      <span class=\"echo-particle p7\"><\/span>\n      <span class=\"echo-particle p8\"><\/span>\n\n      <span class=\"echo-orbit left\"><\/span>\n      <span class=\"echo-orbit right\"><\/span>\n\n    <\/div>\n\n    <div class=\"echo-intro\">\n\n      <div class=\"echo-intro-content\">\n\n        <div class=\"echo-eyebrow\">\n          PRECISION RESEARCH\n        <\/div>\n\n        <h1>\n          Precision Research. Consistent Quality.\n        <\/h1>\n\n        <p>\n          Research compounds with clear batch information,\n          consistent presentation, and a straightforward ordering experience.\n        <\/p>\n\n        <div class=\"echo-buttons\">\n\n          <a\n            class=\"echo-btn\"\n            href=\"https:\/\/3cholabs.com\/?post_type=product\"\n          >\n            SHOP PRODUCTS\n          <\/a>\n\n          <a\n            class=\"echo-btn echo-btn-outline\"\n            href=\"https:\/\/3cholabs.com\/?page_id=689\"\n          >\n            VIEW COAs\n          <\/a>\n\n          <a\n            class=\"echo-btn echo-btn-outline\"\n            href=\"mailto:contact@3cholabs.com\"\n          >\n            CONTACT\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"echo-section echo-section-features\">\n\n    <div class=\"echo-section-heading\">\n\n      <span>\n        THE PRECISION STANDARD\n      <\/span>\n\n      <h2>\n        PRECISION. CLARITY. CONSISTENCY.\n      <\/h2>\n\n      <p>\n        A clean research experience built around clear information,\n        professional presentation, and straightforward ordering.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"echo-grid\">\n\n      <article class=\"echo-card\">\n\n        <div class=\"echo-card-number\">\n          01\n        <\/div>\n\n        <h3>\n          Batch Documentation\n        <\/h3>\n\n        <p>\n          Product and batch information organized for convenient reference.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"echo-card\">\n\n        <div class=\"echo-card-number\">\n          02\n        <\/div>\n\n        <h3>\n          Fast Order Processing\n        <\/h3>\n\n        <p>\n          A straightforward ordering process designed to reduce unnecessary steps.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"echo-card\">\n\n        <div class=\"echo-card-number\">\n          03\n        <\/div>\n\n        <h3>\n          Quality Standards\n        <\/h3>\n\n        <p>\n          Consistent labeling, presentation, and product information.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"echo-section echo-section-navy\">\n\n    <div class=\"echo-coa\">\n\n      <div class=\"echo-coa-content\">\n\n        <div class=\"echo-eyebrow\">\n          DOCUMENTATION\n        <\/div>\n\n        <h2>\n          Find Batch Information Quickly\n        <\/h2>\n\n        <p>\n          Visit the COA library to locate available documentation\n          by product and batch number.\n        <\/p>\n\n        <a\n          class=\"echo-btn\"\n          href=\"https:\/\/3cholabs.com\/?page_id=689\"\n        >\n          VIEW COA LIBRARY\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section\n    class=\"echo-contact\"\n    id=\"contact\"\n  >\n\n    <span class=\"echo-contact-ring one\"><\/span>\n    <span class=\"echo-contact-ring two\"><\/span>\n\n    <div class=\"echo-contact-inner\">\n\n      <div class=\"echo-eyebrow\">\n        CONTACT 3CHO LABS\n      <\/div>\n\n      <h2>\n        Questions or Order Support?\n      <\/h2>\n\n      <p>\n        For product questions, order assistance, or general inquiries,\n        contact the 3CHO Labs research team by email.\n      <\/p>\n\n      <a\n        class=\"echo-contact-email\"\n        href=\"mailto:contact@3cholabs.com\"\n      >\n        contact@3cholabs.com\n      <\/a>\n\n      <a\n        class=\"echo-btn\"\n        href=\"mailto:contact@3cholabs.com\"\n      >\n        SEND AN EMAIL\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n  <div class=\"echo-disclaimer\">\n\n    Products are offered strictly for laboratory research use only.\n    Not for human or veterinary use.\n\n    <br>\n\n    Contact:\n\n    <a href=\"mailto:contact@3cholabs.com\">\n      contact@3cholabs.com\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PRECISION RESEARCH Precision Research. Consistent Quality. Research compounds with clear batch information, consistent presentation, and a straightforward ordering experience. SHOP PRODUCTS VIEW COAs CONTACT THE PRECISION STANDARD PRECISION. CLARITY. CONSISTENCY. A clean research experience built around clear information, professional presentation, and straightforward ordering. 01 Batch Documentation Product and batch information organized for convenient reference. 02 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-676","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/3cholabs.com\/index.php?rest_route=\/wp\/v2\/pages\/676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3cholabs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3cholabs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3cholabs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3cholabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=676"}],"version-history":[{"count":4,"href":"https:\/\/3cholabs.com\/index.php?rest_route=\/wp\/v2\/pages\/676\/revisions"}],"predecessor-version":[{"id":691,"href":"https:\/\/3cholabs.com\/index.php?rest_route=\/wp\/v2\/pages\/676\/revisions\/691"}],"wp:attachment":[{"href":"https:\/\/3cholabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}