:root{--bg-page: #f8fafc;--bg-white: #ffffff;--bg-subtle: #f1f5f9;--border-light: #e2e8f0;--border-focus: #2563eb;--text-main: #0f172a;--text-muted: #475569;--text-light: #64748b;--primary-blue: #2563eb;--primary-blue-hover: #1d4ed8;--primary-blue-light: #eff6ff;--success-green: #059669;--success-green-light: #ecfdf5;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05);--shadow-card: 0 4px 16px -2px rgba(15, 23, 42, .05), 0 2px 4px -1px rgba(15, 23, 42, .03);--shadow-elevated: 0 16px 36px -8px rgba(15, 23, 42, .08);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}input,select,textarea,button{-webkit-tap-highlight-color:transparent!important;font-size:16px}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:0 auto;padding:0 1.5rem}.navbar{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);height:68px}.nav-container{max-width:1160px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.65rem}.brand-icon{width:34px;height:34px;background:var(--text-main);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.92rem;font-weight:500;color:var(--text-muted);transition:color .15s ease}.nav-link:hover{color:var(--primary-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover{background:var(--primary-blue-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-white);color:var(--text-main);border-color:var(--border-light)}.btn-secondary:hover{background:var(--bg-subtle)}.btn-white{background:#fff;color:var(--text-main);font-weight:700}.btn-white:hover{background:var(--bg-subtle)}.btn-lg{padding:.85rem 1.6rem;font-size:.98rem}.hero-section{padding:5rem 1.5rem 4rem;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.07) 0%,transparent 60%)}.hero-content{max-width:860px;margin:0 auto}.hero-title{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text-main);margin-bottom:1.25rem}.hero-desc{font-size:1.2rem;color:var(--text-muted);line-height:1.6;max-width:720px;margin:0 auto 2.25rem}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.25rem}.hero-banner-wrap{max-width:820px;margin:0 auto 3rem}.hero-banner-card{position:relative;background:#090d16;border:1px solid #1e293b;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px -15px #0f172a40,0 0 0 1px #2563eb26;transition:transform .3s ease,box-shadow .3s ease}.hero-banner-card:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px #2563eb33,0 0 0 1px #60a5fa4d}.hero-banner-img{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.banner-live-tag{position:absolute;bottom:1rem;right:1.25rem;display:inline-flex;align-items:center;gap:.45rem;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;color:#f1f5f9}.live-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.trust-strip{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;color:var(--text-muted)}.trust-item svg{color:var(--success-green)}.steps-section{padding:5rem 0;background:var(--bg-white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.section-title-wrap{text-align:center;max-width:680px;margin:0 auto 3.5rem}.badge-label{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-blue);margin-bottom:.5rem}.section-title-wrap h2{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem}.section-title-wrap p{font-size:1.05rem;color:var(--text-muted)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.step-box{background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.step-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.step-box.highlight-step{background:var(--primary-blue-light);border-color:#bfdbfe}.step-num{position:absolute;top:1.25rem;left:1.25rem;font-size:.82rem;font-weight:800;color:var(--text-light)}.step-icon-circle{width:52px;height:52px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);margin:0 auto 1.25rem;box-shadow:var(--shadow-sm)}.step-box h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.step-box p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.scanner-section{padding:5rem 0;background:var(--bg-page);border-bottom:1px solid var(--border-light)}.scanner-standalone-card{display:grid;grid-template-columns:460px 1fr;gap:2.5rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-card);align-items:center}.demo-section{padding:5rem 0;background:var(--bg-white);border-bottom:1px solid var(--border-light)}.demo-card{display:grid;grid-template-columns:440px 1fr;gap:1.75rem;background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-card)}.demo-controls{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem;box-shadow:var(--shadow-sm)}.controls-header{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--text-main);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.control-box{background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1rem 1.15rem}.control-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.control-name{font-size:.86rem;font-weight:600;color:var(--text-main)}.control-val{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-light);padding:.15rem .6rem;border-radius:var(--radius-pill);border:1px solid #bfdbfe}.clean-slider{width:100%;-webkit-appearance:none;height:6px;background:var(--border-light);border-radius:var(--radius-pill);outline:none;cursor:pointer;display:block}.clean-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#fff;border:2.5px solid var(--primary-blue);border-radius:50%;box-shadow:0 1px 4px #0003;cursor:pointer}.slider-hint{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-light);margin-top:.5rem}.scanner-viewport-column{display:flex;flex-direction:column;gap:1rem}.scanner-viewport{position:relative;height:260px;background:#000;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #334155;box-shadow:var(--shadow-elevated)}.camera-video-hidden{display:none!important}.camera-video-active{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important;z-index:1!important;background:#000}.camera-canvas-hidden{display:none}.scanner-guide-corners{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.scanner-guide-corners span{position:absolute;width:20px;height:20px;border-color:#60a5fa;border-style:solid}.c-top-left{top:16px;left:16px;border-width:3px 0 0 3px}.c-top-right{top:16px;right:16px;border-width:3px 3px 0 0}.c-bottom-left{bottom:16px;left:16px;border-width:0 0 3px 3px}.c-bottom-right{bottom:12px;right:16px;border-width:0 3px 3px 0}.scanner-status-text{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#f1f5f9;font-family:var(--font-mono);z-index:3;background:#0f172ad9;padding:.35rem .85rem;border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15)}.camera-actions-bar{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-camera-toggle.active{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.scanned-product-result{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.45rem;transition:all .2s ease}.scanned-product-result.active-result{border-color:var(--primary-blue);background:#f8faff;box-shadow:0 4px 12px #2563eb14}.product-result-header{display:flex;justify-content:space-between;align-items:center}.product-result-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-blue)}.product-result-time{font-size:.72rem;color:var(--text-light);font-family:var(--font-mono)}.product-result-title{font-size:1.05rem;font-weight:800;color:var(--text-main);letter-spacing:-.01em}.product-result-details{font-size:.84rem;color:var(--text-muted);line-height:1.45}.product-macros-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.product-macro-pill{font-family:var(--font-mono);font-size:.75rem;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border-light);padding:.2rem .55rem;border-radius:var(--radius-xs);color:var(--text-main)}.product-macro-pill.pill-protein{background:var(--success-green-light);border-color:#a7f3d0;color:var(--success-green);font-weight:700}.scanner-info-column{display:flex;flex-direction:column;gap:1.15rem}.scanner-badge-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-light);border:1px solid #bfdbfe;padding:.25rem .65rem;border-radius:var(--radius-pill);width:fit-content}.scanner-info-column h3{font-size:1.6rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.scanner-lead-text{font-size:.96rem;color:var(--text-muted);line-height:1.6}.scanner-features-list{display:flex;flex-direction:column;gap:.75rem}.scan-feat-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-main);line-height:1.45}.scan-feat-icon{width:24px;height:24px;background:var(--primary-blue-light);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.scan-presets-box{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}@media (max-width: 960px){.scanner-standalone-card{grid-template-columns:1fr}}.btn-camera-snap.camera-snap-disabled{opacity:.5;cursor:not-allowed}.camera-snap-disabled{opacity:.4;cursor:not-allowed!important}.scan-presets{display:flex;flex-direction:column;gap:.35rem}.scan-preset-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light)}.scan-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.btn-scan-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--bg-subtle);border:1px solid var(--border-light);padding:.45rem .55rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.72rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .15s ease;text-align:center}.btn-scan-trigger:hover{background:#fff;border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:var(--shadow-sm)}.btn-scan-trigger svg{color:var(--primary-blue);flex-shrink:0}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.select-group label{display:block;font-size:.76rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem}.clean-select{width:100%;background:var(--bg-white);border:1px solid var(--border-light);padding:.55rem .75rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.82rem;font-weight:500;color:var(--text-main);outline:none}.helper-info-box{display:flex;align-items:flex-start;gap:.65rem;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.85rem}.helper-info-box svg{color:var(--primary-blue);flex-shrink:0;margin-top:2px}.helper-info-box p{font-size:.8rem;color:var(--text-muted);line-height:1.45}.demo-phone{display:flex;flex-direction:column;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card);height:640px}.phone-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--border-light)}.phone-coach-status{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.active-dot{width:8px;height:8px;border-radius:50%;background:var(--success-green)}.phone-badge{font-size:.72rem;font-weight:600;color:var(--success-green);background:var(--success-green-light);padding:.2rem .6rem;border-radius:var(--radius-pill)}.situation-picker{padding:.85rem 0;border-bottom:1px solid var(--border-light)}.picker-title{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);display:block;margin-bottom:.5rem}.picker-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.pick-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-page);border:1px solid var(--border-light);color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;padding:.45rem .85rem;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease}.pick-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.pick-btn.active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.phone-messages{flex:1;overflow-y:auto;padding:1.25rem 0;display:flex;flex-direction:column;gap:1rem}.chat-placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;background:var(--bg-subtle);border:1px dashed var(--border-light);border-radius:var(--radius-md);margin:auto 0}.placeholder-icon{width:52px;height:52px;background:#fff;border:1px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);margin-bottom:1rem;box-shadow:var(--shadow-sm)}.chat-placeholder-state h3{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:.45rem}.chat-placeholder-state p{font-size:.88rem;color:var(--text-muted);max-width:320px;line-height:1.5}.msg-box{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.15rem 1.25rem;font-size:.92rem;line-height:1.6;max-width:100%;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.msg-box p+p{margin-top:.65rem}.msg-box ul{margin-left:1.25rem;margin-top:.5rem;margin-bottom:.5rem}.msg-box li{margin-bottom:.45rem}.macro-tag-clean{display:inline-block;background:#fff;border:1px solid var(--border-light);padding:.15rem .55rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--text-main);margin-top:.35rem;max-width:100%;box-sizing:border-box;word-break:break-word}.msg-add-macro-box{margin-top:1rem;padding:.9rem 1.15rem;background:#fff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.65rem;box-shadow:0 2px 6px #2563eb0f;max-width:100%;box-sizing:border-box}.add-macro-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.04em}.add-macro-header span{display:inline-flex;align-items:center;gap:.35rem}.add-macro-calculated-preview{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-main);word-break:break-word}.add-macro-controls{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;width:100%}.amount-input-wrap{position:relative;display:flex;align-items:center;flex:1 1 80px;min-width:70px}.amount-num-input{width:100%;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:.45rem .6rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-main);outline:none;box-sizing:border-box}.amount-num-input:focus{border-color:var(--primary-blue);background:#fff}.unit-select-input{flex:1 1 120px;min-width:110px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:.45rem .5rem;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-main);outline:none;cursor:pointer;box-sizing:border-box}.btn-add-to-daily{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--primary-blue);color:#fff;border:none;padding:.5rem .85rem;border-radius:var(--radius-xs);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex:1 1 100%;box-sizing:border-box}.btn-add-to-daily:hover{background:var(--primary-blue-hover);transform:translateY(-1px)}.btn-add-to-daily.added-success{background:var(--success-green)!important}.user-question-echo{align-self:flex-end;background:#fff;border:1px solid var(--primary-blue);border-radius:var(--radius-md);padding:.75rem 1.15rem;font-size:.9rem;font-weight:600;color:var(--text-main);max-width:90%;box-shadow:var(--shadow-sm);box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.user-question-echo .echo-label{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.typing-box{display:inline-flex;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.85rem 1.25rem;align-self:flex-start;color:var(--text-light);font-size:.82rem;font-weight:500;box-sizing:border-box}.typing-dot{width:7px;height:7px;background:var(--text-light);border-radius:50%;animation:typingBounce 1.3s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1;background:var(--primary-blue)}}.phone-input-bar{display:flex;gap:.6rem;padding-top:.85rem;border-top:1px solid var(--border-light);box-sizing:border-box;width:100%}.phone-input{flex:1;min-width:0;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);padding:.7rem 1.2rem;font-family:inherit;font-size:.88rem;outline:none;box-sizing:border-box}.phone-input:focus{background:#fff;border-color:var(--border-focus)}.btn-send{border-radius:var(--radius-pill);padding:.7rem 1.2rem;flex-shrink:0}.ai-disclaimer{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.73rem;color:var(--text-light);padding-top:.65rem;text-align:center;line-height:1.4}.ai-disclaimer svg{flex-shrink:0;color:var(--text-light)}.scenarios-showcase{padding:5rem 0;background:var(--bg-page);border-bottom:1px solid var(--border-light)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.info-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem 1.75rem;box-shadow:var(--shadow-sm)}.card-icon{width:44px;height:44px;background:var(--primary-blue-light);border:1px solid #bfdbfe;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-blue);margin-bottom:1.25rem}.info-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.info-card p{font-size:.92rem;color:var(--text-muted);line-height:1.55}.comparison-section{padding:5rem 0;background:var(--bg-white);border-bottom:1px solid var(--border-light)}.simple-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto}.compare-box{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-card)}.compare-badge{display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .85rem;border-radius:var(--radius-pill);margin-bottom:1.5rem}.bad-badge{background:#fee2e2;color:#dc2626}.good-badge{background:var(--success-green-light);color:var(--success-green)}.compare-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.compare-list li{font-size:.95rem;color:var(--text-muted);line-height:1.45;position:relative;padding-left:1.75rem}.bad .compare-list li:before{content:"✕";position:absolute;left:0;color:#ef4444;font-weight:800}.good .compare-list li:before{content:"✓";position:absolute;left:0;color:var(--success-green);font-weight:800}.db-optin-box{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-sm)}.db-switch-label{display:flex;align-items:flex-start;gap:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.db-switch-label input[type=checkbox]{display:none}.db-switch-slider{width:40px;height:22px;background:var(--border-light);border-radius:var(--radius-pill);position:relative;flex-shrink:0;transition:background-color .2s ease;margin-top:2px}.db-switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.db-switch-label input[type=checkbox]:checked+.db-switch-slider{background:var(--primary-blue)}.db-switch-label input[type=checkbox]:checked+.db-switch-slider:before{transform:translate(18px)}.db-switch-text{display:flex;flex-direction:column;gap:.2rem}.db-switch-text strong{font-size:.82rem;color:var(--text-main)}.db-switch-text small{font-size:.74rem;color:var(--text-muted);line-height:1.4}.db-status-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-family:var(--font-mono);color:var(--success-green);background:var(--success-green-light);border:1px solid #a7f3d0;padding:.2rem .6rem;border-radius:var(--radius-pill);width:fit-content}.db-status-pill.disabled{color:var(--text-light);background:var(--bg-subtle);border-color:var(--border-light)}.b2b-contact-section{padding:5rem 0;background:var(--bg-white);border-top:1px solid var(--border-light)}.b2b-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:var(--radius-lg);padding:3.5rem 2.5rem;text-align:center;box-shadow:var(--shadow-elevated)}.b2b-badge{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;background:#2563eb40;border:1px solid rgba(147,197,253,.3);padding:.25rem .75rem;border-radius:var(--radius-pill);margin-bottom:1.25rem}.b2b-content h2{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.85rem}.b2b-content p{color:#94a3b8;font-size:1.05rem;max-width:680px;margin:0 auto 2.25rem;line-height:1.6}.b2b-contact-box{display:flex;flex-direction:column;align-items:center;gap:.75rem}.b2b-email-btn{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:var(--text-main);font-family:var(--font-mono);font-size:1.15rem;font-weight:700;padding:.9rem 2rem;border-radius:var(--radius-pill);transition:all .2s ease;box-shadow:0 4px 14px #0003}.b2b-email-btn:hover{background:#f1f5f9;transform:translateY(-2px);color:var(--primary-blue)}.b2b-email-btn svg{color:var(--primary-blue)}.b2b-response-time{font-size:.82rem;color:#64748b}.footer{background:var(--bg-page);border-top:1px solid var(--border-light);padding:3rem 0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--text-muted);margin-bottom:1.5rem}.footer-links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-links a:hover{color:var(--primary-blue)}.legal-btn{background:none;border:none;font-family:inherit;font-size:.88rem;color:var(--text-muted);cursor:pointer;padding:0;transition:color .15s ease}.legal-btn:hover{color:var(--primary-blue);text-decoration:underline}.legal-btn-inline{background:none;border:none;font-family:inherit;font-size:inherit;color:var(--primary-blue);text-decoration:underline;cursor:pointer;padding:0}.footer-disclaimer-box{margin:1.5rem auto 1.25rem}.disclaimer-inner{display:flex;align-items:flex-start;gap:.75rem;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.95rem 1.25rem;font-size:.78rem;color:var(--text-light);line-height:1.5}.disclaimer-inner svg{color:var(--text-light);flex-shrink:0;margin-top:2px}.disclaimer-inner strong{color:var(--text-muted)}.footer-copy{border-top:1px solid var(--border-light);padding-top:1.25rem;text-align:center;font-size:.78rem;color:var(--text-light)}.cookie-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:920px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-elevated);z-index:999;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;animation:slideUpBanner .3s ease-out}.cookie-banner.hidden{display:none!important}@keyframes slideUpBanner{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.cookie-content{display:flex;align-items:flex-start;gap:1rem}.cookie-icon{width:40px;height:40px;background:var(--primary-blue-light);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cookie-text strong{display:block;font-size:.92rem;color:var(--text-main);margin-bottom:.2rem}.cookie-text p{font-size:.82rem;color:var(--text-muted);line-height:1.45}.cookie-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.btn-sm{padding:.5rem 1rem;font-size:.82rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-overlay.active{display:flex}.modal-card{background:#fff;border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated);overflow:hidden;animation:modalScale .2s ease-out}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:1.2rem;font-weight:800;color:var(--text-main)}.modal-close-btn{background:var(--bg-subtle);border:1px solid var(--border-light);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-main);cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.modal-body{padding:1.75rem;overflow-y:auto;font-size:.9rem;color:var(--text-muted);line-height:1.6}.modal-body h4{color:var(--text-main);font-size:1rem;margin:1.25rem 0 .4rem}.modal-body h4:first-child{margin-top:0}.modal-body ul{margin-left:1.25rem;margin-top:.5rem}.modal-body li{margin-bottom:.35rem}@media (max-width: 960px){.hero-title{font-size:2.2rem}.steps-grid,.cards-grid,.demo-card,.simple-compare-grid{grid-template-columns:1fr}.nav-menu{display:none}.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}.footer-content{flex-direction:column;gap:1.25rem;text-align:center}.footer-links{justify-content:center}}@media (max-width: 600px){input,select,textarea,.amount-num-input,.unit-select-input,.phone-input,.clean-select{font-size:16px!important}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn{width:100%}.b2b-email-btn{font-size:.95rem;padding:.75rem 1.25rem}.demo-card{padding:1rem;border-radius:var(--radius-md)}.demo-phone{padding:1rem .85rem;height:auto;min-height:520px;max-height:80vh}.demo-controls{padding:1.15rem 1rem}.scanner-standalone-card{padding:1.25rem 1rem}.scan-btn-row,.control-row,.camera-actions-bar{grid-template-columns:1fr}.picker-buttons{flex-direction:column;align-items:stretch}.pick-btn{width:100%;justify-content:center}.phone-input-bar{flex-direction:column}.btn-send{width:100%}.add-macro-controls{flex-direction:column;align-items:stretch}.amount-input-wrap,.unit-select-input,.btn-add-to-daily{width:100%;flex:1 1 100%}}@media (max-width: 480px){.container{padding:0 1rem}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.7rem}.phone-messages{padding:.75rem 0}.msg-box{padding:.9rem 1rem;font-size:.88rem}.user-question-echo{max-width:95%;padding:.65rem .9rem}}