.mainframe{background:var(--color-bg-dark);color:#fff;width:100%;height:100vh;position:relative;overflow:hidden}.mainframe__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.mainframe__overlay{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;padding:var(--space-3xl);z-index:1}.mainframe__top{display:flex;justify-content:space-between;align-items:flex-start}.mainframe__bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}.mainframe__headline{font-size:clamp(3rem,6vw,4rem);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:-.03em;line-height:.95;color:#fff;margin:0;opacity:0;transform:translateY(12px)}.mainframe--visible .mainframe__headline{animation:mainframe-reveal .6s var(--ease-snappy)forwards}.mainframe__dot{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.6)}.mainframe__subtitle{font-size:var(--text-base);font-weight:var(--weight-light);color:rgba(148,163,184,.5);margin:var(--space-sm)0 0;letter-spacing:var(--tracking-wide);opacity:0;transform:translateY(8px)}.mainframe--visible .mainframe__subtitle{animation:mainframe-reveal .5s var(--ease-snappy).3s forwards}.mainframe__tag{font-family:sf mono,menlo,monospace;font-size:.6rem;font-weight:var(--weight-normal);letter-spacing:.15em;text-transform:uppercase;color:rgba(148,163,184,.25);text-align:right;line-height:1.8;opacity:0}.mainframe--visible .mainframe__tag{animation:mainframe-reveal .4s ease .2s forwards}.mainframe__lead{font-size:1.05rem;font-weight:var(--weight-light);color:rgba(226,232,240,.65);max-width:40ch;line-height:1.6;margin:0;opacity:0;transform:translateY(8px)}.mainframe--visible .mainframe__lead{animation:mainframe-reveal .5s var(--ease-snappy).8s forwards}.mainframe__stat{text-align:right;opacity:0}.mainframe--visible .mainframe__stat{animation:mainframe-reveal .4s ease 1s forwards}.mainframe__stat-value{font-size:2.5rem;font-weight:var(--weight-extrabold);color:#3b82f6;line-height:1}.mainframe__stat-label{font-family:sf mono,menlo,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(148,163,184,.3);margin-top:.25rem}@keyframes mainframe-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mainframe{height:80vh}.mainframe__overlay{padding:var(--space-xl)}.mainframe__headline{font-size:var(--text-4xl)}.mainframe__tag{display:none}.mainframe__lead{font-size:var(--text-sm);max-width:30ch}.mainframe__stat-value{font-size:var(--text-2xl)}}