:root{--bg-color:#000;--text-primary:#f0faf2;--text-secondary:#a1a1aa;--border-dim:#27272a;--neon-green:#10b981}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:4rem 1rem}.header{text-align:center;margin-bottom:5rem;margin-top:2rem}.brand-title{font-size:4rem;font-weight:800;letter-spacing:-.05em;margin-bottom:.5rem;color:#fff}.brand-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding-bottom:4rem}.card{background:#050505;border:1px solid #333;border-radius:12px;padding:2.5rem 2rem;min-height:420px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.card:hover{transform:translateY(-4px);border-color:var(--text-primary)}.card[data-color=green]{border-color:rgba(16,185,129,.4)}.card[data-color=green]:hover{border-color:#10b981;box-shadow:0 0 25px rgba(16,185,129,.2)}.card[data-color=cyan]{border-color:rgba(6,182,212,.4)}.card[data-color=cyan]:hover{border-color:#06b6d4;box-shadow:0 0 25px rgba(6,182,212,.2)}.card[data-color=blue]{border-color:rgba(59,130,246,.4)}.card[data-color=blue]:hover{border-color:#3b82f6;box-shadow:0 0 25px rgba(59,130,246,.2)}.card[data-color=purple]{border-color:rgba(168,85,247,.4)}.card[data-color=purple]:hover{border-color:#a855f7;box-shadow:0 0 25px rgba(168,85,247,.2)}.card[data-color=orange]{border-color:rgba(249,115,22,.4)}.card[data-color=orange]:hover{border-color:#f97316;box-shadow:0 0 25px rgba(249,115,22,.2)}.card-logo-area{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#fff}.card-tagline{font-size:.95rem;font-weight:600;margin-bottom:1.5rem}.card-desc{font-size:.9rem;color:#a1a1aa;line-height:1.6;max-width:90%}.info-card{border:1px solid rgba(16,185,129,.3);background:#050505;border-radius:12px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:300px}.info-title{color:var(--neon-green);font-weight:700;font-size:1.1rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.info-text{color:#ccc;font-size:.9rem;line-height:1.8}.info-list{list-style:none;padding:0}.info-list li{margin-bottom:.5rem;color:#ccc;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#0a0a0a;border:1px solid #333;width:100%;max-width:900px;border-radius:1.5rem;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:slideIn .3s ease-out}@media (min-width:768px){.modal-content{flex-direction:row;min-height:500px}}.modal-left,.modal-right{padding:3rem;flex:1;text-align:left}.modal-right{background:#111;border-left:1px solid #222}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#666;cursor:pointer;z-index:10}.modal-close:hover{color:#fff}.tech-list{list-style:none;margin-top:1rem}.tech-item{display:flex;align-items:center;gap:.5rem;color:#888;font-family:monospace;margin-bottom:.5rem}.dot{width:6px;height:6px;border-radius:50%}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.neon-divider-container{width:100%;max-width:800px;margin:3rem auto 0;display:flex;flex-direction:column;gap:12px;opacity:.7}.neon-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent 0,var(--neon-green) 50%,transparent 100%);box-shadow:0 0 10px rgba(16,185,129,.3)}