/* E2B-inspired interaction pass: flat borders, hover rings, technical motion, dark pre-footer. */
.product-kicker::before,.product-label::before{content:"[";margin-right:.45em;color:#0b815a}
.product-kicker::after,.product-label::after{content:"]";margin-left:.45em;color:#0b815a}
.product-button{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.product-button::after{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transition:transform .48s ease;pointer-events:none}
.product-button:hover{transform:translateY(-2px);box-shadow:0 0 0 2px rgba(36,93,255,.22)}
.product-button:hover::after{transform:translateX(105%)}
.product-visual{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;transform-style:preserve-3d}
.product-visual::after{content:"";position:absolute;left:-20%;right:-20%;top:-35%;height:34%;background:linear-gradient(180deg,transparent,rgba(120,239,174,.11),transparent);transform:rotate(-4deg);animation:productSweep 6.8s ease-in-out infinite;pointer-events:none}
@keyframes productSweep{0%,22%{top:-42%;opacity:0}38%{opacity:1}64%{top:108%;opacity:.8}80%,100%{top:108%;opacity:0}}
.product-visual-body{background:radial-gradient(circle at 72% 24%,rgba(36,93,255,.22),transparent 34%),radial-gradient(circle at 18% 78%,rgba(84,227,157,.14),transparent 30%),#071632}
.product-grid{background:transparent;border:0;gap:14px}
.product-grid article{position:relative;border:1px solid rgba(23,25,28,.35)!important;background:rgba(248,251,255,.80);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.product-grid article:hover{transform:translateY(-5px);border-color:#245dff!important;box-shadow:0 0 0 2px rgba(36,93,255,.20),0 20px 48px rgba(3,13,32,.12)}
.product-grid article::after{content:"↗";position:absolute;right:18px;top:16px;font:300 14px/1 "JetBrains Mono",monospace;opacity:.20;transition:opacity .2s ease,transform .2s ease}
.product-grid article:hover::after{opacity:.75;transform:translate(2px,-2px)}
.product-metrics{background:transparent;border-inline:0}
.product-metrics>div{transition:background .18s ease}
.product-metrics>div:hover{background:rgba(255,255,255,.58)}
.product-route>div{transition:background .18s ease,transform .18s ease}
.product-route>div:hover{background:#fff;transform:translateY(-2px)}
.product-page .join-zone{background:#07101a;color:#edf4ff;border-top:1px solid rgba(143,183,255,.25)}
.product-page .join-zone .product-label{color:#8fb7ff}
.product-page .join-zone .hash-rule{opacity:.28;background:repeating-linear-gradient(90deg,#6f8fb8 0 2px,transparent 2px 10px)}
.product-page .join-zone .product-button{border-color:rgba(237,244,255,.52);color:#edf4ff;background:rgba(255,255,255,.04)}
.product-page .join-zone .product-button.primary{background:#edf4ff;color:#07101a;border-color:#edf4ff}
.product-page .join-zone p{color:#a9bad0}
.site-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.site-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.product-visual::after{animation:none}.site-reveal{opacity:1;transform:none;transition:none}}

/* Company + founder surfaces */
.home-product-card,.system-card,.project-tile,.value-card,.consulting-proof>div{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.home-product-card:hover,.system-card:hover{
  transform:translateY(-5px);
  box-shadow:0 0 0 2px rgba(36,93,255,.18),0 24px 58px rgba(3,13,32,.13);
}
.project-tile:hover,.value-card:hover,.consulting-proof>div:hover{
  box-shadow:inset 0 0 0 2px rgba(36,93,255,.16);
}
.home-eyebrow::before,.home-section-kicker::before,.hero-kicker::before{content:"[";margin-right:.45em;color:#0b815a}
.home-eyebrow::after,.home-section-kicker::after,.hero-kicker::after{content:"]";margin-left:.45em;color:#0b815a}
.home-primary,.home-secondary,.home-product-link,.home-company-link{
  transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease;
}
.home-primary:hover,.home-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(3,13,32,.12)}
.home-product-link:hover,.home-company-link:hover{text-underline-offset:5px}