.scanner{position: relative;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-card);box-shadow: var(--shadow-pop);overflow: hidden}.scanner__head{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1.25rem;border-bottom: 1px solid var(--line);background: var(--bg-mint);font: 600 0.78rem var(--font-mono);color: var(--muted);letter-spacing: 0.04em}.scanner__dots{display: flex;gap: 5px}.scanner__dots span{width: 9px;height: 9px;border-radius: 50%}.scanner__dots span:nth-child(1){background: var(--pin-red)}.scanner__dots span:nth-child(2){background: var(--amber)}.scanner__dots span:nth-child(3){background: var(--green)}.scanner__status{margin-left:auto;color: var(--green-dark);display: inline-flex;align-items: center;gap: 0.4em}.scanner__status::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--green);animation: pulse-dot 1.6s 3}.scanner__window{position: relative;padding: var(--s-3) var(--s-3) var(--s-2);background: linear-gradient(var(--bg-mint-2) 1px,transparent 1px) 0 0 / 100% 26px,linear-gradient(90deg,var(--bg-mint-2) 1px,transparent 1px) 0 0 / 26px 100%,linear-gradient(180deg,var(--surface),var(--bg-mint))}.scanner__car{position: relative;margin-left:auto;margin-right:auto;max-width: 360px}.scanner__car svg{width: 100%;height: auto}.scanner__car .car-body{fill: none;stroke: var(--ink-soft);stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round}.scanner__car .car-glass{fill: var(--bg-mint-2);stroke: var(--ink-soft);stroke-width: 1.6}.scanner__car .car-wheel{fill: #fff;stroke: var(--ink-soft);stroke-width: 2.2}.scanner__car .car-hub{fill: var(--ink-soft)}.scanner__beam{position: absolute;top: -6%;bottom: -6%;width: 46px;left: -60px;pointer-events: none;background: linear-gradient(90deg,transparent,rgba(0,224,96,0.28) 45%,rgba(0,224,96,0.55) 50%,rgba(0,224,96,0.28) 55%,transparent);filter: blur(1px)}.scanner__beam::after{content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 2px;transform: translateX(-50%);background: var(--green-glow);box-shadow: 0 0 14px 2px var(--green-glow)}.scanner__window{container-type: inline-size}.js-scan .scanner__beam{--beam-run: 460px;--beam-run: calc(100cqw + 120px);will-change: transform,opacity;animation: beam-sweep 3.6s var(--ease-out) 2;animation-delay: 0.5s}@keyframes beam-sweep{0%{transform: translateX(0);opacity: 0}8%{opacity: 1}55%{transform: translateX(var(--beam-run,460px));opacity: 1}62%,100%{transform: translateX(var(--beam-run,460px));opacity: 0}}.scanner__plate{display: inline-flex;align-items: stretch;margin: var(--s-2) auto 0;border: 2px solid var(--ink-soft);border-radius: 7px;overflow: hidden;background: var(--surface);font: 700 0.95rem var(--font-mono);letter-spacing: 0.08em}.scanner__plate b{padding: 0.28em 0.7em;color: var(--ink)}.scanner__plate i{display: grid;place-items: center;padding: 0.28em 0.5em;font-style: normal;font-size: 0.62em;line-height: 1.25;border-left:2px solid var(--ink-soft);color: var(--ink);background: var(--bg-mint)}.scanner__report{padding: var(--s-1) 1.25rem var(--s-2);display: grid}.scan-row{display: flex;align-items: center;gap: 0.75rem;padding: var(--s-1) var(--s-0h);border-bottom: 1px dashed var(--line);transition: opacity 0.5s,transform 0.5s var(--ease-out)}.scan-row:last-child{border-bottom: 0}.scan-row__value{transition: opacity 0.4s}.js-scan .scan-row:not(.lit) .scan-row__value{opacity: 0}.scan-row__label{font-size: 0.9375rem;color: var(--muted);font-weight: 600}.scan-row__value{margin-left:auto;font: 700 0.9rem var(--font-mono);color: var(--ink)}.scan-row__value.ok{color: var(--green-dark)}.scan-row__value.warn{color: var(--warn-text)}.scan-row__tick{width: 20px;height: 20px;border-radius: 50%;display: grid;place-items: center;background: var(--green-tint);color: var(--green-dark);font-size: 0.7rem;font-weight: 800;transition: transform 0.4s var(--ease-spring)}.js-scan .scan-row:not(.lit) .scan-row__tick{transform: scale(0)}.scan-row__tick--warn{background: var(--amber-tint);color: var(--warn-text)}.scanner__vin{display: flex;align-items: baseline;gap: var(--s-1);padding: 0.75rem 1.25rem;border-top: 1px solid var(--line);background: var(--green-deep);font: 600 0.86rem var(--font-mono);color: #7ee2a8}.scanner__vin b{color: #fff;letter-spacing: 0.12em;font-weight: 600}.scanner__vin .caret{display: inline-block;width: 8px;height: 1.05em;margin-left:2px;background: var(--green-glow);vertical-align: text-bottom;animation: caret-blink 0.85s steps(1) infinite}@keyframes caret-blink{50%{opacity: 0}}.stamp{position: absolute;right: 16px;top: 12px;padding: 0.4em 0.9em;border: 2.5px solid var(--green);border-radius: 10px;color: var(--green-dark);font: 800 0.82rem var(--font-display);letter-spacing: 0.14em;text-transform: uppercase;transform: rotate(-6deg);z-index: 5;background: var(--glass-bg-strong);backdrop-filter: blur(2px)}.js-scan .stamp:not(.hit){opacity: 0;transform: rotate(8deg) scale(2.4)}.js-scan .stamp.hit{animation: stamp-hit 0.5s var(--ease-out) forwards}@keyframes stamp-hit{0%{transform: rotate(8deg) scale(2.4);opacity: 0}60%{transform: rotate(-6deg) scale(0.96);opacity: 1}100%{transform: rotate(-6deg) scale(1);opacity: 1}}.ticker{overflow: hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background: var(--surface);padding: 0.75rem 0;position: relative}.ticker::before,.ticker::after{content: "";position: absolute;top: 0;bottom: 0;width: 90px;z-index: 2;pointer-events: none}.ticker::before{left: 0;background: linear-gradient(90deg,var(--surface),transparent)}.ticker::after{right: 0;background: linear-gradient(-90deg,var(--surface),transparent)}.ticker__track{display: flex;width: max-content;animation: marquee var(--marquee-duration,30s) linear infinite;will-change: transform}.ticker:hover .ticker__track{animation-play-state: paused}@keyframes marquee{to{transform: translateX(-50%)}}.ticker.is-paused .ticker__track{animation-play-state: paused}.ticker__group{display: flex;align-items: center;gap: var(--s-4);padding-right:var(--s-4)}.ticker__item{display: inline-flex;align-items: center;gap: 0.5em;font-size: 0.9375rem;color: var(--ink-soft);white-space: nowrap}.ticker__item b{font-weight: 700}.ticker__item .sep{color: var(--green);font-weight: 800}.promo-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1.25rem;margin-top: clamp(var(--s-4),5vw,var(--s-6))}@media (max-width: 760px){.promo-row{grid-template-columns: 1fr}}.promo-card{position: relative;padding: var(--s-3) 1.75rem;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-card);box-shadow: var(--shadow-card);overflow: hidden;transition: transform 0.3s var(--ease-out),box-shadow 0.3s}.promo-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-pop)}.promo-card::before{content: "";position: absolute;top:0;right:auto;bottom:0;left:0;width: 5px;background: linear-gradient(var(--green),var(--green-glow))}.promo-card h3{margin-bottom: 0.35em}.promo-card p{color: var(--muted);font-size: 0.9375rem}.benefits-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.25rem}@media (max-width: 860px){.benefits-row{grid-template-columns: 1fr}}.benefit-card{padding: 1.75rem var(--s-3);background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-card);transition: transform 0.3s var(--ease-out),box-shadow 0.3s,border-color 0.3s}.benefit-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-card);border-color: var(--line-strong)}.benefit-card__icon{width: 52px;height: 52px;display: grid;place-items: center;font-size: 1.5rem;border-radius: 15px;background: var(--green-tint);margin-bottom: var(--s-2)}.benefit-card p{color: var(--muted);font-size: 0.9375rem;margin: 0}.checks-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--s-2)}@media (max-width: 1020px){.checks-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 560px){.checks-grid{grid-template-columns: 1fr}}.check-card{position: relative;padding: var(--s-3) 1.25rem;background: var(--surface);border: 1px solid var(--line);border-radius: 18px;overflow: hidden;transition: transform 0.3s var(--ease-out),box-shadow 0.3s}.check-card::after{content: "✓";position: absolute;top: 0.9rem;right: 1rem;width: 22px;height: 22px;display: grid;place-items: center;border-radius: 50%;font-size: 0.72rem;font-weight: 800;color: var(--green-dark);background: var(--green-tint);opacity: 0;transform: scale(0.4);transition: opacity 0.3s,transform 0.3s var(--ease-spring)}.check-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-card)}.check-card:hover::after{opacity: 1;transform: scale(1)}.check-card__icon{font-size: 1.45rem;margin-bottom: 0.75rem}.check-card h3{font-size: 1.02rem;margin-bottom: 0.35em}.check-card p{color: var(--muted);font-size: 0.9375rem;margin: 0}.loyalty-layout{display: grid;grid-template-columns: 1.4fr 1fr;gap: var(--s-3);align-items: start}@media (max-width: 860px){.loyalty-layout{grid-template-columns: 1fr}}.loyalty-ladder{display: grid;gap: 0.75rem}.loyalty-step{display: flex;align-items: center;gap: var(--s-2);padding: var(--s-2) 1.25rem;background: var(--surface);border: 1px solid var(--line);border-radius: 16px;transition: transform 0.3s var(--ease-out),box-shadow 0.3s,border-color 0.3s}.loyalty-step:hover{transform: translateX(6px);border-color: var(--green)}.loyalty-step--highlight{border-color: var(--green);background: linear-gradient(135deg,var(--surface) 60%,var(--green-tint));box-shadow: var(--shadow-card)}.loyalty-step__badge{min-width: 46px;height: 46px;display: grid;place-items: center;border-radius: 13px;background: var(--green-deep);color: var(--green-glow);font: 700 1rem var(--font-mono)}.loyalty-step__main{display: grid}.loyalty-step__range{font-size: var(--fs-xs);color: var(--muted);font-weight: 600}.loyalty-step__price{font: 700 1.15rem var(--font-mono);color: var(--ink)}.loyalty-step__save{margin-left:auto;font: 700 0.85rem var(--font-mono);color: var(--green-dark);background: var(--green-tint);padding: 0.35em 0.75em;border-radius: var(--r-pill)}.loyalty-aside{display: grid;gap: var(--s-2);position: sticky;top: 90px}.loyalty-card{padding: 1.75rem var(--s-3);border-radius: var(--r-card);background: var(--surface);border: 1px solid var(--line)}.loyalty-card--accent{background: var(--green-deep);border-color: var(--green-deep);color: #e8f8ee;box-shadow: var(--shadow-pop)}.loyalty-card--accent h3{color: #fff}.loyalty-card--accent p{color: #a9cdb7;font-size: 0.9375rem;margin: 0}.loyalty-card__icon{font-size: 1.7rem;margin-bottom: 0.75rem}.steps{position: relative;display: grid;grid-template-columns: repeat(3,1fr);gap: var(--s-3);counter-reset: step}@media (max-width: 860px){.steps{grid-template-columns: 1fr;max-width: 460px;margin-left:auto;margin-right:auto}}.steps__line{position: absolute;top: 44px;left: 12%;right: 12%;height: 3px;z-index: 0;pointer-events: none}.steps__line path{stroke: var(--line-strong);stroke-width: 3;fill: none;stroke-dasharray: 8 9}.steps__line .steps__line-fill{stroke: var(--green);stroke-dasharray: none;stroke-dashoffset: var(--line-len,1000)}.steps.lines-on .steps__line-fill{transition: stroke-dashoffset 1.6s var(--ease-out);stroke-dashoffset: 0 !important}@media (max-width: 860px){.steps__line{display: none}}.step{position: relative;z-index: 1;text-align: center;padding: var(--s-3) var(--s-3);background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-card);transition: transform 0.3s var(--ease-out),box-shadow 0.3s}.step:hover{transform: translateY(-5px);box-shadow: var(--shadow-card)}.step__num{display: grid;place-items: center;width: 52px;height: 52px;margin: 0 auto var(--s-2);border-radius: 50%;background: var(--green-deep);color: var(--green-glow);font: 600 1.15rem var(--font-display);box-shadow: 0 0 0 6px var(--green-tint)}.step h3{font-size: 1.05rem}.step p{color: var(--muted);font-size: 0.9375rem;margin: 0}.messengers-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.25rem}@media (max-width: 960px){.messengers-grid{grid-template-columns: 1fr;max-width: 420px;margin-left:auto;margin-right:auto}}.messenger-card{display: flex;flex-direction: column;padding: 1.75rem var(--s-3);background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-card);text-align: center;transition: transform 0.3s var(--ease-out),box-shadow 0.3s}.messenger-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-pop)}.messenger-card__icon{width: 58px;height: 58px;margin: 0 auto var(--s-2)}.messenger-card p{color: var(--muted);font-size: 0.9375rem;flex: 1}.faq{max-width: 760px;margin-left:auto;margin-right:auto;display: grid;gap: 0.75rem}.faq__item{background: var(--surface);border: 1px solid var(--line);border-radius: 16px;overflow: hidden;transition: border-color 0.25s,box-shadow 0.25s}.faq__item[open]{border-color: var(--green);box-shadow: var(--shadow-card)}.faq__item summary{display: flex;align-items: center;gap: 0.75rem;padding: var(--s-2) 1.25rem;cursor: pointer;font-weight: 700;list-style: none;user-select: none}.faq__item summary::-webkit-details-marker{display: none}.faq__item summary::after{content: "+";margin-left:auto;width: 26px;height: 26px;display: grid;place-items: center;border-radius: 50%;background: var(--green-tint);color: var(--green-dark);font-weight: 700;transition: transform 0.3s var(--ease-out);flex-shrink: 0}.faq__item[open] summary::after{transform: rotate(45deg)}.faq__item p{padding: 0 1.25rem 1.25rem;margin: 0;color: var(--muted)}.cta-strip{position: relative;text-align: center;padding: clamp(var(--s-5),6vw,var(--s-8)) clamp(var(--s-3),5vw,3.5rem);background: var(--green-deep);border-radius: 28px;color: #e8f8ee;overflow: hidden;box-shadow: var(--shadow-pop)}.cta-strip::before{content: "";position: absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;background: radial-gradient(circle at 20% 20%,rgba(0,224,96,0.22),transparent 40%),radial-gradient(circle at 80% 80%,rgba(0,160,240,0.14),transparent 40%);pointer-events: none}.cta-strip > *{position: relative}.cta-strip h2{color: #fff;font-size: clamp(1.5rem,3.2vw,2.1rem)}.cta-strip p{color: #a9cdb7}.cta-strip p strong{color: var(--green-glow)}.cta-strip__actions{display: flex;gap: 0.75rem;justify-content: center;flex-wrap: wrap;margin-top: var(--s-3)}.messengers-grid > .messenger-card:only-child{grid-column: 1 / -1;justify-self: center;width: 100%;max-width: 420px}@media (prefers-reduced-motion: reduce){.ticker__track{animation: none}.scanner__beam{display: none}.scan-row{opacity: 1;transform: none}.scan-row__tick{transform: scale(1)}.stamp{opacity: 1;transform: rotate(-6deg)}}