  :root{
    --ink:#0F2A26;--ink-soft:#3A524D;--brand:#0E9E72;--brand-deep:#0A6E4F;--brand-dark:#0B3A30;
    --cta:#FF6A3D;--cta-deep:#E8501F;--mint:#E9F5EF;--mint-2:#D4EBE0;--paper:#FBFCFB;--line:#E3EBE7;
    --alert:#C8453B;--amber:#E8911C;--white:#fff;
    --shadow-sm:0 1px 2px rgba(15,42,38,.06),0 2px 8px rgba(15,42,38,.05);
    --shadow:0 10px 30px rgba(15,42,38,.10);--shadow-lg:0 24px 60px rgba(15,42,38,.16);
    --radius:18px;--radius-sm:12px;--maxw:1120px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.08;letter-spacing:-.02em;font-weight:800}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
  .eyebrow{font-size:13px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:var(--brand-deep)}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Inter',sans-serif;font-weight:700;font-size:16px;padding:15px 26px;border-radius:13px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}
  .btn-cta{background:var(--cta);color:#fff;box-shadow:0 6px 18px rgba(255,106,61,.32)}
  .btn-cta:hover{background:var(--cta-deep);transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,106,61,.40)}
  .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);font-weight:600}
  .btn-ghost:hover{border-color:var(--brand);color:var(--brand-deep)}

  header{position:sticky;top:0;z-index:50;background:rgba(251,252,251,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  nav{display:flex;align-items:center;justify-content:space-between;height:66px}
  .logo{display:flex;align-items:center;gap:9px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:22px;letter-spacing:-.02em}
  .logo .mark{width:30px;height:30px;border-radius:9px;background:var(--brand);display:grid;place-items:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
  .logo .mark svg{width:17px;height:17px}
  .logo b{color:var(--brand-deep)}
  .nav-links{display:flex;gap:26px;font-size:15px;font-weight:500;color:var(--ink-soft)}
  .nav-links a:hover{color:var(--brand-deep)}
  .nav-right{display:flex;align-items:center;gap:14px}
  .nav-login{font-size:15px;font-weight:600}
  .nav-cta{padding:10px 18px;font-size:15px}
  @media(max-width:900px){.nav-links{display:none}.nav-login{display:none}header{position:relative}}

  /* HERO */
  .hero{background:linear-gradient(180deg,var(--mint) 0%,var(--paper) 100%);padding:60px 0 66px}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
  .hero h1{font-size:clamp(33px,4.7vw,55px);margin:16px 0 0}
  .hero h1 .u{position:relative;white-space:nowrap}
  .hero h1 .u::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.30em;background:rgba(14,158,114,.22);z-index:-1;border-radius:4px}
  .hero p.lead{font-size:clamp(17px,2vw,19px);color:var(--ink-soft);margin:18px 0 0;max-width:540px}
  .hero p.lead b{color:var(--ink)}

  .vinbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-top:24px;max-width:560px}
  .toggle{display:inline-flex;background:var(--mint);border-radius:999px;padding:4px;margin-bottom:14px;font-size:13px;font-weight:700;flex-wrap:wrap;gap:2px}
  .toggle button{border:none;background:transparent;padding:8px 16px;border-radius:999px;cursor:pointer;color:var(--ink-soft);font-weight:700;font-family:'Inter';transition:.18s}
  .toggle button.on{background:#fff;color:var(--brand-deep);box-shadow:var(--shadow-sm)}
  .vinfield{display:flex;gap:10px;align-items:stretch}
  .platewrap{flex:1;display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s}
  .platewrap:focus-within{border-color:var(--brand)}
  .euband{background:#143C8B;color:#fff;width:42px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700}
  .euband .stars{font-size:9px;color:#FFCB05;letter-spacing:1px}
  .vinfield input{flex:1;border:none;outline:none;padding:15px 14px;font-size:16px;font-family:'Inter';font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#fff;color:var(--ink);min-width:0}
  .vinfield input::placeholder{text-transform:none;letter-spacing:0;color:#9fb0ab;font-weight:500}
  .vinfield .btn-cta{padding:0 22px;font-size:15px}
  .field-help{font-size:12.5px;color:var(--ink-soft);margin-top:10px;display:flex;align-items:center;gap:7px}
  .field-help svg{width:14px;height:14px;color:var(--brand);flex-shrink:0}
  .novin{display:block;margin-top:12px;font-size:14px;font-weight:600;color:var(--brand-deep)}
  .novin:hover{text-decoration:underline}
  .trust-strip{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:13.5px;color:var(--ink-soft);font-weight:500}
  .trust-strip span{display:inline-flex;align-items:center;gap:7px}
  .trust-strip svg{width:15px;height:15px;color:var(--brand);flex-shrink:0}

  /* HERO REPORT CARD */
  .reportcard{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg);max-width:430px;margin-left:auto;position:relative;overflow:hidden}
  .rc-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--mint);border-bottom:1px solid var(--mint-2)}
  .rc-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--brand-dark)}
  .rc-brand .m{width:22px;height:22px;border-radius:7px;background:var(--brand);display:grid;place-items:center}
  .rc-brand .m svg{width:12px;height:12px;color:#fff}
  .rc-score{display:flex;align-items:center;gap:9px}
  .rc-score .ring{width:40px;height:40px}
  .rc-score .sc{font-family:'Plus Jakarta Sans';font-weight:800;font-size:15px;line-height:1}
  .rc-score .sc small{display:block;font-size:9.5px;font-weight:700;color:var(--amber);letter-spacing:.04em}
  .rc-body{padding:18px 20px 20px}
  .rc-id{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .rc-thumb{width:54px;height:42px;border-radius:9px;background:linear-gradient(135deg,#234b40,#0e9e72);display:grid;place-items:center;flex-shrink:0}
  .rc-thumb svg{width:30px;height:30px;color:#fff;opacity:.92}
  .rc-car{font-family:'Plus Jakarta Sans';font-weight:800;font-size:16px;line-height:1.2}
  .rc-vin{font-size:11.5px;font-weight:600;color:var(--ink-soft);letter-spacing:.04em;margin-top:3px}
  .rc-verdict{display:flex;align-items:center;gap:12px;background:#FDF3E2;border:1px solid #F6E2BE;border-radius:13px;padding:13px 15px;margin-bottom:16px}
  .rc-verdict .vico{width:34px;height:34px;border-radius:9px;background:var(--amber);display:grid;place-items:center;flex-shrink:0}
  .rc-verdict .vico svg{width:19px;height:19px;color:#fff}
  .rc-verdict .vtxt b{display:block;font-family:'Plus Jakarta Sans';font-weight:800;font-size:14.5px;color:#8a5a06}
  .rc-verdict .vtxt span{font-size:12px;color:#9a7124}
  .rc-mile{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:13px 14px 8px;margin-bottom:16px}
  .rc-mile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
  .rc-mile-head .t{font-size:12.5px;font-weight:700;color:var(--ink)}
  .rc-flag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--alert);background:#FCEBE9;padding:4px 8px;border-radius:999px}
  .rc-flag svg{width:11px;height:11px}
  .rc-chart{width:100%;height:74px;display:block}
  .rc-rows{display:grid;gap:2px}
  .rc-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #F1F5F3}
  .rc-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}
  .rc-ico.ok{background:var(--mint-2)}.rc-ico.bad{background:#FCEBE9}.rc-ico.warn{background:#FCF1DD}
  .rc-ico svg{width:17px;height:17px}
  .rc-ico.ok svg{color:var(--brand-deep)}.rc-ico.bad svg{color:var(--alert)}.rc-ico.warn svg{color:var(--amber)}
  .rc-label{font-size:13.5px;font-weight:700;line-height:1.2}
  .rc-sub{font-size:12px;color:var(--ink-soft)}
  .rc-pill{margin-left:auto;font-size:11px;font-weight:700;padding:5px 11px;border-radius:999px}
  .rc-pill.bad{color:var(--alert);background:#FCEBE9}.rc-pill.ok{color:var(--brand-deep);background:var(--mint-2)}.rc-pill.warn{color:#8a5a06;background:#FDF3E2}

  @media(max-width:900px){
    .hero{padding:38px 0 46px}
    .hero-grid{grid-template-columns:1fr;gap:32px}
    .hero-visual{order:1}
    .reportcard{margin:0 auto;max-width:410px}
  }
  @media(max-width:460px){.vinfield{flex-direction:column}.vinfield .btn-cta{padding:14px;width:100%}}

  section{padding:70px 0}
  section[id]{scroll-margin-top:84px}
  :focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:6px}
  .btn:focus-visible{outline-offset:3px}
  .sec-head{max-width:680px;margin:0 auto 42px;text-align:center}
  .sec-head h2{font-size:clamp(27px,3.6vw,40px);margin:12px 0 0}
  .sec-head p{font-size:17px;color:var(--ink-soft);margin-top:14px}

  /* STAT BAR */
  .statbar{background:var(--brand-dark);color:#fff;padding:46px 0}
  .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
  .stat-grid .n{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(34px,5vw,50px);color:#7FE6C0;letter-spacing:-.02em;line-height:1}
  .stat-grid .l{font-size:14.5px;color:rgba(255,255,255,.78);margin-top:8px;max-width:280px;margin-left:auto;margin-right:auto}
  .stat-src{text-align:center;font-size:12px;color:rgba(255,255,255,.42);margin-top:30px;letter-spacing:.02em}
  @media(max-width:760px){.stat-grid{grid-template-columns:1fr;gap:28px}}

  /* BUY/BARGAIN/BAIL */
  .bbb{background:#fff}
  .bbb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .bbb-card{background:var(--mint);border-radius:var(--radius);padding:28px 26px;border:1px solid var(--mint-2)}
  .bbb-card .icn{width:48px;height:48px;border-radius:13px;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm);margin-bottom:16px}
  .bbb-card .icn svg{width:24px;height:24px;color:var(--brand-deep)}
  .bbb-card h3{font-size:20px}
  .bbb-card p{font-size:15px;color:var(--ink-soft);margin-top:8px}
  @media(max-width:780px){.bbb-grid{grid-template-columns:1fr}}

  /* VIRTUAL MECHANIC */
  .mech{background:var(--mint)}
  .mech-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center}
  .mech-copy .eyebrow{color:var(--brand-deep)}
  .mech-copy h2{font-size:clamp(27px,3.6vw,38px);margin:12px 0 0}
  .mech-copy p{font-size:17px;color:var(--ink-soft);margin-top:16px}
  .mech-feats{margin-top:22px;display:grid;gap:14px}
  .mech-feat{display:flex;gap:13px}
  .mech-feat .mi{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow-sm)}
  .mech-feat .mi svg{width:19px;height:19px;color:var(--brand-deep)}
  .mech-feat b{display:block;font-size:15.5px}
  .mech-feat span{font-size:14px;color:var(--ink-soft)}

  .chat{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;max-width:460px;margin:0 auto;width:100%}
  .chat-head{display:flex;align-items:center;gap:12px;padding:15px 18px;background:var(--brand-dark);color:#fff}
  .chat-head .av{width:40px;height:40px;border-radius:12px;background:var(--brand);display:grid;place-items:center;flex-shrink:0}
  .chat-head .av svg{width:22px;height:22px;color:#fff}
  .chat-head .nm{font-family:'Plus Jakarta Sans';font-weight:800;font-size:15px}
  .chat-head .st{font-size:12px;color:#7FE6C0;display:flex;align-items:center;gap:6px}
  .chat-head .st i{width:7px;height:7px;border-radius:50%;background:#7FE6C0;display:inline-block;box-shadow:0 0 0 0 rgba(127,230,192,.6);animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(127,230,192,.6)}70%{box-shadow:0 0 0 6px rgba(127,230,192,0)}100%{box-shadow:0 0 0 0 rgba(127,230,192,0)}}
  .chat-body{padding:18px;display:flex;flex-direction:column;gap:11px;min-height:280px;max-height:340px;overflow-y:auto;background:var(--paper)}
  .msg{max-width:84%;padding:11px 14px;border-radius:15px;font-size:14.5px;line-height:1.5;animation:rise .35s ease}
  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start;color:var(--ink)}
  .msg.user{background:var(--brand);color:#fff;border-bottom-right-radius:5px;align-self:flex-end;font-weight:600}
  .msg.bot b{color:var(--brand-deep)}
  .typing{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:15px;border-bottom-left-radius:5px;padding:13px 16px;display:flex;gap:4px}
  .typing i{width:7px;height:7px;border-radius:50%;background:#bcd;animation:bounce 1.2s infinite}
  .typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
  @keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
  .chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#fff}
  .chip{font-size:13px;font-weight:600;color:var(--brand-deep);background:var(--mint);border:1px solid var(--mint-2);padding:8px 13px;border-radius:999px;cursor:pointer;transition:.15s}
  .chip:hover{background:var(--mint-2);transform:translateY(-1px)}
  .chip:disabled{opacity:.4;cursor:default;transform:none}
  .chat-stage{position:relative;max-width:460px;margin:0 auto}
  .chat-stage .chat{position:relative;z-index:1;max-width:none;margin:0}
  .mascot-glow{position:absolute;left:-156px;bottom:-38px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(127,230,192,.55),rgba(14,158,114,.28) 42%,rgba(14,158,114,0) 70%);z-index:0;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}
  @keyframes glowPulse{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.12);opacity:1}}
  .mascot{position:absolute;left:-128px;bottom:-26px;width:200px;height:auto;z-index:3;pointer-events:none;animation:mascotBob 4.2s ease-in-out infinite;filter:drop-shadow(0 14px 22px rgba(11,58,48,.2))}
  @keyframes mascotBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  .mascot .wave{transform-box:view-box;transform-origin:72px 166px;animation:mascotWave 2.8s ease-in-out infinite}
  @keyframes mascotWave{0%,55%,100%{transform:rotate(0)}66%{transform:rotate(-18deg)}77%{transform:rotate(7deg)}88%{transform:rotate(-13deg)}}
  .mascot-bubble{position:absolute;left:-112px;bottom:158px;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;border-bottom-left-radius:5px;padding:9px 13px;font-size:13px;font-weight:700;color:var(--brand-deep);white-space:nowrap;animation:mascotBob 4.2s ease-in-out infinite}
  .mascot-bubble::after{content:'';position:absolute;left:20px;bottom:-7px;width:13px;height:13px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
  @media(max-width:880px){.mech-grid{grid-template-columns:1fr;gap:34px}
    .mascot,.mascot-bubble{display:none}}
  @media(prefers-reduced-motion:reduce){.mascot,.mascot-bubble,.mascot .wave{animation:none}}

  /* SIGNATURE seller vs vin */
  .versus{background:var(--brand-dark);color:#fff}
  .versus .sec-head h2{color:#fff}.versus .sec-head p{color:rgba(255,255,255,.72)}.versus .eyebrow{color:#7FE6C0}
  .vs-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;max-width:920px;margin:0 auto;background:rgba(255,255,255,.05);border-radius:24px;border:1px solid rgba(255,255,255,.12);overflow:hidden}
  .vs-col{padding:32px 30px}
  .vs-col h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em;font-family:'Inter';font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}
  .vs-left h3{color:rgba(255,255,255,.6)}
  .vs-right{background:rgba(14,158,114,.14)}.vs-right h3{color:#7FE6C0}
  .vs-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15.5px;border-top:1px solid rgba(255,255,255,.08)}
  .vs-item:first-of-type{border-top:none}
  .vs-left .vs-item{color:rgba(255,255,255,.85)}
  .vs-mid{width:1px;background:rgba(255,255,255,.12);position:relative}
  .vs-mid span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cta);color:#fff;font-family:'Plus Jakarta Sans';font-weight:800;font-size:13px;padding:8px 12px;border-radius:999px}
  .vs-ico{flex-shrink:0;width:20px;height:20px;margin-top:1px}
  .vs-left .vs-ico{color:rgba(255,255,255,.4)}.vs-right .vs-ico{color:#7FE6C0}
  .vs-foot{text-align:center;margin-top:30px;font-size:15px;color:rgba(255,255,255,.72)}
  @media(max-width:760px){.vs-grid{grid-template-columns:1fr}.vs-mid{width:auto;height:auto;display:flex;justify-content:center;background:transparent;padding:6px 0}.vs-mid span{position:relative;top:auto;left:auto;transform:none}}

  /* CLICKABLE INSPECTION */
  .inspect{background:linear-gradient(180deg,var(--paper) 0%,var(--mint) 100%)}
  .insp-module{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);padding:30px 30px 26px}
  .insp-hint{display:inline-flex;align-items:center;gap:9px;margin:0 auto 6px;padding:9px 16px;background:var(--mint);border:1px solid var(--mint-2);border-radius:999px;font-size:13.5px;font-weight:700;color:var(--brand-deep);position:relative;left:50%;transform:translateX(-50%)}
  .insp-hint svg{width:16px;height:16px;animation:tap 1.8s ease-in-out infinite}
  @keyframes tap{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
  .car-stage{position:relative;max-width:720px;margin:6px auto 0}
  .car-stage svg.carsvg{width:100%;height:auto;display:block;overflow:visible}
  .car-stage img.carimg{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 26px rgba(11,58,48,.16))}
  .hotspot{position:absolute;width:38px;height:38px;border-radius:50%;background:var(--cta);color:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(255,106,61,.4);font-family:'Plus Jakarta Sans';font-weight:800;font-size:16px;display:grid;place-items:center;cursor:pointer;transform:translate(-50%,-50%);transition:transform .18s,background .18s;animation:hp 2.4s ease-in-out infinite;z-index:2}
  @keyframes hp{0%,100%{box-shadow:0 4px 12px rgba(255,106,61,.4),0 0 0 0 rgba(255,106,61,.45)}50%{box-shadow:0 4px 12px rgba(255,106,61,.4),0 0 0 11px rgba(255,106,61,0)}}
  .hotspot:hover{transform:translate(-50%,-50%) scale(1.14)}
  .hotspot.on{background:var(--brand);animation:none;box-shadow:0 4px 12px rgba(14,158,114,.4),0 0 0 5px rgba(14,158,114,.22);z-index:3}
  .inspect-detail{margin:22px auto 0;background:var(--mint);border:1px solid var(--mint-2);border-radius:var(--radius);padding:22px 24px}
  .inspect-detail .ih{display:flex;align-items:center;gap:12px;margin-bottom:10px}
  .inspect-detail .ih .b{width:32px;height:32px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;font-family:'Plus Jakarta Sans';display:grid;place-items:center;font-size:15px;flex-shrink:0}
  .inspect-detail .ih h3{font-size:20px;flex:1}
  .inspect-detail .ih .ct{font-size:12.5px;font-weight:700;color:var(--brand-deep);background:#fff;border:1px solid var(--mint-2);padding:5px 11px;border-radius:999px;white-space:nowrap}
  .inspect-detail p.idesc{font-size:15.5px;color:var(--ink-soft)}
  .inspect-mech{margin-top:15px;display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
  .inspect-mech .mi{width:44px;height:44px;border-radius:12px;background:var(--brand-dark);display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow-sm)}
  .inspect-mech .mi svg{width:22px;height:22px;color:#7FE6C0;display:block}
  .inspect-mech p{font-size:14.5px;color:var(--ink);margin:0;line-height:1.5}
  .inspect-mech b{color:var(--brand-deep)}
  .insp-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}
  .insp-dots{display:flex;gap:9px}
  .insp-dot{width:10px;height:10px;border-radius:50%;background:var(--mint-2);border:none;cursor:pointer;padding:0;transition:.18s}
  .insp-dot:hover{background:#bcd6cb}
  .insp-dot.on{background:var(--brand);width:26px;border-radius:999px}
  .insp-next{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;border-radius:11px;padding:11px 18px;font-family:'Inter';font-weight:700;font-size:14px;cursor:pointer;transition:.18s}
  .insp-next:hover{background:var(--brand-dark);transform:translateX(2px)}
  .insp-next svg{width:16px;height:16px}
  @media(max-width:600px){.insp-module{padding:22px 18px}.insp-foot{justify-content:center}}

  /* HOW */
  .how{background:var(--mint)}
  .how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}
  .step{position:relative;background:#fff;border-radius:var(--radius);padding:26px 22px;border:1px solid var(--mint-2)}
  .step .num{counter-increment:step;font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;color:#fff;background:var(--brand);width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-bottom:15px}
  .step .num::before{content:counter(step)}
  .step h3{font-size:17px}
  .step p{font-size:14px;color:var(--ink-soft);margin-top:7px}
  @media(max-width:900px){.how-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.how-grid{grid-template-columns:1fr}}

  /* CO SPRAWDZAMY */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .feat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .18s,box-shadow .18s}
  .feat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  .feat .icn{width:44px;height:44px;border-radius:13px;background:var(--mint);display:grid;place-items:center;margin-bottom:15px}
  .feat .icn svg{width:22px;height:22px;color:var(--brand-deep)}
  .feat h3{font-size:18px}
  .feat p{font-size:14.5px;color:var(--ink-soft);margin-top:7px}
  @media(max-width:880px){.feat-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){.feat-grid{grid-template-columns:1fr}}

  /* CALCULATOR */
  .calc{background:var(--brand-dark);color:#fff}
  .calc .sec-head h2{color:#fff}.calc .sec-head p{color:rgba(255,255,255,.72)}.calc .eyebrow{color:#7FE6C0}
  .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:0 auto;align-items:stretch}
  .calc-input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px}
  .calc-input label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .calc-price{font-family:'Plus Jakarta Sans';font-weight:800;font-size:38px;margin:8px 0 4px}
  .calc-price span{font-size:20px;color:rgba(255,255,255,.6)}
  input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.18);outline:none;margin:14px 0 26px}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#7FE6C0;cursor:pointer;border:4px solid var(--brand-dark);box-shadow:0 2px 8px rgba(0,0,0,.3)}
  input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#7FE6C0;cursor:pointer;border:4px solid var(--brand-dark)}
  .origin-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}
  .origin{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px;border-radius:12px;border:1.5px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-weight:700;font-size:14px;cursor:pointer;font-family:'Inter';transition:.15s}
  .origin:hover{border-color:rgba(127,230,192,.6)}
  .origin.on{background:var(--brand);border-color:var(--brand)}
  .calc-result{background:#fff;color:var(--ink);border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:center;text-align:center}
  .calc-result .rl{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--alert);display:flex;align-items:center;justify-content:center;gap:7px}
  .calc-result .rl svg{width:15px;height:15px}
  .calc-loss{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(40px,6vw,56px);color:var(--alert);letter-spacing:-.02em;margin:6px 0}
  .calc-note{font-size:13.5px;color:var(--ink-soft);max-width:300px;margin:0 auto}
  .calc-vs{margin:18px auto;width:60px;height:1px;background:var(--line);position:relative}
  .calc-vs span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 12px;font-size:12px;font-weight:700;color:var(--ink-soft)}
  .calc-price2{font-size:16px;color:var(--ink-soft)}
  .calc-price2 b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:22px;color:var(--brand-deep)}
  .calc-result .btn{margin-top:18px}
  .calc-disclaimer{text-align:center;font-size:12.5px;color:rgba(255,255,255,.5);max-width:680px;margin:26px auto 0}
  @media(max-width:760px){.calc-grid{grid-template-columns:1fr}}

  /* COMPARE */
  .compare{background:#fff}
  .ctable-wrap{max-width:880px;margin:0 auto;overflow-x:auto}
  table.ctable{width:100%;border-collapse:collapse;min-width:640px}
  .ctable th,.ctable td{padding:15px 14px;text-align:center;font-size:14.5px}
  .ctable thead th{font-family:'Plus Jakarta Sans';font-weight:800;font-size:13px;color:var(--ink-soft)}
  .ctable thead th small{display:block;font-family:'Inter';font-weight:600;font-size:11.5px;color:#9fb0ab;margin-top:2px}
  .ctable tbody td:first-child,.ctable thead th:first-child{text-align:left;font-weight:600;color:var(--ink)}
  .ctable tbody tr{border-top:1px solid var(--line)}
  .ctable .col-us{background:var(--mint);border-left:1px solid var(--mint-2);border-right:1px solid var(--mint-2)}
  .ctable thead .col-us{background:var(--brand);color:#fff;border-radius:12px 12px 0 0}
  .ctable thead .col-us small{color:rgba(255,255,255,.85)}
  .ctable tbody tr:last-child .col-us{border-radius:0 0 12px 12px;border-bottom:1px solid var(--mint-2)}
  .yes{color:var(--brand-deep);font-weight:800}.no{color:#c9d4cf;font-weight:700}.partial{color:var(--amber);font-weight:800}
  .compare-foot{text-align:center;font-size:14px;color:var(--ink-soft);margin-top:22px;max-width:620px;margin-left:auto;margin-right:auto}
  @media(max-width:560px){
    .ctable-wrap{overflow-x:visible}
    table.ctable{min-width:0}
    .ctable th:nth-child(3),.ctable td:nth-child(3),.ctable th:nth-child(4),.ctable td:nth-child(4){display:none}
    .ctable th,.ctable td{padding:13px 8px;font-size:14px}
    .ctable tbody td:first-child,.ctable thead th:first-child{white-space:normal;line-height:1.25;font-size:14px}
    .ctable thead th{font-size:12.5px}
  }

  /* PRICING */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;max-width:980px;margin:0 auto}
  .plan{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:30px 26px;position:relative;transition:transform .18s,box-shadow .18s}
  .plan:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  .plan.best{border-color:var(--brand);box-shadow:var(--shadow);transform:scale(1.02)}
  .plan.best:hover{transform:scale(1.02) translateY(-3px)}
  .ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:999px;white-space:nowrap;font-family:'Inter'}
  .plan h3{font-size:20px}
  .plan .pdesc{font-size:13.5px;color:var(--ink-soft);margin-top:4px;min-height:38px}
  .plan .price{margin:18px 0 4px;display:flex;align-items:baseline;gap:8px}
  .plan .price .amt{font-family:'Plus Jakarta Sans';font-weight:800;font-size:40px;letter-spacing:-.03em}
  .plan .price .cur{font-size:18px;font-weight:700;color:var(--ink-soft)}
  .plan .perreport{font-size:13px;color:var(--ink-soft);font-weight:600}
  .plan .save{display:inline-block;font-size:12px;font-weight:700;color:var(--brand-deep);background:var(--mint);padding:4px 10px;border-radius:999px;margin-top:10px}
  .plan .btn{width:100%;margin-top:18px}
  .plan ul{list-style:none;margin-top:18px;display:grid;gap:9px}
  .plan ul li{display:flex;gap:10px;font-size:14px;color:var(--ink-soft)}
  .plan ul li svg{width:16px;height:16px;color:var(--brand);flex-shrink:0;margin-top:3px}
  .price-note{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:22px}
  .price-guar{max-width:560px;margin:18px auto 0;text-align:center;background:var(--mint);border:1px solid var(--mint-2);border-radius:14px;padding:14px 18px;font-size:14px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px}
  .price-guar svg{width:20px;height:20px;color:var(--brand-deep);flex-shrink:0}
  @media(max-width:820px){.price-grid{grid-template-columns:1fr;max-width:420px}.plan.best{transform:none}.plan.best:hover{transform:translateY(-3px)}}

  /* HONESTY */
  .honesty{background:var(--mint)}
  .honesty-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px 38px}
  .honesty-card .icn{width:54px;height:54px;border-radius:15px;background:var(--mint);display:grid;place-items:center;margin:0 auto 18px}
  .honesty-card .icn svg{width:28px;height:28px;color:var(--brand-deep)}
  .honesty-card h2{text-align:center;font-size:27px}
  .honesty-list{margin-top:22px;display:grid;gap:14px}
  .honesty-list li{display:flex;gap:12px;font-size:15.5px;list-style:none}
  .honesty-list svg{width:19px;height:19px;color:var(--brand);flex-shrink:0;margin-top:3px}
  .honesty-list b{color:var(--ink)}

  /* COST OF NOT CHECKING */
  .costs{background:#fff}
  .cost-card{max-width:620px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px}
  .cost-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
  .cost-row:last-of-type{border-bottom:none}
  .cost-row .cl{font-size:15px}
  .cost-row .cv{font-family:'Plus Jakarta Sans';font-weight:800;font-size:18px;color:var(--alert);white-space:nowrap}
  .cost-row.win .cv{color:var(--brand-deep)}
  .cost-row.win{background:var(--mint);margin:8px -16px -10px;padding:16px;border-radius:13px;border:none}
  .cost-bar{height:7px;border-radius:999px;background:#FCEBE9;margin-top:6px;overflow:hidden}
  .cost-bar i{display:block;height:100%;background:var(--alert);border-radius:999px}

  /* PROOF / testimonials */
  .proof{background:var(--brand-dark);color:#fff}
  .proof .sec-head h2{color:#fff}
  .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .tcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:26px 24px;display:flex;flex-direction:column}
  .tcard .outcome{font-family:'Plus Jakarta Sans';font-weight:800;font-size:22px;color:#7FE6C0;letter-spacing:-.01em}
  .tcard p{font-size:14.5px;color:rgba(255,255,255,.9);margin:12px 0 18px;flex:1}
  .tcard .who{display:flex;align-items:center;gap:11px}
  .tcard .av{width:40px;height:40px;border-radius:50%;background:rgba(127,230,192,.2);display:grid;place-items:center;color:#7FE6C0;font-weight:700;font-size:15px;flex-shrink:0}
  .tcard .nm{font-weight:700;font-size:14px}
  .tcard .vf{font-size:11.5px;color:#7FE6C0;display:flex;align-items:center;gap:5px;margin-top:2px}
  .tcard .vf svg{width:12px;height:12px}
  @media(max-width:820px){.tgrid{grid-template-columns:1fr}}

  /* FAQ */
  .faq-wrap{max-width:760px;margin:0 auto}
  .faq-item{border-bottom:1px solid var(--line)}
  .faq-q{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:22px 4px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:18px;color:var(--ink)}
  .faq-q .pm{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--mint);display:grid;place-items:center;transition:.2s}
  .faq-q .pm svg{width:14px;height:14px;color:var(--brand-deep);transition:transform .25s}
  .faq-item.open .pm{background:var(--brand)}.faq-item.open .pm svg{color:#fff;transform:rotate(45deg)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
  .faq-a p{padding:0 4px 22px;font-size:15.5px;color:var(--ink-soft)}

  /* FINAL */
  .final{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:#fff;text-align:center}
  .final h2{font-size:clamp(28px,4vw,42px);color:#fff;max-width:680px;margin:0 auto}
  .final p{font-size:17px;color:rgba(255,255,255,.9);margin:16px auto 0;max-width:540px}
  .final .vinbox{margin:30px auto 0;background:#fff}
  .final .trust-strip{justify-content:center;color:rgba(255,255,255,.92)}.final .trust-strip svg{color:#fff}

  footer{background:#0B221C;color:rgba(255,255,255,.62);padding:50px 0 30px;font-size:14px}
  .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:34px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}
  .foot-brand{max-width:300px}
  .foot-brand .logo{color:#fff;margin-bottom:12px}.foot-brand .logo b{color:#7FE6C0}
  .foot-brand p{color:rgba(255,255,255,.55)}
  .foot-cols{display:flex;gap:56px;flex-wrap:wrap}
  .foot-col h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-family:'Inter';font-weight:700}
  .foot-col a{display:block;padding:5px 0;color:rgba(255,255,255,.62)}.foot-col a:hover{color:#7FE6C0}
  .foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-size:13px;color:rgba(255,255,255,.45)}

  .mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(251,252,251,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:11px 16px;display:none;box-shadow:0 -6px 20px rgba(15,42,38,.08)}
  .mobile-cta .btn{width:100%}
  @media(max-width:900px){.mobile-cta{display:block}body{padding-bottom:74px}}

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}
    .btn:hover,.feat:hover,.plan:hover{transform:none}.hotspot,.chat-head .st i{animation:none}
  }

/* ===== block ===== */

  /* ===== QUIZ + DEMO REPORT FLOW ===== */
  #flow{position:fixed;inset:0;z-index:200;background:var(--paper);overflow-y:auto;display:none}
  #flow.on{display:block}
  body.flow-open{overflow:hidden}
  .flow-bar{position:sticky;top:0;z-index:5;background:rgba(251,252,251,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .flow-bar-in{max-width:760px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:16px}
  .flow-prog{flex:1;height:7px;border-radius:999px;background:var(--mint-2);overflow:hidden}
  .flow-prog i{display:block;height:100%;width:0;background:var(--brand);border-radius:999px;transition:width .4s ease}
  .flow-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;color:var(--ink-soft)}
  .flow-close:hover{border-color:var(--brand);color:var(--brand-deep)}
  .flow-close svg{width:16px;height:16px}
  .flow-step{font-size:13px;font-weight:700;color:var(--ink-soft);white-space:nowrap}

  /* QUIZ */
  .quiz{max-width:620px;margin:0 auto;padding:42px 22px 90px;min-height:60vh}
  .q-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep)}
  .q-title{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(25px,4.4vw,33px);letter-spacing:-.02em;line-height:1.12;margin:12px 0 6px}
  .q-sub{font-size:15.5px;color:var(--ink-soft);margin-bottom:24px}
  .q-opts{display:grid;gap:12px}
  .q-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:15px;padding:17px 18px;cursor:pointer;font-family:'Inter';font-size:16px;font-weight:600;color:var(--ink);transition:.16s}
  .q-opt:hover{border-color:var(--brand);background:var(--mint);transform:translateY(-1px)}
  .q-opt.sel{border-color:var(--brand);background:var(--mint);box-shadow:0 0 0 3px rgba(14,158,114,.16)}
  .q-opt .em{font-size:22px;line-height:1;width:30px;text-align:center;flex-shrink:0}
  .q-opt .tick{margin-left:auto;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:grid;place-items:center;transition:.16s}
  .q-opt.sel .tick{background:var(--brand);border-color:var(--brand)}
  .q-opt .tick svg{width:14px;height:14px;color:#fff;opacity:0;transition:.16s}
  .q-opt.sel .tick svg{opacity:1}
  .q-multi-hint{font-size:13px;color:var(--ink-soft);margin-bottom:14px;font-weight:600}
  .q-react{display:flex;gap:11px;align-items:flex-start;background:var(--mint);border:1px solid var(--mint-2);border-radius:13px;padding:14px 16px;margin-top:18px;font-size:14.5px;color:var(--ink);animation:rise .3s ease}
  .q-react .ri{width:30px;height:30px;border-radius:9px;background:var(--brand-dark);display:grid;place-items:center;flex-shrink:0}
  .q-react .ri svg{width:16px;height:16px;color:#7FE6C0}
  .q-react b{color:var(--brand-deep)}
  .q-slider-val{font-family:'Plus Jakarta Sans';font-weight:800;font-size:38px;margin:6px 0 2px}
  .q-slider-val span{font-size:20px;color:var(--ink-soft)}
  .q-next{margin-top:26px;width:100%}
  .q-next:disabled{opacity:.4;cursor:default}
  .q-back{background:none;border:none;color:var(--ink-soft);font-weight:600;font-size:14px;cursor:pointer;margin-top:14px;padding:6px}
  .q-back:hover{color:var(--brand-deep)}

  /* LOADING */
  .q-loading{max-width:520px;margin:0 auto;padding:90px 22px;text-align:center;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .q-spin{width:64px;height:64px;border-radius:50%;border:5px solid var(--mint-2);border-top-color:var(--brand);animation:spin .9s linear infinite;margin-bottom:26px}
  @keyframes spin{to{transform:rotate(360deg)}}
  .q-loading h3{font-family:'Plus Jakarta Sans';font-weight:800;font-size:24px}
  .q-load-steps{margin-top:22px;display:grid;gap:11px;text-align:left;width:100%;max-width:340px}
  .q-load-step{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--ink-soft);opacity:.4;transition:opacity .3s}
  .q-load-step.done{opacity:1;color:var(--ink)}
  .q-load-step .ls{width:24px;height:24px;border-radius:50%;background:var(--mint-2);display:grid;place-items:center;flex-shrink:0}
  .q-load-step.done .ls{background:var(--brand)}
  .q-load-step .ls svg{width:14px;height:14px;color:#fff;opacity:0;transition:.2s}
  .q-load-step.done .ls svg{opacity:1}

  /* REPORT */
  .rep{max-width:860px;margin:0 auto;padding:30px 22px 120px}
  .rep-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:18px}
  .rep-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px}
  .rep-id .tag{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-deep);background:var(--mint);display:inline-block;padding:5px 11px;border-radius:999px;margin-bottom:14px}
  .rep-id h2{font-family:'Plus Jakarta Sans';font-weight:800;font-size:24px;letter-spacing:-.02em}
  .rep-id .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  .rep-id .meta span{font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);padding:7px 11px;border-radius:9px}
  .rep-id .vin{font-size:12.5px;color:var(--ink-soft);margin-top:14px;letter-spacing:.04em}
  .rep-score{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .rep-ring{position:relative;width:130px;height:130px}
  .rep-ring svg{width:130px;height:130px;transform:rotate(-90deg)}
  .rep-ring .sc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .rep-ring .sc b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:34px;line-height:1}
  .rep-ring .sc small{font-size:12px;color:var(--ink-soft);font-weight:600}
  .rep-verdict{margin-top:14px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;padding:8px 16px;border-radius:999px}
  .rep-verdict.amber{background:#FDF3E2;color:#8a5a06}.rep-verdict.red{background:#FCEBE9;color:var(--alert)}.rep-verdict.green{background:var(--mint-2);color:var(--brand-deep)}
  .rep-vsub{font-size:13.5px;color:var(--ink-soft);margin-top:10px;max-width:240px}

  .scarcity{background:var(--brand-dark);color:#fff;border-radius:18px;padding:20px 22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:22px}
  .scarcity .lockico{width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex-shrink:0}
  .scarcity .lockico svg{width:24px;height:24px;color:#7FE6C0}
  .scarcity .sc-main{flex:1;min-width:200px}
  .scarcity .sc-main b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;display:block}
  .scarcity .sc-main span{font-size:13.5px;color:rgba(255,255,255,.75)}
  .scarcity .sc-main span#peopleN{color:#7FE6C0;font-weight:700}
  .sc-timer{text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:10px 16px;flex-shrink:0}
  .sc-timer .tl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.6);font-weight:700}
  .sc-timer .tv{font-family:'Plus Jakarta Sans';font-weight:800;font-size:24px;color:#fff;font-variant-numeric:tabular-nums}
  .scarcity .btn{flex-shrink:0}

  .rep-sec-h{font-family:'Plus Jakarta Sans';font-weight:800;font-size:20px;margin:26px 0 14px;display:flex;align-items:center;gap:10px}
  .rep-sec-h .rh-ico{width:26px;height:26px;border-radius:8px;background:var(--mint);display:grid;place-items:center}
  .rep-sec-h .rh-ico svg{width:15px;height:15px;color:var(--brand-deep)}
  .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;position:relative}
  .tile .th{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;margin-bottom:9px}
  .tile .st{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}
  .tile .st.warn{background:#FDF3E2;color:#8a5a06}.tile .st.ok{background:var(--mint-2);color:var(--brand-deep)}
  .tile .td{font-size:13px;color:var(--ink-soft);line-height:1.45}
  .tile .locked{filter:blur(5px);user-select:none;font-weight:700;color:var(--ink)}
  .tile.islocked{cursor:pointer}
  .tile .lockbadge{position:absolute;top:13px;right:13px;width:22px;height:22px;border-radius:7px;background:var(--ink);display:grid;place-items:center}
  .tile .lockbadge svg{width:12px;height:12px;color:#fff}
  @media(max-width:680px){.tiles{grid-template-columns:1fr 1fr}}

  .teaser{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:14px}
  .teaser .tt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;flex-wrap:wrap}
  .teaser .tt b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:16px}
  .flagpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--alert);background:#FCEBE9;padding:5px 10px;border-radius:999px}
  .flagpill svg{width:12px;height:12px}
  .teaser .blurnum{filter:blur(7px);font-weight:800;color:var(--alert)}
  .mchart{width:100%;height:120px;display:block;margin-top:10px}
  .reveal-free{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:var(--mint);border:1px solid var(--mint-2);color:var(--brand-deep);font-weight:700;font-size:13.5px;padding:9px 15px;border-radius:11px;cursor:pointer}
  .reveal-free:hover{background:var(--mint-2)}
  .reveal-free:disabled{opacity:.5;cursor:default}

  .topcar{position:relative;max-width:300px;margin:6px auto 0}
  .topcar svg{width:100%;height:auto;display:block}
  .dmg-zone{fill:var(--amber);opacity:.85}
  .dmg-lockoverlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(251,252,251,.35);backdrop-filter:blur(3px);border-radius:14px}
  .dmg-lockoverlay span{background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:999px;display:inline-flex;gap:7px;align-items:center}
  .dmg-lockoverlay svg{width:13px;height:13px}

  .repmech{background:var(--brand-dark);color:#fff;border-radius:18px;padding:22px;margin-top:14px;display:flex;gap:14px;align-items:flex-start}
  .repmech .av{width:46px;height:46px;border-radius:13px;background:var(--brand);display:grid;place-items:center;flex-shrink:0}
  .repmech .av svg{width:24px;height:24px;color:#fff}
  .repmech .mh{font-family:'Plus Jakarta Sans';font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px}
  .repmech .mh i{width:7px;height:7px;border-radius:50%;background:#7FE6C0;display:inline-block}
  .repmech p{font-size:14.5px;color:rgba(255,255,255,.92);margin-top:8px;line-height:1.55}
  .repmech p b{color:#7FE6C0}

  .riskbox{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
  .riskbox>div{border-radius:16px;padding:20px;text-align:center}
  .risk-loss{background:#FCEBE9;border:1px solid #F6D5D1}
  .risk-cost{background:var(--mint);border:1px solid var(--mint-2)}
  .riskbox .rl{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .risk-loss .rl{color:var(--alert)}.risk-cost .rl{color:var(--brand-deep)}
  .riskbox .rv{font-family:'Plus Jakarta Sans';font-weight:800;font-size:32px;margin-top:6px}
  .risk-loss .rv{color:var(--alert)}.risk-cost .rv{color:var(--brand-deep)}
  .riskbox .rd{font-size:12.5px;color:var(--ink-soft);margin-top:4px}
  @media(max-width:560px){.rep-hero{grid-template-columns:1fr}.riskbox{grid-template-columns:1fr}}

  .unlock{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:#fff;border-radius:22px;padding:34px 30px;margin-top:30px;text-align:center}
  .unlock h3{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(24px,4vw,32px);color:#fff}
  .unlock p{color:rgba(255,255,255,.9);font-size:16px;margin-top:10px;max-width:480px;margin-left:auto;margin-right:auto}
  .unlock-list{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:20px auto;max-width:560px}
  .unlock-list span{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#fff}
  .unlock-list svg{width:15px;height:15px;color:#fff}
  .unlock-price{display:inline-flex;align-items:baseline;gap:10px;margin:6px 0 4px}
  .unlock-price .was{font-size:20px;color:rgba(255,255,255,.6);text-decoration:line-through;font-weight:600}
  .unlock-price .now{font-family:'Plus Jakarta Sans';font-weight:800;font-size:46px;letter-spacing:-.02em}
  .unlock-price .cur{font-size:20px;font-weight:700}
  .unlock .btn{margin-top:18px;font-size:17px;padding:17px 34px}
  .unlock .timerline{margin-top:14px;font-size:14px;color:#fff;font-weight:700}
  .unlock .timerline b{font-variant-numeric:tabular-nums;background:rgba(0,0,0,.18);padding:3px 9px;border-radius:7px}
  .unlock .guar{margin-top:16px;font-size:13px;color:rgba(255,255,255,.8)}
  .pkg-open{overflow:hidden}
  .pkg-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:18px}
  .pkg-modal.on{display:flex}
  .pkg-backdrop{position:absolute;inset:0;background:rgba(15,42,38,.58);backdrop-filter:blur(5px)}
  .pkg-box{position:relative;width:min(100%,560px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px rgba(11,58,48,.28);padding:28px;color:var(--ink);animation:rise .22s ease}
  .pkg-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:24px;line-height:1;color:var(--ink-soft);cursor:pointer}
  .pkg-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep)}
  .pkg-box h2{font-family:'Plus Jakarta Sans';font-weight:800;font-size:28px;line-height:1.12;margin:8px 36px 8px 0;letter-spacing:-.02em}
  .pkg-box p{color:var(--ink-soft);font-size:15px;line-height:1.5;margin-bottom:18px}
  .pkg-choices{display:grid;gap:10px}
  .pkg-choice{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:15px;padding:16px;cursor:pointer;color:var(--ink);transition:.15s}
  .pkg-choice:hover{border-color:var(--brand)}
  .pkg-choice.sel{border-color:var(--brand);background:var(--mint);box-shadow:0 0 0 3px rgba(14,158,114,.18)}
  .pkg-cta{margin-top:16px;width:100%;background:var(--cta);color:#fff;border:0;border-radius:14px;padding:16px 18px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 24px rgba(232,90,55,.28);transition:.15s}
  .pkg-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(232,90,55,.34)}
  .pkg-trust{margin-top:10px;text-align:center;color:var(--ink-soft);font-size:12px}
  .pkg-choice span b{display:block;font-family:'Plus Jakarta Sans';font-size:17px}.pkg-choice span small{display:block;color:var(--ink-soft);font-size:13px;margin-top:3px}
  .pkg-choice strong{text-align:right;font-family:'Plus Jakarta Sans';font-size:22px;white-space:nowrap}.pkg-choice strong em{display:block;font-style:normal;font-size:13px;color:var(--ink-soft);text-decoration:line-through;font-family:'Inter'}.pkg-choice strong small{display:block;font-family:'Inter';font-size:12px;color:var(--brand-deep);margin-top:2px}
  .pkg-choice>i{position:absolute;right:12px;top:-9px;background:var(--cta);color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  @media(max-width:520px){.pkg-box{padding:24px 18px}.pkg-choice{align-items:flex-start;flex-direction:column}.pkg-choice strong{text-align:left}.pkg-box h2{font-size:24px}}
  /* custom slider */
  .q-range{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;background:var(--mint-2);outline:none;cursor:pointer;margin-top:4px}
  .q-range::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:transparent}
  .q-range::-moz-range-track{height:14px;border-radius:999px;background:transparent}
  .q-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:5px solid var(--brand);box-shadow:0 3px 11px rgba(11,58,48,.28);margin-top:-8px;cursor:grab}
  .q-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:5px solid var(--brand);box-shadow:0 3px 11px rgba(11,58,48,.28);cursor:grab}
  .q-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.06)}
  .q-minmax{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);font-weight:600;margin-top:11px}
  .q-riskmeter{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
  .q-riskmeter .rm-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;color:var(--ink-soft);gap:10px}
  .q-riskmeter .rm-top b{font-family:'Plus Jakarta Sans';font-size:21px;color:var(--alert);white-space:nowrap}
  .q-riskmeter .rm-bar{height:9px;border-radius:999px;background:var(--mint-2);margin-top:10px;overflow:hidden}
  .q-riskmeter .rm-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#E8911C,#C8453B);transition:width .25s ease}
  .q-riskmeter .rm-foot{font-size:12.5px;color:var(--ink-soft);margin-top:10px}
  .q-riskmeter .rm-foot b{color:var(--brand-deep)}
  /* option icon chip */
  .q-opt .ico{width:38px;height:38px;border-radius:11px;background:var(--mint);display:grid;place-items:center;flex-shrink:0;transition:.16s}
  .q-opt .ico svg{width:20px;height:20px;color:var(--brand-deep)}
  .q-opt.sel .ico{background:var(--brand)}
  .q-opt.sel .ico svg{color:#fff}
  /* humanized reaction */
  .q-react{flex-direction:column;gap:0;align-items:stretch}
  .q-react .rhdr{display:flex;align-items:center;gap:9px;margin-bottom:8px}
  .q-react .rhdr .ri{width:30px;height:30px;margin:0}
  .q-react .rhdr .rn{font-weight:800;font-size:13px;color:var(--brand-deep);font-family:'Plus Jakarta Sans';letter-spacing:.01em}
  .q-react .rhdr .rn i{width:6px;height:6px;border-radius:50%;background:#22b07d;display:inline-block;margin-left:6px;vertical-align:middle}
  .q-react .rsave{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--brand-deep);background:#fff;border:1px solid var(--mint-2);padding:4px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}
  .q-react .rsave svg{width:11px;height:11px}
  .q-react .rtxt{font-size:14.5px;line-height:1.55;color:var(--ink)}
  /* intro */
  .q-intro{max-width:560px;margin:0 auto;padding:52px 22px 90px;text-align:center}
  .q-intro .ii{width:66px;height:66px;border-radius:19px;background:var(--brand);display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 10px 26px rgba(14,158,114,.3)}
  .q-intro .ii svg{width:33px;height:33px;color:#fff}
  .q-intro h1{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(27px,5vw,35px);letter-spacing:-.02em;line-height:1.12}
  .q-intro .ilead{font-size:16.5px;color:var(--ink-soft);margin:14px auto 0;max-width:450px;line-height:1.6}
  .q-intro .ibul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 4px}
  .q-intro .ibul span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink);background:var(--mint);border:1px solid var(--mint-2);padding:9px 14px;border-radius:999px}
  .q-intro .ibul svg{width:14px;height:14px;color:var(--brand-deep)}
  .q-intro .btn{margin-top:28px;font-size:17px;padding:16px 30px}
  .q-intro .ihint{font-size:13px;color:var(--ink-soft);margin-top:14px}
  /* entry alert (something is wrong) */
  .rep-alert{display:flex;align-items:center;gap:16px;background:linear-gradient(100deg,#FCEBE9,#FDF3E2);border:1.5px solid #F2C7C1;border-radius:18px;padding:18px 22px;margin-bottom:18px;opacity:0;transform:translateY(-14px);animation:alertIn .55s .15s cubic-bezier(.2,.8,.2,1) forwards;position:relative;overflow:hidden}
  .rep-alert.calm{background:linear-gradient(100deg,#EAF6F0,#F4FAF7);border-color:var(--mint-2)}
  .rep-alert::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--alert)}
  .rep-alert.calm::before{background:var(--brand)}
  .rep-alert .aico{width:50px;height:50px;border-radius:14px;background:var(--alert);display:grid;place-items:center;flex-shrink:0;animation:pulseRed 1.9s infinite}
  .rep-alert.calm .aico{background:var(--brand);animation:none}
  .rep-alert .aico svg{width:26px;height:26px;color:#fff}
  .rep-alert .atxt b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;color:var(--alert);display:block;line-height:1.2}
  .rep-alert.calm .atxt b{color:var(--brand-deep)}
  .rep-alert .atxt span{font-size:14px;color:var(--ink-soft)}
  .rep-alert .acount{margin-left:auto;text-align:center;flex-shrink:0;padding-left:16px;border-left:1px solid rgba(200,69,59,.2)}
  .rep-alert .acount b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:32px;color:var(--alert);line-height:1;display:block}
  .rep-alert .acount span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}
  @keyframes alertIn{to{opacity:1;transform:none}}
  @keyframes pulseRed{0%,100%{box-shadow:0 0 0 0 rgba(200,69,59,.5)}50%{box-shadow:0 0 0 11px rgba(200,69,59,0)}}
  @media(max-width:560px){.rep-alert{flex-wrap:wrap}.rep-alert .acount{margin-left:0;padding-left:0;border-left:none}}
  /* popup toasts */
  .rep-toasts{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;flex-direction:column;gap:10px;max-width:340px;pointer-events:none}
  .rep-toast{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--alert);border-radius:13px;padding:13px 15px;box-shadow:0 16px 38px rgba(11,58,48,.2);transform:translateX(125%);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
  .rep-toast.show{transform:none;opacity:1}
  .rep-toast.amber{border-left-color:var(--amber)}
  .rep-toast.brand{border-left-color:var(--brand)}
  .rep-toast .ti{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:#FCEBE9;color:var(--alert)}
  .rep-toast.amber .ti{background:#FDF3E2;color:var(--amber)}
  .rep-toast.brand .ti{background:var(--mint);color:var(--brand-deep)}
  .rep-toast .ti svg{width:17px;height:17px}
  .rep-toast b{font-size:13.5px;font-weight:700;display:block;color:var(--ink);line-height:1.25}
  .rep-toast span{font-size:12.5px;color:var(--ink-soft);display:block;margin-top:2px}
  @media(max-width:560px){.rep-toasts{left:12px;right:12px;bottom:84px;max-width:none}}
  .rep-disc{text-align:center;font-size:13px;color:var(--ink-soft);max-width:600px;margin:24px auto 0;line-height:1.6}

/* =========================================================
   MOBILE POLISH — added after design audit
   ========================================================= */
@media(max-width:640px){
  /* WRAP & TYPO */
  .wrap{padding:0 18px}
  section{padding:54px 0}
  .sec-head h2{font-size:26px;line-height:1.18}
  .sec-head p{font-size:15px}

  /* NAV — top CTA duplikuje sticky bottom; zmniejsz i odchudź */
  .nav-inner{padding:14px 0}
  .nav-cta{padding:9px 13px;font-size:13px;border-radius:10px;box-shadow:0 4px 12px rgba(255,106,61,.28)}
  .logo{font-size:18px}

  /* HERO */
  .hero{padding-top:30px}
  .hero-copy h1{font-size:34px;line-height:1.08;letter-spacing:-.02em}
  .hero-copy .lead{font-size:15.5px}

  /* VIN TABS — równy podział na 3 zamiast łamania */
  .vinbox .toggle{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:4px;padding:4px;border-radius:14px}
  .vinbox .toggle button{padding:9px 6px;font-size:12px;border-radius:10px;text-align:center;line-height:1.15}

  /* VIN FIELD — input na całość, mniejsza wysokość */
  .vinfield input{padding:14px 12px;font-size:15px}
  .platewrap .euband{padding:0 8px}
  .field-help{font-size:12.5px}
  .trust-strip{gap:10px 14px;font-size:12.5px}

  /* COMPARE TABLE — zamiast ukrywać kolumny, daj poziomy scroll
     z przyklejoną pierwszą kolumną */
  .ctable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -18px;padding:0 18px;
    mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 24px),transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 24px),transparent 100%)}
  table.ctable{min-width:520px}
  .ctable th:nth-child(3),.ctable td:nth-child(3),
  .ctable th:nth-child(4),.ctable td:nth-child(4){display:table-cell}
  .ctable th,.ctable td{padding:12px 8px;font-size:13px}
  .ctable thead th{font-size:12px}
  .ctable thead th small{font-size:11px}
  .ctable tbody td:first-child,.ctable thead th:first-child{
    position:sticky;left:0;background:#fff;z-index:1;
    min-width:150px;max-width:170px;white-space:normal;line-height:1.25;font-size:13px;
    box-shadow:6px 0 8px -6px rgba(0,0,0,.08)}

  /* PRICING */
  .plan{padding:24px 22px}
  .plan h3{font-size:18px}
  .plan .price .amt{font-size:34px}

  /* STICKY BOTTOM CTA — większy oddech, by nie zasłaniał treści */
  .mobile-cta{padding:10px 14px}
  .mobile-cta .btn{padding:14px;font-size:14.5px}
  body{padding-bottom:84px}

  /* HONESTY / FAQ */
  .honesty-card{padding:28px 22px;border-radius:18px}
  .honesty-card h2{font-size:22px}
  .faq-q{font-size:15px;padding:16px 0}

  /* CALCULATOR */
  .calc-result .big{font-size:42px}

  /* REPORT (podstrona /raport) */
  .rep-hero{padding:18px}
  .rep-toasts{bottom:96px}
}

@media(max-width:380px){
  .hero-copy h1{font-size:30px}
  .nav-cta{padding:8px 11px;font-size:12.5px}
  .logo{font-size:17px}
  .vinbox .toggle button{font-size:11.5px;padding:8px 4px}
}

/* Brand picker (Q7) */
.q-brand{display:flex;flex-direction:column;gap:12px;width:100%}
.q-brand-field{position:relative;display:flex;align-items:center;background:#fff;border:2px solid var(--line);border-radius:var(--radius);transition:border-color .15s}
.q-brand-field:focus-within{border-color:var(--brand)}
.q-brand-ico{position:absolute;left:14px;width:18px;height:18px;color:var(--ink-soft);pointer-events:none}
.q-brand-field input{flex:1;padding:14px 16px 14px 42px;font:inherit;font-size:16px;background:transparent;border:0;outline:none;border-radius:var(--radius);color:var(--ink)}
.q-brand-list{max-height:240px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.q-brand-opt{text-align:left;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;transition:all .12s}
.q-brand-opt:hover{border-color:var(--brand);background:var(--mint)}
.q-brand-empty{grid-column:1/-1;padding:14px;font-size:13.5px;color:var(--ink-soft);text-align:center}
.q-brand-skip{background:none;border:0;color:var(--ink-soft);font:inherit;font-size:13.5px;text-decoration:underline;cursor:pointer;padding:4px;align-self:flex-start}
.q-brand-skip:hover{color:var(--ink)}
@media (max-width:520px){
  .q-brand-list{grid-template-columns:repeat(2,1fr);max-height:200px}
}

/* HERO: amber highlight */
.hero h1 .u-amber::after{background:rgba(255,209,71,.78);height:.32em;bottom:.04em}

/* HERO: clean sample report card */
.hero-visual{position:relative}
.hcard{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px rgba(15,42,38,.12),0 2px 8px rgba(15,42,38,.05);padding:22px 22px 18px;max-width:460px;margin-left:auto;transform:rotate(-1.2deg)}
.hcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.hcard-car{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--ink)}
.hcard-vin{font-size:12.5px;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:4px;letter-spacing:.04em}
.hcard-score{position:relative;width:54px;height:54px;flex-shrink:0;display:grid;place-items:center}
.hcard-score .ring{width:54px;height:54px;position:absolute;inset:0}
.hcard-score .sc{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:17px;color:var(--ink);line-height:1}
.hcard-score .sc small{display:block;font-size:9.5px;color:var(--ink-soft);font-weight:600;margin-top:1px}
.hcard-rows{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.hrow{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;font-size:14.5px;color:var(--ink)}
.hrow b{font-weight:700}
.hrow-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:#fff}
.hrow-ic svg{width:16px;height:16px}
.hrow-t{flex:1}
.hrow-tag{font-size:12px;color:var(--ink-soft);font-weight:500;background:rgba(255,255,255,.7);padding:3px 9px;border-radius:999px;white-space:nowrap}
.hrow-red{background:#FDECEA}.hrow-red .hrow-ic{color:#C8453B;background:#fff}
.hrow-amber{background:#FFF6E0}.hrow-amber .hrow-ic{color:#B97607;background:#fff}
.hrow-green{background:#E6F4ED}.hrow-green .hrow-ic{color:#0E9E72;background:#fff}
.hcard-foot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.hchat{position:absolute;right:-8px;bottom:-36px;width:280px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px rgba(15,42,38,.14);padding:14px;transform:rotate(2.4deg)}
.hchat-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.hchat-av{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;flex-shrink:0}
.hchat-av svg{width:16px;height:16px}
.hchat-head b{font-family:'Plus Jakarta Sans';font-weight:700;font-size:14px;display:block;line-height:1.2}
.hchat-on{font-size:11.5px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px}
.hchat-on i{width:6px;height:6px;border-radius:50%;background:var(--brand);display:inline-block}
.hchat-q{display:inline-block;background:#0F2A26;color:#fff;font-size:13px;padding:8px 12px;border-radius:14px 14px 14px 4px;margin-left:auto;margin-bottom:8px;float:right;clear:both}
.hchat-a{clear:both;background:#F4F7F5;font-size:12.5px;color:var(--ink);padding:10px 12px;border-radius:14px 14px 4px 14px;line-height:1.45}
.hchat-flag{display:inline-block;background:#FFE9A6;color:#7A5500;font-weight:700;font-size:11.5px;padding:2px 7px;border-radius:6px;margin-right:4px}

@media(max-width:900px){
  .hchat{position:static;width:100%;max-width:460px;margin:18px auto 0;transform:none}
  .hcard{transform:none;margin:0 auto}
}

/* Yellow highlight + chat positioning fixes */
.hero h1 .u-amber{background:linear-gradient(transparent 55%,#FFE066 55%,#FFE066 92%,transparent 92%);padding:0 6px;white-space:normal}
.hero h1 .u-amber::after{display:none}
.hcard{max-width:420px;transform:rotate(-1deg)}
.hchat{right:-24px;bottom:-56px;width:260px}
.hchat-q{font-size:12.5px;padding:7px 11px}
.hchat-a{font-size:12px}
.hchat{right:-32px;bottom:-90px}

.logo-img{padding:0;background:none}
.logo-img img{display:block;height:42px;width:auto}
.logo-img-sm img{height:32px}
.logo-img-foot img{height:46px;filter:brightness(0) invert(1)}

.blur-data{filter:blur(6px);user-select:none;letter-spacing:.05em;color:#5a6b62}


.lockedmore{position:relative;background:#fff;border:1px solid #E1E8E3;border-radius:18px;padding:18px;margin-top:16px;overflow:hidden}
.lockedmore .lm-rows{display:flex;flex-direction:column;gap:10px;filter:blur(5px);user-select:none;pointer-events:none}
.lockedmore .lm-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#F4F8F5;border-radius:12px;border:1px solid #E6EDE7}
.lockedmore .lm-txt{display:flex;flex-direction:column;gap:3px}
.lockedmore .lm-txt b{font-size:14px;color:var(--ink)}
.lockedmore .lm-txt span{font-size:12px;color:var(--ink-soft)}
.lockedmore .lm-val{font-weight:800;letter-spacing:.15em;color:#3a4a44;font-size:15px}
.lockedmore .lm-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;background:linear-gradient(180deg,rgba(241,245,243,.55) 0%,rgba(241,245,243,.92) 55%,rgba(241,245,243,.98) 100%);backdrop-filter:blur(2px)}
.lockedmore .lm-lockbadge{width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;margin-bottom:12px;box-shadow:0 8px 22px rgba(17,48,42,.25)}
.lockedmore .lm-lockbadge svg{width:28px;height:28px}
.lockedmore .lm-lock b{font-size:16px;color:var(--ink);margin-bottom:4px}
.lockedmore .lm-lock span{font-size:13px;color:var(--ink-soft);max-width:320px}
