:root{--bg-color:#0a0a0a;--text-color:#fff;--accent-color:#3b82f6;--accent-glow:#3b82f666;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:clip}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;width:100%;line-height:1.6;overflow-x:clip}.bg-grid-animation{background-image:radial-gradient(#ffffff26 2px,#0000 2px);background-position:0 0;background-size:32px 32px;animation:40s linear infinite dotPan;-webkit-mask-image:radial-gradient(#000 0%,#0000 80%);mask-image:radial-gradient(#000 0%,#0000 80%)}@keyframes dotPan{0%{background-position:0 0}to{background-position:32px 32px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:800;line-height:1.1}.text-hero{letter-spacing:-.04em;font-size:clamp(3rem,6vw,5.5rem);line-height:1.05}.text-section-title{font-size:clamp(2.5rem,5vw,4rem)}.text-card-title{font-size:1.5rem;font-weight:700}.text-lead{color:#ffffffb3;max-width:60ch;font-size:1.25rem}.text-accent{color:var(--accent-color)}.text-dim{color:#fff9}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.5rem}}.section{padding:160px 0;position:relative}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.nav-links{align-items:center;gap:2rem;display:flex}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}@media (width>=768px){.md-grid-cols-1{grid-template-columns:1fr}.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-flex-row{flex-direction:row}.md-flex-col{flex-direction:column}}@media (width>=1024px){.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.section{padding:120px 0}}@media (width<=768px){.section{padding:80px 0}.nav-links{display:none!important}.mobile-border-stack{border-bottom:1px solid #ffffff0d;border-right:none!important;padding:3rem 0!important}.mobile-padding{padding:2rem!important}.mobile-phase-number{font-size:5rem!important}.mobile-notch{width:95%!important;padding:.6rem 1rem!important}.mobile-logo{margin-right:auto;position:relative!important;left:auto!important;transform:none!important}.mobile-cta-container{justify-content:flex-end;flex:none!important}.mobile-hero-buttons{flex-direction:column;width:100%;gap:1rem!important}.mobile-hero-buttons .btn{width:100%;margin:0}.text-hero{font-size:2.2rem!important}.text-section-title{font-size:2rem!important}}.btn{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:1.1rem 2.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, #1e40af 100%);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{box-shadow:0 15px 35px var(--accent-glow);transform:translateY(-3px)scale(1.02)}.btn-secondary{-webkit-backdrop-filter:blur(10px);color:#fff;background-color:#ffffff08;border-color:#ffffff26}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #ffffff0d}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translate(-60px)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translate(60px)}.reveal-right.active{opacity:1;transform:translate(0)}.delay-50{transition-delay:50ms}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:1rem;height:100%;padding:3rem;transition:all .4s}@media (width<=768px){.card{padding:2rem}}.card:hover{background:#ffffff0a;border-color:#3b82f633;box-shadow:0 10px 40px #3b82f60d}.gradient-text-glow{filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(#3b82f626 0%,#0a0a0a00 60%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff0d}.glass-panel{background:linear-gradient(145deg,#1e1e1e99 0%,#0a0a0acc 100%);border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d}.bento-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}@media (width<=768px){.bento-grid{grid-template-columns:1fr}}.bento-item{border-radius:1rem;flex-direction:column;padding:2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.bento-item:hover{border-color:#3b82f64d;transform:translateY(-5px);box-shadow:0 15px 40px #3b82f61f}.marquee-container{white-space:nowrap;align-items:center;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{gap:3rem;padding-right:3rem;animation:40s linear infinite scrollMarquee;display:flex}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tab-btn{color:#ffffff80;font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;transition:all .3s}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}
