.mainframe{background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(129,205,250,6%) 0%,transparent 60%),radial-gradient(ellipse 130% 110% at 50% 50%,#182238 0%,#0a0e18 80%);color:#fff;width:100%;height:100vh;min-height:760px;position:relative;overflow:hidden;display:flex;align-items:stretch;padding:clamp(var(--space-2xl),6vh,var(--space-4xl))clamp(var(--space-xl),4vw,var(--space-3xl))}.mainframe__inner{position:relative;z-index:1;width:100%;max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr)minmax(0,1.15fr);grid-template-rows:1fr;gap:clamp(var(--space-2xl),5vw,var(--space-4xl));align-items:stretch;align-content:center}.mainframe__text{align-self:center;display:flex;flex-direction:column;gap:var(--space-lg)}.mainframe__headline{font-family:newpanamskyline,var(--font-sans);font-size:clamp(1.7rem,3.6vw,3.4rem);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:-.025em;line-height:1.05;color:#fff;margin:0;text-wrap:balance}.mainframe__dot{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.6)}.mainframe__pulse{color:#cfe3ff;animation:mainframe-pulse 4s ease-in-out infinite;will-change:text-shadow,color}@keyframes mainframe-pulse{0%,100%{color:#cfe3ff;text-shadow:0 0 14px rgba(129,205,250,.22),0 0 36px rgba(129,205,250,.1)}50%{color:#fff;text-shadow:0 0 22px rgba(129,205,250,.48),0 0 60px rgba(129,205,250,.28),0 0 110px rgba(129,205,250,9%)}}.mainframe__subtitle{font-family:var(--font-sans);font-size:clamp(1rem,1.2vw,1.15rem);font-weight:var(--weight-light);font-style:italic;line-height:1.5;color:rgba(255,255,255,.55);margin:0;max-width:52ch}.mainframe__lead{font-family:var(--font-sans);font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55;color:rgba(255,255,255,.75);font-weight:var(--weight-light);margin:0;max-width:48ch}.mainframe__tag{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-medium);letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.32);line-height:1.8;margin-top:var(--space-md)}.mainframe__legend{display:flex;align-items:center;gap:10px;margin:var(--space-lg)0 0;font-family:var(--font-sans);font-size:.92rem;font-weight:var(--weight-light);line-height:1.5;color:rgba(255,255,255,.6);max-width:56ch}.mainframe__legend strong{font-weight:var(--weight-semibold,600);color:#fff}.mainframe__legend-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,.85),0 0 20px rgba(59,130,246,.3);animation:mainframe-legend-pulse 2.2s ease-in-out infinite;will-change:transform,box-shadow}@keyframes mainframe-legend-pulse{0%,100%{transform:scale(1);box-shadow:0 0 8px rgba(59,130,246,.7),0 0 16px rgba(59,130,246,.22)}50%{transform:scale(1.18);box-shadow:0 0 14px #3b82f6,0 0 28px rgba(59,130,246,.5)}}.mainframe__stack{position:relative;width:100%;height:100%;min-height:0;align-self:stretch}.mainframe__canvas{position:absolute;inset:0;width:100%;height:100%}.mainframe__layer-info{position:absolute;z-index:3;width:280px;transform:translateY(-50%);padding:0;pointer-events:none;transition:top .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1)}.mainframe__layer-name{display:block;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.32em;text-transform:uppercase;color:#fff;margin-bottom:var(--space-sm);text-shadow:0 1px 2px rgba(10,14,24,.85),0 0 12px rgba(10,14,24,.6)}.mainframe__layer-desc{font-family:var(--font-sans);font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.92);margin:0;font-weight:var(--weight-regular,400);max-width:32ch;text-shadow:0 1px 2px rgba(10,14,24,.85),0 0 14px rgba(10,14,24,.7)}@media(max-width:980px){.mainframe__inner{grid-template-columns:1fr}.mainframe__stack{height:70vh;min-height:460px}.mainframe__layer-info{right:var(--space-lg);left:var(--space-lg);max-width:none;top:auto;bottom:var(--space-lg);transform:none}}@media(max-width:720px){.mainframe__subtitle,.mainframe__lead,.mainframe__legend,.mainframe__layer-info{display:none}}