:root{--bg: #f8fafc;--surface: #ffffff;--line: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.bg-noise{display:none}.container{width:min(1120px,92%);margin-inline:auto}.page-gap{display:grid;gap:24px;margin-top:0;margin-bottom:48px}.topbar{position:fixed;top:0;left:0;right:0;z-index:1200;background:#eef2ff;color:var(--muted);font-weight:600;font-size:.84rem;padding:8px 0;border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}.topbar-track{width:max-content;display:inline-flex;align-items:center;animation:marquee-topbar 18s linear infinite}.topbar-item{padding-right:48px;white-space:pre}@keyframes marquee-topbar{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0;margin-top:36px}.logo{padding:0;display:inline-flex;align-items:center;justify-self:center;grid-column:2;line-height:0;background:transparent}.logo-image{width:220px;height:auto;max-width:none;object-fit:contain;margin-top:-18px;margin-bottom:-22px}.menu{display:none;grid-column:1;justify-self:start}.link-btn{border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}.btn{border-radius:8px;border:0;padding:11px 16px;font-family:inherit;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline,.btn-ghost{background:#eaf1ff;color:var(--primary)}.card,.card-soft{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.card{box-shadow:0 1px 2px #0f172a0d}.card-soft{padding:14px}.home-hero,.product-main{padding:24px}h1{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15;margin:8px 0 10px}h2{font-size:clamp(1.3rem,3vw,1.8rem);margin:0 0 8px}h3{margin:0 0 6px}.muted{color:var(--muted)}.pill,.mini-label,.save-badge{display:inline-block;font-size:.74rem;font-weight:700;border-radius:999px;border:1px solid #dbe4f8;background:#f1f5ff;color:#3156a7;padding:5px 10px}.stock-alert{display:inline-block;margin:0 0 6px;font-size:.8rem;font-weight:700;color:#b42318;background:#fee4e2;border:1px solid #fecaca;border-radius:999px;padding:6px 12px}.row{display:flex}.wrap{flex-wrap:wrap}.gap-sm{gap:10px}.home-metrics,.grid-benefits,.reviews-grid,.steps-grid{display:grid;grid-template-columns:1fr;gap:12px}.home-metrics article{padding:16px}.product-main{display:grid;grid-template-columns:1fr;gap:20px}.gallery-col{display:grid;justify-items:center;gap:12px}.product-image-main{width:auto;max-width:min(100%,560px);max-height:340px;height:auto;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 2px 6px #0f172a1f;touch-action:pan-y}.thumb-row{margin-top:4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.carousel-icon{border:0;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;width:30px;height:48px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.thumb{cursor:pointer;width:72px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;transition:transform .2s ease}.thumb:hover{transform:translateY(-1px)}.thumb-image{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 1px 3px #0f172a29}.price-row{display:flex;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap}.new-price{font-size:1.9rem;font-weight:800}.old-price{color:#94a3b8;text-decoration:line-through}.quick-benefits{list-style:none;margin:2px 0 12px;padding:0;display:grid;gap:6px}.quick-benefits li{display:grid;grid-template-columns:14px 1fr;align-items:start;gap:8px;color:#334155;font-size:.92rem;line-height:1.35}.quick-benefits li span:last-child{font-weight:700}.qb-icon{width:8px;height:8px;border-radius:999px;background:#2563eb;margin-top:5px}.feature-list{padding-left:18px;margin:10px 0 14px}.feature-list li{margin-bottom:6px;color:var(--muted)}.cta-group{display:grid;gap:8px}.launch-note{margin:8px 0 0;font-size:.8rem;color:#94a3b8}.product-rating{margin-top:2px;display:inline-flex;align-items:center;gap:8px}.rating-stars{color:#f59e0b;letter-spacing:.03em;font-size:1rem;line-height:1}.rating-score{font-weight:700;color:#0f172a;font-size:.92rem}.rating-note{margin:4px 0 8px;font-size:.84rem;color:#475569;font-weight:600}.quick-faq-list{margin-top:12px;display:grid;gap:8px}.quick-faq-list details{padding:10px 12px}.quick-faq-list summary{cursor:pointer;font-weight:600}.full{width:100%}.trust-strip{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.trust-strip span{font-size:.78rem;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--muted)}.flow-card{padding:18px}.flow-image{padding:12px}.flow-image-media{width:100%;border-radius:10px;object-fit:cover;box-shadow:0 1px 3px #0f172a1a;display:block}.flow-text{text-align:center}.flow-media-stack{display:grid;gap:16px}.flow-text h2{margin:0 0 8px}.flow-text p{margin:0;color:var(--muted);line-height:1.6;font-size:.97rem}.flow-chip-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.flow-chip-list li{border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff;font-size:.9rem}.benefit-grid{padding:18px;background:radial-gradient(circle at 20% 10%,#e2e8f0,#cbd5e1 62%,#94a3b8);border-color:#cbd5e1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benefit-item{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:12px 10px;display:grid;justify-items:center;gap:8px;text-align:center}.benefit-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0f172a24;color:#0f172a;transition:transform .2s ease}.benefit-item:hover .benefit-icon{transform:translateY(-1px)}.benefit-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.benefit-icon-energy{background:linear-gradient(145deg,#fef08a,#f59e0b);color:#7c2d12}.benefit-icon-pocket{background:linear-gradient(145deg,#93c5fd,#2563eb);color:#eff6ff}.benefit-icon-key{background:linear-gradient(145deg,#c4b5fd,#7c3aed);color:#f5f3ff}.benefit-icon-focus{background:linear-gradient(145deg,#86efac,#16a34a);color:#052e16}.benefit-item p{margin:0;font-size:.9rem;line-height:1.3;color:#334155;max-width:16ch}.keypad-demo{padding:22px 16px;text-align:center;background:radial-gradient(circle at 20% 10%,#e2e8f0,#cbd5e1 62%,#94a3b8);border-color:#cbd5e1}.keypad-head h2{margin:0 0 8px;font-size:clamp(1.5rem,3.6vw,2.1rem);line-height:1.1;color:#0f172a}.keypad-head p{margin:0 auto 16px;max-width:420px;color:#334155}.keypad-device{background:linear-gradient(160deg,#111827,#0b1220 70%);border-radius:16px;padding:18px;border:1px solid #334155;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;box-shadow:inset 0 1px #94a3b82e,0 18px 30px #0206178c;perspective:700px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.keypad-key{border:1px solid #475569;border-radius:8px;height:96px;background:linear-gradient(165deg,#334155,#1f2937 62%,#111827);display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;gap:8px;padding:8px 8px 10px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px #0b1220,0 14px 18px #0206176b;transform:translateY(-2px);transition:transform .08s ease,box-shadow .08s ease,border-color .12s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.keypad-key.is-pressed{transform:translateY(4px);box-shadow:0 4px #0b1220,0 6px 10px #02061757;border-color:#64748b}.key-shell{width:100%;height:60px;border-radius:8px;position:relative;background:linear-gradient(180deg,#1f2937,#0f172a);border:1px solid #334155;display:grid;place-items:center}.keycap-top{width:72%;height:16px;border-radius:6px;background:linear-gradient(180deg,#334155,#1e293b);border:1px solid #475569;position:absolute;top:6px;box-shadow:inset 0 1px #94a3b82e}.key-switch{width:18px;height:18px;border-radius:4px;background:linear-gradient(145deg,#1d4ed8,#1e40af);border:1px solid #60a5fa;box-shadow:0 0 10px #3b82f673}.key-led{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:7px;border:3px solid rgba(71,85,105,.85);background:transparent;pointer-events:none;transition:border-color .12s ease,box-shadow .12s ease}.key-led.is-on{animation:led-cycle 1.2s linear infinite}@keyframes led-cycle{0%{border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa7a,0 0 10px #60a5fa8c,0 0 22px #60a5fa6b}33%{border-color:#34d399;box-shadow:inset 0 0 0 1px #34d3997a,0 0 10px #34d3998c,0 0 22px #34d3996b}66%{border-color:#fbbf24;box-shadow:inset 0 0 0 1px #fbbf247a,0 0 10px #fbbf248c,0 0 22px #fbbf246b}to{border-color:#f87171;box-shadow:inset 0 0 0 1px #f871717a,0 0 10px #f871718c,0 0 22px #f871716b}}.section-block{display:grid;gap:10px}.steps-grid .step-index{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--line);font-weight:700;margin-bottom:8px}.box-list p{margin:6px 0}.benefit-card{display:grid;gap:6px}.benefit-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.benefit-title-row h3{margin:0}.benefit-check{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.86rem;font-weight:800;color:#fff;background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 4px 10px #22c55e59;flex-shrink:0}.compare{padding:0;overflow:hidden;border-radius:14px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 6px 16px #0f172a0f}.compare-row{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.9rem;align-items:center}.compare-row:last-child{border-bottom:0}.compare-head{font-weight:700;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);color:#0f172a}.compare-row span{min-width:0}.compare-row span:first-child{font-weight:600;color:#1e293b}.compare-row span:nth-child(2),.compare-row span:nth-child(3){text-align:center;border-radius:10px;padding:6px 8px;line-height:1.25;font-weight:600;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.compare-row span:nth-child(2){color:#065f46;background:#dcfce7;border:1px solid #86efac}.compare-row span:nth-child(3){color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.compare-head span:first-child,.compare-head span:nth-child(2),.compare-head span:nth-child(3){color:#0f172a;background:transparent;border:0;padding:0;border-radius:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.compare-image{width:100%;display:block;border-bottom:1px solid #cbd5e1;margin-top:0;object-fit:cover}@media (max-width: 560px){.compare-row{grid-template-columns:1.35fr 1fr 1fr;gap:8px;padding:10px;font-size:.82rem}.compare-row span:nth-child(2),.compare-row span:nth-child(3){padding:5px 6px;border-radius:8px}}.faq-list{display:grid;gap:8px}.faq-list details{padding:10px 12px}.faq-list summary{cursor:pointer;font-weight:600}.trust-icons{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trust-icons article{border:1px solid var(--line);border-radius:10px;padding:12px 8px;background:#f8fafc;text-align:center;display:grid;gap:6px;justify-items:center}.ti-icon{width:24px;height:24px;color:#2563eb;display:inline-flex;align-items:center;justify-content:center}.ti-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trust-icons p{margin:0;font-size:.88rem;color:#334155}.review-card{display:grid;gap:10px}.review-image{width:100%;height:170px;object-fit:cover;border-radius:10px;border:1px solid #dbe4f0}.review-image-btn{padding:0;border:0;background:transparent;cursor:zoom-in}.review-stars{color:#f59e0b;font-size:.95rem;letter-spacing:.03em;font-weight:800}.review-card p{margin:0;color:#334155;line-height:1.45}.review-card strong{color:#0f172a}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d6;z-index:1300;display:grid;place-items:center;padding:20px}.lightbox-image{width:min(100%,860px);max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 22px 40px #00000073}.lightbox-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:#ffffff24;color:#fff;font-size:1.3rem;cursor:pointer}.guarantee{padding:16px}.footer{text-align:center;color:var(--muted);font-size:.86rem;padding:24px 10px 36px;background:radial-gradient(circle at 20% 10%,#e2e8f0,#cbd5e1 62%,#94a3b8);border-top:1px solid #cbd5e1}.legal-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.legal-links a{color:#334155;text-decoration:none;font-weight:600;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;background:#fff}.legal-links a:hover{border-color:#94a3b8}.legal-page{margin-top:8px}.legal-card{padding:22px}.legal-card h2{margin-top:18px;margin-bottom:8px;font-size:1.05rem}.legal-card p,.legal-card li{color:#334155;line-height:1.55}.legal-card ul{margin:8px 0 0;padding-left:18px}.legal-updated{margin-top:0}.cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 16px 30px #0f172a33;padding:14px;display:grid;gap:10px}.cookie-text strong{display:block;margin-bottom:4px}.cookie-text p{margin:0;color:#334155;font-size:.9rem;line-height:1.4}.cookie-text a{display:inline-block;margin-top:6px;color:#1d4ed8;font-weight:700;text-decoration:none}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}.cookie-settings{border-top:1px solid #e2e8f0;padding-top:10px;display:grid;gap:8px}.cookie-settings label{display:flex;align-items:center;gap:8px;color:#334155;font-size:.9rem}.cookie-settings .btn{width:fit-content}@media (min-width: 768px){.menu{display:flex;gap:18px}.logo-image{width:300px;margin-top:-24px;margin-bottom:-30px}.page-gap{gap:28px;margin-top:0;margin-bottom:56px}.home-hero,.product-main{padding:30px}.home-metrics,.grid-benefits,.reviews-grid{grid-template-columns:repeat(3,1fr)}.product-main{grid-template-columns:1.05fr .95fr;gap:24px}.product-image-main{max-height:460px}.thumb-row{justify-content:flex-start}.cta-group{display:flex;gap:10px}.cta-group .full{width:auto;flex:1}.trust-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.keypad-demo{padding:28px 24px}.keypad-key{height:104px}.cookie-banner{left:auto;right:18px;bottom:18px;width:min(460px,calc(100% - 36px))}}@media (min-width: 1024px){.navbar{padding:0}.page-gap{gap:32px}.product-image-main{max-height:520px;max-width:min(100%,720px)}.thumb{width:84px;height:56px}}