@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Archivo:wght@300;400;600;700;900&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--electric-cyan:#0ff;--deep-purple:#2d1b69;--coral:#ff6b6b;--amber:#ffd93d;--navy:#0a1628;--slate:#1e3a5f;--cream:#fef9ef;--charcoal:#2b2d42}.landing-body{color:var(--charcoal);background:var(--cream);cursor:default;font-family:Archivo,sans-serif;line-height:1.6;overflow-x:hidden}.landing-body ::selection{background:var(--electric-cyan);color:var(--navy)}.bg-pattern{z-index:-1;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,var(--deep-purple)35px,var(--deep-purple)36px),repeating-linear-gradient(-45deg,transparent,transparent 35px,var(--coral)35px,var(--coral)36px);width:100%;height:100%;position:fixed;top:0;left:0}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fef9efcc;border-bottom:1px solid #00ffff1a;width:100%;padding:1rem 5%;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;transform:translateY(0)}.landing-nav.hide{transform:translateY(-100%)}.nav-container{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.logo{color:var(--navy);font-family:DM Serif Display,serif;font-size:2.5rem;font-style:italic;font-weight:400;text-decoration:none;display:inline-block;position:relative}.logo:after{content:"";background:linear-gradient(90deg,var(--coral),var(--electric-cyan));transform-origin:100%;width:100%;height:3px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.logo:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links{align-items:center;gap:3rem;display:flex}.nav-links a{color:var(--charcoal);text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.nav-links a:before{content:"→";opacity:0;color:var(--coral);transition:all .3s;position:absolute;left:-20px}.nav-links a:hover{color:var(--coral)}.nav-links a:hover:before{opacity:1;left:-25px}.login-btn{background:var(--navy);clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);border:2px solid var(--navy);cursor:pointer;padding:.8rem 2rem;font-weight:700;transition:all .3s;color:var(--electric-cyan)!important}.login-btn:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-3px)scale(1.05);color:#fff!important}.hero{grid-template-columns:1.3fr 1fr;min-height:100vh;padding-top:100px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(135deg,var(--navy)0%,var(--deep-purple)100%);clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:0;width:50%;height:100%;position:absolute;top:0;right:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;padding:5% 8% 5% 5%;display:flex;position:relative}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:3px;width:fit-content;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;display:inline-block;position:relative}.eyebrow:after{content:"";background:var(--coral);width:60px;height:3px;position:absolute;bottom:-8px;left:0}.hero h1{color:var(--navy);margin-bottom:2rem;font-family:DM Serif Display,serif;font-size:6.5rem;font-weight:400;line-height:.95}.hero h1 .highlight{color:var(--coral);margin-top:.5rem;font-style:italic;display:block}.hero-subtitle{color:var(--charcoal);max-width:600px;margin-bottom:3rem;font-size:1.4rem;font-weight:300;line-height:1.6}.hero-cta{align-items:center;gap:2rem;display:flex}.btn-hero{background:var(--navy);color:var(--electric-cyan);text-transform:uppercase;letter-spacing:1px;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);border:2px solid var(--navy);padding:1.3rem 3rem;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-hero:before{content:"";background:var(--coral);z-index:-1;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-hero:hover{color:#fff;border-color:var(--coral);transform:translateY(-5px)scale(1.05)}.btn-hero:hover:before{left:0}.hero-visual{z-index:3;flex-direction:column;justify-content:center;padding:5% 5% 5% 10%;display:flex;position:relative}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%);background:#ffffff1a;border:1px solid #fff3;margin-bottom:1.5rem;padding:2.5rem}.stat-label{color:var(--electric-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.stat-value{color:#fff;font-family:DM Serif Display,serif;font-size:2.8rem;font-style:italic;line-height:1}.marquee{background:var(--coral);border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);margin:-2rem 0;padding:1.5rem 0;overflow:hidden;transform:rotate(-2deg)scale(1.1)}.marquee-content{display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{color:#fff;white-space:nowrap;padding:0 3rem;font-family:DM Serif Display,serif;font-size:3rem;font-style:italic}.landing-section{max-width:1600px;margin:0 auto;padding:8rem 5%;position:relative}.section-header{margin-bottom:5rem}.section-tag{color:var(--coral);text-transform:uppercase;letter-spacing:3px;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:inline-block}.section-title{color:var(--navy);margin-bottom:1.5rem;font-family:DM Serif Display,serif;font-size:4.5rem;font-weight:400;line-height:1}.section-title span{color:var(--coral);font-style:italic}.section-desc{color:var(--charcoal);max-width:700px;font-size:1.3rem;font-weight:300;line-height:1.8}.problem{background:var(--navy);color:#fff;clip-path:polygon(0 5%,100% 0%,100% 95%,0% 100%);padding:10rem 5%;max-width:100%!important}.problem .section-tag{color:var(--electric-cyan)}.problem .section-title{color:#fff}.problem .section-desc{color:#fffc}.problem-grid{grid-template-columns:1.3fr 1fr;gap:4rem;max-width:1600px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.problem-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #0ff3;padding:3rem;transition:all .4s;position:relative}.problem-card:before{content:"";background:linear-gradient(135deg,var(--electric-cyan),var(--coral));z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:-2px}.problem-card:hover{border-color:var(--electric-cyan);transform:translateY(-10px)}.problem-card:hover:before{opacity:1}.problem-icon{margin-bottom:1.5rem;font-size:4rem;display:block}.problem-card h3{color:var(--electric-cyan);margin-bottom:2rem;font-family:DM Serif Display,serif;font-size:2.5rem;font-style:italic}.problem-card ul{padding:0;list-style:none}.problem-card li{border-bottom:1px solid #ffffff1a;padding:1rem 0 1rem 2rem;font-size:1.1rem;position:relative}.problem-card li:last-child{border-bottom:none}.problem-card li:before{content:"×";color:var(--coral);font-size:1.5rem;font-weight:700;position:absolute;left:0}.solution{background:var(--cream);position:relative}.solution-grid{grid-template-columns:repeat(5,1fr);gap:2rem;margin-top:4rem;display:grid;position:relative}.solution-step{border:3px solid var(--navy);cursor:pointer;background:#fff;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.solution-step:before{content:"";background:var(--coral);z-index:-1;transition:all .4s;position:absolute;inset:8px -8px -8px 8px}.solution-step:hover{transform:translate(-4px,-4px)}.solution-step:hover:before{top:4px;left:4px}.step-num{color:var(--coral);margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:5rem;font-style:italic;line-height:1}.step-title{color:var(--navy);text-transform:uppercase;letter-spacing:-.5px;margin-bottom:1rem;font-family:Archivo,sans-serif;font-size:1.3rem;font-weight:900}.step-desc{color:var(--charcoal);font-size:.95rem;line-height:1.6}.features-grid{grid-template-rows:repeat(2,350px);grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.feature-box{border:3px solid var(--navy);background:#fff;padding:3rem;transition:all .4s;position:relative;overflow:hidden}.feature-box:after{content:"";background:linear-gradient(90deg,#0000,#0ff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.feature-box:hover:after{left:100%}.feature-box:first-child{grid-column:1/3}.feature-box:nth-child(4){grid-column:2/4}.feature-box:hover{box-shadow:20px 20px 0px var(--coral);transform:scale(1.02)}.feature-emoji{filter:grayscale();margin-bottom:1.5rem;font-size:3.5rem;transition:filter .4s;display:block}.feature-box:hover .feature-emoji{filter:grayscale(0)}.feature-box h3{color:var(--navy);margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:2rem;font-style:italic}.feature-box p{color:var(--charcoal);font-size:1.05rem;line-height:1.7}.stakeholders{background:linear-gradient(135deg,var(--deep-purple)0%,var(--navy)100%);color:#fff;clip-path:polygon(0 0,100% 5%,100% 100%,0 95%);padding:10rem 5%;max-width:100%!important}.stakeholders .section-tag{color:var(--amber)}.stakeholders .section-title{color:#fff}.stakeholders .section-desc{color:#fffc}.stakeholders-grid{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1600px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.stakeholder-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%);background:#ffffff0d;border:2px solid #ffd73d4d;padding:3rem;transition:all .4s}.stakeholder-box:hover{border-color:var(--amber);background:#ffffff1a;transform:translateY(-10px)}.stakeholder-box h3{color:var(--amber);margin-bottom:2rem;font-family:DM Serif Display,serif;font-size:2.2rem;font-style:italic}.stakeholder-box ul{padding:0;list-style:none}.stakeholder-box li{border-bottom:1px solid #ffffff1a;padding:1rem 0 1rem 2rem;font-size:1.05rem;position:relative}.stakeholder-box li:last-child{border-bottom:none}.stakeholder-box li:before{content:"→";color:var(--amber);font-weight:700;position:absolute;left:0}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:4rem;display:grid}.benefit-card{border:4px solid var(--navy);clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,0 100%);background:#fff;padding:3.5rem;position:relative}.benefit-card:before{content:"";background:var(--electric-cyan);z-index:-1;opacity:.3;position:absolute;inset:15px -15px -15px 15px}.benefit-tag{color:var(--coral);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:inline-block}.benefit-card h3{color:var(--navy);margin-bottom:1.5rem;font-family:DM Serif Display,serif;font-size:2.8rem;font-style:italic;line-height:1.1}.benefit-card p{color:var(--charcoal);font-size:1.15rem;line-height:1.8}.cta{background:var(--coral);text-align:center;padding:8rem 5%;position:relative;overflow:hidden}.cta:before{content:"CONTACT";color:#ffffff0d;font-family:DM Serif Display,serif;font-size:20rem;font-style:italic;font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:2;position:relative}.cta h2{color:#fff;margin-bottom:2rem;font-family:DM Serif Display,serif;font-size:5rem;font-style:italic;line-height:1.1}.cta-info{flex-wrap:wrap;justify-content:center;gap:4rem;margin:3rem 0;display:flex}.contact-item{text-align:center}.contact-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.contact-value{color:#fff;font-family:Archivo,sans-serif;font-size:2rem;font-weight:700;text-decoration:none;transition:all .3s;display:block}.contact-value:hover{color:var(--navy);transform:scale(1.05)}.cta-buttons{justify-content:center;gap:2rem;margin-top:3rem;display:flex}.btn-cta{background:var(--navy);color:var(--electric-cyan);text-transform:uppercase;letter-spacing:1px;border:3px solid var(--navy);clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%);cursor:pointer;padding:1.5rem 4rem;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s}.btn-cta:hover{color:var(--navy);background:#fff;transform:translateY(-5px)scale(1.05)}.btn-cta.secondary{color:#fff;background:0 0;border-color:#fff}.btn-cta.secondary:hover{color:var(--coral);background:#fff}.founder-tag{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-top:3rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}footer{background:var(--navy);color:#fff;padding:4rem 5%}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:4rem;max-width:1600px;margin:0 auto;display:grid}.footer-brand{color:var(--electric-cyan);margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:3rem;font-style:italic}.footer-tagline{color:#fff9;font-size:1.1rem}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links h4{color:var(--amber);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.footer-links a{color:#ffffffb3;font-size:.95rem;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--electric-cyan);padding-left:10px}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:2rem;font-size:.9rem}.landing-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#0a1628f2;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.landing-modal.active{display:flex}.landing-modal-content{border:4px solid var(--navy);background:#fff;width:90%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto}.landing-modal-content.large{max-width:900px}.modal-header{background:var(--navy);color:#fff;padding:2.5rem;position:relative}.modal-header h2{margin:0;font-family:DM Serif Display,serif;font-size:2.5rem;font-style:italic}.close-modal{background:var(--coral);color:#fff;cursor:pointer;clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);border:none;width:50px;height:50px;font-size:2rem;font-weight:700;transition:all .3s;position:absolute;top:2rem;right:2rem}.close-modal:hover{background:var(--electric-cyan);color:var(--navy);transform:rotate(90deg)scale(1.1)}.modal-body{padding:3rem}.form-group{margin-bottom:2rem}.form-group label{color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:block}.form-group input,.form-group select{border:3px solid var(--navy);background:#fff;width:100%;padding:1.2rem;font-family:Archivo,sans-serif;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:var(--coral);box-shadow:8px 8px 0px var(--electric-cyan);outline:none}.btn-submit{background:var(--navy);width:100%;color:var(--electric-cyan);border:3px solid var(--navy);cursor:pointer;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%);padding:1.3rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-submit:hover{background:var(--coral);border-color:var(--coral);color:#fff;transform:translateY(-3px)}.forgot-password{text-align:center;margin-top:1.5rem}.forgot-password a{color:var(--coral);text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.terms-content h3{color:var(--navy);margin-top:2.5rem;margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:1.8rem;font-style:italic}.terms-content h3:first-child{margin-top:0}.terms-content p{color:var(--charcoal);margin-bottom:1.2rem;line-height:1.8}.terms-content ul{margin-bottom:1.5rem;margin-left:2rem}.terms-content li{color:var(--charcoal);margin-bottom:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hero{grid-template-columns:1fr}.hero:before{display:none}.hero h1{font-size:4rem}}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:3.5rem}.section-title{font-size:3rem}.problem-grid,.solution-grid,.stakeholders-grid,.benefits-grid{grid-template-columns:1fr}}
