@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap";:root{--landing-bg: #111111;--landing-text-primary: #f0f0f0;--landing-text-secondary: #b0b0b0;--landing-accent: #007aff;--landing-brand-yellow: #FFD700;--landing-accent-hover: #0056b3;--font-body: "IBM Plex Mono", monospace;--font-heading: "Playfair Display", serif}.landing-container{background-color:var(--landing-bg);color:var(--landing-text-primary);font-family:var(--font-body);position:relative;overflow-x:hidden}.landing-main{position:relative;z-index:1;width:100%;padding:0 2rem}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#111c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.nav-logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;font-style:italic;color:var(--landing-brand-yellow);text-decoration:none}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--landing-text-secondary);text-decoration:none;font-weight:600;transition:color .3s ease}.nav-link:hover{color:var(--landing-text-primary)}.nav-cta{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--landing-text-secondary);padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:background .3s ease,color .3s ease}.nav-cta:hover{background:#fff3;color:var(--landing-text-primary)}.hero-section{min-height:100vh;display:flex;align-items:center;text-align:left;max-width:1200px;margin:0 auto}.hero-content{max-width:600px}.hero-title-container{position:relative;display:inline-block;margin-bottom:1rem}.hero-title{font-family:var(--font-heading);font-size:6rem;font-weight:800;font-style:italic;line-height:1.1;color:var(--landing-brand-yellow)}.title-underline{height:4px;background-color:var(--landing-brand-yellow);border-radius:2px;width:0%;position:absolute;bottom:0;left:0;animation:expand-width 1.2s cubic-bezier(.25,1,.5,1) .5s forwards}.hero-subtitle{font-size:1.5rem;color:var(--landing-text-secondary);margin-bottom:2rem}.hero-description{font-size:1.125rem;line-height:1.7;margin-bottom:3rem;color:var(--landing-text-secondary)}.cta-button{display:inline-block;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--landing-text-primary);font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;transition:background .3s ease,transform .3s ease}.cta-button:hover{background:#fff3;transform:translateY(-3px)}.cta-button.large{padding:1.5rem 4rem;font-size:1.25rem}.comparison-section{padding:6rem 0;max-width:1200px;margin:0 auto;text-align:center}.comparison-title{font-size:3rem;font-weight:700;margin-bottom:4rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;text-align:left}.card-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem}.image-container{position:relative;overflow:hidden;border-radius:1rem;margin-bottom:1.5rem}.comparison-image{width:100%;height:300px;object-fit:cover;display:block;border-radius:1rem}.card-description{font-size:1rem;color:var(--landing-text-secondary);line-height:1.6}.emoji-overlay{position:absolute;top:1rem;right:1rem;font-size:3rem;background:#0009;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;line-height:1;opacity:.6}.arrow-overlay{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;text-align:center}.arrow-text{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--landing-text-primary);padding:.75rem 1.5rem;border-radius:20px;font-weight:600}.arrow{display:none}.final-cta-section{text-align:center;padding:8rem 2rem;position:relative;background:url(/CTA.jpg) no-repeat center center/cover;border-radius:1.5rem;overflow:hidden;margin:0 2rem}.final-cta-section:before{content:"";position:absolute;inset:0;background:#111111b3;z-index:1}.final-cta-section>*{position:relative;z-index:2}.final-cta-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.final-cta-description{font-size:1.25rem;color:var(--landing-text-secondary);max-width:600px;margin:0 auto 3rem}.landing-footer{border-top:1px solid rgba(255,255,255,.1);padding:2rem;width:100%;text-align:center;position:relative;z-index:1}@keyframes expand-width{0%{width:0%}to{width:100%}}.how-it-works-section{padding:6rem 2rem;max-width:1100px;margin:0 auto}.section-title{font-family:var(--font-heading);font-size:4.5rem;font-style:italic;margin-bottom:4rem;color:var(--landing-text-primary);text-align:left}.roadmap-container{display:flex;flex-direction:column;align-items:center;position:relative;gap:2rem;max-width:800px;margin:0 auto}.roadmap-container:before{content:"";position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%);width:3px;background-color:#ffffff26}.roadmap-step{display:flex;justify-content:flex-end;width:50%;padding-right:4rem;position:relative;align-self:flex-start}.roadmap-step:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:4rem;padding-right:0}.roadmap-number{position:absolute;top:50%;right:-40px;transform:translateY(-50%);width:80px;height:80px;border-radius:50%;background-color:var(--landing-brand-yellow);color:#111;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;font-family:var(--font-heading);z-index:2;border:4px solid #111}.roadmap-step:nth-child(odd) .roadmap-number{right:auto;left:-40px}.roadmap-content{background:#ffffff0d;padding:1.5rem 2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);width:100%;text-align:right}.roadmap-step:nth-child(odd) .roadmap-content{text-align:left}.roadmap-content h3{font-family:var(--font-heading);font-size:1.75rem;font-style:italic;margin-bottom:.5rem;color:var(--landing-text-primary)}.roadmap-content p{font-size:1rem;line-height:1.6;color:var(--landing-text-secondary)}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:4rem}.comparison-grid{grid-template-columns:1fr}}.builder-container{min-height:100vh;background-color:#111;color:#f0f0f0;padding:2rem}.builder-header{margin-bottom:2rem}.title-container{display:flex;align-items:baseline;gap:1.5rem}.builder-quote{font-family:IBM Plex Mono,monospace;font-size:1rem;color:#666;font-style:italic}.builder-title{font-family:Playfair Display,serif;font-size:2.5rem;font-style:italic;color:#888;text-align:left}.builder-workspace{display:flex;gap:2rem}.grid-container{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background-color:#1a1a1a;border-radius:1rem;padding:1rem;border:1px solid #333}.grid{display:grid;width:700px;height:700px;gap:1px;background-color:#333;border:1px solid #444}.grid-cell{background-color:#1f2937;cursor:crosshair;transition:background-color .2s ease}.sidebar{width:350px;flex-shrink:0;background-color:#1a1a1a;border-radius:1rem;padding:2rem;border:1px solid #333;display:flex;flex-direction:column;gap:2.5rem}.sidebar-title{font-family:Playfair Display,serif;font-size:1.75rem;font-style:italic;color:gold;margin-bottom:1.5rem;border-bottom:2px solid #FFD700;padding-bottom:.5rem;display:inline-block}.label{display:block;font-size:1rem;color:#b0b0b0;margin-bottom:.5rem}.slider{width:100%}.color-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background-color:#333;border:1px solid #333}.color-button{padding:.75rem;border-radius:0;border:none;cursor:pointer;transition:all .2s ease;color:#fff;font-weight:600;background-color:var(--tool-color);filter:brightness(.7)}.color-button:hover,.color-button.active{filter:brightness(1)}.actions{display:flex;flex-direction:column;gap:1rem}.action-button{width:100%;padding:1rem;border-radius:0;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-button.evaluate{background-color:#8c7500;color:#111}.action-button.evaluate:hover{background-color:gold}.action-button.secondary{background-color:#2a2a2a;color:#f0f0f0}.action-button.secondary:hover{background-color:#444}.loading-spinner{display:inline-block;width:20px;height:20px;position:relative;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:700;color:#fff}.loading-spinner:before{content:"-";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin .8s infinite}@keyframes spin{0%{content:"-"}25%{content:"/"}50%{content:"|"}75%{content:"\\"}to{content:"-"}}.metrics-container{width:100%;max-width:700px;background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.metric-item{display:grid;grid-template-columns:1fr 2fr .5fr;align-items:center;gap:1rem;font-size:.9rem}.metric-label{color:#f0f0f0;font-weight:500;white-space:nowrap}.metric-bar-container{width:100%;height:10px;background-color:#444;border-radius:5px;overflow:hidden}.metric-bar{height:100%;border-radius:5px;transition:width .5s ease-in-out}.metric-value{color:#b0b0b0;text-align:right;font-variant-numeric:tabular-nums}.coordinates-group{display:flex;flex-direction:column;gap:1rem}.coordinate-input{width:100%;padding:.75rem 1.5rem;border-radius:9999px;border:1px solid #444;background-color:#2a2a2a;color:#f0f0f0;font-size:1rem;outline:none;transition:border-color .2s ease}.coordinate-input::placeholder{color:#888}.coordinate-input:focus{border-color:gold}@media (max-width: 768px){.app{padding:1rem}.title{font-size:2rem}.controls{padding:1.5rem}.color-picker{grid-template-columns:repeat(2,1fr)}.grid-cell{width:12px;height:12px}.canvas{padding:1rem}}@media (max-width: 1200px){.builder-workspace{flex-direction:column}.sidebar{width:100%}}@media (max-width: 480px){.title{font-size:1.75rem}.color-picker{grid-template-columns:1fr}.grid-cell{width:10px;height:10px}.actions{flex-direction:column;align-items:center}}:root{--vision-text-primary: #ffffff;--font-body: "IBM Plex Mono", monospace;--font-heading: "Playfair Display", serif}.vision-container{min-height:100vh;background:url(/vision-bg.jpg) no-repeat center center/cover;color:var(--vision-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.vision-container:before{content:"";position:absolute;inset:0;background:#0009;z-index:1}.navbar,.vision-content{position:relative;z-index:2;width:100%}.vision-content{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:2rem}.vision-quote{font-family:var(--font-heading);font-size:3.5rem;font-style:italic;font-weight:700;line-height:1.4;max-width:800px;margin:0;border-left:5px solid #FFD700;padding-left:2rem}:root{--about-bg: #111111;--about-text-primary: #f0f0f0;--about-text-secondary: #b0b0b0;--about-brand-yellow: #FFD700;--font-body: "IBM Plex Mono", monospace;--font-heading: "Playfair Display", serif}.about-container{background-color:var(--about-bg);color:var(--about-text-primary);min-height:100vh}.about-main{max-width:1100px;margin:0 auto;padding:4rem 2rem}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-family:var(--font-heading);font-size:4rem;font-style:italic;color:var(--about-brand-yellow)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.about-mission h2,.about-team h2{font-family:var(--font-heading);font-size:2.5rem;font-style:italic;margin-bottom:1.5rem;border-bottom:3px solid var(--about-brand-yellow);display:inline-block;padding-bottom:.5rem}.about-mission p,.about-team p{font-family:var(--font-body);font-size:1.125rem;line-height:1.8;color:var(--about-text-secondary)}.team-names{color:#888;font-style:italic;text-align:center;margin-top:2rem}.glowing-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ff;animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ff}to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 50px #0ff}}@media (max-width: 768px){.about-content{grid-template-columns:1fr}}.preloader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#0a192f;position:fixed;top:0;left:0;z-index:9999;opacity:1;transition:opacity .5s ease-out;font-family:IBM Plex Mono,monospace}.preloader-container.fade-out{opacity:0}.preloader-text{font-size:2rem;color:#ccd6f6;text-align:center}.custom-type-animation-cursor:after{content:"|";animation:blink 1s infinite;color:#64ffda}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.preloader-text{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:IBM Plex Mono,monospace;line-height:1.5;font-weight:400;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--border: #475569;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;min-height:100vh}