@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg: #0a0c10;--color-bg-elevated: #11141a;--color-bg-card: #161922;--color-text: #f0f4f8;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary: #00d4ff;--color-primary-light: #33ddff;--color-primary-dark: #00a8cc;--color-accent: #ff3864;--color-accent-light: #ff5a7c;--color-success: #00d9a3;--color-warning: #ffb800;--color-error: #ff3864;--color-border: #1e2530;--color-border-light: #2a3441;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--gradient-accent: linear-gradient(135deg, #ff3864 0%, #ff6b8a 100%);--gradient-hero: linear-gradient(180deg, rgba(0, 212, 255, .1) 0%, transparent 50%);--gradient-overlay: linear-gradient(180deg, rgba(10, 12, 16, .3) 0%, rgba(10, 12, 16, .9) 100%);--gradient-overlay-dark: linear-gradient(180deg, rgba(10, 12, 16, .7) 0%, rgba(10, 12, 16, .95) 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(0, 212, 255, .15) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(0, 212, 255, .3);--shadow-glow-accent: 0 0 40px rgba(255, 56, 100, .3);--space-xs: .5rem;--space-sm: .875rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--space-3xl: 8rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-max: 1280px;--container-padding: 1rem}@media(min-width:640px){:root{--container-padding: 1.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 5rem}}@media(min-width:1024px){:root{--container-padding: 2rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 10rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding:var(--space-xl) 0;position:relative}@media(min-width:640px){.section{padding:var(--space-2xl) 0}}@media(min-width:1024px){.section{padding:var(--space-3xl) 0}}.bg-section{position:relative;background-size:cover;background-position:center;background-attachment:scroll}@media(min-width:1024px){.bg-section{background-attachment:fixed}}.bg-overlay{position:absolute;inset:0;background:var(--gradient-overlay-dark);z-index:1}.bg-overlay-light{position:absolute;inset:0;background:var(--gradient-overlay);z-index:1}.bg-content{position:relative;z-index:2}.heading-1{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-extrabold);line-height:1.05;letter-spacing:-.02em}.heading-2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-bold);line-height:1.1;letter-spacing:-.02em}.heading-3{font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:var(--font-semibold);line-height:1.3}.text-large{font-size:var(--text-lg);line-height:1.7}.text-body{font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary)}.text-small{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-muted)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 30px rgba(0,212,255,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;letter-spacing:.01em}.btn-primary{background:var(--gradient-primary);color:var(--color-bg);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-lg)}.btn-secondary{background:#ffffff14;color:var(--color-text);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1f;border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background:#00d4ff1a}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{background:#161922cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl)}.glass{background:#11141ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#00d4ff1a;color:var(--color-primary);border-color:#00d4ff33}.badge-accent{background:#ff38641a;color:var(--color-accent);border-color:#ff386433}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-md)}@media(min-width:640px){.grid-2,.grid-3{gap:var(--space-lg)}}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 40px #00d4ff80}}@keyframes pulse-glow-accent{0%,to{box-shadow:0 0 20px #ff386433}50%{box-shadow:0 0 40px #ff386480}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow-pulse{0%,to{opacity:.5;filter:blur(40px)}50%{opacity:.8;filter:blur(60px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes reveal-text{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-down{animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-left{animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-right{animation:fadeInRight .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-bottom{animation:slideInBottom .8s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-pulse-glow-accent{animation:pulse-glow-accent 3s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 5s ease-in-out infinite;animation-delay:1s}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 4s ease-in-out infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #00d4ff66}.hover-glow-accent:hover{box-shadow:0 0 30px #ff386466}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::-moz-selection{background:#00d4ff4d;color:var(--color-text)}::selection{background:#00d4ff4d;color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0c10d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:3.5rem}@media(min-width:640px){.nav-container{height:4rem}}.nav-logo{display:flex;align-items:center;gap:.75rem;font-weight:var(--font-bold);font-size:var(--text-lg)}.nav-links{display:none;align-items:center;gap:var(--space-lg)}@media(min-width:768px){.nav-links{display:flex}}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-primary)}.nav-cta{display:none}@media(min-width:768px){.nav-cta{display:block}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text)}@media(min-width:768px){.mobile-menu-btn{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:5rem;padding-bottom:var(--space-xl);overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(../hero_hooded_laptop.jpg);background-size:cover;background-position:center;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,16,.4) 0%,rgba(10,12,16,.85) 60%,var(--color-bg) 100%),radial-gradient(ellipse at 70% 50%,rgba(0,212,255,.08) 0%,transparent 50%);z-index:1}.hero-grid{display:grid;gap:var(--space-xl);position:relative;z-index:2}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;align-items:center}}.hero-content{max-width:100%}@media(min-width:640px){.hero-content{max-width:600px}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.hero-title{margin-bottom:var(--space-md)}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.feature-card{padding:var(--space-lg);border-radius:var(--radius-xl);background:var(--color-bg-card);border:1px solid var(--color-border);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.feature-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);border-radius:var(--radius-lg);color:var(--color-primary);margin-bottom:var(--space-md);border:1px solid rgba(0,212,255,.15)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:640px){.stat-value{font-size:var(--text-4xl)}}.stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.pricing-card{padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-card)}@media(min-width:640px){.pricing-card{padding:var(--space-xl)}}.pricing-card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-glow);position:relative}.pricing-card-featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:var(--color-bg);padding:.375rem 1rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.02em}.pricing-price{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}@media(min-width:640px){.pricing-price{font-size:var(--text-4xl)}}.pricing-period{font-size:var(--text-base);color:var(--color-text-muted)}.footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0 var(--space-lg)}.footer-grid{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media(min-width:640px){.footer-grid{grid-template-columns:2fr repeat(2,1fr)}}@media(min-width:768px){.footer-grid{grid-template-columns:2fr repeat(3,1fr)}}.footer-brand{max-width:300px}.footer-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;text-align:center}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.features-bg{background-image:url(../visibility_desk_monitors.jpg)}.how-it-works-bg{background-image:url(../control_hand_keyboard.jpg)}.pricing-bg{background-image:url(../scale_server_room.jpg)}.contact-bg{background-image:url(../secure_padlock_desk.jpg)}.hero-visual{position:relative}.hero-card{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-md);box-shadow:var(--shadow-lg)}@media(min-width:640px){.hero-card{padding:var(--space-lg);border-radius:var(--radius-2xl)}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}