@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.container{width:100%}.flex{display:flex}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.text-center{text-align:center}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#383838\]:hover{background-color:#383838}}@media (prefers-color-scheme:dark){.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}:root{--bg:#07080d;--bg-card:#0d0f1a;--bg-card2:#0f1120;--border:#ffffff12;--border-hi:#00c8ff40;--text:#e8eaf6;--text-muted:#7a7f9a;--accent:#00c8ff;--accent-dim:#00c8ff1f;--accent-glow:#00c8ff2e;--amber:#ffb700;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}.root{min-height:100vh;overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 2rem}nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080dd9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1120px;height:62px;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.4rem;font-size:1.25rem;font-weight:800;display:flex}.logo-sm{font-size:1rem}.logo-eye{color:var(--accent);font-size:1.1em;animation:3s ease-in-out infinite pulse-eye}@keyframes pulse-eye{0%,to{opacity:1}50%{opacity:.5}}.btn-nav{font-family:var(--font-body);border:1px solid var(--border-hi);color:var(--accent);background:var(--accent-dim);border-radius:6px;padding:.45rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}.btn-nav:hover{border-color:var(--accent);background:#00c8ff38}.btn-primary{font-family:var(--font-body);background:var(--accent);color:#07080d;border-radius:8px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 0 #00c8ff00}.btn-primary:hover{background:#2ad3ff;transform:translateY(-1px);box-shadow:0 8px 32px #00c8ff4d}.btn-large{padding:1rem 2.25rem;font-size:1.1rem}.btn-arrow{transition:transform .15s}.btn-primary:hover .btn-arrow{transform:translate(3px)}.hero{padding:7rem 0 5rem;position:relative;overflow:hidden}.hero-bg-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%)}.hero-glow{pointer-events:none;background:radial-gradient(#00c8ff1f 0%,#0000 70%);width:800px;height:500px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;text-align:center;position:relative}.badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-hi);color:var(--accent);background:var(--accent-dim);border-radius:999px;margin-bottom:1.75rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;animation:.6s both fade-up;display:inline-block}h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:800;line-height:1.05;animation:.6s .1s both fade-up}.accent{color:var(--accent)}.subheadline{color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem);animation:.6s .2s both fade-up}.cta-group{flex-direction:column;align-items:center;gap:.85rem;margin-bottom:3.5rem;animation:.6s .3s both fade-up;display:flex}.cta-note{color:var(--text-muted);font-size:.8rem}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem;animation:.6s .4s both fade-up;display:flex}.stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.stat-n{font-family:var(--font-display);color:var(--text);font-size:1.5rem;font-weight:800}.stat-l{color:var(--text-muted);letter-spacing:.02em;font-size:.78rem}.stat-divider{background:var(--border);width:1px;height:40px}.monitor-frame{border:1px solid var(--border-hi);background:var(--bg-card);border-radius:12px;max-width:640px;margin:4rem auto 0;padding:1.5rem;animation:.6s .5s both fade-up;position:relative;box-shadow:0 0 80px #00c8ff12,inset 0 0 40px #0006}.monitor-screen{border:1px solid var(--border);aspect-ratio:16/7;background:#050609;border-radius:8px;position:relative;overflow:hidden}.monitor-scanline{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00c8ff04 2px 4px);position:absolute;inset:0}.monitor-grid{background:var(--border);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;height:100%;display:grid}.monitor-cell{background:#050609;justify-content:center;align-items:center;display:flex;position:relative}.monitor-cell:after{content:"";background:linear-gradient(135deg,#00c8ff08,#0000);position:absolute;inset:0}.monitor-cell:nth-child(2){background:#070810}.monitor-cell:nth-child(6){background:#060810}.monitor-cell:nth-child(8){background:#060709}.monitor-cell-center{background:#08090f!important}.monitor-eye{color:var(--accent);filter:drop-shadow(0 0 12px #00c8ff99);font-size:2.5rem;animation:2.5s ease-in-out infinite scan}@keyframes scan{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.monitor-label{letter-spacing:.12em;color:var(--accent);z-index:3;font-size:.65rem;font-weight:600;animation:2s step-end infinite blink-label;position:absolute;bottom:.6rem;right:.75rem}@keyframes blink-label{0%,49%{opacity:1}50%,to{opacity:0}}.benefits-section{border-top:1px solid var(--border);padding:6rem 0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.72rem;font-weight:700}.section-title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:3rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.benefits-grid{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;display:grid;overflow:hidden}.benefit-card{background:var(--bg-card);padding:2rem 1.75rem;transition:background .2s}.benefit-card:hover{background:var(--bg-card2)}.benefit-icon{color:var(--accent);margin-bottom:1rem;font-size:1.4rem;line-height:1;display:block}.benefit-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1rem;font-weight:700}.benefit-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.steps-section{border-top:1px solid var(--border);padding:6rem 0}.steps-row{align-items:flex-start;gap:2rem;display:flex;position:relative}.step{flex:1;position:relative}.step-number{font-family:var(--font-display);color:var(--border-hi);letter-spacing:-.04em;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1}.step h3{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.step p{color:var(--text-muted);font-size:.9rem}.step-connector{color:var(--border-hi);z-index:1;font-size:1.2rem;position:absolute;top:1.5rem;right:-1.25rem}.cta-section{border-top:1px solid var(--border);text-align:center;padding:7rem 0;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#00c8ff1a 0%,#0000 70%);width:600px;height:400px;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.cta-inner{z-index:1;position:relative}.cta-section h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.cta-section p{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.cta-sub{color:var(--text-muted)!important;margin-top:1rem!important;font-size:.82rem!important}footer{border-top:1px solid var(--border);padding:2rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy,.footer-tagline{color:var(--text-muted);font-size:.82rem}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hide-sm{display:inline}@media (max-width:768px){.steps-row{flex-direction:column}.step-connector,.hide-sm{display:none}.hero-stats{gap:1.5rem}.stat-divider,.footer-tagline{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
