:root{
    --blue:#3B7BD6;--blue-deep:#2A5EC0;--blue-ink:#183B84;
    --green:#3E9A36;--green-deep:#2E7A28;
    --ink:#0F0F0D;--paper:#F3F6FC;--white:#FFFFFF;
    --mut:#5B6270;--mut-d:#9AA4B4;
    --line:rgba(15,15,13,.12);--line-d:rgba(255,255,255,.14);
    --panel-d:#16161F;--radius:14px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:"Space Grotesk",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
  h1,h2,h3.disp{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;line-height:.94;letter-spacing:-.01em;text-transform:uppercase}
  a{color:inherit}
  .mono{font-family:"Space Mono",monospace}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}

  .ticker{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap}
  .ticker__track{display:inline-flex;padding:9px 0;animation:scroll 34s linear infinite}
  .ticker__item{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.04em;padding:0 20px;display:inline-flex;align-items:center;gap:9px;text-transform:uppercase}
  .ticker__item b{color:#7DF06B;font-weight:700}
  .ticker__dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  .site-nav{position:sticky;top:0;z-index:30;background:rgba(243,246,252,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .nav img.logo{height:46px;width:auto;display:block}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;text-decoration:none;padding:12px 20px;border-radius:999px;border:2px solid var(--ink);transition:transform .12s ease,background .15s ease,color .15s ease;cursor:pointer;background:none;font-family:inherit;line-height:1}
  .btn--blue{background:var(--blue);border-color:var(--ink);color:#fff}
  .btn--blue:hover{background:var(--blue-deep)}
  .btn--green{background:var(--green);border-color:var(--ink);color:#fff}
  .btn--green:hover{background:var(--green-deep)}
  .btn--ink{background:var(--ink);color:#fff}
  .btn--ink:hover{background:#000}
  .btn--ghost:hover{background:var(--ink);color:#fff}
  .btn:active{transform:translateY(1px)}
  .nav .btn{padding:10px 18px}
  .nav__right{display:flex;align-items:center;gap:20px}
  .nav__link{font-weight:700;font-size:14px;text-decoration:none;color:var(--ink)}
  .nav__link:hover{color:var(--blue-deep)}
  @media(max-width:560px){.nav__link{display:none}}

  .hero{padding:38px 0 54px}
  .trust{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:20px;font-family:"Space Mono",monospace;font-size:12px;color:var(--mut);letter-spacing:.02em}
  .trust b{color:var(--ink)}
  .trust .sep{width:5px;height:5px;border-radius:50%;background:var(--green)}
  .eyebrow{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-deep);font-weight:700;display:inline-flex;align-items:center;gap:9px;margin-bottom:20px}
  .eyebrow .live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(62,154,54,.6);animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(62,154,54,.5)}70%{box-shadow:0 0 0 8px rgba(62,154,54,0)}100%{box-shadow:0 0 0 0 rgba(62,154,54,0)}}
  .tag-label{font-family:"Archivo Black",sans-serif;fill:#fff;text-transform:uppercase}
  /* Featured deal card */
  .feat{background:#fff;border:3px solid var(--ink);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;box-shadow:9px 11px 0 rgba(15,15,13,.92)}
  .feat__img{position:relative;background:#fff;display:flex;align-items:center;justify-content:center;min-height:360px;border-right:3px solid var(--ink)}
  .feat__img .shoe{width:76%;filter:drop-shadow(6px 8px 10px rgba(15,15,13,.18))}
  .feat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;z-index:1;display:block}
  .feat__tag{position:absolute;top:16px;left:-6px;z-index:2;filter:drop-shadow(3px 5px 0 rgba(15,15,13,.22))}
  .feat__flag{position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;font-family:"Space Mono",monospace;font-weight:700;font-size:11px;letter-spacing:.12em;padding:6px 11px;border-radius:999px;text-transform:uppercase}
  .feat__flag .d{width:7px;height:7px;border-radius:50%;background:#7DF06B;animation:pulse 2s infinite}
  .feat__body{padding:34px 36px 32px;display:flex;flex-direction:column;justify-content:center}
  .feat__eye{font-family:"Space Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);display:inline-flex;align-items:center;gap:9px;margin-bottom:16px}
  .feat__brand{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
  .feat__name{font-family:"Archivo Black",sans-serif;font-size:clamp(30px,4.4vw,46px);line-height:.95;text-transform:uppercase;letter-spacing:-.01em;margin:6px 0 20px;text-shadow:2px 2px 0 rgba(15,15,13,.08)}
  .feat__price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
  .feat__now{font-family:"Space Mono",monospace;font-weight:700;font-size:40px;color:var(--ink);line-height:1}
  .feat__was{font-family:"Space Mono",monospace;font-size:18px;color:var(--mut);text-decoration:line-through}
  .feat__save{background:var(--green);color:#fff;font-family:"Space Mono",monospace;font-weight:700;font-size:13px;padding:6px 11px;border-radius:6px;border:2px solid var(--ink)}
  .feat__cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
  .feat__cta .btn--green{font-size:15px;padding:14px 26px}
  .feat__meta{margin-top:16px;font-family:"Space Mono",monospace;font-size:11px;color:var(--mut);letter-spacing:.02em}
  .feat-viewport{overflow:hidden;border:3px solid var(--ink);border-radius:20px;box-shadow:9px 11px 0 rgba(15,15,13,.92)}
  .feat-track{display:flex;transition:transform .5s ease}
  .feat-slide{flex:0 0 100%;min-width:100%;display:flex}
  .feat-slide .feat{border:none;border-radius:0;box-shadow:none;flex:1;align-content:stretch}
  .feat-dots{display:flex;gap:8px;justify-content:center;margin-top:18px}
  .feat-dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:rgba(15,15,13,.18);cursor:pointer;transition:background .15s,transform .15s}
  .feat-dot--on{background:var(--ink);transform:scale(1.3)}

  .deals{background:var(--ink);color:#fff;padding:64px 0 72px}
  .deals__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;flex-wrap:wrap}
  .deals__head .eyebrow{color:#7DF06B}
  .deals h2{font-size:clamp(32px,5vw,52px);color:#fff}
  .deals__head p{color:var(--mut-d);font-size:14px;max-width:340px}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
  .card{background:var(--panel-d);border:1px solid var(--line-d);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease}
  .card:hover{transform:translateY(-4px);border-color:var(--blue)}
  .card__img{background:#fff;position:relative;overflow:hidden;min-height:0;aspect-ratio:auto}
  .card__badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;background:var(--green);color:#fff;font-family:"Space Mono",monospace;font-weight:700;font-size:12px;padding:5px 10px 5px 8px;border-radius:5px;letter-spacing:.02em;border:2px solid rgba(0,0,0,.35);z-index:2}
  .card__badge .hole{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.9)}
  .card__brand{position:absolute;top:13px;right:14px;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;color:#5B6270;text-transform:uppercase;z-index:2}
  .card__img svg.shoe{display:block;width:100%;height:auto;opacity:.92}
  .card__body{padding:15px 16px 18px;display:flex;flex-direction:column;flex:1}
  .card__name{font-family:"Archivo Black",sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;margin-bottom:8px}
  .card__price{display:flex;align-items:center;flex-wrap:wrap;gap:10px;row-gap:6px;margin-top:auto;padding-top:8px}
  .card__now{font-family:"Space Mono",monospace;font-weight:700;font-size:21px;color:#7DF06B}
  .card__was{font-family:"Space Mono",monospace;font-size:13px;color:var(--mut-d);text-decoration:line-through}
  .card__cop{margin-top:13px;text-align:center;background:var(--blue);color:#fff;font-weight:700;font-size:14px;text-decoration:none;padding:11px;border-radius:999px;transition:background .15s ease}
  .card__cop:hover{background:var(--blue-deep)}
  .embed-note{margin-top:28px;border:1px dashed var(--line-d);border-radius:var(--radius);padding:17px 20px;font-family:"Space Mono",monospace;font-size:12.5px;color:var(--mut-d);line-height:1.7}
  .embed-note b{color:#7DF06B}
  .deals__filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}
  .chip{font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:transparent;border:1.5px solid var(--line-d);border-radius:999px;padding:8px 15px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
  .chip:hover{border-color:var(--blue)}
  .chip--on{background:var(--blue);border-color:var(--blue);color:#fff}
  .chip--store{display:inline-flex;align-items:center;gap:6px;background:var(--green);border-color:var(--green);color:#fff}
  .chip--store svg{width:12px;height:12px}
  .card__img img{width:100%;height:auto;display:block}
  .card__save{background:var(--green);color:#fff;font-family:"Space Mono",monospace;font-weight:700;font-size:11px;padding:3px 8px;border-radius:5px;border:2px solid rgba(0,0,0,.3);margin-left:auto}
  .empty{grid-column:1/-1;text-align:center;color:var(--mut-d);font-family:"Space Mono",monospace;font-size:14px;padding:44px 0}
  .code-chip{display:inline-flex;align-items:center;gap:7px;margin-top:12px;align-self:flex-start;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;color:#2E7A28;background:#EAF7E6;border:1.5px dashed #3E9A36;border-radius:9px;padding:7px 11px;cursor:pointer;letter-spacing:.03em;transition:background .15s,color .15s}
  .code-chip:hover{background:#dcf0d5}
  .code-chip__k{background:#3E9A36;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;letter-spacing:.08em}
  .code-chip svg{width:13px;height:13px}
  .code-chip--copied{background:#3E9A36;color:#fff;border-style:solid}
  .code-chip--copied .code-chip__k{background:#fff;color:#3E9A36}
  .card__store{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-family:"Space Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.02em;color:#d7dbe2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:4px 8px;margin:-2px 0 10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
  .card__store:hover{background:rgba(255,255,255,.14);border-color:var(--blue);color:#fff}
  .card__store svg{width:12px;height:12px;opacity:.85}
  .feat__store{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:7px;padding:5px 10px;margin:-8px 0 16px;cursor:pointer;transition:border-color .15s,color .15s}
  .feat__store:hover{border-color:var(--blue);color:var(--blue-deep)}
  .feat__store svg{width:13px;height:13px}

  .how{padding:68px 0}
  .how h2{font-size:clamp(30px,4.4vw,48px);max-width:640px;margin-bottom:40px}
  .how h2 em{font-style:normal;color:var(--blue)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .step{border-top:3px solid var(--ink);padding-top:15px}
  .step .n{font-family:"Space Mono",monospace;font-weight:700;font-size:13px;letter-spacing:.06em}
  .step:nth-child(1) .n{color:var(--blue)}
  .step:nth-child(2) .n{color:var(--green)}
  .step:nth-child(3) .n{color:var(--blue)}
  .step h3{font-size:20px;margin:11px 0 8px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:0;text-transform:none}
  .step p{color:#42464f;font-size:15px}

  .news{background:var(--blue);color:#fff;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
  .news__in{padding:60px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
  .news h2{font-size:clamp(32px,4.8vw,54px);text-shadow:3px 3px 0 rgba(15,15,13,.22)}
  .news p{margin-top:14px;font-size:16px;max-width:420px;color:#eaf1fb}
  .form{display:flex;gap:10px;flex-wrap:wrap}
  .news__cta{display:flex;align-items:center}
  .news__cta .btn{font-size:15px;padding:14px 26px}
  .form input{flex:1;min-width:220px;font-family:"Space Grotesk",sans-serif;font-size:15px;padding:14px 16px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink)}
  .form input:focus{outline:3px solid rgba(15,15,13,.35);outline-offset:1px}
  .form__note{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.02em;color:#dbe7f8;margin-top:14px}
  .form__ok{font-family:"Space Mono",monospace;font-weight:700;font-size:14px;margin-top:8px;display:none;background:var(--green);color:#fff;padding:12px 16px;border-radius:10px;border:2px solid var(--ink)}

  footer{background:var(--ink);color:var(--mut-d);padding:52px 0 40px;font-size:14px}
  .foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
  .foot img.logo{height:52px;width:auto;margin-bottom:12px}
  .foot a{color:var(--mut-d);text-decoration:none;display:block;padding:3px 0}
  .foot a:hover{color:#7DF06B}
  .foot__col h4{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:10px}
  .disclosure{margin-top:36px;padding-top:22px;border-top:1px solid var(--line-d);font-family:"Space Mono",monospace;font-size:12px;line-height:1.7;max-width:720px;color:var(--mut-d)}

  @media(max-width:900px){.feat{grid-template-columns:1fr}.feat__img{border-right:none;border-bottom:3px solid var(--ink);min-height:260px}.feat__body{padding:28px}}
  @media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.news__in{grid-template-columns:1fr;gap:26px}}
  @media(max-width:560px){.grid{grid-template-columns:1fr}.hero__meta{gap:16px}.nav img.logo{height:38px}}
  @media(prefers-reduced-motion:reduce){.ticker__track{animation:none}.eyebrow .live{animation:none}html{scroll-behavior:auto}}

  /* ---- Brand & category landing pages ---- */
  .crumbs{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.02em;color:var(--mut);margin-bottom:16px}
  .crumbs a{color:var(--mut);text-decoration:none}
  .crumbs a:hover{color:var(--blue-deep)}
  .crumbs span{margin:0 7px;color:var(--mut-d)}
  .brandpage__h1{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:clamp(36px,6.2vw,64px);line-height:.94;text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 18px}
  .brandpage__intro{font-size:17px;max-width:660px;color:#42464f;line-height:1.65}
  .brandpage__intro + .brandpage__intro{margin-top:14px}
  .faq{display:grid;gap:22px;max-width:820px}
  .faq__item{border-top:2px solid var(--line);padding-top:15px}
  .faq__q{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:19px;margin-bottom:8px}
  .faq__a{color:#42464f;font-size:15px;line-height:1.6}



  /* ---- Site header dropdown nav ---- */
  .nav__logo{display:inline-flex;align-items:center}

  /* ---- Header dropdown menus (Brands / Categories) ---- */
  .nav__menus{display:flex;align-items:center;gap:10px}
  .menu{position:relative}
  .menu__btn{display:inline-flex;align-items:center;gap:7px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:10px;padding:9px 15px;cursor:pointer;box-shadow:2px 2px 0 rgba(15,15,13,.9);transition:background .12s,color .12s}
  .menu__btn:hover{background:var(--paper)}
  .menu:hover .menu__btn,.menu:focus-within .menu__btn{background:var(--blue);color:#fff}
  .menu__arw{font-size:10px;line-height:1;transition:transform .15s}
  .menu:hover .menu__arw,.menu:focus-within .menu__arw{transform:rotate(180deg)}
  .menu__panel{position:absolute;top:calc(100% + 9px);right:0;min-width:190px;background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:4px 5px 0 rgba(15,15,13,.9);padding:8px;display:none;z-index:60}
  .menu__panel::before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}
  .menu:hover .menu__panel,.menu:focus-within .menu__panel{display:block}
  .menu__panel a{display:block;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:8px;transition:background .12s,color .12s}
  .menu__panel a:hover{background:var(--blue);color:#fff}
  @media(max-width:600px){.nav__menus{gap:6px}.menu__btn{padding:8px 11px;font-size:12px}.menu__panel{min-width:164px}}

  /* clickable ticker */
  .ticker:hover .ticker__track{animation-play-state:paused}
  a.ticker__item{color:inherit;text-decoration:none;cursor:pointer}
  a.ticker__item:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}

  .card__store--static{cursor:default}
  .card__store--static:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#d7dbe2}

  .menu__panel .sort-opt{display:block;width:100%;text-align:left;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px;color:var(--ink);background:none;border:none;cursor:pointer;padding:9px 12px;border-radius:8px;transition:background .12s,color .12s}
  .menu__panel .sort-opt:hover{background:var(--blue);color:#fff}
  .menu__panel .sort-opt--on{background:var(--paper);color:var(--blue-deep)}
  .menu__panel .sort-opt--on:hover{background:var(--blue);color:#fff}
  .sortmenu .menu__panel{min-width:180px}

  .card__new{position:absolute;bottom:12px;left:12px;background:var(--blue);color:#fff;font-family:"Space Mono",monospace;font-weight:700;font-size:11px;letter-spacing:.08em;padding:4px 9px;border-radius:5px;border:2px solid rgba(0,0,0,.35);text-transform:uppercase;z-index:2}

  .dealsearch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
  .dealsearch__field{position:relative;flex:1;min-width:240px;max-width:540px;display:flex;align-items:center}
  .dealsearch__ico{position:absolute;left:15px;width:18px;height:18px;color:var(--mut-d);pointer-events:none}
  .dealsearch__input{width:100%;font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:500;color:#fff;background:rgba(255,255,255,.05);border:1.5px solid var(--line-d);border-radius:12px;padding:13px 40px 13px 44px;transition:border-color .15s,background .15s}
  .dealsearch__input::placeholder{color:var(--mut-d)}
  .dealsearch__input:focus{outline:none;border-color:var(--blue);background:rgba(255,255,255,.08)}
  .dealsearch__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
  .dealsearch__clear{position:absolute;right:11px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--mut-d);font-size:22px;line-height:1;cursor:pointer;border-radius:50%}
  .dealsearch__clear:hover{color:#fff}
  .dealsearch__count{font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut-d);white-space:nowrap}