.hero .hero-container .hero-img-container .hero-img{filter:saturate(0)}.hero .hero-container .hero-img-container .hero-img-color{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle 300px at var(--reveal-x, -999px) var(--reveal-y, -999px),black 30%,transparent 100%);mask-image:radial-gradient(circle 300px at var(--reveal-x, -999px) var(--reveal-y, -999px),black 30%,transparent 100%);transition:mask-image .05s,-webkit-mask-image .05s;z-index:1}.hero .hero-container .hero-img-container .hero-img-color img{width:100%;height:100%;object-fit:cover}.hero .hero-container .hero-img-container .hero-img-gradient{background:linear-gradient(180deg,#000000a6,#0000008c 35%,#00000073 60%,#000000d9)}.hero .hero-content h1{text-shadow:0 0 60px rgba(0,0,0,.6)}.hero .hero-container .hero-content .container{align-items:center;text-align:center}.mission-overview{padding:6rem 1.5rem;max-width:2000px;margin:0 auto;display:flex;gap:4rem}.mission-overview .mission-description{flex:1.5}.mission-overview .mission-description h2{margin-bottom:1.5rem;color:var(--base-100)}.mission-overview .mission-description p{color:var(--base-200);line-height:1.8}.mission-overview .mission-description .mission-copy-text{color:var(--base-300);font-size:clamp(1.1rem,1.8vw,2rem);font-family:SCHABO,sans-serif;line-height:1.2}.mission-overview .mission-right-col{flex:1;display:flex;flex-direction:column;gap:3rem}.mission-overview .mission-info{display:flex;flex-direction:column;gap:2rem}.mission-overview .mission-stack h2{margin-bottom:1rem;color:var(--base-100)}.mission-overview .mission-info .mission-info-item{display:flex;flex-direction:column;gap:.25rem}.mission-overview .mission-info .mission-info-item span{font-family:Geist Mono,monospace;font-size:clamp(.7rem,.7vw,.75rem);text-transform:uppercase;color:var(--base-200);letter-spacing:.1em}.mission-overview .mission-info .mission-info-item p{color:var(--base-100);font-size:clamp(.9rem,1vw,1.1rem)}.mission-overview .mission-info .mission-info-item a{color:var(--cyber-cyan);text-decoration:none;transition:color .3s ease}.mission-overview .mission-info .mission-info-item a:hover{color:var(--cyber-lime)}.mission-features{padding:4rem 1.5rem;max-width:2000px;margin:0 auto}.mission-features h2{margin-bottom:3rem;color:var(--base-100)}.mission-features .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.mission-features .features-grid .feature-card{position:relative;background-color:var(--base-300);padding:2rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.mission-features .features-grid .feature-card .feature-number{font-family:SCHABO,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:1;background:linear-gradient(-45deg,var(--cyber-cyan),var(--cyber-pink),var(--cyber-purple),var(--cyber-lime),var(--cyber-cyan));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cyber-flow 6s ease infinite}.mission-features .features-grid .feature-card h3{color:var(--base-100);font-size:clamp(1.1rem,1.2vw,1.3rem)}.mission-features .features-grid .feature-card p{color:var(--base-200);line-height:1.6}.mission-showcase{padding:4rem 1.5rem;max-width:2000px;margin:0 auto}.mission-showcase h2{margin-bottom:3rem;color:var(--base-100)}.mission-showcase .showcase-devices{display:flex;align-items:stretch;gap:1.5rem;height:500px}.showcase-row{display:contents}.showcase-row-1 .device-mockup.device-browser{order:1}.showcase-row-2 .device-mockup.device-browser{order:2}.showcase-row-1 .device-mockup.device-tablet{order:3}.showcase-row-2 .device-mockup.device-phone{order:4}.device-mockup.device-browser{flex:2}.device-mockup.device-tablet{flex:1}.device-mockup.device-phone{flex:.6}.device-mockup{display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease}.device-mockup:hover{box-shadow:0 0 0 1px var(--cyber-cyan)}.device-mockup .device-screen{flex:1;min-height:0;overflow:hidden}.device-mockup .device-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.device-mockup.device-browser{border-radius:.5rem;border:1px solid var(--base-300);background:#0c0c0c}.device-mockup.device-browser .device-chrome{padding:.55rem .8rem;display:flex;align-items:center;gap:.75rem;background:#111;border-bottom:1px solid rgba(255,255,255,.05)}.device-mockup.device-browser .chrome-dots{display:flex;gap:.3rem;flex-shrink:0}.device-mockup.device-browser .chrome-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.device-mockup.device-browser .chrome-url{flex:1;height:20px;background:#ffffff0a;border-radius:.2rem;display:flex;align-items:center;justify-content:center;font-family:Geist Mono,monospace;font-size:.6rem;color:#fff3;letter-spacing:.04em}.device-mockup.device-browser .device-screen{overflow:hidden}.device-mockup.device-phone{border:10px solid #111111;border-radius:2.5rem;background:#111}.device-mockup.device-phone .device-topbar{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.device-mockup.device-phone .device-notch{width:65px;height:5px;background:#ffffff1a;border-radius:3px}.device-mockup.device-phone .device-screen{overflow:hidden}.device-mockup.device-phone .device-bottombar{display:flex;justify-content:center;padding:.5rem 0}.device-mockup.device-tablet{border:12px solid #111111;border-radius:1.5rem;background:#111}.device-mockup.device-tablet .device-topbar{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.device-mockup.device-tablet .device-camera{width:7px;height:7px;background:#ffffff26;border-radius:50%}.device-mockup.device-tablet .device-screen{overflow:hidden}.device-mockup.device-tablet .device-bottombar{display:flex;justify-content:center;padding:.5rem 0}.device-home-indicator{width:55px;height:4px;background:#ffffff1f;border-radius:2px}.device-mockup.device-phone .device-urlbar,.device-mockup.device-tablet .device-urlbar{padding:.35rem .75rem;background:#111}.device-mockup.device-phone .device-urlbar span,.device-mockup.device-tablet .device-urlbar span{display:flex;align-items:center;justify-content:center;width:100%;height:22px;background:#ffffff0d;border-radius:.4rem;font-family:Geist Mono,monospace;font-size:.58rem;color:#ffffff38;letter-spacing:.04em}.mission-product{padding:4rem 1.5rem;max-width:2000px;margin:0 auto}.mission-product .product-img{width:100%;max-height:500px;border-radius:.5rem;overflow:hidden;border:2px solid var(--base-300)}.mission-product .product-img img{width:100%;height:500px;display:block;object-fit:cover;object-position:center}.mission-challenge{padding:4rem 1.5rem;max-width:2000px;margin:0 auto}.mission-challenge .challenge-card{position:relative;padding:3px}.mission-challenge .challenge-card:before{content:"";position:absolute;inset:0;background:linear-gradient(-45deg,var(--cyber-cyan),var(--cyber-pink),var(--cyber-purple),var(--cyber-lime),var(--cyber-cyan));background-size:300% 300%;animation:cyber-flow 6s ease infinite;clip-path:polygon(3rem 0%,100% 0%,100% calc(100% - 3rem),calc(100% - 3rem) 100%,0% 100%,0% 3rem)}.mission-challenge .challenge-card-bg{position:relative;background-color:var(--base-300);clip-path:polygon(3rem 0%,100% 0%,100% calc(100% - 3rem),calc(100% - 3rem) 100%,0% 100%,0% 3rem)}.mission-challenge .challenge-content{padding:4rem;max-width:900px}.mission-challenge .challenge-content h2{margin-bottom:1.5rem;color:var(--base-100)}.mission-challenge .challenge-content p{color:var(--base-200);line-height:1.8;max-width:700px}.stack-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.stack-tag{padding:.35rem .75rem;background-color:var(--base-400, #0a0a0a);border:1px solid var(--base-200);border-radius:.25rem;font-family:Geist Mono,monospace;font-size:clamp(.65rem,.7vw,.75rem);color:var(--base-100);transition:all .3s ease}.stack-tag:hover{border-color:var(--cyber-cyan);color:var(--cyber-cyan)}.mission-faq{padding:4rem 1.5rem;max-width:2000px;margin:0 auto}.mission-faq h2{margin-bottom:3rem;color:var(--base-100)}.mission-faq .faq-list{display:flex;flex-direction:column;gap:.5rem}.mission-faq .faq-list .faq-item{background-color:var(--base-300);border-radius:.5rem;border:1px solid transparent;overflow:hidden;transition:border-color .3s ease}.mission-faq .faq-list .faq-item.open{border-color:var(--cyber-cyan)}.mission-faq .faq-list .faq-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mission-faq .faq-list .faq-header:hover .faq-question{color:var(--base-100)}.mission-faq .faq-list .faq-number{font-family:SCHABO,sans-serif;font-size:clamp(1.4rem,1.8vw,1.8rem);line-height:1;background:linear-gradient(-45deg,var(--cyber-cyan),var(--cyber-pink),var(--cyber-purple),var(--cyber-lime),var(--cyber-cyan));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cyber-flow 6s ease infinite;flex-shrink:0;width:2.5rem}.mission-faq .faq-list .faq-question{font-family:SCHABO,sans-serif;font-size:clamp(1.3rem,1.8vw,2rem);color:var(--base-200);line-height:1.1;flex:1;transition:color .2s ease}.mission-faq .faq-list .faq-item.open .faq-question{color:var(--base-100)}.mission-faq .faq-list .faq-toggle{font-family:Geist Mono,monospace;font-size:clamp(.75rem,.85vw,.85rem);color:var(--cyber-cyan);flex-shrink:0;letter-spacing:.05em;transition:color .2s ease}.mission-faq .faq-list .faq-item.open .faq-toggle{color:var(--cyber-pink)}.mission-faq .faq-list .faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease}.mission-faq .faq-list .faq-item.open .faq-body{max-height:300px}.mission-faq .faq-list .faq-answer{font-family:Geist Mono,monospace;font-size:clamp(.78rem,.88vw,.88rem);color:var(--base-200);line-height:1.8;padding:0 1.75rem 1.75rem 5.75rem;border-top:1px solid rgba(255,255,255,.07);margin:0 1.75rem;padding-left:0;padding-right:0;padding-top:1rem;padding-bottom:1.5rem}.mission-nav{padding:4rem 1.5rem 6rem;max-width:2000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--base-300)}.mission-nav a{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;transition:color .3s ease}.mission-nav a span{font-family:Geist Mono,monospace;font-size:clamp(.7rem,.7vw,.75rem);text-transform:uppercase;color:var(--base-200);letter-spacing:.1em}.mission-nav a p{font-family:SCHABO,sans-serif;font-size:clamp(1.5rem,2.5vw,2.5rem);color:var(--base-100);line-height:1}.mission-nav a:hover p{color:var(--cyber-cyan)}.mission-nav a.next{text-align:right}.mission-nav a.back{text-align:center}.mission-nav a.back span{color:var(--base-200)}@media(max-width:1200px){.hero .hero-content h1{font-size:clamp(5rem,12vw,9rem)}.mission-overview{flex-direction:column;gap:2rem;padding:3rem 1rem}.mission-features{padding:3rem 1rem}.mission-features .features-grid{grid-template-columns:1fr}.mission-showcase{padding:3rem 1rem}.mission-showcase .showcase-devices{display:flex;flex-direction:column;height:auto;gap:1.5rem}.showcase-row-1 .device-mockup.device-browser,.showcase-row-2 .device-mockup.device-browser,.showcase-row-1 .device-mockup.device-tablet,.showcase-row-2 .device-mockup.device-phone{order:0}.showcase-row{display:flex;align-items:stretch;gap:1.5rem}.showcase-row-1 .device-mockup.device-browser{flex:7;height:380px}.showcase-row-1 .device-mockup.device-tablet,.showcase-row-2 .device-mockup.device-browser{flex:3;height:380px}.showcase-row-2 .device-mockup.device-phone{flex:1;height:380px}.mission-product,.mission-challenge{padding:3rem 1rem}.mission-challenge .challenge-content{padding:2rem}.mission-challenge .challenge-card:before,.mission-challenge .challenge-card-bg{clip-path:polygon(2rem 0%,100% 0%,100% calc(100% - 2rem),calc(100% - 2rem) 100%,0% 100%,0% 2rem)}.mission-faq{padding:3rem 1rem}.mission-faq .faq-list .faq-header{padding:1.25rem;gap:1rem}.mission-faq .faq-list .faq-number{width:2rem;font-size:1.4rem}.mission-faq .faq-list .faq-answer{margin:0 1.25rem;padding-top:.75rem;padding-bottom:1.25rem}.mission-nav{padding:3rem 1rem 4rem;flex-direction:column;gap:2rem;align-items:stretch}.mission-nav a.next{text-align:left}}@media(max-width:600px){.hero .hero-content h1{font-size:clamp(5.5rem,18vw,8rem)}.mission-showcase .showcase-devices{display:grid;grid-template-columns:3fr 2fr;flex-direction:unset}.showcase-row{display:contents}.showcase-row-1 .device-mockup.device-browser,.showcase-row-2 .device-mockup.device-browser{grid-column:1 / -1;height:320px}.showcase-row-1 .device-mockup.device-tablet{order:3;height:380px}.showcase-row-2 .device-mockup.device-phone{order:4;height:380px}.showcase-row-1 .device-mockup.device-browser{order:1}.showcase-row-2 .device-mockup.device-browser{order:2}.mission-product,.mission-challenge{padding:3rem 1rem}.mission-challenge .challenge-content{padding:2rem}.mission-challenge .challenge-card:before,.mission-challenge .challenge-card-bg{clip-path:polygon(2rem 0%,100% 0%,100% calc(100% - 2rem),calc(100% - 2rem) 100%,0% 100%,0% 2rem)}.mission-faq{padding:3rem 1rem}.mission-faq .faq-list .faq-header{padding:1.25rem;gap:1rem}.mission-faq .faq-list .faq-number{width:2rem;font-size:1.4rem}.mission-faq .faq-list .faq-answer{margin:0 1.25rem;padding-top:.75rem;padding-bottom:1.25rem}.mission-nav{padding:3rem 1rem 4rem;flex-direction:column;gap:2rem;align-items:stretch}.mission-nav a.next{text-align:left}}