:root{--color-bg:#0a0a0f;--color-surface:#12121a;--color-surface-hover:#1a1a2a;--color-surface-solid:#12121a;--color-primary:#00d4ff;--color-primary-dark:#00a8cc;--color-primary-glow:#00d4ff2e;--color-secondary:#0f8;--color-cta:#ff4d00;--color-cta-hover:#e63d00;--color-text-main:#e0e0e0;--color-text-muted:#8a8aa0;--color-text-dim:#555570;--color-border:#2a2a3a;--color-border-focus:#00d4ff80;--color-success:#0f8;--color-error:#f36;--color-warning:#ffb800;--font-heading:"Orbitron", "JetBrains Mono", monospace;--font-body:"JetBrains Mono", monospace;--max-width:1200px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-2xl:8rem;--shadow-sm:0 1px 4px #0006, 0 0 0 1px #00d4ff0a;--shadow-md:0 4px 16px #00000080, 0 0 20px #00d4ff0f;--shadow-lg:0 8px 32px #0009, 0 0 40px #00d4ff1a;--shadow-glow:0 0 30px #00d4ff40, 0 8px 32px #0006;--shadow-glow-sm:0 0 16px #00d4ff33;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff04 2px 4px);position:fixed;inset:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:var(--spacing-sm);letter-spacing:.05em;text-transform:uppercase;overflow-wrap:break-word;font-weight:700;line-height:1.2}h1{letter-spacing:.06em;font-size:clamp(2rem,5vw,3.8rem);font-weight:900}h2{letter-spacing:.05em;font-size:clamp(1.6rem,4vw,2.6rem)}h3{letter-spacing:.04em;font-size:clamp(1.2rem,3vw,1.6rem)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-muted);font-size:.95rem;line-height:1.8}a{color:var(--color-primary);transition:all var(--transition-fast);text-decoration:none}a:hover{color:#fff;text-shadow:0 0 8px #00d4ff99}ul{list-style:none}.container{max-width:var(--max-width);padding:0 var(--spacing-md);z-index:10;margin:0 auto;position:relative}@media (max-width:480px){.container{padding:0 1rem}}.section{padding:var(--spacing-2xl) 0;position:relative}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.glass-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);letter-spacing:.08em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.btn-primary{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0;box-shadow:0 0 12px #00d4ff33,inset 0 0 12px #00d4ff0d}.btn-primary:hover{color:#fff;text-shadow:0 0 8px #00d4ffcc;background:#00d4ff1a;box-shadow:0 0 24px #00d4ff66,inset 0 0 24px #00d4ff1a}.btn-cta{background:var(--color-cta);color:#fff;border:1px solid #ff4d0099;box-shadow:0 0 20px #ff4d0059}.btn-cta:hover{background:var(--color-cta-hover);color:#fff;box-shadow:0 0 35px #ff4d008c}.btn-outline{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00d4ff0f;box-shadow:0 0 12px #00d4ff26}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-secondary{color:var(--color-secondary)}.bg-glow{z-index:0;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00d4ff14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes neonFlicker{0%,96%,to{opacity:1}97%{opacity:.85}98%{opacity:1}99%{opacity:.9}}.reveal{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);transform:translateY(20px)}.reveal-stagger.active>*{opacity:1;transform:translateY(0)}.reveal-stagger.active>:first-child{transition-delay:.1s}.reveal-stagger.active>:nth-child(2){transition-delay:.2s}.reveal-stagger.active>:nth-child(3){transition-delay:.3s}.reveal-stagger.active>:nth-child(4){transition-delay:.4s}.blob-container,.blob{display:none}.navbar{width:100%;padding:var(--spacing-sm) 0;z-index:50;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);background:#0a0a0feb;position:fixed;top:0;left:0}.navbar:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-primary) 50%, transparent 100%);opacity:.3;height:1px;position:absolute;bottom:0;left:0;right:0}.navbar:has(+:not(.hero)){border-color:#00d4ff33;box-shadow:0 4px 32px #0009}.logo{font-family:var(--font-heading);letter-spacing:.1em;font-size:1.5rem;font-weight:700}.nav-links{gap:var(--spacing-md);display:flex}.nav-links a{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:700;position:relative}.nav-links a:after{content:"";background:var(--color-primary);width:0;height:1px;box-shadow:0 0 6px var(--color-primary);transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-primary);text-shadow:0 0 8px #00d4ff80}.nav-links a:hover:after{width:100%}@media (max-width:1000px){.nav-links,.navbar .btn-primary span{display:none}.navbar .btn-primary{border-radius:50%;width:40px;height:40px;padding:.5rem!important}.navbar .btn-primary i{margin:0;font-size:1.2rem}.navbar .btn-outline{display:none!important}}.hero{min-height:100vh;padding-top:calc(var(--spacing-2xl) + 60px);flex-direction:column;justify-content:center;display:flex}@media (max-width:768px){.hero{padding-top:calc(var(--spacing-lg) + 40px);min-height:auto;padding-bottom:var(--spacing-lg)}.hero-visual{margin-top:1.5rem!important}.hero-subtitle{margin-bottom:var(--spacing-md)}}.hero-badge{border-radius:var(--radius-sm);color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:700;font-family:var(--font-heading);background:#00d4ff12;border:1px solid #00d4ff4d;align-items:center;gap:.5rem;padding:.4rem 1rem;animation:8s ease-in-out infinite neonFlicker;display:inline-flex;box-shadow:0 0 16px #00d4ff26}.hero h1{max-width:900px;margin:0 auto var(--spacing-md)}.hero-subtitle{max-width:600px;margin:0 auto var(--spacing-lg);color:var(--color-text-muted);font-size:1rem}.hero-actions{margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center}.hero-visual{perspective:1000px;width:100%;max-width:1000px;margin:0 auto}.mockup-panel{transition:transform var(--transition-slow);transform:rotateX(5deg)scale(.95);box-shadow:0 40px 80px -20px #000c,0 0 60px #00d4ff14}.hero-visual:hover .mockup-panel{transform:rotateX(0)scale(1)}.mockup-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);gap:8px;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.mockup-dot.red{background:#f36}.mockup-dot.yellow{background:#ffb800}.mockup-dot.green{background:#0f8}.stat-card{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;align-items:flex-start;display:flex}.stat-card:hover{box-shadow:var(--shadow-glow);border-color:#00d4ff4d;transform:translateY(-3px)}.stat-icon{color:var(--color-primary);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);background:#00d4ff14;padding:10px;font-size:2rem}.stat-value{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:4px;font-size:2rem;font-weight:700}.stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.bg-image-hero{background:radial-gradient(80% 50% at 70% 30%,#00d4ff0f 0%,#0000 60%),radial-gradient(60% 40% at 10% 80%,#00ff880a 0%,#0000 50%),linear-gradient(#0a0a0f 0%,#0d0d16 100%);position:relative}.bg-image-hero:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.bg-image-section{background:radial-gradient(70% 60% at 90%,#00d4ff0a 0%,#0000 60%),#0a0a0f;position:relative}.section-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-size:.7rem;font-weight:700;font-family:var(--font-heading);background:#00d4ff12;border:1px solid #00d4ff40;padding:.3rem .85rem;display:inline-block;box-shadow:0 0 10px #00d4ff1a}.section-badge.red{color:var(--color-error);background:#ff336612;border:1px solid #ff336640;box-shadow:0 0 10px #ff33661a}.section-badge.green{color:var(--color-success);background:#00ff8812;border:1px solid #00ff8840;box-shadow:0 0 10px #00ff881a}.section-badge.primary{color:var(--color-primary);background:#00d4ff12;border:1px solid #00d4ff40}.section-badge.secondary{color:var(--color-secondary);background:#00ff8812;border:1px solid #00ff8840}.feature-list li{color:var(--color-text-muted);align-items:flex-start;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.feature-list i{margin-top:2px;font-size:1.1rem}.text-error{color:var(--color-error);text-shadow:0 0 8px #f366}.text-success{color:var(--color-success);text-shadow:0 0 8px #0f86}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.alert-mockup{position:relative;overflow:hidden}.alert-item{border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ff33660f;border:1px solid #ff336640;align-items:flex-start;gap:16px;padding:16px;display:flex}.alert-item.error i{color:var(--color-error);text-shadow:0 0 8px #ff336680;font-size:1.5rem}.alert-text strong{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:4px;font-size:.85rem;display:block}.alert-text span{color:var(--color-text-dim);font-size:.75rem}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-lg{margin-bottom:var(--spacing-lg)}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-sm{font-size:.85rem}.blind-spot-overlay{width:100%;height:100%;padding-bottom:var(--spacing-md);color:var(--color-error);letter-spacing:.15em;text-transform:uppercase;pointer-events:none;text-shadow:0 0 10px #f369;font-size:.75rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(#0000 40%,#0a0a0ff2 100%);justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;left:0}.chart-container{width:100%;height:200px;position:relative}.chart-line-wrapper{width:100%;height:100%}.chart-svg{width:100%;height:100%;overflow:visible}.chart-svg path:first-child{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.tech-card{transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.tech-card:hover{box-shadow:var(--shadow-glow);border-color:#00d4ff59;transform:translateY(-4px)}.tech-icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--color-primary);margin-bottom:var(--spacing-md);background:#00d4ff12;border:1px solid #00d4ff33;justify-content:center;align-items:center;font-size:1.6rem;display:inline-flex;box-shadow:0 0 16px #00d4ff1f}.arch-options{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.arch-badge{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;transition:all var(--transition-fast);background:#00d4ff0d;padding:.5rem 1rem;font-size:.7rem}.arch-badge:hover{color:var(--color-primary);background:#00d4ff1a;border-color:#00d4ff59}.arch-diagram{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#00d4ff08;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.arch-diagram{gap:var(--spacing-md);flex-direction:column}.arch-link{transform:rotate(90deg)}}.arch-node{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);text-align:center;z-index:2;box-shadow:var(--shadow-md);font-weight:700;font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;padding:1rem;font-size:.75rem}.arch-node.sensor{border-color:#00d4ff66;box-shadow:0 0 16px #00d4ff26}.arch-node.gateway{border-color:#0f86;box-shadow:0 0 16px #00ff8826}.arch-node.cloud{border-color:#00d4ff80;box-shadow:0 0 16px #00d4ff33}.arch-link{color:var(--color-primary);z-index:1;text-shadow:0 0 8px var(--color-primary);font-size:1.5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 16px var(--color-primary)}}.report-mockup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;overflow:hidden}.report-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-main);background:#00d4ff0a;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.report-badge{color:var(--color-success);border-radius:var(--radius-sm);text-shadow:0 0 6px #0f86;font-size:.7rem;font-family:var(--font-heading);letter-spacing:.06em;background:#00ff8826;border:1px solid #00ff884d;padding:2px 8px}.report-body{padding:var(--spacing-md);flex-direction:column;gap:12px;display:flex}.report-block{border-radius:var(--radius-sm);background:#00d4ff0a}.report-block.title{background:#00d4ff14;width:60%;height:20px;margin-bottom:8px}.report-block.text{background:#ffffff0a;width:100%;height:10px}.report-block.chart{border-radius:var(--radius-sm);background:0 0;border:1px solid #00d4ff1f;align-items:flex-end;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.analytics-chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#00d4ff14;stroke-width:1px}.chart-path-main{stroke:var(--color-primary);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600px;filter:drop-shadow(0 0 4px #00d4ff99);animation:6s cubic-bezier(.4,0,.2,1) infinite drawPathLoop}.chart-path-sec{stroke:var(--color-secondary);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600px;filter:drop-shadow(0 0 4px #0f89);animation:6s cubic-bezier(.4,0,.2,1) .7s infinite drawPathLoop}.chart-area-fill{fill:url(#chart-area-gradient);opacity:0;animation:6s ease-in-out infinite fadeAreaLoop}.chart-point{fill:#0a0a0f;stroke:var(--color-primary);stroke-width:2px;transform-origin:50%;filter:drop-shadow(0 0 4px #00d4ffcc);animation:2s ease-in-out infinite pointPulseSVG}.chart-point-sec{fill:#0a0a0f;stroke:var(--color-secondary);stroke-width:2px;transform-origin:50%;filter:drop-shadow(0 0 4px #0f8c);animation:2s ease-in-out 1s infinite pointPulseSVG}@keyframes drawPathLoop{0%{stroke-dashoffset:600px}35%,65%{stroke-dashoffset:0}to{stroke-dashoffset:600px}}@keyframes fadeAreaLoop{0%,20%{opacity:0}40%,60%{opacity:1}80%,to{opacity:0}}@keyframes pointPulseSVG{0%{stroke-width:2px;stroke-opacity:1}50%{stroke-width:8px;stroke-opacity:.3}to{stroke-width:2px;stroke-opacity:1}}.p-lg{padding:var(--spacing-lg)}.gallery-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.gallery-grid{grid-template-columns:1fr}}.gallery-item{cursor:pointer;border:1px solid var(--color-border);height:280px;transition:all var(--transition-normal);padding:0;position:relative;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal) ease;filter:brightness(.8)saturate(.9)}.gallery-item:hover .gallery-image{filter:brightness(.9)saturate(1.1);transform:scale(1.1)}.gallery-caption{color:var(--color-text-main);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;transition:transform var(--transition-normal) ease;background:linear-gradient(#0000 0%,#0a0a0feb 100%);padding:1rem;font-size:.75rem;font-weight:700;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-caption{transform:translateY(0)}.gallery-item:hover{box-shadow:var(--shadow-glow);border-color:#00d4ff66}.clients-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.client-logo{min-height:140px;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.client-logo-badge{border-radius:var(--radius-sm);background:#f2f2f0;justify-content:center;align-items:center;width:100%;padding:.65rem .9rem;display:flex}.client-logo-badge img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:42px}.client-logo-name{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--color-text-muted);transition:color var(--transition-normal);font-size:.68rem;font-weight:700;line-height:1.35}.client-logo:hover{box-shadow:var(--shadow-glow);border-color:#00d4ff59;transform:translateY(-4px)}.client-logo:hover .client-logo-name{color:var(--color-primary)}.app-featured-screenshots{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1100px;margin-bottom:.5rem;margin-left:auto;margin-right:auto;display:grid}.app-screenshot-wide{flex:1;min-width:0}.app-screenshot-wide img{image-rendering:high-quality;width:100%!important;height:auto!important}@media (max-width:768px){.app-featured-screenshots{grid-template-columns:1fr}}.app-features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto 2.5rem;display:grid}@media (max-width:768px){.app-features-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}}.screenshot-mockup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal);position:relative;overflow:hidden}.screenshot-mockup:hover{box-shadow:var(--shadow-glow);border-color:#00d4ff59;transform:translateY(-5px)}.screenshot-header{border-bottom:1px solid var(--color-border);background:#00d4ff08;align-items:center;gap:6px;height:30px;padding:0 1rem;display:flex}.screenshot-dot{background:#00d4ff33;border-radius:50%;width:10px;height:10px}.screenshot-body{aspect-ratio:16/9;background:linear-gradient(145deg, var(--color-surface-hover), var(--color-bg));color:var(--color-text-dim);text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex}.screenshot-body i{color:var(--color-secondary);opacity:.4;margin-bottom:1rem;font-size:4rem}.accordion{gap:var(--spacing-sm);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.accordion-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.accordion-item.active{box-shadow:var(--shadow-glow-sm);background:#00d4ff08;border-color:#00d4ff59}.accordion-header{padding:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-main);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;display:flex}.accordion-icon{transition:transform var(--transition-fast);color:var(--color-text-dim)}.accordion-item.active .accordion-icon{color:var(--color-primary);transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height var(--transition-normal) ease-out;padding:0 var(--spacing-md);color:var(--color-text-muted);overflow:hidden}.accordion-item.active .accordion-content{padding-bottom:var(--spacing-md)}.accordion-content ul{margin-top:.5rem;margin-left:1rem;list-style-type:none}.accordion-content ul li:before{content:"> ";color:var(--color-primary);font-weight:700}.footer{background:var(--color-bg);border-top:1px solid var(--color-border)}.phone-screenshot-row{margin-top:var(--spacing-xl);grid-template-columns:repeat(5,1fr);justify-content:center;align-items:start;gap:1.5rem;max-width:1100px;margin-left:auto;margin-right:auto;padding:1.5rem 0;display:grid}@media (max-width:900px){.phone-screenshot-row{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (max-width:600px){.phone-screenshot-row{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem .5rem}}@media (max-width:380px){.phone-screenshot-row{grid-template-columns:1fr;max-width:220px}}.phone-frame{background:var(--color-surface);width:100%;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);border:4px solid #2a2a3a;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 20px #00d4ff0f}.phone-frame:hover{border-color:#00d4ff80;transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #0009,0 0 40px #00d4ff33}.phone-notch{background:#2a2a3a;border-radius:0 0 6px 6px;width:50px;height:8px;margin:0 auto}.phone-frame img{width:100%;display:block}.phone-label{text-align:center;letter-spacing:.08em;color:var(--color-text-dim);border-top:1px solid var(--color-border);text-transform:uppercase;font-size:.65rem;font-weight:700;font-family:var(--font-heading);background:#00d4ff0a;padding:.5rem .4rem}.lang-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#00d4ff0a;align-items:center;gap:2px;padding:3px;display:flex}.lang-btn{border-radius:var(--radius-sm);letter-spacing:.1em;cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.72rem;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;background:0 0;border:none;padding:.3rem .75rem}.lang-btn:hover{color:var(--color-primary)}.lang-btn.lang-active{color:var(--color-primary);background:#00d4ff26;border:1px solid #00d4ff4d;box-shadow:0 0 8px #00d4ff33}@media (max-width:768px){.lang-toggle{padding:2px}.lang-btn{padding:.25rem .55rem;font-size:.68rem}}.scroll-top-btn{width:50px;height:50px;color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:999;background-color:#0000;border:1px solid #00d4ff66;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 0 20px #00d4ff33}.scroll-top-btn:hover{color:#fff;background-color:#00d4ff1a;box-shadow:0 0 30px #00d4ff66}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.scroll-top-btn{width:36px;height:36px;font-size:1rem;bottom:15px;right:15px}}.bg-surface-hover{background:#12121acc}.skip-link{z-index:9999;background:var(--color-primary);color:#0a0a0f;border-radius:var(--radius-md);font-weight:700;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.25rem;font-size:.8rem;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:1px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm);box-shadow:0 0 8px #00d4ff66}.btn:focus-visible{outline-offset:4px}.accordion-header:focus-visible{outline:1px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-md)}.nav-links a.active{color:var(--color-primary);text-shadow:0 0 8px #00d4ff80}.nav-links a.active:after{width:100%}.hamburger{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger:hover{background:#00d4ff0f}.hamburger-line{background:var(--color-text-main);width:22px;height:1.5px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:1px;display:block}.hamburger.is-open .hamburger-line:first-child{background:var(--color-primary);transform:translateY(7px)rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-open .hamburger-line:nth-child(3){background:var(--color-primary);transform:translateY(-7px)rotate(-45deg)}@media (max-width:1000px){.hamburger{display:flex}.nav-links.nav-open{-webkit-backdrop-filter:blur(20px);z-index:49;background:#0a0a0ff7;border-bottom:1px solid #00d4ff26;flex-direction:column;gap:0;padding:.5rem 1.5rem 1.5rem;display:flex;position:fixed;inset:64px 0 auto;box-shadow:0 8px 32px #0009}.nav-links.nav-open a{color:var(--color-text-muted);border-bottom:1px solid #00d4ff14;padding:.875rem 0;font-size:.85rem}.nav-links.nav-open a:last-child{border-bottom:none}}@media (max-width:768px){.bg-image-hero,.bg-image-section{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-stagger>*{opacity:1;transition:none;transform:none}.bg-image-hero,.bg-image-section{background-attachment:scroll}.btn-primary:hover,.btn-outline:hover,.tech-card:hover,.phone-frame:hover,.screenshot-mockup:hover,.stat-card:hover,.gallery-item:hover .gallery-image{transform:none}.gallery-item:hover .gallery-caption{transform:translateY(0)}}img[src*="/screenshots/"]{image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;backface-visibility:hidden;transform:translateZ(0)}.app-screenshot-wide img[src*="/screenshots/"],.hero-visual img[src*="/screenshots/"]{margin:0 auto;display:block;width:100%!important;max-width:100%!important;height:auto!important}.phone-frame img[src*="/screenshots/"]{margin:0 auto;display:block;width:auto!important;max-width:100%!important;height:auto!important}.hero-img-frame{border-radius:var(--radius-lg);border:1px solid #00d4ff40;max-width:1000px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00d4ff14,0 0 60px #00d4ff2e,0 40px 80px #000000b3}.hero-img-main{border-radius:var(--radius-lg);filter:brightness(.68)contrast(1.12)saturate(.75);width:100%;height:auto;transition:filter var(--transition-slow);display:block}.hero-img-frame:hover .hero-img-main{filter:brightness(.78)contrast(1.08)saturate(.8)}.hero-img-frame:before{content:"";mix-blend-mode:multiply;pointer-events:none;z-index:1;border-radius:var(--radius-lg);background:#00507838;position:absolute;inset:0}.hero-img-scanline{pointer-events:none;z-index:2;border-radius:var(--radius-lg);background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000014 3px 4px);position:absolute;inset:0}.hero-img-frame:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0000 0%,#0a0a0f99 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.hero-img-corner{z-index:5;pointer-events:none;width:20px;height:20px;position:absolute}.hero-img-corner--tl{border-top:2px solid var(--color-primary);border-left:2px solid var(--color-primary);top:10px;left:10px;box-shadow:-2px -2px 8px #00d4ff80}.hero-img-corner--tr{border-top:2px solid var(--color-primary);border-right:2px solid var(--color-primary);top:10px;right:10px;box-shadow:2px -2px 8px #00d4ff80}.hero-img-corner--bl{border-bottom:2px solid var(--color-primary);border-left:2px solid var(--color-primary);bottom:10px;left:10px;box-shadow:-2px 2px 8px #00d4ff80}.hero-img-corner--br{border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary);bottom:10px;right:10px;box-shadow:2px 2px 8px #00d4ff80}.glass-panel img[src*="/screenshots/"]{filter:brightness(.72)contrast(1.1)saturate(.8);transition:filter var(--transition-normal)}.glass-panel:hover img[src*="/screenshots/"]{filter:brightness(.85)contrast(1.08)saturate(.85)}.solution-visual .glass-panel{background:#001e3266!important;border-color:#00d4ff33!important;box-shadow:0 0 40px #00d4ff14,0 8px 32px #00000080!important}.phone-frame img{filter:brightness(.85)contrast(1.05)saturate(.9);transition:filter var(--transition-normal)}.phone-frame:hover img{filter:brightness(.95)contrast(1.05)}.reveal>.glass-panel img[src*="/screenshots/app-three-screens"]{filter:brightness(.75)contrast(1.08)saturate(.85)}.cta-section{position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(70% 60%,#00d4ff0f 0%,#0000 70%);position:absolute;inset:0}.problem-section,.solution-section,.tech-section,.arch-section,.ai-section,.relative{position:relative}