@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg-hsl:240 10% 3.9%;--surface-hsl:240 10% 7.8%;--surface-hover-hsl:240 10% 12%;--surface-active-hsl:240 10% 16%;--border-hsl:240 5.9% 15%;--border-glow-hsl:20 90% 55%;--bg:hsl(var(--bg-hsl));--surface:hsl(var(--surface-hsl));--surface-hover:hsl(var(--surface-hover-hsl));--surface-active:hsl(var(--surface-active-hsl));--border:hsl(var(--border-hsl));--accent-hsl:20 90% 55%;--accent:hsl(var(--accent-hsl));--accent-glow:hsla(var(--accent-hsl)/0.15);--text:#f4f4f5;--text-dim:#a1a1aa;--muted:#52525b;--green:#10b981;--green-glow:rgba(16,185,129,.1);--red:#f43f5e;--red-glow:rgba(244,63,94,.1);--neutral-glow:hsla(240,5%,65%,.1);--font-display:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 80% 20%,hsla(var(--accent-hsl)/.05),transparent 45%),radial-gradient(circle at 15% 85%,rgba(102,102,255,.03),transparent 40%);pointer-events:none;z-index:-1}.app-container{max-width:1200px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;min-height:100vh}header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.brand-wrapper{display:flex;flex-direction:column}.brand{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 0 30px hsla(var(--accent-hsl)/.3)}.brand span.dot{color:var(--accent)}.subtitle{font-size:11px;letter-spacing:3px;color:var(--text-dim);margin-top:4px;text-transform:uppercase;font-weight:600}.tabs{background:rgba(24,24,27,.6);border:1px solid var(--border);padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab,.tabs{display:flex;gap:8px;border-radius:99px}.tab{padding:10px 20px;border:none;background:transparent;color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:1.5px;cursor:pointer;font-family:var(--font-display);transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center}.tab:hover{color:var(--text);background:hsla(0,0%,100%,.03)}.tab.active{background:var(--accent);color:#000;box-shadow:0 4px 20px hsla(var(--accent-hsl)/.4)}.panel{display:none;animation:fadeIn .4s ease-out}.panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:rgba(19,19,22,.6);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.2);transition:border-color .3s,box-shadow .3s,transform .3s}.card:hover{border-color:hsla(var(--accent-hsl)/.3);box-shadow:0 10px 40px rgba(0,0,0,.4)}.capture-layout{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px}@media (max-width:820px){.capture-layout{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:16px}}.capture-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;min-height:450px}.visualizer-container{width:100%;height:120px;position:relative;margin-bottom:24px;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.2);border:1px dashed hsla(0,0%,100%,.05)}.record-btn-wrapper{position:relative;margin-bottom:32px}.pulse-ring{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:2px solid var(--accent);opacity:0;pointer-events:none}.recording .pulse-ring{animation:pulse-animation 2s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulse-animation{0%{transform:scale(.95);opacity:.5}50%{opacity:.2}to{transform:scale(1.3);opacity:0}}.big-button{width:160px;height:160px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:#fff;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:2px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.big-button svg{width:28px;height:28px;transition:transform .3s}.big-button:hover{transform:translateY(-4px);border-color:hsla(var(--accent-hsl)/.5);box-shadow:0 15px 40px hsla(var(--accent-hsl)/.15)}.big-button:active{transform:translateY(1px)}.big-button.live{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 15px 40px hsla(var(--accent-hsl)/.4)}.big-button.live:hover{box-shadow:0 15px 50px hsla(var(--accent-hsl)/.6)}.big-button.live svg{transform:scale(1.1)}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:99px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.dot-indicator{width:6px;height:6px;border-radius:50%;background:var(--muted)}.dot-indicator.live{background:var(--accent);animation:mini-pulse 1.5s infinite}@keyframes mini-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.4}}.meter-wrapper{width:100%;max-width:320px;margin-bottom:24px}.meter-track{height:4px;background:hsla(0,0%,100%,.05);border-radius:99px;overflow:hidden;margin-bottom:8px}.meter-fill{height:100%;width:0;background:var(--muted);transition:width .06s linear}.meter-fill.live{background:linear-gradient(90deg,var(--accent),#fb923c);box-shadow:0 0 10px hsla(var(--accent-hsl)/.5)}.meter-label{font-size:11px;font-weight:500;letter-spacing:.5px}.hint,.meter-label{color:var(--text-dim);text-align:center}.hint{font-size:12px;line-height:1.6;max-width:360px}.stats-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;width:100%}.stat-box{background:rgba(19,19,22,.4);border:1px solid var(--border);border-radius:16px;padding:16px;gap:16px}.stat-box,.stat-box-icon{display:flex;align-items:center}.stat-box-icon{width:42px;height:42px;border-radius:12px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);justify-content:center;color:var(--accent)}.stat-box-meta{display:flex;flex-direction:column}.stat-box-value{font-family:var(--font-display);font-size:22px;font-weight:800}.stat-box-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:2px}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.05);border-top:2px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.banner{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);padding:16px;border-radius:14px;margin-bottom:24px}.banner strong{color:#fff}.banner code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-size:11px}.insights-grid{display:flex;flex-direction:column;gap:16px}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-meta{display:flex;flex-direction:column;gap:4px}.card-time{font-size:12px;color:var(--text-dim);font-weight:500}.card-date{font-size:10px;color:var(--muted);font-weight:500}.pill{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.pill.positive{background:var(--green-glow);color:var(--green);border:1px solid rgba(16,185,129,.2)}.pill.neutral{background:var(--neutral-glow);color:var(--text-dim);border:1px solid hsla(240,5%,65%,.2)}.pill.negative{background:var(--red-glow);color:var(--red);border:1px solid rgba(244,63,94,.2)}.transcript-text{font-size:15px;line-height:1.6;color:#fff;margin-bottom:16px;font-weight:400}.products-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.product-pill{background:hsla(0,0%,100%,.02);border:1px solid var(--border);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.product-pill.out-of-stock{background:rgba(244,63,94,.05);border-color:rgba(244,63,94,.2);color:var(--red)}.product-pill .status-indicator{width:5px;height:5px;border-radius:50%;background:var(--green)}.product-pill.out-of-stock .status-indicator{background:var(--red)}.card-footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-footer-meta .meta-item{display:flex;align-items:center;gap:6px}.card-footer-meta .sales-value{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--accent)}.card-actions{display:flex;gap:8px;margin-left:12px}.action-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;transition:color .2s;padding:4px;border-radius:4px}.action-btn:hover{color:var(--red);background:rgba(244,63,94,.05)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:820px){.analytics-grid{grid-template-columns:1fr}}.section-title{font-family:var(--font-display);font-size:12px;color:var(--text-dim);letter-spacing:2px;font-weight:800;margin-bottom:20px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.analytics-large-stat{display:flex;flex-direction:column;justify-content:center;min-height:120px}.analytics-value{font-family:var(--font-display);font-size:48px;font-weight:900;background:linear-gradient(135deg,#fff 40%,var(--text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.analytics-subtext{font-size:12px;color:var(--text-dim);margin-top:8px;font-weight:500}.bar-chart-list{display:flex;flex-direction:column;gap:16px}.chart-bar-container{display:flex;flex-direction:column;gap:6px}.chart-bar-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:capitalize}.chart-bar-track{height:8px;background:hsla(0,0%,100%,.03);border-radius:99px;overflow:hidden;border:1px solid hsla(0,0%,100%,.02)}.chart-bar-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px rgba(0,0,0,.5)}.list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.list-row:last-child{border:none;padding-bottom:0}.list-row:first-child{padding-top:0}.list-row .value{color:var(--accent);font-family:var(--font-display);font-size:15px;font-weight:800}.empty-container{flex-direction:column;padding:64px 20px;text-align:center;border:1px dashed var(--border);border-radius:20px;background:rgba(19,19,22,.2)}.empty-container,.empty-icon{display:flex;align-items:center;justify-content:center}.empty-icon{width:48px;height:48px;border-radius:16px;background:hsla(0,0%,100%,.02);color:var(--muted);margin-bottom:16px;border:1px solid var(--border)}.empty-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.empty-subtitle{font-size:12px;color:var(--text-dim);max-width:240px;line-height:1.5}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:24px 16px}.auth-container{width:100%;max-width:400px}.auth-card{background:rgba(19,19,22,.6);border:1px solid var(--border);border-radius:24px;padding:36px 30px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 15px 40px rgba(0,0,0,.4);transition:border-color .3s}.auth-card:hover{border-color:hsla(var(--accent-hsl)/.25)}.auth-header{text-align:center;margin-bottom:28px}.auth-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff;margin-bottom:6px}.auth-subtitle{font-size:12px;color:var(--text-dim);font-weight:500}.auth-tabs{display:flex;gap:8px;background:rgba(0,0,0,.2);border:1px solid var(--border);padding:4px;border-radius:12px;margin-bottom:24px}.auth-tab-btn{flex:1 1;padding:10px;border:none;background:transparent;color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:1px;border-radius:8px;cursor:pointer;font-family:var(--font-display);transition:all .25s ease}.auth-tab-btn.active{background:hsla(0,0%,100%,.05);color:#fff;border:1px solid hsla(0,0%,100%,.05)}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:14px;color:var(--muted);pointer-events:none}.form-input{width:100%;padding:12px 14px 12px 42px;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:12px;color:#fff;font-family:var(--font-sans);font-size:13px;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-input:focus{outline:none;border-color:var(--accent);background:rgba(0,0,0,.4);box-shadow:0 0 12px hsla(var(--accent-hsl)/.15)}.auth-error{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.2);color:var(--red);padding:10px 14px;border-radius:10px;font-size:12px;margin-bottom:20px;font-weight:500}.auth-error,.auth-submit-btn{display:flex;align-items:center;gap:8px}.auth-submit-btn{width:100%;padding:12px;background:var(--accent);color:#000;border:none;border-radius:12px;font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .25s;box-shadow:0 4px 15px hsla(var(--accent-hsl)/.3);justify-content:center}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsla(var(--accent-hsl)/.5)}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{background:var(--muted);color:var(--text-dim);box-shadow:none;cursor:not-allowed;transform:none}.auth-footer-tip{text-align:center;margin-top:20px;font-size:12px;color:var(--text-dim)}.auth-link{color:var(--accent);font-weight:600;cursor:pointer;margin-left:4px;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.auth-link:hover{text-decoration:underline}.user-menu{display:flex;align-items:center;gap:12px}.user-tag{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase}.logout-btn{background:rgba(244,63,94,.05);border:1px solid rgba(244,63,94,.1);color:var(--red);padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.5px;border-radius:8px;cursor:pointer;transition:all .25s}.logout-btn:hover{background:var(--red);color:#000;box-shadow:0 0 15px rgba(244,63,94,.3)}.shake-element{animation:shake-keyframes .4s ease}@keyframes shake-keyframes{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.contact-section{width:100%;max-width:520px;margin-top:48px;animation:fadeIn .6s ease-out .2s both}.contact-divider{display:flex;align-items:center;gap:16px;margin-bottom:32px}.contact-divider-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.contact-divider-text{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:3px;color:var(--text-dim);white-space:nowrap}.contact-card{background:rgba(19,19,22,.6);border:1px solid var(--border);border-radius:24px;padding:36px 30px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 15px 40px rgba(0,0,0,.4);transition:border-color .3s}.contact-card:hover{border-color:hsla(var(--accent-hsl)/.25)}.contact-card-header{text-align:center;margin-bottom:28px}.contact-icon-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,hsla(var(--accent-hsl)/.15),hsla(var(--accent-hsl)/.05));border:1px solid hsla(var(--accent-hsl)/.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--accent);box-shadow:0 4px 20px hsla(var(--accent-hsl)/.15)}.contact-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff;margin-bottom:8px}.contact-subtitle{font-size:12px;color:var(--text-dim);font-weight:500;line-height:1.6;max-width:340px;margin:0 auto}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:520px){.contact-form-row{grid-template-columns:1fr}}.contact-textarea{width:100%;padding:14px 16px;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:12px;color:#fff;font-family:var(--font-sans);font-size:13px;resize:vertical;min-height:100px;max-height:300px;transition:all .3s cubic-bezier(.16,1,.3,1);line-height:1.6}.contact-textarea:focus{outline:none;border-color:var(--accent);background:rgba(0,0,0,.4);box-shadow:0 0 12px hsla(var(--accent-hsl)/.15)}.contact-textarea::placeholder{color:var(--muted)}.contact-char-count{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:4px;font-weight:500}.contact-submit-btn{margin-top:8px}.contact-success-toast{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:var(--green);padding:14px 18px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:fadeIn .4s ease-out}.contact-messages-grid{display:flex;flex-direction:column;gap:16px}.contact-message-card{background:rgba(19,19,22,.6);border:1px solid var(--border);border-radius:16px;padding:20px 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.16,1,.3,1)}.contact-message-card:hover{border-color:hsla(var(--accent-hsl)/.25);box-shadow:0 8px 30px rgba(0,0,0,.3);transform:translateY(-2px)}.contact-message-card.message-unread{border-left:3px solid var(--accent);background:rgba(24,24,27,.8)}.contact-message-card.message-read{opacity:.7}.contact-message-card.message-read:hover{opacity:1}.contact-msg-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.contact-msg-sender{display:flex;align-items:center;gap:12px}.contact-msg-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#fb923c);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:16px;color:#000;flex-shrink:0}.contact-msg-actions{display:flex;gap:6px}.contact-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:hsla(0,0%,100%,.03);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.contact-action-btn:hover{background:hsla(0,0%,100%,.08);color:var(--accent);border-color:hsla(var(--accent-hsl)/.3)}.contact-action-btn.delete:hover{color:var(--red);border-color:rgba(244,63,94,.3);background:rgba(244,63,94,.05)}.contact-msg-subject{font-family:var(--font-display);font-size:15px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:8px}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 8px hsla(var(--accent-hsl)/.5);animation:mini-pulse 1.5s infinite}.contact-msg-body{font-size:13px;color:var(--text-dim);line-height:1.7;margin-bottom:14px;white-space:pre-wrap;word-break:break-word}.contact-msg-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);font-weight:500;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.04)}.contact-status-pill{padding:2px 10px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.contact-status-pill.unread{background:hsla(var(--accent-hsl)/.1);color:var(--accent);border:1px solid hsla(var(--accent-hsl)/.2)}.contact-status-pill.read{background:rgba(16,185,129,.08);color:var(--green);border:1px solid rgba(16,185,129,.15)}.admin-unread-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:99px;background:var(--red);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px rgba(244,63,94,.4);animation:mini-pulse 2s infinite}.table-row-hover:hover{background:hsla(0,0%,100%,.02)!important}.header-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px;width:100%}.contact-stat-card{display:flex;flex-direction:column;gap:6px;padding:16px 20px!important;background:hsla(0,0%,100%,.02)!important;border:1px solid var(--border)!important;margin-bottom:0!important}.insight-card-expanded{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--text-dim);animation:fadeIn .2s ease-out;width:100%}.insight-card-expanded-left,.insight-card-expanded-right{display:flex;align-items:center;gap:8px}@media (max-width:960px){.app-container{padding:20px 16px 48px}}@media (max-width:820px){header{flex-direction:column;text-align:center;gap:20px;margin-bottom:24px}.brand-wrapper,header{align-items:center}.header-controls{flex-direction:column;gap:16px}.header-controls,.tabs,.user-menu{width:100%;justify-content:center}.user-menu{gap:16px}}@media (max-width:680px){.tab span{display:none}.tab{padding:12px 16px;border-radius:50%}.tabs{gap:6px;padding:6px;border-radius:99px}.card table{font-size:12px}.contact-stats-grid{grid-template-columns:1fr;gap:12px}}@media (max-width:580px){.card-header-row{flex-direction:column;align-items:flex-start;gap:10px}.card-header-row>div:last-child{width:100%;justify-content:space-between}.contact-msg-header{flex-direction:column;align-items:flex-start;gap:12px}.contact-msg-actions{width:100%;justify-content:flex-end}.contact-message-card{padding:16px}}@media (max-width:480px){.auth-card,.contact-card{padding:24px 18px;border-radius:20px}.auth-title,.contact-title{font-size:20px}.brand{font-size:24px}.insight-card-expanded{flex-direction:column;align-items:flex-start;gap:10px}.insight-card-expanded-right{width:100%;justify-content:flex-start}.stats-cards-grid{grid-template-columns:1fr}.visualizer-container{height:100px}.big-button{width:130px;height:130px;font-size:18px}.analytics-value{font-size:36px}.product-pill{padding:4px 8px;font-size:11px}}.landing-page-wrapper{max-width:1200px;margin:0 auto;padding:0 24px;flex-direction:column}.landing-header,.landing-page-wrapper{width:100%;display:flex;align-items:center}.landing-header{padding:24px 0;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.03)}.header-cta-btn{background:transparent;border:1px solid var(--border);border-radius:99px;padding:8px 20px;font-family:var(--font-display);font-size:12px;font-weight:700;color:#fff;cursor:pointer;letter-spacing:1px;transition:all .3s ease}.header-cta-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 20px hsla(0,0%,100%,.1)}.hero-section{padding:80px 0 60px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:800px;animation:fadeIn .8s ease-out}.hero-tag{background:hsla(var(--accent-hsl)/.1);border:1px solid hsla(var(--accent-hsl)/.2);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:99px;margin-bottom:24px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 20px hsla(var(--accent-hsl)/.05)}.hero-title{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.1;color:#fff;letter-spacing:-1.5px;margin-bottom:24px}.hero-title span.gradient{background:linear-gradient(135deg,var(--accent) 30%,#fb923c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:clamp(14px,2vw,18px);color:var(--text-dim);line-height:1.6;margin-bottom:40px;max-width:600px}.hero-buttons{display:flex;gap:16px}.primary-btn{background:var(--accent);color:#000;border:none;border-radius:99px;padding:14px 32px;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px hsla(var(--accent-hsl)/.3)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px hsla(var(--accent-hsl)/.5)}.secondary-btn{background:hsla(0,0%,100%,.03);color:#fff;border:1px solid var(--border);border-radius:99px;padding:14px 32px;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .3s}.secondary-btn:hover{background:hsla(0,0%,100%,.08);border-color:#3c3c44}.services-section{width:100%;padding:80px 0;display:flex;flex-direction:column;align-items:center}.section-label{color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.section-headline{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:800;color:#fff;margin-bottom:48px;text-align:center;letter-spacing:-.5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;width:100%}.service-card{background:rgba(19,19,22,.4);border:1px solid var(--border);border-radius:24px;padding:36px 28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:20px}.service-card:hover{border-color:hsla(var(--accent-hsl)/.3);box-shadow:0 12px 40px rgba(0,0,0,.4);transform:translateY(-4px)}.service-icon-wrapper{width:48px;height:48px;border-radius:12px;background:hsla(0,0%,100%,.02);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:all .3s ease}.service-card:hover .service-icon-wrapper{background:hsla(var(--accent-hsl)/.1);border-color:hsla(var(--accent-hsl)/.3);box-shadow:0 0 20px hsla(var(--accent-hsl)/.2)}.service-card-title{font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;letter-spacing:-.2px}.service-card-desc{font-size:13px;color:var(--text-dim);line-height:1.6}.mockup-section{width:100%;max-width:1000px;padding:40px 0 80px;display:flex;flex-direction:column;align-items:center}.mockup-frame{width:100%;aspect-ratio:16/9;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.02),rgba(0,0,0,.4));box-shadow:0 25px 60px rgba(0,0,0,.6);padding:16px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-header{height:24px;display:flex;gap:6px;margin-bottom:16px}.mockup-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.1)}.mockup-body{height:calc(100% - 40px);border:1px solid hsla(0,0%,100%,.02);border-radius:12px;background:rgba(0,0,0,.3);flex-direction:column}.mockup-body,.mockup-pulse-circle{display:flex;justify-content:center;align-items:center;position:relative}.mockup-pulse-circle{width:80px;height:80px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);animation:mockup-pulse-anim 3s infinite}@keyframes mockup-pulse-anim{0%{box-shadow:0 0 0 0 hsla(var(--accent-hsl)/.4)}70%{box-shadow:0 0 0 25px hsla(var(--accent-hsl)/0)}to{box-shadow:0 0 0 0 hsla(var(--accent-hsl)/0)}}.mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,hsla(var(--accent-hsl)/.08) 0,transparent 70%);pointer-events:none}.footer-section{width:100%;padding:80px 0 40px;border-top:1px solid var(--border);margin-top:80px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:48px;gap:48px}.footer-column{display:flex;flex-direction:column;gap:20px}.footer-logo{font-family:var(--font-display);font-size:20px;font-weight:900;color:#fff}.footer-logo span.dot{color:var(--accent)}.footer-desc{font-size:13px;color:var(--text-dim);line-height:1.6;max-width:320px}.footer-col-title{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:2px;color:#fff;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{font-size:13px;color:var(--text-dim);text-decoration:none;cursor:pointer;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-bottom{grid-column:1/-1;border-top:1px solid hsla(0,0%,100%,.03);padding-top:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}@media (max-width:960px){.services-grid{grid-template-columns:repeat(2,1fr)}.footer-section{grid-template-columns:1.5fr 1fr 1fr;gap:32px}}@media (max-width:768px){.footer-section,.services-grid{grid-template-columns:1fr}.footer-section{gap:36px;text-align:center;margin-top:60px;padding-top:60px}.footer-desc{max-width:100%}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.hero-buttons{flex-direction:column;width:100%;max-width:320px}.hero-section{padding:60px 0 40px}}.banner{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#fbbf24;padding:14px 18px;border-radius:12px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.banner-content{flex:1 1}.banner-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.banner-btn{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);color:#fbbf24;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.banner-btn:hover{background:rgba(245,158,11,.3)}.banner-close-btn{background:transparent;border:none;color:#fbbf24;opacity:.7;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;flex-shrink:0}.banner-close-btn:hover{opacity:1;background:hsla(0,0%,100%,.1)}.spin{animation:spin-anim 1s linear infinite}@keyframes spin-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-summary-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:900px){.stat-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.stat-summary-row{grid-template-columns:1fr}}.stat-card{background:rgba(19,19,22,.7);border:1px solid var(--border);border-radius:16px;padding:18px 20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px rgba(0,0,0,.25);transition:all .3s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-3px);border-color:hsla(var(--accent-hsl)/.35);box-shadow:0 10px 30px rgba(0,0,0,.4)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-card-title{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.stat-card-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-card-value{font-family:var(--font-display);font-size:26px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:4px}.stat-card-sub{font-size:11px;color:var(--muted);font-weight:500}.rank-badge{font-size:10px;font-weight:800;color:var(--accent);background:hsla(var(--accent-hsl)/.12);padding:2px 7px;border-radius:6px}.value-badge{font-size:11px;font-weight:700;color:#fb7185;background:rgba(244,63,94,.1);padding:3px 9px;border-radius:99px;border:1px solid rgba(244,63,94,.2)}.pill.regular-customer-pill{background:rgba(168,85,247,.12);color:#c084fc;border:1px solid rgba(168,85,247,.3);box-shadow:0 0 10px rgba(168,85,247,.2)}.copilot-card-box{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.25);color:#e0f2fe;padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}