@font-face{font-family:Spendy;src:url(/fonts/NewJune-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spendy;src:url(/fonts/NewJune-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Spendy;src:url(/fonts/NewJune-Semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Spendy;src:url(/fonts/NewJune-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-display: "Spendy", "Inter", "Segoe UI", sans-serif;--font-body: var(--font-display);--bg: #f6f8fb;--bg-elevated: #fcfdfd;--surface: #ffffff;--surface-muted: #f8fafc;--surface-muted-2: #eef2f7;--surface-glass: rgba(255, 255, 255, .92);--surface-primary-soft: #ecfdf5;--surface-info-soft: #dbeafe;--surface-success-soft: #f0fdf4;--surface-success-accent: #dcfce7;--surface-warning-soft: #fff7ed;--surface-warning-accent: #fed7aa;--primary: #22c55e;--primary-dark: #15803d;--primary-dark-strong: #16a34a;--secondary: #0f172a;--secondary-strong: #020617;--muted: #64748b;--border: #e2e8f0;--border-success: #bbf7d0;--border-warning: #fed7aa;--info: #2563eb;--success-text: #166534;--warning-text: #c2410c;--white: #ffffff;--ripple-overlay: rgba(255, 255, 255, .28);--ripple-overlay-dark: rgba(15, 23, 42, .14);--radius: 22px;--shadow-soft: 0 20px 60px rgba(15, 23, 42, .12);--shadow-store-icon: 0 10px 24px rgba(15, 23, 42, .06);--shadow-phone: 0 34px 90px rgba(15, 23, 42, .35);--shadow-card: 0 10px 30px rgba(15, 23, 42, .05);--shadow-primary: 0 16px 32px rgba(34, 197, 94, .28);--shadow-primary-strong: 0 18px 42px rgba(34, 197, 94, .28);--shadow-primary-button: 0 14px 28px rgba(34, 197, 94, .34);--shadow-nav: 0 18px 38px rgba(15, 23, 42, .12);--shadow-pin: 0 12px 26px rgba(34, 197, 94, .35);--shadow-scan-glow: 0 0 18px rgba(34, 197, 94, .9);--gradient-body: radial-gradient(circle at top left, rgba(220, 252, 231, .95) 0, transparent 34%), linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 100%);--gradient-screen: linear-gradient(180deg, var(--surface-muted) 0%, var(--surface-muted-2) 100%);--gradient-summary: linear-gradient(135deg, var(--primary-dark-strong), var(--primary));--gradient-map: linear-gradient(135deg, var(--surface-info-soft), var(--surface-success-accent));--gradient-product-icon: linear-gradient(135deg, rgba(22, 163, 74, .95), rgba(34, 197, 94, .55))}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body)}body{margin:0;user-select:none}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}input,textarea{user-select:text}.action-buttons{max-width:640px}.action-buttons-eyebrow{margin:0 0 1rem;color:var(--primary-dark);font-size:.8rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.action-buttons h1{margin:0 0 1.5rem;font-size:clamp(2.7rem,5.4vw,4.725rem);line-height:.94;letter-spacing:-.07em}.action-buttons-copy{margin:0 0 2rem;max-width:38rem;color:var(--muted);font-size:1rem;line-height:1.6}.action-buttons-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem}.action-buttons-actions_row{display:flex;flex-wrap:wrap;gap:.75rem}.download-button{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0)}.share-button{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);--ripple-overlay: var(--ripple-overlay-dark);border:1px solid rgba(15,23,42,.18);background:var(--surface);color:var(--secondary);box-shadow:0 12px 24px #0f172a0d}.share-button svg{color:var(--secondary)}.download-button_label,.download-button svg,.share-button_label,.share-button svg{position:relative;z-index:1}.download-button_ripple{position:absolute;left:var(--ripple-x);top:var(--ripple-y);width:18px;height:18px;border-radius:999px;background:var(--ripple-overlay);transform:translate(-50%,-50%) scale(0);animation:download-button-ripple .52s ease-out forwards;pointer-events:none}.download-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .18s ease}.download-modal.is-open{opacity:1;pointer-events:auto}.download-modal_backdrop{position:absolute;inset:0;background:#0f172a8f;backdrop-filter:blur(10px)}.download-modal_dialog{position:relative;z-index:1;width:min(720px,100%);padding:28px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-soft)}.download-modal_close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:999px;background:var(--surface-muted);color:var(--secondary);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.download-modal_eyebrow{margin:0 0 .875rem;color:var(--primary-dark);font-size:.76rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.download-modal_title{margin:0 0 .75rem;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.02;letter-spacing:-.05em}.download-modal_copy{margin:0 0 1.5rem;color:var(--muted);line-height:1.6}.download-modal_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.download-modal_card{display:grid;justify-items:center;gap:.875rem;padding:20px;border:.5px solid var(--border);border-radius:12px;background:var(--surface-muted);text-decoration:none;text-align:center}.download-modal_qr-frame{position:relative;width:160px;height:160px;overflow:hidden;background:var(--white)}.download-modal_qr{width:160px;height:160px;display:block;opacity:1;transition:opacity .18s ease}.download-modal_qr-frame.is-loading .download-modal_qr{opacity:0}.download-modal_qr-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#e2e8f0e6,#f1f5f9,#e2e8f0e6);background-size:200% 100%;animation:qr-skeleton-loading 1.1s ease-in-out infinite}.download-modal_qr-frame:not(.is-loading) .download-modal_qr-skeleton{opacity:0;pointer-events:none}.download-modal_store-badge{width:auto;height:44px;object-fit:contain}@media(max-width:680px){.download-modal{padding:16px}.download-modal_dialog{padding:24px 18px 18px}.download-modal_grid{grid-template-columns:1fr}}@keyframes download-button-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.92}to{transform:translate(-50%,-50%) scale(18);opacity:0}}@keyframes qr-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.phone-shell{display:flex;justify-content:center}.phone{width:351px;height:702px;border-radius:42px;background:var(--secondary-strong);padding:12px;box-shadow:var(--shadow-phone)}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:32px;background:var(--gradient-screen)}.status-bar,.app-header,.bottom-nav,.nav-item,.brand,.logo,.avatar,.scan-button,.store-rank,.map-pin,.alert-card_icon,.product-icon{display:grid;place-items:center}.status-bar{height:38px;display:flex;justify-content:space-between;padding:0 20px;font-size:12px;font-weight:700}.app-header{padding:10px 20px 16px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;font-size:22px;font-weight:900;letter-spacing:-.04em}.logo{width:36px;height:36px;border-radius:12px;background:var(--primary)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--surface-info-soft);color:var(--info);font-weight:800}.content{position:relative;height:calc(100% - 100px);padding:0 16px 86px;overflow:hidden}.app-slide{position:absolute;inset:0 16px 86px;opacity:0;transform:translate(24px) scale(.98);animation:app-slide-show 25s infinite}.app-slide:nth-child(1){animation-delay:0s}.app-slide:nth-child(2){animation-delay:5s}.app-slide:nth-child(3){animation-delay:10s}.app-slide:nth-child(4){animation-delay:15s}.app-slide:nth-child(5){animation-delay:20s}.summary-card{margin-bottom:16px;padding:20px;border-radius:var(--radius);background:var(--gradient-summary);color:var(--white);box-shadow:var(--shadow-primary-strong)}.summary-card small{opacity:.82;font-weight:700}.summary-card strong{display:block;margin-top:8px;font-size:30px;letter-spacing:-.05em}.summary-card span{display:block;margin-top:8px;font-size:13px;opacity:.88}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.mini-card,.price-card,.alert-card,.receipt-card,.comparison-card,.notification-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.mini-card,.comparison-card,.alert-card,.notification-card{border-radius:20px;padding:16px}.mini-card label,.screen-subtitle,.receipt-card p,.comparison-card p,.comparison-row p,.notification-card p,.price-card p,.alert-card p{color:var(--muted)}.mini-card label{font-size:12px;font-weight:700}.mini-card strong{display:block;margin-top:6px;font-size:20px;letter-spacing:-.04em}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 10px;font-size:14px;font-weight:900}.section-title a{color:var(--primary-dark);text-decoration:none;font-size:12px}.product-icon{width:44px;height:44px;border-radius:14px;background:var(--surface-primary-soft);color:var(--primary-dark-strong)}.product-icon svg{width:24px;height:24px}.product-icon--bag svg{transform:scale(.96)}.price-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;margin-bottom:10px;padding:16px;border-radius:20px}.price-card h3,.receipt-card h3,.comparison-card h3,.notification-card h3{margin:0 0 4px;font-size:14px}.price-card p,.receipt-card p,.comparison-card p,.notification-card p,.alert-card p{margin:0;font-size:12px;line-height:1.4}.economy{color:var(--primary-dark);font-weight:900;font-size:14px}.alert-card{display:flex;gap:12px;align-items:center;background:var(--surface-warning-soft);border-color:var(--border-warning)}.alert-card strong{display:block;margin-bottom:4px;font-size:13px}.alert-card_icon{width:34px;height:34px;border-radius:50%;background:var(--surface-warning-accent);color:var(--warning-text);font-weight:900}.alert-card--success{background:var(--surface-success-soft);border-color:var(--border-success)}.alert-card_icon--success{background:var(--surface-success-accent);color:var(--success-text)}.screen-title{margin:0 2px 14px;font-size:22px;line-height:1.1;letter-spacing:-.05em}.screen-subtitle{margin:-6px 2px 16px;font-size:13px;line-height:1.45}.scan-panel{position:relative;display:grid;place-items:center;height:306px;margin-bottom:14px;overflow:hidden;border-radius:28px;background:var(--secondary-strong);box-shadow:inset 0 0 0 1px #ffffff14}.scan-frame{position:relative;display:grid;place-items:center;width:198px;height:198px;border:3px solid rgba(255,255,255,.88);border-radius:28px}.scan-line{position:absolute;top:40px;left:18px;right:18px;height:3px;border-radius:999px;background:var(--primary);box-shadow:var(--shadow-scan-glow);animation:scan-line 2.2s ease-in-out infinite}.qr-grid{display:grid;grid-template-columns:repeat(6,18px);gap:8px}.qr-grid span{width:18px;height:18px;background:var(--white)}.qr-grid span:nth-child(3n){opacity:.32}.receipt-card{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;padding:15px;border-radius:20px}.receipt-value{font-weight:900;color:var(--secondary)}.map-preview{position:relative;height:144px;margin-bottom:12px;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--gradient-map)}.map-preview:before,.map-preview:after{content:"";position:absolute;width:220px;height:42px;border-radius:999px;background:#ffffff8c;transform:rotate(-24deg)}.map-preview:before{top:34px;left:-32px}.map-preview:after{right:-42px;bottom:36px}.map-pin{position:absolute;top:56px;left:150px;width:36px;height:36px;border-radius:50% 50% 50% 0;background:var(--primary);transform:rotate(-45deg);box-shadow:var(--shadow-pin)}.map-pin span{width:12px;height:12px;border-radius:999px;background:var(--white);transform:rotate(45deg)}.comparison-card{border-radius:22px}.comparison-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.notification-list{display:grid;gap:12px}.notification-card{display:flex;gap:12px}.store-rank{width:34px;height:34px;border-radius:12px;background:var(--surface-primary-soft);color:var(--primary-dark);font-weight:900}.bottom-nav{position:absolute;left:12px;right:12px;bottom:12px;height:62px;border:1px solid var(--border);border-radius:26px;background:var(--surface-glass);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;box-shadow:var(--shadow-nav)}.nav-item{gap:4px;color:var(--muted);font-size:10px;font-weight:800;text-align:center}.nav-item.active{color:var(--primary-dark)}.scan-button{width:48px;height:48px;margin-top:-24px;border-radius:20px;background:var(--primary);color:var(--white);box-shadow:var(--shadow-primary-button)}@keyframes app-slide-show{0%{opacity:0;transform:translate(24px) scale(.98)}4%,18%{opacity:1;transform:translate(0) scale(1)}22%,to{opacity:0;transform:translate(-24px) scale(.98)}}@keyframes scan-line{0%,to{transform:translateY(0)}50%{transform:translateY(135px)}}.store-availability{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.875rem;font-weight:700}.store-icons{display:flex;align-items:center;gap:8px}.store-icon{width:42px;height:42px;border-radius:14px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;box-shadow:var(--shadow-store-icon)}body{min-height:100vh;background:var(--gradient-body);color:var(--secondary);overflow-x:hidden}a{color:inherit}.app{width:min(1280px,100%);margin:0 auto;padding:24px}.app-frame{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:center;min-height:calc(100vh - 48px)}.btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:16px 26px;text-decoration:none;font-size:1rem;font-weight:800}.btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow-primary)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.18);border-radius:999px;padding:16px 26px;background:var(--surface);color:var(--secondary);text-decoration:none;font-size:1rem;font-weight:800}@media(max-width:920px){.app{padding:20px 12px}.app-frame{grid-template-columns:1fr;gap:42px;min-height:auto}.phone{width:min(390px,100%);margin:0 auto}}