/* OptiCore360 site additions, 24 Oct 2026: orbit, live plant, screens, OptiPulse360, products.
   Loaded after assets/css/styles.css. Self-contained: does not override existing rules. */
:root{--oc-navy:#0c2a45;--oc-navy-900:#071829;--oc-green:#74b62d;--oc-green-deep:#3f7418;--oc-green-ink:#10230a;--oc-muted:#5f6c75;--oc-line:#dfe4e2;--oc-paper:#f7f8f5}
.oc-figure{margin:0}
.oc-figure img{display:block;width:100%;height:auto;border-radius:16px}
.oc-figure figcaption{margin-top:12px;font-size:.95rem;color:var(--oc-muted)}
.oc-dark-band{background:var(--oc-navy);padding:72px 0}
.oc-dark-band .oc-figure img{border-radius:0}
.oc-dark-band .eyebrow{color:#8dc94a}
.oc-dark-band h2,.oc-dark-band .lead{color:#fff}
.oc-dark-band .lead{color:#ccd4d7}
.oc-band-head{display:flex;flex-wrap:wrap;gap:16px 48px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}
.oc-band-head>div{max-width:720px}
.oc-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.oc-screens .oc-figure img{border:1px solid var(--oc-line);box-shadow:0 18px 40px rgba(12,42,69,.12)}
.oc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.oc-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){.oc-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.oc-cards-3{grid-template-columns:1fr}}
.oc-card{background:#fff;border:1px solid var(--oc-line);border-top:5px solid var(--oc-green);border-radius:14px;padding:24px}
.oc-card h3{font-size:1.2rem;margin:0 0 8px}
.oc-card p{margin:0;color:var(--oc-muted)}
.oc-card .oc-tag{display:inline-block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.78rem;letter-spacing:.12em;color:var(--oc-green-deep);margin-bottom:10px}
.oc-person{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.oc-person-card{background:var(--oc-navy);color:#fff;border-radius:18px;padding:40px}
.oc-person-card .oc-tag{color:#8dc94a;font-family:"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;font-size:.8rem}
.oc-person-card h3{color:#fff;font-size:1.8rem;margin:10px 0 12px}
.oc-person-card p{color:#ccd4d7;margin:0}
.oc-health{background:var(--oc-green);color:var(--oc-green-ink);border-radius:20px;padding:48px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.oc-health h2{color:var(--oc-green-ink);margin:8px 0 10px}
.oc-health p{margin:0;max-width:640px}
.oc-health .btn{background:var(--oc-green-ink);color:#fff;border-color:var(--oc-green-ink)}
.oc-product{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
.oc-product.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.oc-product.flip>.oc-figure{order:2}
.oc-product ul{margin:18px 0 26px;padding-left:20px}
.oc-product li{margin:6px 0}
.oc-testers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.oc-tester{background:#fff;border:1px solid var(--oc-line);border-top:5px solid var(--oc-green);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.oc-tester img{width:100%;height:170px;object-fit:contain}
.oc-tester h3{font-size:1.02rem;margin:0}
.oc-tester p{font-size:.9rem;margin:0;color:var(--oc-muted)}
.oc-note{font-size:.95rem;color:var(--oc-muted)}
@media (max-width:980px){.oc-testers{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-person,.oc-product,.oc-product.flip{grid-template-columns:1fr}.oc-product.flip>.oc-figure{order:0}}
@media (max-width:640px){.oc-screens{grid-template-columns:1fr}.oc-testers{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-health{padding:32px}.oc-dark-band{padding:48px 0}}