:root{--bg-deep: #050505;--bg-navy: #0a0f14;--bg-card: rgba(20, 20, 25, .6);--accent-primary: #ffffff;--accent-secondary: #888888;--accent-success: #00ff9d;--accent-glow: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #505050;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--glass-border: rgba(255, 255, 255, .1);--glass-shine: rgba(255, 255, 255, .05);--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--accent-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #00000080}.text-gradient{background:linear-gradient(135deg,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 2rem}.hero-title{font-size:5rem;font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:1.5rem;text-transform:uppercase}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.shield-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);width:600px;height:600px;pointer-events:none;z-index:1;opacity:.3}.shield-ring{position:absolute;border-radius:50%;border:1px solid var(--accent-secondary);box-shadow:0 0 15px #ffffff0d}.ring-1{width:100%;height:100%;border-style:dashed;animation:rotate-cw 60s linear infinite;opacity:.2}.ring-2{top:10%;left:10%;width:80%;height:80%;border:1px solid var(--accent-primary);opacity:.1;animation:rotate-ccw 40s linear infinite}.ring-3{top:25%;left:25%;width:50%;height:50%;border:2px solid var(--accent-primary);opacity:.15;animation:rotate-cw 30s linear infinite}.scanner-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:scan-vertical 4s ease-in-out infinite;opacity:.5}@keyframes rotate-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-ccw{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scan-vertical{0%{top:10%;opacity:0}50%{opacity:.8}to{top:90%;opacity:0}}.btn-primary{background:var(--text-primary);color:var(--bg-deep);padding:1rem 3rem;font-size:1rem;font-weight:700;border:none;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{background:#fff;box-shadow:0 0 20px #fff6;transform:translateY(-2px)}.features-section{padding:10rem 0;position:relative;background:var(--bg-deep)}.features-header{margin-bottom:6rem;max-width:800px}.features-title{font-size:3rem;font-weight:700;margin-bottom:2rem;line-height:1.2}.features-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem}.feature-item{display:flex;flex-direction:column;gap:1.5rem}.feature-icon-wrapper{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1rem}.feature-number{font-family:var(--font-mono);color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem;display:block}.feature-name{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.feature-desc{color:var(--text-secondary);line-height:1.6}.stat-row{display:flex;gap:4rem;margin-top:8rem;padding-top:4rem;border-top:1px solid var(--glass-border)}.stat-block{display:flex;flex-direction:column}.stat-big{font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.stat-label-sm{font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.solutions-section{padding:8rem 0;position:relative}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.solution-card{padding:2.5rem;border-radius:12px;position:relative;overflow:hidden;transition:all .4s ease;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.solution-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 10px 40px #00000080}.card-icon{font-size:2.5rem;margin-bottom:1.5rem;color:var(--accent-primary);opacity:.8}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.card-arrow{margin-top:2rem;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--accent-primary);font-size:1.25rem}.solution-card:hover .card-arrow{opacity:1;transform:translate(0)}.solution-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05),transparent);transform:translateY(-100%);transition:transform .6s ease;pointer-events:none}.solution-card:hover:after{transform:translateY(100%);transition:transform 1.5s ease}.app-container{min-height:100vh;position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--glass-shine) 1px,transparent 1px),linear-gradient(90deg,var(--glass-shine) 1px,transparent 1px);background-size:50px 50px;background-position:center top;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}
