:root{color-scheme:light dark;--ink:#14264b;--muted:#54617a;--blue:#0060df;--paper:#fff;--band:#f5f7fa;--line:#dce3ef;--green:#0c6e48;--shadow:0 16px 48px #17346113}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a{color:var(--blue);text-underline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h2{font-size:clamp(30px,3.1vw,44px);font-weight:650;margin-bottom:24px}h3{font-size:20px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:var(--muted);margin-bottom:22px}.eyebrow span{letter-spacing:0;font-weight:450;margin-left:8px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;border-radius:5px;padding:13px 24px;text-decoration:none;font-weight:650;font-size:15px;line-height:1.5;text-align:center;transition:background .15s,box-shadow .15s}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff}.primary:hover{background:#004eb6;box-shadow:0 5px 16px #0060df26}.secondary{background:transparent;color:var(--blue);border:1px solid var(--blue)}.secondary:hover{background:#0060df0a}.blue{color:var(--blue)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:16px;transform:translateY(-130%);z-index:100;padding:12px;background:var(--paper)}.skip-link:focus{transform:none}
.spotter-header{min-height:100px;display:flex;align-items:center;gap:44px;position:relative;z-index:10}.spotter-brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:var(--ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.spotter-brand img{flex:none}.analyze-box{display:flex;align-items:center;gap:14px;border:1px solid #b4bfd1;background:var(--paper);border-radius:6px;padding:6px}.analyze-box input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);height:48px;outline-offset:0;padding:0 12px;font-size:16px}.analyze-box input::placeholder{color:#65718a;opacity:1}.analyze-box button{flex:none}.analyze-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0060df12}.compact{max-width:540px;flex:1;margin-left:auto;gap:4px;padding:4px}.compact input{height:38px;font-size:13px}.compact .primary{min-height:40px;padding:8px 19px;font-size:13px}.notice{background:#edf4ff;color:#164c96;text-align:center;font-size:13px;letter-spacing:.02em;padding:10px 20px;border-block:1px solid #e2ecfc}.spotter-hero{text-align:center;padding-top:75px;padding-bottom:72px}.spotter-hero h1{font-size:clamp(40px,4.5vw,62px);font-weight:700;line-height:1.08;margin-bottom:25px;letter-spacing:-.045em}.hero-sub{font-size:19px;color:var(--muted);margin-bottom:30px}.hero-box{width:min(680px,100%);margin-inline:auto;text-align:left;box-shadow:0 8px 28px #1734610a}.hero-box svg{flex:none;margin-left:12px;color:#607390}.hero-box input{padding-left:0}.hero-box .primary{min-height:52px;padding-inline:28px}.input-error{color:#8e3807;font-size:14px;min-height:26px;margin:10px auto 0;max-width:680px}.hero-trust{font-size:12px;color:var(--muted);margin:0 0 26px}.hero-trust span{font-size:18px;margin-right:5px;color:var(--green)}.grade-key{display:flex;justify-content:center;gap:34px;font-size:12px;color:var(--muted)}.grade-key>span{display:flex;gap:9px;align-items:center}.mini-grade{display:inline-flex;align-items:center;justify-content:center;width:29px;height:30px;border-radius:7px;font-size:18px;font-weight:750;letter-spacing:0}.a{background:#d9f4e7;color:#09613d}.b{background:#ddf3f0;color:#09655d}.c{background:#fff0c8;color:#795400}
.section-title{text-align:center;margin-bottom:52px}.section-title p:last-child{color:var(--muted)}.how-section{padding-top:48px}.how-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:65px;align-items:center}.illustration{position:relative;background:#0060df;min-height:425px;overflow:hidden;border-radius:4px;box-shadow:var(--shadow);display:grid;place-items:center}.illustration-orbit{position:absolute;border:1px solid #ffffff28;border-radius:50%;width:500px;height:500px}.orbit-one{left:-260px;top:-240px}.orbit-two{right:-260px;bottom:-280px;width:600px;height:600px}.example-browser{position:relative;width:73%;background:#fff;border-radius:11px;color:#14264b;box-shadow:0 22px 35px #00307644;transform:rotate(-4deg);transition:transform .6s}.browser-top{height:34px;background:#f0f5fb;border-radius:11px 11px 0 0;display:flex;align-items:center;gap:5px;padding:0 12px}.browser-top i{width:5px;height:5px;border-radius:50%;background:#a8b9d2}.browser-top span{font-size:9px;margin-left:auto;color:#536481}.example-content{padding:20px 24px 44px;display:flex;gap:18px;align-items:center}.drawn-bag{width:50%}.drawn-bag svg{width:100%;height:auto}.example-lines{flex:1}.example-lines>span{display:block;height:7px;background:#dce5f3;border-radius:3px;margin-bottom:12px}.example-lines>span:nth-child(2){width:70%}.example-price{font-size:13px;white-space:nowrap;margin-top:25px;font-weight:650}.example-price b{color:#06714a;margin-left:3px}.floating-grade{position:absolute;right:28px;top:62px;width:112px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dcf9eb;color:#09613d;border-radius:14px;box-shadow:0 18px 32px #00307650;transform:rotate(5deg);transition:transform .6s}.floating-grade>span{font-size:8px;letter-spacing:.1em;font-weight:700}.floating-grade b{font-size:70px;line-height:1.1}.floating-grade small{font-size:11px}.verified-pill{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;display:flex;gap:5px;align-items:center;background:#fff;color:#154461;border-radius:30px;padding:12px 17px;box-shadow:0 6px 24px #00307640}.verified-pill>span{color:#138f81;font-size:18px}.example-caption{position:absolute;bottom:16px;color:#fff;font-size:10px;opacity:.85}.illustration[data-illustration="1"] .example-browser{transform:rotate(0) translateY(-6px)}.illustration[data-illustration="2"] .floating-grade{transform:rotate(0) scale(1.05)}.illustration[data-illustration="3"] .example-browser{transform:rotate(-2deg)}.how-step{position:relative;display:flex;gap:20px;text-align:left;align-items:flex-start;padding:20px 0;width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted)}.how-step:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:0;background:var(--blue)}.how-step.active:after{width:100%;transition:width 4.5s linear}.how-step.active{color:var(--ink)}.step-number{font-size:12px;font-weight:650;line-height:27px;color:var(--muted)}.how-step.active .step-number{color:var(--blue)}.how-step strong{display:block;font-size:17px;margin-bottom:7px}.how-step small{display:block;font-size:14px;line-height:1.65;max-width:310px}.motion-control{background:none;border:0;color:var(--muted);padding:8px 0;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.stores{text-align:center;padding:0 0 82px}.stores p{font-size:14px;color:var(--muted);margin-bottom:30px}.stores>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:65px;color:#6c7481}.stores span{font-size:25px;font-weight:750;letter-spacing:-.04em}.stores span:nth-child(4){font-size:21px;max-width:65px;line-height:.95}
.demo-section{background:#111f3b;color:#fff;text-align:center}.demo-section .eyebrow{color:#b7c5e3}.demo-section h2{margin-bottom:15px}.demo-section p:not(.eyebrow){color:#c8d4ed;font-size:17px}.demo-frame{width:min(860px,100%);aspect-ratio:16/9;background:radial-gradient(ellipse at 15% 90%,#173667,transparent 75%),#0d172c;border:1px solid #34435e;border-radius:8px;margin:45px auto 6px;position:relative;display:flex;align-items:center;justify-content:center;gap:5%;padding:6%;overflow:hidden}.demo-product{width:30%;background:#fff;border-radius:10px;color:#14264b;padding:18px 15px;display:grid;gap:6px;box-shadow:0 20px 50px #0003;animation:demo-card 9s infinite}.demo-bag{height:90px;font-size:64px;color:#0060df;background:#eff5ff;border-radius:6px;line-height:90px;margin-bottom:8px}.demo-product span{font-size:10px}.demo-product b{font-size:13px}.demo-checks{display:grid;gap:16px;text-align:left;font-size:12px;color:#d4eee8}.demo-checks span{animation:demo-tick 9s infinite}.demo-checks span:nth-child(2){animation-delay:.6s}.demo-checks span:nth-child(3){animation-delay:1.2s}.demo-checks span:nth-child(4){animation-delay:1.8s}.demo-grade{display:flex;flex-direction:column;justify-content:center;align-items:center;width:26%;background:#d9f4e7;color:#09613d;border-radius:12px;padding:20px 8px;animation:demo-grade 9s infinite;box-shadow:0 12px 50px #75ddbd16}.demo-grade span{font-size:7px;font-weight:750;letter-spacing:.06em}.demo-grade b{font-size:80px;line-height:1.2}.demo-grade small{font-size:12px}.demo-caption{position:absolute;bottom:12px;left:16px;color:#b6c4e0;font-size:10px}.demo-section .motion-control{color:#cad7f2}.demo-frame.paused *{animation-play-state:paused}@keyframes demo-card{0%,5%{opacity:0;transform:translateY(15px)}15%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes demo-tick{0%,18%{opacity:0;transform:translateX(-6px)}30%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes demo-grade{0%,50%{opacity:0;transform:scale(.85) rotate(8deg)}64%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.love-section{text-align:center}.love-spark{width:68px;height:68px;border-radius:50%;background:#ecf5ff;color:var(--blue);font-size:48px;line-height:68px;margin:0 auto 28px}.love-section h2{font-size:clamp(32px,3.3vw,46px)}.love-section p{color:var(--muted);font-size:18px}.love-section small{display:block;color:var(--muted);font-size:12px}.install-space{margin:28px 0 20px}.stats-band{background:var(--band);padding:45px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats>div{display:flex;flex-direction:column;padding:10px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font-size:35px;font-weight:650;letter-spacing:-.035em}.stats span{font-size:13px;color:var(--muted)}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.guide-copy{max-width:460px}.guide-copy>p:not(.eyebrow){color:var(--muted)}.guide-copy h3{margin:38px 0 10px}.carousel-controls{display:flex;gap:20px;align-items:center;margin-top:32px}.carousel-controls button{border:0;background:none;color:var(--blue);font-size:32px;width:48px;height:48px}.carousel-controls span{font-size:12px;letter-spacing:.12em;color:var(--muted)}.phone-stage{position:relative;display:grid;place-items:center;min-height:550px;background:var(--band);border-radius:4px;overflow:hidden}.phone{position:relative;width:244px;height:485px;border:6px solid #14213a;box-shadow:0 20px 40px #17346126,inset 0 0 0 1px #61708b;border-radius:37px;background:#fff;z-index:1;padding:7px;color:#14264b}.phone-camera{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:64px;height:15px;border-radius:15px;background:#14213a;z-index:2}.phone-screen{border-radius:25px;padding:40px 13px 12px;overflow:hidden;height:100%;background:#f9fbff;font-size:12px;line-height:1.5}.phone-brand{font-weight:800;letter-spacing:-.02em;font-size:17px;display:block;color:#176d67;margin-bottom:30px}.phone-slide>small{font-size:8px;letter-spacing:.14em;color:#536580}.phone h3{font-size:25px;margin-top:9px}.phone-input{background:#fff;border:1px solid #b8c7df;border-radius:5px;padding:12px 7px;font-size:9px;margin:20px 0;color:#52647d}.phone-input b{color:#0060df;margin-left:10px}.phone-result{background:#fff;border-radius:9px;box-shadow:0 6px 20px #10284e0d;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px}.phone-result .mini-grade{width:67px;height:70px;font-size:48px}.phone-result strong{font-size:12px}.phone-caption{color:#52647d;font-size:8px;text-align:center;margin-top:16px}.phone-deal{background:#eaf1fb;padding:16px 12px;border-radius:7px;margin:14px 0}.phone-deal span,.phone-deal b{display:block}.phone-deal b{font-size:14px;margin-top:10px}.phone-cta{background:#0060df;border-radius:5px;color:#fff;text-align:center;padding:12px;margin-bottom:20px;font-weight:650}.phone-orbit{position:absolute;width:500px;height:500px;border:1px solid #b8cae2;border-radius:50%;right:-250px;top:-200px}.safe-section{background:var(--band)}.safe-spark{display:block;color:var(--blue);font-size:38px;margin-bottom:18px}.safe-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.two-phones{height:560px;position:relative;max-width:520px}.phone-one{position:absolute;left:0;top:0;transform:rotate(-8deg)}.phone-two{position:absolute;right:10px;top:62px;transform:rotate(9deg)}.safe-steps>div{margin-bottom:34px}.safe-steps span{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--blue)}.safe-steps h3{font-size:23px;margin:12px 0}.safe-steps p{color:var(--muted);max-width:350px}.phone-break{display:none}.spotter-deals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.spotter-deal{border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 22px #17346107;overflow:hidden;display:flex;flex-direction:column}.deal-photo{aspect-ratio:1.18;background:#fff;padding:25px}.deal-photo img{width:100%;height:100%;object-fit:contain}.deal-copy{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.deal-off{font-size:11px;font-weight:650;color:var(--green);background:#d9f4e7;border-radius:4px;padding:4px 8px}.deal-copy h3{font-size:15px;letter-spacing:-.015em;line-height:1.5;margin:16px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.deal-price{font-size:26px;font-weight:700;margin-bottom:15px;margin-top:auto}.deal-copy>a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;font-weight:650}.deal-copy>a.deal-steps{font-size:11px}.text-link{display:block;text-align:center;margin:30px auto 0;min-height:44px;align-content:center;font-size:14px;font-weight:650}.spotter-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid var(--line)}.spotter-faq details{border-bottom:1px solid var(--line);padding:18px 0}.spotter-faq summary{cursor:pointer;font-weight:650;min-height:30px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.spotter-faq summary:after{content:"+";font-size:23px;color:var(--blue)}.spotter-faq details[open] summary:after{content:"−"}.spotter-faq details p{font-size:14px;color:var(--muted);margin:16px 0 8px}.spotter-faq summary::-webkit-details-marker{display:none}
.spotter-footer{background:#f2f4f8;padding:64px 0 145px}.footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}.footer-columns h3{font-size:14px;font-weight:750;letter-spacing:0;margin-bottom:20px}.footer-columns a{display:block;font-size:13px;color:var(--muted);text-decoration:none;min-height:38px;padding:5px 0}.footer-columns a:hover{text-decoration:underline;color:var(--blue)}.social-icons{display:flex;gap:16px}.social-icons a{font-weight:800;font-size:23px;min-width:30px;text-align:center}.seo-links{border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:30px;margin-top:38px;padding:20px 0}.seo-links a{font-size:12px;color:var(--muted);padding:5px 0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px}.footer-bottom>span{font-size:12px;color:var(--muted)}.disclosure{font-size:11px;color:var(--muted);max-width:850px;margin:25px 0 0}.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:35;background:#fff;color:#3e4b63;box-shadow:0 -4px 25px #13234715;border-top:1px solid #dce3ef;padding:17px max(30px,calc((100vw - 1160px)/2));display:flex;gap:30px;align-items:center;font-size:12px;line-height:1.6}.cookie-bar p{margin:0;flex:1}.cookie-bar a{color:#0057c9}.cookie-bar button{flex:none;min-width:74px;min-height:44px;border:0;border-radius:4px;background:#0060df;color:#fff;font-weight:650}.cookie-bar button:focus-visible{outline-offset:-5px;outline-color:#fff}
.spotter-result{padding:70px 0 55px}.result-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 230px;gap:42px;align-items:start}.result-photo{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;aspect-ratio:1;padding:25px;display:grid;place-items:center}.result-photo img{width:100%;height:100%;object-fit:contain}.result-photo .no-photo{color:#536580;font-size:14px;text-align:center}.result-details h1{font-size:25px;line-height:1.3;letter-spacing:.005em;overflow-wrap:anywhere;text-transform:uppercase;margin-bottom:20px}.result-details .eyebrow{font-size:10px;margin-bottom:12px}.store-label{color:var(--muted);font-size:13px}.store-label strong{color:var(--ink);margin-left:4px;font-size:16px}.result-price{font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.3;margin:20px 0 7px}#result-list{font-size:13px;margin:6px 0}.price-time{font-size:11px;color:var(--muted);margin:13px 0 0}.price-disclaimer{font-size:11px;color:var(--muted);margin:0 0 13px}.price-disclaimer summary{cursor:pointer;min-height:34px;align-content:center}.share-link{border:0;background:none;color:var(--blue);padding:5px 0;min-height:40px;font-size:13px;font-weight:650}#share-status{font-size:11px;margin-left:10px}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:15px}.result-actions a{font-size:13px}.result-grade{text-align:center;border-left:1px solid var(--line);padding-left:30px}.result-grade h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;line-height:1.7;font-weight:650;margin-bottom:22px}.grade-letter{font-size:105px;font-weight:700;line-height:1.25;border-radius:16px;width:160px;margin:0 auto 16px;letter-spacing:-.05em}.grade-note{font-size:12px;line-height:1.7}.result-grade>p:first-of-type{font-size:18px;font-weight:650;margin:0 0 13px}.result-grade .secondary{font-size:13px;width:100%;margin-top:12px}.overview{border-top:1px solid var(--line);margin-top:52px;padding-top:32px;display:grid;grid-template-columns:280px 1fr;gap:42px}.overview h2{font-size:22px}.overview ul{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;list-style:none;margin:0;padding:0;color:var(--muted);font-size:13px}.overview li{display:flex;gap:12px;align-items:flex-start}.overview li:before{content:"✓";color:var(--green);background:#e2f6eb;width:23px;height:23px;text-align:center;line-height:23px;flex:none;border-radius:50%;font-weight:650}.review-link{display:block;font-size:13px;text-align:right;margin-top:30px;min-height:44px;align-content:center}
.analyze-modal{width:min(850px,calc(100% - 32px));padding:30px 44px 35px;border:1px solid #458bee;border-radius:10px;background:#0060df;color:#fff;text-align:center;box-shadow:0 0 0 14px #ffffff24,0 24px 80px #001a5370;max-height:calc(100dvh - 40px);overflow:auto}.analyze-modal::backdrop{background:#10203c70}.modal-close{position:absolute;top:9px;right:10px;width:40px;height:40px;line-height:36px;background:transparent;color:#fff;font-size:29px;border:0;border-radius:50%}.modal-close:hover{background:#ffffff20}.analyze-modal button:focus-visible,.analyze-modal a:focus-visible{outline-color:#fff}.modal-brand{display:flex;align-items:center;justify-content:center;gap:11px;border-bottom:1px solid #ffffff60;padding:0 20px 22px;font-size:23px;letter-spacing:.02em;font-weight:650}.modal-brand small{font-size:12px;font-weight:400}#modal-product{margin:20px auto 26px;max-width:95%;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:25px}.radar{width:74px;height:74px;margin:0 auto 22px;position:relative;border:1px solid #ffffff60;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 11px,#ffffff38 12px 13px)}.radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 65%,#ffffff90);animation:radar-spin 1.8s linear infinite}.radar b{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;left:35px;top:35px}.modal-status{font-size:17px;font-weight:550;margin-bottom:18px}.modal-progress{height:26px;border-radius:5px;background:#fff;position:relative;overflow:hidden;text-align:left}.modal-progress>span{height:100%;display:block;width:0;background:#bcdaff;transition:width .15s linear}.modal-progress>b{position:absolute;left:9px;top:1px;color:#10447c;font-size:13px;line-height:24px;font-weight:650}#modal-step{font-size:14px;margin:24px 0 40px;min-height:24px}.modal-bottom{display:flex;justify-content:center}.modal-cta{background:#0049ac;border:1px solid #ffffff60;border-radius:30px;color:#fff;padding:10px 30px;min-height:44px;min-width:250px;font-size:13px;font-weight:650;text-decoration:none}.modal-cta span{margin-left:12px}@keyframes radar-spin{to{transform:rotate(360deg)}}
#pwa-help{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);max-width:min(480px,calc(100% - 32px));padding:30px}#pwa-help::backdrop{background:#10203c70}#pwa-help-close{float:right;background:transparent;color:var(--ink);border:0;font-size:26px;min-width:44px;min-height:44px}#pwa-help h2{font-size:24px}#pwa-help svg{width:20px;height:20px;vertical-align:middle}.alternative{padding:90px 0}.alternative h1{font-size:clamp(38px,5vw,66px);margin-bottom:30px;max-width:850px}.alternative-lead{font-size:22px;color:var(--muted)}.alternative-info{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:40px 65px;max-width:1000px}.alternative-info h2{font-size:25px}.alternative-info p{color:var(--muted);font-size:15px}
@media(min-width:1600px){.wrap{width:min(1240px,calc(100% - 120px))}.spotter-hero{padding-top:95px;padding-bottom:90px}.how-layout{gap:90px}.illustration{min-height:465px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.spotter-header{gap:20px}.compact{max-width:450px}.how-layout{gap:35px;grid-template-columns:1.3fr 1fr}.illustration{min-height:390px}.example-content{padding:20px 15px 40px;gap:8px}.floating-grade{right:12px;top:42px;width:96px;height:127px}.verified-pill{font-size:10px;padding:10px 12px;bottom:65px}.stores>div{gap:40px}.guide-section{gap:50px}.safe-layout{gap:35px;grid-template-columns:1fr 1fr}.two-phones{height:480px}.two-phones .phone{width:210px;height:430px}.two-phones .phone-screen{padding-inline:10px}.two-phones h3{font-size:21px}.phone-two{right:-5px}.spotter-deals{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:200px minmax(0,1fr) 170px;gap:24px}.result-grade{padding-left:20px}.grade-letter{width:140px;font-size:95px}.overview{grid-template-columns:200px 1fr;gap:24px}.result-details h1{font-size:21px}.spotter-faq{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.spotter-header{min-height:82px;flex-wrap:wrap;gap:0;padding-block:17px}.spotter-brand{font-size:24px}.spotter-brand img{width:32px;height:32px}.compact{order:3;flex-basis:100%;max-width:none;margin-top:16px}.spotter-header .spotter-menu{margin-left:auto}.notice{font-size:11px;padding:9px 12px}.spotter-hero{padding-top:50px;padding-bottom:45px}.eyebrow{font-size:10px;margin-bottom:19px}.spotter-hero h1{font-size:42px}.hero-sub{font-size:16px;max-width:340px;margin:0 auto 26px}.hero-box{gap:6px;padding:5px}.hero-box svg{display:none}.hero-box input{padding:0 8px;font-size:14px;height:46px}.hero-box .primary{padding:10px 16px;min-height:46px;font-size:13px;gap:8px}.hero-box .primary span{display:none}.hero-trust{font-size:11px}.grade-key{gap:20px;font-size:10px}.mini-grade{width:25px;height:27px;font-size:16px}.grade-key>span{gap:6px}.how-section{padding-top:30px}.section-title{margin-bottom:35px}.how-layout{grid-template-columns:1fr;gap:28px}.illustration{min-height:330px;width:100%;max-width:540px;margin:auto}.example-browser{width:72%}.example-content{padding:16px 20px 35px}.floating-grade{right:22px;top:34px}.verified-pill{bottom:40px}.how-step{padding:16px 0;gap:18px}.how-step strong{font-size:16px}.how-step small{font-size:13px;max-width:none}.how-step>span:nth-child(2){flex:1}.how-steps{max-width:540px;margin:auto;width:100%}.stores{padding-bottom:50px}.stores p{font-size:12px}.stores>div{gap:22px 26px}.stores span{font-size:21px}.stores span:nth-child(4){font-size:17px;max-width:50px}.demo-section h2{font-size:32px}.demo-section p:not(.eyebrow){font-size:14px;max-width:320px;margin-inline:auto}.demo-frame{margin-top:30px;padding:5%;gap:5%}.demo-product{padding:9px 8px;border-radius:5px;gap:3px;width:32%}.demo-bag{height:45px;font-size:32px;line-height:45px;margin-bottom:3px}.demo-product span{font-size:6px}.demo-product b{font-size:8px}.demo-checks{font-size:7px;gap:9px}.demo-grade{padding:10px 4px;border-radius:6px}.demo-grade span{font-size:4px}.demo-grade b{font-size:43px}.demo-grade small{font-size:7px}.demo-caption{font-size:7px;bottom:6px;left:10px}.love-section p{font-size:15px}.love-section h2{font-size:32px}.stats-band{padding:25px 0}.stats strong{font-size:27px}.stats span{font-size:10px;line-height:1.6}.stats>div{padding:5px 8px}.guide-section{grid-template-columns:1fr;gap:35px}.guide-copy{max-width:540px}.guide-copy h3{margin-top:25px}.guide-copy p{font-size:15px}.phone-stage{min-height:540px}.carousel-controls{margin-top:15px}.safe-layout{grid-template-columns:1fr;gap:35px}.two-phones{width:100%;max-width:420px;height:480px;margin:0 auto}.phone-one{left:10px;top:5px}.phone-two{right:10px;top:48px}.safe-steps{max-width:420px;margin:auto}.safe-steps p{max-width:none;font-size:15px}.safe-steps .primary{width:100%}.phone-break{display:block}.spotter-deals{gap:14px}.deal-photo{padding:16px}.deal-copy{padding:16px 13px}.deal-copy h3{font-size:13px}.deal-price{font-size:23px}.deal-off{font-size:9px;padding:3px 6px}.spotter-faq{grid-template-columns:1fr;gap:10px}.spotter-faq h2 br{display:none}.spotter-faq summary{font-size:14px}.spotter-faq details p{font-size:13px}.spotter-footer{padding:45px 0 190px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-columns h3{margin-bottom:12px}.footer-columns a{font-size:12px}.seo-links{gap:5px 20px;padding:14px 0}.seo-links a{font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.cookie-bar{padding:13px 18px;gap:15px;font-size:10px}.cookie-bar button{min-width:54px}.spotter-result{padding:35px 0}.result-grid{grid-template-columns:minmax(0,1fr) 132px;gap:25px 18px}.result-photo{max-width:260px;width:100%;grid-column:1/-1;justify-self:center}.result-details{grid-column:1;min-width:0}.result-details h1{font-size:19px}.result-grade{padding-left:15px}.result-grade h2{font-size:10px;margin-bottom:14px}.grade-letter{width:100%;font-size:75px;border-radius:12px}.result-grade>p:first-of-type{font-size:15px}.grade-note{font-size:10px}.result-grade .secondary{padding:10px 9px;font-size:11px;gap:5px}.result-price{font-size:33px}.result-actions a{font-size:11px;padding:12px 10px;gap:5px}.store-label{font-size:11px}.store-label strong{display:block;margin:0;font-size:14px}.overview{grid-template-columns:1fr;gap:0;margin-top:30px;padding-top:25px}.overview ul{gap:20px 16px;font-size:12px}.overview h2{font-size:20px}.review-link{text-align:left}.analyze-modal{padding:26px 22px 25px;box-shadow:0 0 0 7px #ffffff24,0 24px 80px #001a5370}.modal-brand{gap:8px;font-size:20px;padding:5px 10px 19px;flex-wrap:wrap}.modal-brand img{width:28px;height:28px}.modal-brand small{font-size:10px;flex-basis:100%;margin-top:-4px}.modal-close{right:3px;top:3px;font-size:24px;width:34px;height:34px;line-height:30px}#modal-product{font-size:12px;margin:21px auto 24px}.modal-status{font-size:14px}#modal-step{font-size:12px;margin:23px 0 30px}.modal-cta{min-width:0;width:100%;font-size:12px;padding:10px 14px}.radar{width:65px;height:65px}.radar b{top:30px;left:30px}.alternative{padding:55px 0}.alternative-lead{font-size:18px}.alternative-info{grid-template-columns:1fr;margin-top:45px;gap:25px}}
@media(prefers-color-scheme:dark){:root{--ink:#edf3ff;--muted:#b4c1d8;--blue:#8abaff;--paper:#101a2e;--band:#172238;--line:#34435f;--green:#91e4bb;--shadow:0 16px 48px #0003}.primary{background:#0060df;border-color:#387fea;color:#fff}.primary:hover{background:#1c70e4}.notice{background:#172e51;border-color:#34435f;color:#b6d3ff}.analyze-box{border-color:#657693}.analyze-box input::placeholder{color:#b4c1d8}.input-error{color:#ffd2a5}.hero-trust span{color:#91e4bb}.stores>div{color:#b1bbcc}.love-spark{background:#203961}.phone-stage{background:#1a2944}.phone-orbit{border-color:#3f567d}.deal-off{color:#09613d}.spotter-footer{background:#0d1627}.cookie-bar{background:#172238;color:#d0dbed;border-color:#34435f}.cookie-bar a{color:#a9cbff}.overview li:before{background:#193e34;color:#91e4bb}.analyze-modal{background:#075ac7}.analyze-modal .modal-cta{background:#003e91}.phone-screen a{color:#0057c9}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-frame *{opacity:1;transform:none}.radar i{transform:rotate(45deg)}.how-step.active:after{width:100%}.motion-control{display:none}}
/* Decorative phone overlap stays inside its own stage on narrow screens. */
.two-phones{overflow:hidden}.social-icons>span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:38px;font-size:23px;font-weight:800}
@media(max-width:760px){.compact input,.hero-box input{font-size:16px}}
/* Phones: the grade sits under the photo, full width, before the details. The title takes focus for screen readers only. */
@media(max-width:560px){.result-grid{grid-template-columns:minmax(0,1fr)}.result-grade{grid-column:1;grid-row:2;border-left:0;padding:0 0 24px;border-bottom:1px solid var(--line)}.result-grade .secondary{max-width:280px}.result-grade .grade-letter{max-width:180px;margin-inline:auto}.result-grade h2{font-size:11px}}
#result-title:focus{outline:none}
.spotter-menu{position:relative;margin-left:auto;color:inherit;font-size:16px;text-align:left}.spotter-menu summary{display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 16px;cursor:pointer;list-style:none}.spotter-menu summary::-webkit-details-marker{display:none}.spotter-menu summary:focus-visible,.spotter-menu a:focus-visible{outline:3px solid #0060df;outline-offset:3px}.spotter-menu nav{position:absolute;right:0;top:100%;z-index:30;display:grid!important;gap:0!important;width:240px;max-width:85vw;padding:10px!important;background:#fff;border:1px solid #dce1ec;border-radius:10px;box-shadow:0 16px 45px #15234d26}.spotter-menu nav a{display:block;padding:12px 15px;min-height:44px;color:#17294d!important;text-decoration:none;font-size:15px!important}.spotter-menu nav a:hover{background:#eef4ff;border-radius:6px}@media(prefers-color-scheme:dark){.spotter-menu nav{background:#172238;border-color:#34435f}.spotter-menu nav a{color:#edf3ff!important}.spotter-menu nav a:hover{background:#243654}}
@media(max-width:760px){.tool-header{gap:8px 10px}.tool-header .spotter-menu summary{font-size:14px;gap:8px;padding:8px}.tool-header .join{padding:10px 12px;font-size:13px;margin-left:0}}