.aurora-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(78,113,242,.15),transparent 40%),radial-gradient(circle at 70% 60%,rgba(228,110,118,.15),transparent 40%),radial-gradient(circle at 50% 50%,rgba(159,129,234,.12),transparent 50%);filter:blur(80px);opacity:.8;animation:aurora-shift 20s ease infinite alternate;z-index:-1;pointer-events:none}@keyframes aurora-shift{0%{transform:rotate(0) scale(1)}to{transform:rotate(5deg) scale(1.1)}}.hero-visual-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:1;pointer-events:none;mask-image:radial-gradient(closest-side,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(closest-side,black 40%,transparent 100%)}body:not(:has(input[value=light]:checked)) .hero-visual-container{background:radial-gradient(circle at center,rgba(0,0,0,.6) 0%,transparent 70%)}#gemini-canvas,#ml-canvas,#data-canvas,#devops-canvas,#mig-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.hero-title{line-height:1.25!important;padding-bottom:.1em;overflow:visible}.tech-pill-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tech-pill{font-size:12px;padding:4px 12px;border-radius:99em;background:#ffffff0d;border:1px solid var(--c-glass-border);color:var(--c-content-variant);font-family:Courier New,monospace}.transformation-container{display:flex;border-radius:24px;overflow:hidden;min-height:350px;border:1px solid var(--c-glass-border);margin-bottom:0;position:relative;z-index:2;background:var(--c-surface);box-shadow:var(--c-glass-shadow)}.tf-pane{flex:1;padding:60px 40px;display:flex;flex-direction:column;justify-content:center}.tf-past{background-color:#050505;border-right:1px solid #333}.tf-past h3{font-size:24px;color:#666;margin-bottom:12px}.tf-past p{color:#555;margin-bottom:40px}.cobol-snippet{font-family:Courier New,monospace;color:#facc15;font-size:14px;line-height:1.6;background:#ffffff05;padding:24px;border-radius:12px}.tf-future{background-color:#1e293b}.tf-future h3{font-size:24px;color:#f87171;margin-bottom:12px}.tf-future p{color:#94a3b8;margin-bottom:40px}.python-snippet{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;background:#0000004d;padding:24px;border-radius:12px;color:#e2e8f0}.code-keyword{color:#60a5fa}.code-func{color:#f472b6}.code-str{color:#a3e635}@media (max-width: 900px){.transformation-container{flex-direction:column}.tf-past{border-right:none;border-bottom:1px solid #333}}.flow-connector{width:2px;height:30px;background:linear-gradient(to bottom,var(--c-glass-border) 0%,var(--c-primary) 100%);margin:0 auto;position:relative;z-index:1}.flow-connector:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--c-primary);border-radius:50%;box-shadow:0 0 10px var(--c-primary)}.quant-list{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:20px}.quant-list:before{content:"";position:absolute;top:10px;bottom:10px;left:4px;width:1px;background:var(--c-glass-border)}.quant-step{position:relative;font-size:14px;line-height:1.5;color:var(--c-content-variant)}.quant-step:before{content:"";position:absolute;left:-20px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-primary)}.quant-step strong{color:var(--c-content);display:block;margin-bottom:2px}.terminal-window{background:#0f172a;border-radius:8px;border:1px solid #334155;font-family:Consolas,Monaco,monospace;font-size:12px;color:#e2e8f0;padding:16px;overflow:hidden;position:relative;min-height:180px}.terminal-header{display:flex;gap:6px;margin-bottom:12px;opacity:.5}.dot{width:10px;height:10px;border-radius:50%;background:currentColor}.log-line{margin-bottom:4px;display:block}.log-success{color:#10b981}.log-warn{color:#f59e0b}.log-info{color:#3b82f6}.vs-grid{display:flex;justify-content:space-between;align-items:center;margin-top:20px;text-align:center}.vs-item h4{font-size:32px;margin:0;color:var(--c-primary)}.vs-item span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.flow-diagram{display:flex;align-items:center;justify-content:space-between;margin-top:32px;position:relative}.flow-step{width:30%;background:var(--c-glass-bg);border:1px solid var(--c-glass-border);padding:16px;border-radius:12px;text-align:center;font-size:13px;color:var(--c-content-variant);position:relative;z-index:2}.flow-step strong{display:block;color:var(--c-content);margin-bottom:4px;font-size:14px}.flow-line{position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--c-glass-border);z-index:1}.medallion-row{display:flex;gap:24px;margin-top:32px}.medallion{flex:1;height:8px;border-radius:4px;position:relative}.med-bronze{background:#cd7f32}.med-silver{background:silver}.med-gold{background:gold}.medallion:after{content:attr(data-label);position:absolute;top:16px;left:0;font-size:11px;text-transform:uppercase;font-weight:700;color:var(--c-content-variant)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.status-dot{height:6px;background:#10b981;border-radius:2px;opacity:.5}.status-dot:nth-child(3n){opacity:1;box-shadow:0 0 8px #10b981}.tech-stack-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;background:var(--c-surface)}.tech-stack-card h2{margin-top:0;margin-bottom:24px;font-size:28px}.tech-grid{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-weight:500;color:var(--c-content-variant);line-height:1.6}.tech-grid span.divider{opacity:.3;margin:0 4px}.legacy-terminal{background:#0a0a0a!important;border:1px solid #333!important;font-family:Courier New,monospace;padding:0!important;display:flex;flex-direction:column}.terminal-bar{height:32px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 16px;gap:12px}.term-dot{width:10px;height:10px;border-radius:50%;background:#555}.term-dot.red{background:#e46e76}.term-title{font-size:11px;color:#666;letter-spacing:.1em}.term-content{padding:32px;flex:1}.term-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.term-header h3{color:#888;margin:0;font-size:24px;font-weight:400}.status-badge{font-size:10px;padding:4px 8px;border-radius:4px;font-weight:700;letter-spacing:.05em}.status-badge.error{background:#e46e7633;color:#e46e76;border:1px solid rgba(228,110,118,.3)}.status-badge.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.term-desc{color:#555;font-size:14px;margin-bottom:32px}.cobol-scanline{background:#000;border:1px solid #333;padding:20px;color:#f59e0b;font-size:13px;line-height:1.6;border-radius:4px;opacity:.8}.modern-ide{padding:0!important;display:flex;flex-direction:column}.ide-bar{height:40px;display:flex;align-items:center;border-bottom:1px solid var(--c-glass-border);padding:0 16px;gap:8px}.ide-tab{font-size:12px;color:var(--c-content-variant);padding:6px 12px;border-radius:6px;font-family:Inter,sans-serif}.ide-tab.active{background:var(--c-glass-border);color:var(--c-content)}.ide-content{padding:32px;flex:1}.ide-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ide-header h3{margin:0;font-size:24px;font-weight:500}.ide-desc{color:var(--c-content-variant);font-size:14px;margin-bottom:32px}.python-clean{background:#0003;border:1px solid var(--c-glass-border);padding:20px;border-radius:12px;font-family:Consolas,monospace;font-size:13px;line-height:1.6;color:#e2e8f0}.code-k{color:#60a5fa}.code-f{color:#f472b6}.site-footer{background:var(--c-surface);padding:0 24px;margin-top:0;font-size:14px;color:var(--c-content-variant);width:100%;box-sizing:border-box}.simple-footer-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 0;max-width:var(--grid-max);margin:0 auto}.lang-selector a{color:var(--c-content-variant)!important;text-decoration:none}.lang-selector a.active,.lang-selector a:hover{color:var(--c-content)!important}@media (max-width: 768px){.simple-footer-row{flex-direction:column;gap:20px;text-align:center;padding:32px 0}}