/* RiiLogic company home: the shared site system with the company's green. */
body.company { --rii: #A3E635; --rii-ink: #0B0F14; --mhq: #38BDF8; }

.company .btn-primary {
  background: var(--rii); color: var(--rii-ink);
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -8px rgba(163,230,53,.45);
}
.company .btn-primary:hover { box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 32px -6px rgba(163,230,53,.6); transform: translateY(-1px); }
.company .eyebrow-dot { background: var(--rii); box-shadow: 0 0 8px var(--rii); }
.company .co-hero { background: transparent; }
.company .hero-bg {
  background:
    radial-gradient(45% 55% at 12% 0%, rgba(163,230,53,.10), transparent 70%),
    radial-gradient(40% 50% at 90% 10%, rgba(56,189,248,.06), transparent 70%);
  mask-image: none;
}
/* Site background: a dark green gradient with the RiiLogic bars, very faint, fixed behind every section. */
body.company {
  background-color: var(--bg);
  background-image: linear-gradient(135deg, #12200B 0%, #0C1610 35%, #091017 70%, #07090d 100%);
  background-attachment: fixed;
}
/* The bars rise in on load, then the green bar slowly pulses and the mark drifts. */
.rii-bars {
  position: fixed; z-index: -1; right: 4vw; top: 50%; transform: translateY(-50%);
  height: 86vh; width: auto; pointer-events: none;
  animation: riiDrift 14s ease-in-out 2s infinite;
}
.rii-bars polygon { transform-box: fill-box; transform-origin: 50% 100%; opacity: 0; animation: riiBarIn 1.3s cubic-bezier(.2,.8,.2,1) forwards; }
.rii-bars .b1 { animation-delay: .15s; }
.rii-bars .b2 { animation-delay: .4s; }
.rii-bars .b3 { animation: riiBarIn 1.3s cubic-bezier(.2,.8,.2,1) .65s forwards, riiPulse 6s ease-in-out 2.4s infinite; }
@keyframes riiBarIn { from { opacity: 0; transform: translateY(14%) scaleY(.92); } to { opacity: 1; transform: none; } }
@keyframes riiPulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes riiDrift { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(calc(-50% - 10px)); } }
@media (prefers-reduced-motion: reduce) {
  .rii-bars, .rii-bars polygon, .rii-bars .b3 { animation: none; opacity: 1; }
}
.company .section-alt { background: rgba(255,255,255,.012); }
.company .hero h1 em { font-style: normal; color: var(--rii); }
.company .eyebrow { color: var(--rii); border-color: rgba(163,230,53,.28); background: rgba(163,230,53,.06); }
.company .kicker { color: var(--rii); }

.co-hero-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.co-hero-mark { margin-bottom: 26px; }

.co-products { display: grid; grid-template-columns: 2fr 1fr; gap: 22px; margin-top: 8px; }
.co-product { border: 1px solid var(--border); border-radius: var(--r-lg); padding: 30px; display: flex; flex-direction: column; gap: 16px; background: rgba(255,255,255,.02); min-width: 0; }
.co-product-live { border-color: rgba(56,189,248,.35); background: linear-gradient(135deg, rgba(56,189,248,.07), rgba(255,255,255,.015) 60%); }
.co-product-head { display: flex; align-items: center; gap: 16px; }
.co-product h3 { font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.co-product-sub { color: var(--mhq); font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.co-product p { color: var(--text2); }
.co-points { list-style: none; display: grid; gap: 8px; color: var(--text2); font-size: 14.5px; }
.co-points li { padding-left: 18px; position: relative; }
.co-points li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 2px; background: var(--mhq); }
.co-product-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; }
.btn-mhq { background: var(--mhq); color: var(--rii-ink); }
.btn-mhq:hover { transform: translateY(-1px); }
.co-product-next { justify-content: center; border-style: dashed; }
.co-product-next h3 { color: var(--text2); font-size: 18px; }

.company .final-cta { background: radial-gradient(46% 60% at 50% 0%, rgba(163,230,53,.12), transparent 72%); }
.co-email { font-size: 20px !important; color: var(--text) !important; font-weight: 600; user-select: all; margin-bottom: 28px !important; }
.co-footer-brand { display: inline-flex; align-items: center; gap: 8px; }

@media (max-width: 760px) {
  .rii-bars { right: -30vw; top: 62%; height: 70vh; }
  .co-products { grid-template-columns: 1fr; }
  .co-product { padding: 22px; }
}