:root{--primary-color: #00ff00;--primary-dark: #00cc00;--text-color: #ffffff;--bg-color: #000000;--secondary-bg: #111111;--accent-bg: #1a1a1a;--grid-color: #222222}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;background-image:linear-gradient(rgba(34,34,34,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(34,34,34,.1) 1px,transparent 1px);background-size:50px 50px}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid var(--grid-color)}.logo img{height:30px}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{color:var(--text-color);text-decoration:none;font-weight:700;transition:color .3s}nav ul li a:hover{color:var(--primary-color)}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px}.hero-content{max-width:800px}.xo-logo{margin-bottom:40px}.xo-logo img{height:80px}.hero h1{font-size:4rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.hero p{font-size:1.5rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;background-color:var(--primary-color);color:var(--bg-color);padding:15px 30px;text-decoration:none;font-weight:700;border-radius:30px;text-transform:uppercase;transition:background-color .3s}.cta-button:hover{background-color:var(--primary-dark)}.what-is-xo{padding:100px 0;text-align:center}.what-is-xo h2{font-size:2.5rem;margin-bottom:30px;color:var(--primary-color);text-transform:uppercase}.what-is-xo p{font-size:1.5rem;max-width:800px;margin:0 auto}.how-it-works{padding:100px 0;background-color:var(--secondary-bg)}.how-it-works h2{font-size:2.5rem;margin-bottom:50px;text-align:center;color:var(--primary-color);text-transform:uppercase}.steps{display:flex;flex-direction:column;gap:30px}.step{display:flex;background-color:var(--accent-bg);border-radius:10px;padding:30px;border:1px solid var(--grid-color)}.step-number{font-size:5rem;color:var(--primary-color);margin-right:30px;font-weight:700}.step-content h3{font-size:1.5rem}.features{padding:100px 0}.features h2{font-size:2.5rem;margin-bottom:50px;text-align:center;color:var(--primary-color);text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.feature{background-color:var(--accent-bg);border-radius:10px;padding:30px;border:1px solid var(--grid-color);transition:transform .3s}.feature:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:20px}.feature-icon img{height:40px;filter:invert(73%) sepia(78%) saturate(1115%) hue-rotate(67deg) brightness(105%) contrast(105%)}.feature h3{font-size:1.2rem}.use-cases{padding:100px 0;background-color:var(--secondary-bg)}.use-cases h2{font-size:2.5rem;margin-bottom:50px;text-align:center;color:var(--primary-color);text-transform:uppercase}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.use-case{background-color:var(--accent-bg);border-radius:10px;padding:30px;border:1px solid var(--grid-color);transition:transform .3s}.use-case:hover{transform:translateY(-5px)}.use-case h3{font-size:1.2rem}.team{padding:100px 0;text-align:center}.team h2{font-size:2.5rem;margin-bottom:30px;color:var(--primary-color);text-transform:uppercase}.team p{font-size:1.2rem;max-width:800px;margin:0 auto}footer{padding:100px 0;background-color:var(--secondary-bg);text-align:center}.footer-content h2{font-size:2rem;margin-bottom:30px}.footer-buttons{display:flex;justify-content:center;gap:20px}.secondary-button{display:inline-block;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:15px 30px;text-decoration:none;font-weight:700;border-radius:30px;text-transform:uppercase;transition:background-color .3s,color .3s}.secondary-button:hover{background-color:var(--primary-color);color:var(--bg-color)}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.step{flex-direction:column}.step-number{margin-right:0;margin-bottom:20px}.footer-buttons{flex-direction:column;align-items:center}}