/* Neon editorial theme. Original layout; palette inspired by Trendtrack. */
:root {
  color-scheme: dark;
  --ink: #f4f7f5;
  --ink-soft: #b1bebb;
  --paper: #010808;
  --surface: #111a19;
  --surface-soft: #192320;
  --line: #ffffff26;
  --brand: #72fd4e;
  --brand-dark: #91ff73;
  --brand-soft: #72fd4e15;
  --accent: #9cfd00;
  --radius: 24px;
}
::selection { background: #72fd4e; color: #010808; }
body {
  background: radial-gradient(ellipse 850px 620px at 78% 12%,#17402966,transparent),radial-gradient(ellipse 700px 600px at 5% 55%,#13352c55,transparent),#010808;
  background-attachment: fixed;
  color: var(--ink);
}
.site-header { background: #091210bb; border-color: #ffffff1a; box-shadow: inset 0 -1px #ffffff08; backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); }
.nav { min-height: 80px; }
.brand { letter-spacing: -.045em; }
.brand-mark { background: var(--brand); color: #010808; border-radius: 50%; transform: rotate(-8deg); box-shadow: 0 0 24px #72fd4e25; }
.nav-links > a:not(.button) { color: #d4ddd8; }
.editorial-banner { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 28px; padding: 10px 20px; font-size: .72rem; color: #bacac2; border-bottom: 1px solid #ffffff0d; background: #ffffff03; }
.editorial-banner > span { letter-spacing: .06em; text-transform: uppercase; }
.editorial-banner a { text-decoration: none; color: #b3ffa0; }
.button { border-radius: 999px; font-weight: 750; min-height: 52px; }
.button-primary, .button-green { color: #081105; background: linear-gradient(135deg,#9cfd00,#41ef65); border-color: #b5ff8380; box-shadow: inset 0 2px 2px #ffffff88,0 0 25px #72fd4e17,0 8px 20px #0004; }
.button-primary:hover, .button-green:hover { background: linear-gradient(135deg,#b8ff49,#72fd4e); box-shadow: inset 0 2px 2px #fff9,0 0 32px #72fd4e44; transform: translateY(-3px); }
.button-ghost { color: #f0f6f2; background: linear-gradient(135deg,#ffffff12,#ffffff05); border-color: #ffffff35; box-shadow: inset 0 1px #ffffff24; }
.button-ghost:hover { background: #ffffff17; border-color: #72fd4e80; }
.button-small { min-height: 42px; }
.hero { position: relative; padding: 84px 0 62px; overflow: clip; }
.hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 52px; }
.hero h1 { font-size: clamp(3.2rem,5.5vw,5.5rem); font-weight: 650; letter-spacing: -.065em; line-height: 1.02; }
.hero-lead { font-size: 1.06rem; line-height: 1.75; max-width: 580px; color: #bbc8c1; }
.hero-lead strong { color: #fff; font-weight: 650; }
.eyebrow { color: #a4ff89; font-size: .71rem; letter-spacing: .08em; font-family: ui-monospace,monospace; }
.eyebrow::before { width: 6px; height: 6px; box-shadow: 0 0 0 5px #72fd4e14,0 0 14px #72fd4e80; }
.highlight { color: #8dff69; }
.highlight::after { inset: auto 0 -5% 0; height: 4px; background: linear-gradient(90deg,#72fd4e,#72fd4e00); border-radius: 50%; transform: rotate(-3deg); }
.hero .highlight { font-family: Georgia,serif; font-style: italic; font-weight: 400; letter-spacing: -.06em; }
.hero-product, .coupon-product { position: relative; padding-top: 20px; }
.floating-sticker { position: absolute; top: -40px; right: 12px; z-index: 2; padding: 12px 18px; background: #bdff9e; color: #13200e; box-shadow: 0 10px 30px #0005; border: 1px solid #deffcf; border-radius: 8px 8px 8px 2px; font-size: .8rem; font-weight: 800; line-height: 1.3; transform: rotate(6deg); }
.visual-kicker { color: #a9b8b0; font-family: ui-monospace,monospace; font-size: .69rem; }
.pill { color: #a9ff8d; background: #72fd4e12; border: 1px solid #72fd4e29; font-size: .69rem; padding: 6px 11px; }
.card, .price-card, .step, .trust-item, .page-index, .visual-verdict, .product-shot, .table-wrap {
  background: linear-gradient(135deg,#ffffff0e,#ffffff03 70%);
  border: 1px solid #ffffff22;
  box-shadow: inset 0 1px 0 #ffffff20,inset 1px 0 0 #ffffff08,0 20px 45px #0002;
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.product-shot { padding: 10px; border-radius: 20px; background: linear-gradient(140deg,#dfffd926,#ffffff07); box-shadow: inset 0 1px #ffffff45,0 0 60px #72fd4e0d,0 22px 60px #0005; }
.shot-link { aspect-ratio: 1440 / 808; border-radius: 12px; background: #0b1410; }
.shot-link img { width: 100%; height: 100%; object-fit: contain; }
.product-shot figcaption { color: #a9b6af; font-size: .7rem; }
.enlarge-label { background: #0a130fe8; border-color: #ffffff44; }
.visual-verdict { margin: 16px 18px 0; padding: 15px; border-radius: 18px; }
.visual-verdict p { font-size: .8rem; }
.visual-spark { color: #9cfd00; background: #72fd4e15; border-radius: 50%; }
.signal-strip { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 18px 38px; padding: 18px 20px; background: #72fd4e; color: #081006; border-block: 1px solid #c6ffb2; font-family: ui-monospace,monospace; font-size: .8rem; font-weight: 800; letter-spacing: .12em; }
.signal-strip i { font-size: 1.4rem; line-height: 1; font-style: normal; }
.trust-strip { padding: 28px 0 52px; }
.trust-item { padding: 20px; border-radius: 16px; }
.trust-item strong { color: #eef9ec; }
.section { padding: 88px 0; }
.section-soft, .product-tour { background: #ffffff02; border-color: #ffffff12; }
.section-heading h2 { font-size: clamp(2.1rem,4vw,3.7rem); font-weight: 600; letter-spacing: -.055em; }
.card { transition: border-color .2s,transform .2s,background .2s; }
.card:hover { border-color: #72fd4e55; background: linear-gradient(135deg,#72fd4e10,#ffffff04); transform: translateY(-3px); }
.card-icon { background: #72fd4e15; color: #91ff73; border: 1px solid #72fd4e26; border-radius: 50%; }
.pros .plain-list li::before { color: #72fd4e; }
.cons .plain-list li::before { color: #ffab90; }
.price-card.featured { border: 1px solid #72fd4e88; background: linear-gradient(145deg,#72fd4e18,#ffffff03); box-shadow: inset 0 1px #cfffad55,0 0 55px #72fd4e0c; }
.price { color: #f5fff1; }
.discount-example { background: #72fd4e0c; border: 1px solid #72fd4e25; }
.discount-example strong { color: #91ff73; }
.notice { color: #f0d9a2; background: #312a1666; border-color: #b49c4144; }
.reading-note { background: #72fd4e09; border-left-color: #72fd4e; }
.table-wrap { background: #111a19; }
th { background: #1b2620; color: #c4d1c9; }
.recommended-row { background: #72fd4e09; }
.page-index { border-radius: 22px; }
.page-index a { color: #d8e7de; background: #ffffff07; border-color: #ffffff18; box-shadow: inset 0 1px #ffffff0b; }
.page-index a:hover { color: #b5ff96; background: #72fd4e10; }
.coupon-hero { padding: 62px 0 25px; }
.coupon-hero h1 { font-size: clamp(2.7rem,5.5vw,4.9rem); max-width: 1030px; font-weight: 650; letter-spacing: -.055em; line-height: 1.12; }
.coupon-hero .highlight { font-family: ui-monospace,monospace; font-size: .9em; letter-spacing: -.065em; }
.coupon-hero .hero-lead { max-width: 630px; margin-top: 22px; }
.coupon-with-preview { gap: 46px; margin-top: 32px; }
.coupon-card, .cta-panel, .savings-total { color: #f4faf3; background: radial-gradient(ellipse at 90% 0%,#72fd4e16,transparent 65%),linear-gradient(135deg,#1b2c22e8,#0e1815e8); border: 1px solid #a9ff8140; box-shadow: inset 0 1px #deffd538,0 20px 50px #0004; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.coupon-card { border-radius: 26px; }
.coupon-card::before { display: none; }
.coupon-card .label { color: #c0d0c4; line-height: 1.7; }
.coupon-code { background: #01080866; border: 1px dashed #9cfd0066; border-radius: 14px; color: #a4ff65; font-family: ui-monospace,monospace; box-shadow: inset 0 0 24px #72fd4e05; }
.coupon-status { color: #b4c6b9; }
.step::before { color: #071105; background: #72fd4e; border-radius: 10px; transform: rotate(-6deg); }
.cta-panel p { color: #bccfc0; }
.faq summary { padding: 24px 10px; }
.faq details[open] { background: #ffffff03; }
.faq details p { padding-inline: 10px; }
.faq summary::after { color: #72fd4e; }
.site-footer { background: #ffffff02; border-color: #ffffff16; }
.mobile-cta { background: #0b1713eb; border-color: #ffffff24; box-shadow: 0 -10px 40px #0006; }
.skip-link:focus { color: #010808; }
:focus-visible { outline-color: #a3ff71; }
@media (prefers-reduced-motion: no-preference) {
  .hero h1, .coupon-hero h1 { animation: title-in .65s ease-out both; }
  .floating-sticker { animation: sticker-in .7s ease-out both; }
  .signal-strip i { animation: spark-turn 20s linear infinite; }
  @keyframes title-in { from { opacity: .3; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  @keyframes sticker-in { from { opacity: 0; transform: translateY(12px) rotate(-5deg); } to { opacity: 1; transform: rotate(6deg); } }
  @keyframes spark-turn { to { transform: rotate(360deg); } }
}
@media (max-width: 1050px) {
  .hero-grid { gap: 32px; }
  .hero h1 { font-size: 3.5rem; }
  .hero-lead { font-size: 1rem; }
}
@media (max-width: 900px) {
  .hero { padding: 58px 0 44px; }
  .hero-grid, .coupon-with-preview { grid-template-columns: minmax(0,1fr); gap: 52px; }
  .hero h1 { font-size: clamp(3.5rem,8vw,5.1rem); }
  .hero-product, .coupon-product { max-width: 650px; }
  .hero-product { margin-top: 18px; }
  .floating-sticker { top: -32px; }
  .price-card.featured { transform: none; }
}
@media (max-width: 650px) {
  body { background-attachment: scroll; }
  .nav { min-height: 68px; gap: 10px; }
  .editorial-banner { gap: 4px; flex-direction: column; align-items: center; font-size: .64rem; padding: 8px 12px; }
  .hero { padding: 40px 0 32px; }
  .hero h1 { font-size: clamp(2.9rem,12vw,4rem); }
  .eyebrow { font-size: .65rem; }
  .hero-actions { gap: 10px; }
  .hero-actions .button { width: 100%; }
  .hero-product, .coupon-product { padding-top: 22px; }
  .floating-sticker { font-size: .7rem; padding: 9px 12px; right: 7px; top: -28px; }
  .visual-kicker { font-size: .63rem; }
  .visual-verdict { margin-inline: 0; }
  .signal-strip { gap: 14px; font-size: .58rem; letter-spacing: .04em; padding: 15px 12px; }
  .signal-strip i { font-size: 1rem; }
  .trust-strip { padding-bottom: 30px; }
  .trust-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .trust-item { padding: 14px; }
  .trust-item strong { font-size: .8rem; }
  .trust-item span { font-size: .72rem; }
  .section { padding: 58px 0; }
  .coupon-hero { padding-top: 38px; }
  .coupon-hero h1 { font-size: clamp(2.3rem,9.5vw,3.7rem); }
  .coupon-with-preview { gap: 48px; margin-top: 12px; }
  .product-shot { padding: 7px; }
  .card, .price-card, .step, .trust-item, .page-index, .visual-verdict, .product-shot { background-color: #101b17b3; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .page-index { gap: 6px; }
  .site-footer { padding-bottom: 110px; }
}
@supports not (backdrop-filter: blur(1px)) {
  .card, .price-card, .step, .trust-item, .table-wrap, .page-index, .visual-verdict, .product-shot, .site-header, .mobile-cta { background: #142019; }
}
@media (max-width: 380px) {
  .nav .brand-mark { display: none; }
  .nav .brand { font-size: .76rem; }
  .nav .button { font-size: .7rem; padding-inline: 10px; }
}
@media (prefers-reduced-transparency: reduce) {
  .card, .price-card, .step, .trust-item, .table-wrap, .page-index, .visual-verdict, .product-shot, .site-header, .mobile-cta, .coupon-card, .cta-panel, .savings-total { background: #142019; backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* Acid playground: bold editorial scale, cut-out labels and smoked glass. */
body { background: radial-gradient(ellipse 800px 650px at 50% 500px,#17462655,transparent),radial-gradient(ellipse 900px 650px at 95% 45%,#16322a66,transparent),#010808; }
.hero { padding: 48px 0 56px; }
.hero-grid { grid-template-columns: minmax(0,1fr); gap: 80px; }
.hero-grid > div:first-child { position: relative; text-align: center; }
.hero h1 { position: relative; max-width: 1100px; margin-inline: auto; font-size: clamp(4rem,10.5vw,8.8rem); font-weight: 850; letter-spacing: -.085em; line-height: .97; }
.word-outline { color: transparent; -webkit-text-stroke: 1.5px #ddf2e2; }
.hero .highlight { font-family: inherit; font-style: normal; font-weight: 850; color: #061006; background: #91ff53; padding: 0 .1em .05em; margin-top: .05em; transform: rotate(-4deg); border-radius: 12px; box-shadow: 7px 7px 0 #315b1f; }
.hero .highlight::after { display: none; }
.hero-asterisk { position: absolute; right: 1%; top: 65%; display: inline-block; color: #a991ff; font-size: .6em; line-height: 1; transform: rotate(12deg); }
.hero-lead { max-width: 640px; margin: 30px auto 22px; font-size: 1rem; }
.hero-actions { justify-content: center; }
.hero .microcopy { font-size: .72rem; }
.hero-product { width: 100%; max-width: 850px; margin-inline: auto; padding: 0; }
.hero-product .product-shot { padding: 14px; border-radius: 24px; border-color: #99fb6859; transform: rotate(-1deg); }
.hero-product .visual-kicker { padding-inline: 14px; }
.hero-product .visual-verdict { position: absolute; bottom: -25px; right: -35px; max-width: 350px; transform: rotate(3deg); background: linear-gradient(135deg,#293529f2,#142018f2); border-color: #d4ffb060; box-shadow: 0 15px 35px #0007,inset 0 1px #ffffff30; }
.floating-sticker { background: #b8a0ff; border-color: #cfbcff; color: #180e2f; top: -36px; right: -22px; transform: rotate(8deg); border-radius: 3px; box-shadow: 6px 7px 0 #392559; padding: 16px 20px; }
.orbit-label { position: absolute; z-index: 3; top: 22%; left: -70px; display: grid; place-content: center; width: 130px; height: 130px; border-radius: 50%; background: #9cfd00; color: #0c1703; border: 9px double #102008; text-align: center; font-family: ui-monospace,monospace; font-size: .66rem; line-height: 1.6; transform: rotate(-14deg); box-shadow: 0 10px 30px #0005; }
.orbit-label strong { font-size: .72rem; }
.signal-strip { margin: 30px auto 0; transform: rotate(-1.5deg); width: calc(100% - 16px); gap: 18px 45px; padding: 19px 12px; font-size: .88rem; box-shadow: 0 8px 0 #214016; }
.trust-strip { padding-top: 52px; }
.trust-item:nth-child(2) { transform: rotate(-2deg); }
.trust-item:nth-child(4) { transform: rotate(2deg); }
.section-heading .highlight { color: #a5ff78; }
.section-heading .highlight::after { background: #72fd4e66; height: 2px; }
.card-icon { border-radius: 12px; transform: rotate(-8deg); color: #0b1604; background: #91ff53; border: 0; box-shadow: 4px 4px 0 #3c6026; }
.grid-3 .card:nth-child(3n+2) .card-icon { background: #b8a0ff; box-shadow: 4px 4px 0 #3a2b59; }
.card h3 { font-size: 1.4rem; letter-spacing: -.045em; }
.visual-feature:nth-child(2) .product-shot { transform: rotate(1deg); }
.visual-feature:nth-child(1) .product-shot { transform: rotate(-1deg); }
.visual-feature h3 { font-size: 1.6rem; }
.coupon-hero { position: relative; padding-top: 52px; overflow: clip; }
.coupon-hero h1 { font-size: clamp(2.9rem,6.5vw,5.5rem); font-weight: 850; letter-spacing: -.07em; }
.coupon-hero .highlight { display: inline-block; margin-top: 16px; padding: 0 .18em .08em; color: #091104; background: #91ff53; border-radius: 9px; box-shadow: 6px 6px 0 #345724; transform: rotate(-3deg); }
.coupon-hero .highlight::after { display: none; }
.coupon-hero .hero-lead { margin-top: 30px; }
.coupon-with-preview { margin-top: 38px; gap: 58px; }
.coupon-card { transform: rotate(-2deg); border-radius: 22px; border-color: #91ff5380; }
.coupon-purchase .microcopy { margin-top: 25px; }
.coupon-product .orbit-label { left: auto; right: -12px; top: auto; bottom: -18px; width: 98px; height: 98px; border-width: 6px; font-size: .58rem; background: #b8a0ff; transform: rotate(12deg); }
.coupon-product .orbit-label strong { font-size: .62rem; }
.coupon-product .visual-caption { padding-right: 90px; }
.price-card.featured { position: relative; border-width: 2px; }
.price-card.featured::before { content: "LE BON MATCH ?"; position: absolute; top: -14px; right: 18px; padding: 5px 12px; color: #101804; background: #9cfd00; font: 800 .65rem ui-monospace,monospace; letter-spacing: .04em; transform: rotate(4deg); border-radius: 3px; }
.cta-panel { border-color: #72fd4e70; background: radial-gradient(ellipse at 0% 100%,#72fd4e27,transparent 65%),#102016; }
.cta-panel h2 { font-weight: 800; letter-spacing: -.06em; }
@media (prefers-reduced-motion: no-preference) {
  .hero-asterisk { animation: spark-turn 28s linear infinite; }
  .orbit-label { animation: badge-bob 7s ease-in-out infinite; }
  @keyframes badge-bob { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }
}
@media (max-width: 1050px) {
  .hero h1 { font-size: clamp(4rem,10.5vw,7rem); }
  .hero-product { max-width: 750px; }
  .orbit-label { left: -30px; width: 110px; height: 110px; font-size: .6rem; }
}
@media (max-width: 900px) {
  .hero-grid { gap: 62px; }
  .hero-product { max-width: 650px; }
  .hero-product .visual-verdict { right: 0; bottom: -32px; }
  .hero-asterisk { right: 0; font-size: .4em; }
  .orbit-label { left: -12px; }
  .floating-sticker { right: 4px; }
  .coupon-with-preview { gap: 58px; }
}
@media (max-width: 650px) {
  .hero { padding-top: 38px; overflow: clip; }
  .hero h1 { font-size: clamp(2.8rem,11.5vw,4.5rem); letter-spacing: -.08em; line-height: 1.04; }
  .hero-asterisk { top: 82%; right: 0; font-size: .42em; }
  .hero .highlight { box-shadow: 4px 4px 0 #315b1f; border-radius: 6px; }
  .hero-lead { font-size: .96rem; margin-top: 28px; }
  .hero-actions .button { width: auto; min-height: 46px; font-size: .8rem; padding: 12px 17px; }
  .hero-grid { gap: 68px; }
  .hero-product .product-shot { padding: 7px; }
  .hero-product .visual-verdict { position: relative; right: auto; bottom: auto; margin-top: 20px; max-width: none; transform: rotate(1deg); }
  .hero-product .orbit-label { width: 82px; height: 82px; border-width: 5px; font-size: .45rem; top: 27%; left: -5px; }
  .hero-product .orbit-label strong { font-size: .48rem; }
  .floating-sticker { top: -49px; right: 8px; padding: 11px 13px; font-size: .67rem; box-shadow: 4px 4px 0 #392559; }
  .signal-strip { gap: 12px; font-size: .6rem; margin-top: 4px; }
  .trust-strip { padding-top: 38px; }
  .trust-item:nth-child(2), .trust-item:nth-child(4) { transform: none; }
  .coupon-hero { padding-top: 38px; }
  .coupon-hero h1 { font-size: clamp(2.2rem,9.3vw,3.9rem); }
  .coupon-with-preview { width: calc(100% - 36px); gap: 65px; }
  .coupon-card { transform: rotate(-1deg); }
  .coupon-product .orbit-label { right: 0; bottom: -12px; }
  .coupon-product .visual-caption { font-size: .8rem; }
}