*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #120a0b;--secondary: #0d9488;--accent-lime: #84cc16;--accent-yellow: #eab308;--accent-orange: #f97316;--accent-cyan: #06b6d4;--surface: #fafaf9;--surface-white: #ffffff;--border: #e7e5e4;--text-primary: #120a0b;--text-secondary: #57534e;--text-muted: #a8a29e;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--max-width: 1200px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--surface-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.page{width:100%;overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-alt{background-color:var(--surface)}.section-header{text-align:center;max-width:640px;margin:0 auto 64px}.section-header h2{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.section-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.tag{display:inline-block;padding:6px 16px;border-radius:999px;font-size:.8125rem;font-weight:600;letter-spacing:.02em;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);margin-bottom:16px}.tag-orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.tag-teal{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.tag-on-dark{background:#ffffff1a;color:#ffffffe6;border-color:#ffffff26}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;font-size:.875rem;font-weight:500;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;margin-bottom:24px}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-lime);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-right{display:flex;align-items:center;gap:12px}.nav-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);color:var(--text-primary);transition:background .2s}.nav-hamburger:hover{background:var(--surface)}.nav-mobile-menu{border-top:1px solid var(--border);background:#fffffff7;padding:8px 24px 16px;display:flex;flex-direction:column;gap:4px}.nav-mobile-menu a{display:block;padding:12px 8px;font-size:1rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius);transition:color .2s,background .2s}.nav-mobile-menu a:hover{color:var(--text-primary);background:var(--surface)}.nav-logo{font-size:1.25rem;font-weight:800;color:var(--primary)}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--text-primary);font-weight:600}.nav-cta{padding:8px 20px;border-radius:999px;font-size:.875rem;font-weight:600;background:var(--primary);color:#fff;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #120a0b33}.hero{padding-top:140px;padding-bottom:96px;background:linear-gradient(180deg,#f0fdf4,#fff)}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero h1{font-size:4rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:24px}.text-secondary{color:var(--secondary)}.text-white{color:#fff}.hero-tagline{font-size:1.25rem;font-weight:700;color:var(--accent-lime, #a3e635);letter-spacing:.01em;margin-bottom:12px}.hero-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{padding:14px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;background:var(--primary);color:#fff;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #120a0b33}.btn-secondary{padding:14px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;background:var(--surface-white);color:var(--text-primary);border:1px solid var(--border);transition:transform .2s,border-color .2s}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--text-muted)}.btn-badge{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#000;color:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.15);transition:transform .2s,box-shadow .2s;min-width:148px}.btn-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-badge-coming-soon{opacity:.55;cursor:default;pointer-events:none}.btn-badge-coming-soon:hover{transform:none;box-shadow:none}.btn-badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.btn-badge-sub{font-size:.65rem;font-weight:400;color:#fffc;letter-spacing:.02em}.btn-badge-main{font-size:1rem;font-weight:600;color:#fff}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px}.phone-mockup{width:260px;height:520px;border-radius:36px;background:var(--primary);padding:12px;box-shadow:0 24px 80px #120a0b26}.phone-screen{width:100%;height:100%;border-radius:26px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.phone-placeholder{color:#fff6;font-size:1rem;font-weight:600}.floating-card{position:absolute;background:var(--surface-white);border-radius:var(--radius);padding:16px 20px;box-shadow:0 8px 32px #00000014;border:1px solid var(--border);min-width:220px}.floating-card-1{top:60px;right:-10px;animation:float 4s ease-in-out infinite}.floating-card-2{bottom:80px;left:-10px;animation:float 4s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.floating-card-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.status-badge{font-size:.6875rem;font-weight:600;padding:2px 10px;border-radius:999px}.status-smooth{background:#f0fdf4;color:#15803d}.status-moderate{background:#fff7ed;color:#c2410c}.floating-card-time{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bento-card{padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.bento-card:hover{transform:translateY(-4px)}.bento-card h3{font-size:1.25rem;font-weight:700;margin-bottom:8px}.bento-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.bento-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.bento-lime{background:#f7fee7}.bento-lime .bento-icon{background:#d9f99d;color:#3f6212}.bento-yellow{background:#fefce8}.bento-yellow .bento-icon{background:#fef08a;color:#854d0e}.bento-dark{background:var(--primary);border-color:var(--primary)}.bento-dark h3,.bento-dark p{color:#fff}.bento-dark p{color:#ffffffb3}.bento-dark .bento-icon{background:#ffffff1a;color:#fff}.bento-teal{background:#f0fdfa;border-color:#99f6e4}.bento-teal .bento-icon{background:#99f6e4;color:#0f766e}.bento-teal h3{color:#134e4a}.bento-orange{background:#fff7ed;border-color:#fed7aa}.bento-orange .bento-icon{background:#fed7aa;color:#9a3412}.bento-cyan{background:#ecfeff;border-color:#a5f3fc}.bento-cyan .bento-icon{background:#a5f3fc;color:#155e75}.bento-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.bento-featured-body{display:flex;flex-direction:column}.bento-widget-badges{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.bento-widget-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.8125rem;font-weight:600;background:#ccfbf1;color:#0f766e;border:1px solid #99f6e4}.bento-lang-pills{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.bento-lang-pill{padding:6px 16px;border-radius:999px;font-size:.875rem;font-weight:700;background:#fef9c3;color:#713f12;border:1px solid #fde047}.bento-lang-pill.active{background:#eab308;color:#1c1917}.hero-phone-carousel{display:flex;flex-direction:column;align-items:center;gap:20px}.carousel-container{width:100%;height:100%;border-radius:inherit;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.carousel-container:active{cursor:grabbing}.carousel-slides{display:flex;height:100%;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.carousel-slide-img{min-width:100%;width:100%;height:100%;object-fit:cover;flex-shrink:0}.carousel-dots{display:flex;gap:10px;align-items:center}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:background .25s,transform .25s,width .25s;cursor:pointer;padding:0}.carousel-dot-active{background:var(--primary);width:24px;border-radius:999px}.trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sparkline-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 28px 20px;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s}.sparkline-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000014}.sparkline-header{margin-bottom:18px}.sparkline-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.sparkline-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.sparkline-subtitle{font-size:.8125rem;color:var(--text-muted);font-weight:500;margin:0}.sparkline-wait-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sparkline-current{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.sparkline-best-hint{display:flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:3px 10px}.sparkline-chart-wrap{margin:0 -6px}.sparkline-svg{width:100%;height:auto;display:block}.sparkline-legend{display:flex;gap:16px;margin-top:12px;align-items:center;flex-wrap:wrap;font-size:.75rem;color:var(--text-secondary);font-weight:500}.sparkline-legend-item{display:flex;align-items:center;gap:5px}.sparkline-legend-line{width:22px;height:2.5px;border-radius:2px;flex-shrink:0}.sparkline-legend-today{background:#0d9488}.sparkline-legend-avg{background:repeating-linear-gradient(90deg,rgba(0,0,0,.3) 0px,rgba(0,0,0,.3) 5px,transparent 5px,transparent 9px)}.sparkline-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.sparkline-legend-forecast-dot{background:#fbbf2440;border:1px solid rgba(251,191,36,.55)}.sparkline-legend-best-dot{background:#fbbf24;border-radius:50%}#trends{scroll-margin-top:80px}@media(max-width:768px){.trends-grid{grid-template-columns:1fr}.sparkline-card{padding:20px 16px 16px}.sparkline-current{font-size:1.5rem}}.cameras-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cameras-content h2{font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.cameras-content .section-desc{margin-bottom:24px}.check-list{list-style:none;display:flex;flex-direction:column;gap:12px}.check-list li{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:500;color:var(--text-primary)}.cameras-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.camera-placeholder{aspect-ratio:4 / 3;border-radius:var(--radius);background:#e7e5e4;border:3px solid white;box-shadow:0 4px 16px #0000000f;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--text-muted);font-weight:500}.camera-img{aspect-ratio:4 / 3;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);border:3px solid white;box-shadow:0 4px 16px #0000000f}.devices-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.device-card{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 16px #0000000a}.device-card h3{font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin:24px 0 8px}.device-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.device-media{background:#05070d;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.device-media img{display:block;max-width:100%;height:auto}.device-media-wide img{width:100%}.device-media-pair{gap:20px;padding:20px}.device-media-pair img{width:45%;border-radius:10px}.device-card .check-list li{align-items:flex-start}.device-card .check-list svg{flex-shrink:0;margin-top:2px}.section-weather{background:var(--primary);color:#fff}.weather-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.weather-content h2{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.weather-desc{font-size:1.125rem;color:#ffffffb3;line-height:1.7;margin-bottom:32px}.weather-stats{display:flex;gap:48px}.weather-stat{display:flex;flex-direction:column}.weather-stat-value{font-size:2rem;font-weight:800;color:var(--accent-cyan)}.weather-stat-label{font-size:.875rem;color:#ffffff80;font-weight:500}.weather-card{background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:28px}.weather-card-header{font-size:.8125rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.weather-card-location{font-size:1.5rem;font-weight:700;margin-bottom:16px}.weather-card-condition{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;margin-bottom:16px}.weather-card-buffer{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--accent-orange);margin-bottom:20px}.weather-progress-track{width:100%;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.weather-progress-bar{width:65%;height:100%;background:linear-gradient(90deg,var(--accent-orange),var(--accent-yellow));border-radius:999px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{padding:32px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:transform .3s}.step-card:hover{transform:translateY(-4px)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-size:.875rem;font-weight:700;margin-bottom:16px}.step-card h3{font-size:1.125rem;font-weight:700;margin-bottom:8px}.step-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-white)}.faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left;transition:background .2s}.faq-question:hover{background:var(--surface)}.faq-chevron{transition:transform .3s;flex-shrink:0;margin-left:16px}.faq-open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-open .faq-answer{max-height:200px}.faq-answer p{padding:0 24px 20px;font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.section-cta{background:var(--secondary);text-align:center}.section-cta h2{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.cta-desc{font-size:1.125rem;color:#ffffffd9;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.btn-store{padding:14px 32px;border-radius:var(--radius);font-size:1rem;font-weight:600;background:#fff;color:var(--primary);transition:transform .2s,box-shadow .2s}.btn-store:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.cta-compat{font-size:.8125rem;color:#fff9}#features,#cameras,#download{scroll-margin-top:80px}.footer{background:var(--primary);color:#ffffff80;padding:40px 0 24px}.footer-inner{display:flex;flex-direction:column;gap:24px;font-size:.875rem}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{font-size:1.125rem;font-weight:800;color:#fff}.footer-nav{display:flex;gap:24px;flex-wrap:wrap}.footer-nav a{color:#ffffff80;font-size:.875rem;font-weight:500;transition:color .2s}.footer-nav a:hover{color:#ffffffd9}.footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.8125rem}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000026;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s,transform .3s;z-index:50}.back-to-top-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px)}.fade-in-section{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;border-radius:4px}.nav-cta:focus-visible,.btn-badge:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{outline-offset:4px}.faq-question:focus-visible{outline-offset:-2px}@media(prefers-reduced-motion:reduce){.fade-in-section{opacity:1;transform:none;transition:none}.badge-dot,.floating-card-1,.floating-card-2{animation:none}.faq-answer,.faq-chevron,.bento-card,.step-card,.nav-cta,.btn-badge,.btn-primary,.btn-secondary,.back-to-top{transition:none}}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:48px;text-align:center}.hero h1{font-size:3rem}.hero-buttons{justify-content:center}.hero-visual{min-height:400px}.bento-grid{grid-template-columns:repeat(2,1fr)}.cameras-layout{grid-template-columns:1fr;gap:40px}.devices-grid{grid-template-columns:1fr}.weather-layout{grid-template-columns:1fr;gap:40px}.steps-grid{grid-template-columns:1fr}}@media(max-width:768px){.section{padding:64px 0}.section-header h2,.cameras-content h2,.weather-content h2,.section-cta h2{font-size:2rem}.hero{padding-top:100px;padding-bottom:64px}.hero h1{font-size:2.25rem}.nav-links{display:none}.nav-hamburger{display:flex}.floating-card{display:none}.bento-grid,.bento-featured{grid-template-columns:1fr}.bento-featured>[aria-hidden=true]{display:none}.hero-visual{min-height:340px}.phone-mockup{width:200px;height:400px}.weather-stats{gap:32px}.footer-top{flex-direction:column;align-items:flex-start;gap:16px}.footer-nav{gap:16px}}