/* TRI */
.tri-sec{padding:100px 0;background:linear-gradient(180deg,transparent,rgba(37,99,235,.03) 50%,transparent);}
.tri-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
@media(max-width:800px){.tri-grid{grid-template-columns:1fr;gap:44px;}}
.tri-ey{font-family:var(--ffm);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blueb);display:block;margin-bottom:12px;}
.tri-h{font-family:var(--ffh);font-weight:800;font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.06;letter-spacing:-.03em;color:#fff;margin-bottom:18px;}
.tri-p{color:var(--muted);font-size:.92rem;line-height:1.85;margin-bottom:12px;}

/* ── TRI CARDS — glass ── */
.tri-card{
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;overflow:hidden;margin-bottom:12px;
  position:relative;transition:border-color .3s,transform .3s,background .3s;
}
.tri-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  opacity:0;transition:opacity .3s;
}
.tri-card.easy::before{background:linear-gradient(90deg,#22c55e,#4ade80);}
.tri-card.med::before{background:linear-gradient(90deg,#f59e0b,#fbbf24);}
.tri-card.hard::before{background:linear-gradient(90deg,#ef4444,#f87171);}
.tri-card:hover{transform:translateY(-3px);}
.tri-card:hover::before{opacity:1;}
.tri-card.easy:hover{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.3);}
.tri-card.med:hover{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.3);}
.tri-card.hard:hover{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.3);}
/* Hide old macbook bar */
.tc-head{display:none;}
.tc-dots{display:none;}
.tc-body{padding:22px 20px;}
.tc-title{font-weight:700;font-size:.9rem;color:#fff;margin-bottom:6px;}
.tc-desc{font-size:.82rem;color:var(--muted);line-height:1.7;}
.tc-tag{display:inline-block;margin-top:10px;font-family:var(--ffm);font-size:.58rem;padding:3px 9px;border-radius:4px;}
.tc-tag.easy{background:var(--greend);color:var(--green);border:1px solid rgba(34,197,94,.25);}
.tc-tag.med{background:rgba(245,158,11,.1);color:var(--amber);border:1px solid rgba(245,158,11,.25);}
.tc-tag.hard{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.2);}