/* Accueil : scènes au défilement (assemblage, annonce démontée, colonnes opposées).
   Une seule variable pilote chaque scène : --p, de 0 à 1, posée par landing.js.
   Sans JavaScript, avec le mouvement réduit, en économie de données ou sur téléphone :
   --p reste à 1 et la page montre directement l'état final. Aucune couleur ici : voir tokens.css. */
.landing{padding:0;max-width:none}
[data-scene]{--p:1}
.l-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap}
.l-btn .icon{width:20px;height:20px}
.l-btn-primary{background:var(--nuit-green);color:var(--nuit-bg)}
.l-btn-light{background:var(--nuit-ink);color:var(--nuit-bg)}
.l-btn-dark{background:var(--sun-ink);color:var(--sun)}
.l-btn-ghost{border-color:currentColor;color:inherit;background:none}
.l-btn:focus-visible{outline:3px solid var(--nuit-yellow);outline-offset:2px}
.l-kicker{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 10px}
.l-head{max-width:1200px;margin:0 auto 22px;padding:0 16px}
.l-head h2,.l-explode-copy h2,.l-columns-copy h2,.l-pro h2{font-size:clamp(28px,4.2vw,52px);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:0;text-wrap:balance}
.l-head-row{display:flex;align-items:end;justify-content:space-between;gap:16px}
.l-section{max-width:1200px;margin:0 auto;padding:64px 16px 24px}
.l-section .l-head{padding:0}
.l-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.5;margin:0}

/* ---------- 1. Ouverture ---------- */
.l-open{position:relative;background:var(--nuit-bg);color:var(--nuit-ink);overflow:clip}
.l-stage{position:relative}
.l-map{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
/* Le voile reste derrière le texte : il vit dans .l-stage (qui crée son propre empilement), sous .l-open-inner */
.l-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.l-open .l-stage::after{background:radial-gradient(70% 90% at 72% 50%,transparent 45%,var(--nuit-bg) 100%)}
/* Annonce démontée : dégradé dans les coins seulement, la colonne de texte reste nette */
.l-explode .l-stage::after{background:radial-gradient(85% 72% at 45% 50%,transparent 62%,color-mix(in srgb,var(--nuit-bg) 75%,transparent) 100%)}
.l-open-inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:clamp(40px,7vw,90px) 16px 70px;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
@media (min-width:900px){.l-open-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 64px)}}
.l-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--nuit-ink-2);border:1px solid var(--nuit-line);border-radius:999px;padding:6px 12px;margin:0 0 18px}
.l-eyebrow .icon{width:16px;height:16px;color:var(--nuit-yellow)}
.l-open h1{font-size:clamp(40px,6.4vw,88px);line-height:.98;font-weight:800;letter-spacing:-.045em;margin:0 0 18px;text-wrap:balance}
.l-grad{background:linear-gradient(90deg,var(--nuit-green),var(--nuit-yellow) 50%,var(--nuit-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.l-open .l-lead{color:var(--nuit-ink-2);max-width:36ch;margin-bottom:24px}
.l-search{position:relative;display:flex;gap:6px;max-width:560px;background:var(--nuit-ink);border-radius:999px;padding:6px;padding-inline-start:46px;box-shadow:0 20px 50px -20px var(--nuit-bg)}
.l-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;color:var(--nuit-bg);outline:none}
.l-search-icon{position:absolute;top:50%;inset-inline-start:16px;transform:translateY(-50%);color:var(--nuit-bg);opacity:.55}
.l-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:20px}
.l-link{display:inline-flex;align-items:center;gap:2px;color:var(--nuit-ink);font-weight:700;text-decoration:none}
.l-link .icon{width:20px;height:20px}
.l-scroll-cue{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);margin:0;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nuit-ink-2)}
@media (max-width:899px),(max-height:860px){.l-scroll-cue{display:none}}

/* Les offres : état final = composition en éventail autour du titre */
.l-offers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.l-offer a{display:flex;flex-direction:column;height:100%;background:var(--nuit-surface);border:1px solid var(--nuit-line);border-radius:20px;overflow:hidden;color:var(--nuit-ink);text-decoration:none;position:relative;box-shadow:0 30px 60px -30px var(--nuit-bg)}
.l-offer-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--nuit-bg-2)}
.l-offer-body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 14px}
.l-offer-price{font-weight:800;font-size:17px;color:var(--nuit-yellow)}
.l-offer-title{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.l-offer-meta{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;color:var(--nuit-ink-2)}
.l-offer-tag{position:absolute;top:10px;inset-inline-start:10px;background:var(--nuit-yellow);color:var(--nuit-bg);font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}
.l-offer-cat a{justify-content:center;padding:18px;gap:12px;min-height:150px}
.l-offer-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--nuit-bg-2);color:var(--nuit-green)}
.l-offer-icon .icon{width:28px;height:28px}
@media (min-width:900px){
  .l-offers{position:relative;display:block;height:580px}
  .l-offer{position:absolute;width:min(236px,42%);
    --t:clamp(0,calc((var(--p) - var(--d)) / .5),1);--e:calc(var(--t) * (2 - var(--t)));
    transform:translate(calc(var(--dx) * (1 - var(--e))),calc(var(--dy) * (1 - var(--e)))) rotate(calc(var(--r0) * (1 - var(--e)) + var(--r) * var(--e))) scale(calc(.86 + .14 * var(--e)));
    will-change:transform}
  .l-offer-1{top:0;inset-inline-start:4%;--dx:4vw;--dy:-34vh;--r0:-18deg;--r:-6deg;--d:0;z-index:2}
  .l-offer-2{top:36px;inset-inline-end:2%;--dx:18vw;--dy:-12vh;--r0:16deg;--r:5deg;--d:.08;z-index:1}
  .l-offer-3{bottom:0;inset-inline-start:10%;--dx:2vw;--dy:34vh;--r0:14deg;--r:4deg;--d:.16;z-index:3}
  .l-offer-4{bottom:24px;inset-inline-end:0;--dx:20vw;--dy:20vh;--r0:-16deg;--r:-3deg;--d:.24;z-index:4}
  .l-offer:hover{z-index:5}
}


/* ---------- 2. L'annonce démontée ---------- */
.l-explode{background:var(--bg);color:var(--ink);overflow:clip}
.l-explode-inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:80px 16px;display:grid;gap:40px;align-items:center}
@media (min-width:900px){.l-explode-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr);min-height:100vh}}
.l-explode-copy .l-lead{color:var(--ink-2);margin-top:14px}
/* --s : écartement (0 = assemblée, 1 = démontée). Au repos : démontée, pour lire chaque couche. */
.l-device{--s:1;position:relative;width:min(300px,78vw);height:470px;margin:0 auto;transform-style:preserve-3d;transform:perspective(1200px) rotateX(calc(var(--s) * 22deg)) rotateZ(calc(var(--s) * -8deg))}
.has-motion .l-explode .l-device{--s:calc(1 - max(var(--p) * 2 - 1, 1 - var(--p) * 2))}
.l-layer{position:absolute;inset-inline-start:0;width:100%;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-hover);display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;color:var(--ink);
  transform:translate3d(calc(var(--x) * var(--s) * 1.5),calc(var(--y) * var(--s) * 1.5),calc(var(--z,0px) * var(--s))) rotate(calc(var(--rz) * var(--s)));will-change:transform}
.l-layer .icon{width:22px;height:22px;flex:none}
.l-layer-photo{top:0;height:230px;padding:0;overflow:hidden;--x:0px;--y:-40px;--z:-60px;--rz:-4deg;background:linear-gradient(135deg,var(--brand-soft),var(--info-soft))}
.l-layer-photo img{width:100%;height:100%;object-fit:cover;display:block}
.l-layer-price{top:240px;flex-direction:column;align-items:flex-start;gap:2px;--x:-60px;--y:-6px;--z:40px;--rz:3deg}
.l-layer-price strong{font-size:20px;font-weight:800;color:var(--price)}
.l-layer-price span{font-weight:500;color:var(--ink-2);font-size:13px}
.l-layer-chat{top:316px;width:82%;inset-inline-start:18%;background:var(--info-ink);color:var(--surface);border-color:transparent;--x:80px;--y:16px;--z:90px;--rz:4deg}
.l-layer-call{top:372px;width:70%;--x:-90px;--y:44px;--z:70px;--rz:-5deg}
.l-layer-call .icon{color:var(--brand)}
.l-layer-pay{top:172px;width:62%;inset-inline-start:42%;background:var(--sun);color:var(--sun-ink);border-color:transparent;--x:100px;--y:-120px;--z:120px;--rz:7deg}
.l-layer-truck{top:430px;width:76%;inset-inline-start:12%;--x:44px;--y:76px;--z:30px;--rz:-3deg}
.l-layer-truck .icon{color:var(--info-ink)}
.l-legend{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:l}
.l-legend li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline;counter-increment:l}
.l-legend li::before{content:counter(l,decimal-leading-zero);grid-row:span 2;font-size:12px;font-weight:800;color:var(--brand)}
.l-legend b{font-size:16px}
.l-legend span{color:var(--ink-2);font-size:14px}
.has-motion .l-legend li{opacity:calc(.3 + .7 * clamp(0,calc(var(--p) * 6 - var(--i)),1))}
.l-legend li:nth-child(1){--i:.5}.l-legend li:nth-child(2){--i:1}.l-legend li:nth-child(3){--i:1.5}.l-legend li:nth-child(4){--i:2}.l-legend li:nth-child(5){--i:2.5}

/* ---------- 3. Catégories : grille asymétrique ---------- */
.l-bento-wrap{background:var(--surface-2);padding:72px 0 64px}
.l-bento{list-style:none;margin:0 auto;padding:0 16px;max-width:1200px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.l-bento{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1050px){.l-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(132px,auto)}
  .l-bento-1,.l-bento-2{grid-column:span 2;grid-row:span 2}
  .l-bento-3{grid-column:span 2}}
.l-bento .cat-tile{height:100%;border-radius:22px;padding:18px}
.l-bento-1 .cat-tile,.l-bento-2 .cat-tile{justify-content:flex-end;gap:12px;padding:24px}
.l-bento-1 .cat-tile{background:var(--nuit-bg);color:var(--nuit-ink);border-color:transparent}
.l-bento-1 .cat-icon{background:var(--nuit-surface);color:var(--nuit-green)}
.l-bento-1 .cat-meta{color:var(--nuit-ink-2)}
.l-bento-2 .cat-tile{background:var(--sun);color:var(--sun-ink);border-color:transparent}
.l-bento-2 .cat-icon{background:var(--sun-2);color:var(--sun-ink)}
.l-bento-2 .cat-meta{color:var(--sun-ink);opacity:.7}
.l-bento-1 .cat-name,.l-bento-2 .cat-name{font-size:clamp(22px,2.4vw,32px);font-weight:800;letter-spacing:-.02em}
.l-bento-1 .cat-icon,.l-bento-2 .cat-icon{width:60px;height:60px;border-radius:18px;margin-bottom:auto}
.l-bento-1 .cat-icon .icon,.l-bento-2 .cat-icon .icon{width:32px;height:32px}
.l-bento li:nth-child(3n+4) .cat-icon{background:var(--accent-soft);color:var(--accent-ink)}
.l-bento li:nth-child(3n+5) .cat-icon{background:var(--info-soft);color:var(--info-ink)}

/* ---------- 4. Colonnes opposées ---------- */
.l-columns{position:relative;background:var(--nuit-bg);color:var(--nuit-ink);overflow:hidden;display:grid;gap:30px;padding:80px 16px;align-items:center}
@media (min-width:900px){.l-columns{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-inline:max(16px,calc((100vw - 1200px) / 2));min-height:640px}}
.l-columns-copy{display:grid;gap:18px;justify-items:start}
.l-columns-copy .l-kicker{color:var(--nuit-yellow)}
.l-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:520px;overflow:hidden;mask-image:linear-gradient(transparent,black 14%,black 86%,transparent)}
.l-col{display:flex;flex-direction:column;gap:12px}
.l-col img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:var(--nuit-surface);transition:transform .4s}
/* Chaque photo mène à son annonce ; prix et titre sur un dégradé sombre, toujours lisibles */
.l-col-item{position:relative;display:block;border-radius:16px;overflow:hidden;color:var(--nuit-ink);text-decoration:none}
.l-col-tag{position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:40px 12px 12px;background:linear-gradient(transparent,color-mix(in srgb,var(--nuit-bg) 85%,transparent));font-size:13px;line-height:1.25}
.l-col-tag b{font-size:15px;color:var(--nuit-yellow)}
.l-col-tag span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover){.l-col-tag{opacity:0;transition:opacity .2s}.l-col-item:hover .l-col-tag,.l-col-item:focus-visible .l-col-tag{opacity:1}.l-col-item:hover img{transform:scale(1.04)}}
.l-col-a,.l-col-c{transform:translateY(calc(var(--p) * -30%))}
.l-col-b{transform:translateY(calc(-30% + var(--p) * 30%))}
.l-columns:not(.is-moving) .l-col-b{transform:translateY(-12%)}

/* ---------- 5. Bandeau Pro ---------- */
.l-pro{background:var(--sun);color:var(--sun-ink);padding:64px 16px}
.l-pro-inner{max-width:1200px;margin:0 auto;display:grid;gap:24px;align-items:end}
@media (min-width:900px){.l-pro-inner{grid-template-columns:minmax(0,1.4fr) auto}}
.l-pro .l-kicker{color:var(--sun-ink);opacity:.7}
.l-pro p{max-width:56ch;font-size:17px;margin:12px 0 0}
.l-pro-ctas{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- Mouvement activé (grand écran, mouvement accepté, sans économie de données) ---------- */
.has-motion .l-open{height:220vh}
.has-motion .l-open>.l-stage{position:sticky;top:0;height:100vh}
.has-motion .l-open-inner{min-height:100vh}
.has-motion .l-explode{height:240vh}
.has-motion .l-explode>.l-stage{position:sticky;top:0;height:100vh}
.has-motion .l-explode-inner{height:100vh;padding-block:40px}
@media (prefers-reduced-motion:reduce){[data-scene]{--p:1 !important}}
.landing .showcase{border:0;border-radius:0;padding:0;margin:0}
.l-showcase{background:var(--show-bg);border-block:1px solid var(--show-line)}
.l-showcase .l-section{padding-block:40px 16px}
.l-showcase .l-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--show-tag)}
.l-showcase .l-kicker .icon{width:16px;height:16px}
/* Exemples qui défilent dans la recherche : lisibles sur téléphone */
.l-search input::placeholder{color:color-mix(in srgb,var(--nuit-bg) 60%,transparent);transition:opacity .2s}
.l-search input.sbar-fade::placeholder{opacity:0}
@media (max-width:480px){.l-search input::placeholder{font-size:14px}.l-search .l-btn{padding-inline:14px}}

/* Photo de la catégorie en dégradé derrière la pastille (D126). Posée par app.js à l'approche de l'écran,
   jamais en mode économie ; le texte reste sur la couleur de la pastille, la photo se fond vers la droite. */
.l-bento .cat-tile.has-img{position:relative;overflow:hidden;isolation:isolate;--tile-bg:var(--surface)}
.l-bento-1 .cat-tile.has-img{--tile-bg:var(--nuit-bg)}
.l-bento-2 .cat-tile.has-img{--tile-bg:var(--sun)}
.l-bento .cat-tile.has-img::before,.l-bento .cat-tile.has-img::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.l-bento .cat-tile.has-img::before{background:var(--cat-img,none) right center/cover no-repeat;opacity:0;transition:opacity .6s ease}
.l-bento .cat-tile.has-img.img-on::before{opacity:1}
/* D148 : voile plus couvrant, le nom de la catégorie reste sur un fond quasi plein (contraste AA) */
.l-bento .cat-tile.has-img::after{background:linear-gradient(100deg,var(--tile-bg) 42%,color-mix(in srgb,var(--tile-bg) 88%,transparent) 60%,color-mix(in srgb,var(--tile-bg) 35%,transparent) 100%)}
/* Petites pastilles : le texte occupe toute la largeur, la photo reste en filigrane */
.l-bento li:not(.l-bento-1):not(.l-bento-2) .cat-tile.has-img::after{background:linear-gradient(100deg,var(--tile-bg) 40%,color-mix(in srgb,var(--tile-bg) 86%,transparent) 70%,color-mix(in srgb,var(--tile-bg) 62%,transparent) 100%)}
.l-bento .cat-tile.has-img{border-color:var(--pill-line)}
.l-bento-1 .cat-tile.has-img,.l-bento-2 .cat-tile.has-img{border-color:transparent}
@media (prefers-reduced-motion:reduce){.l-bento .cat-tile.has-img::before{transition:none}}
/* Téléphone (D142) : la carte reste une ambiance derrière le texte ; voile plus dense et boutons sur fond plein.
   Couleurs écrites sans color-mix pour les iPhone sous iOS 15. */
@media (max-width:899px){
  .l-open .l-map{opacity:.45}
  .l-open .l-stage::after{background:linear-gradient(180deg,rgba(8,17,31,.35) 0%,rgba(8,17,31,.75) 55%,#08111f 100%)}
  .l-open .l-btn-ghost{background:rgba(8,17,31,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .l-open .l-link{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(8,17,31,.72)}
  .l-open-inner{padding-top:28px}
}

/* ---------- Capsules de l'ouverture (D148) : fond plein, bordure nette, lisibles sur la carte ---------- */
.l-chips{display:flex;gap:8px;margin-top:16px;overflow-x:auto;scrollbar-width:none;padding:2px;margin-inline:-2px;scroll-snap-type:x proximity}
.l-chips::-webkit-scrollbar{display:none}
@media (min-width:900px){.l-chips{flex-wrap:wrap;overflow:visible;max-width:600px}}
.l-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--nuit-chip);border:1px solid var(--nuit-chip-line);color:var(--nuit-ink);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:background .15s,color .15s,border-color .15s}
.l-chip .icon{width:18px;height:18px;color:var(--nuit-green);flex:none}
.l-chip:hover,.l-chip[aria-current]{background:var(--nuit-ink);border-color:var(--nuit-ink);color:var(--nuit-bg)}
.l-chip:hover .icon,.l-chip[aria-current] .icon{color:var(--brand)}
.l-chip:focus-visible{outline:3px solid var(--nuit-yellow);outline-offset:2px}

/* ---------- Domaine racine : pays principaux, confiance, application ---------- */
.l-countries{padding-top:48px}
.l-country-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.l-country-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1050px){.l-country-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
.l-country{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--pill-line);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);height:100%;transition:transform .15s,border-color .15s}
.l-country:hover,.l-country:focus-visible{border-color:var(--brand);transform:translateY(-2px);outline:none}
.l-country:focus-visible{box-shadow:0 0 0 3px var(--brand-soft)}
.l-country-flag,.l-country-icon{grid-row:span 2;font-size:30px;line-height:1}
.l-country-icon{width:30px;height:30px;color:var(--brand)}
.l-country-name{font-weight:800;font-size:15px;line-height:1.2}
.l-country-meta{font-size:12.5px;color:var(--ink-2)}
.l-country-all{background:var(--brand-soft)}
.l-card-flag{margin-inline-end:4px}
.l-trust-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:700px){.l-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1050px){.l-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.l-trust-grid li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.l-trust-grid .icon{grid-row:span 2;width:40px;height:40px;padding:8px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}
.l-trust-grid b{font-size:16px}
.l-trust-grid span{color:var(--ink-2);font-size:14px;line-height:1.45}
.l-app{background:var(--nuit-bg);color:var(--nuit-ink);padding:56px 16px}
.l-app-inner{max-width:1200px;margin:0 auto;display:grid;gap:20px;align-items:end}
@media (min-width:900px){.l-app-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.l-app .l-kicker{color:var(--nuit-yellow)}
.l-app h2{font-size:clamp(28px,4.2vw,48px);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:0}
.l-app p{color:var(--nuit-ink-2);max-width:52ch;margin:12px 0 0}
.l-app-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.l-app-note{font-size:14px}
.l-btn[hidden]{display:none}
.landing .featured{border:0;border-radius:0;padding:0;margin:0;background:var(--feat-bg);border-block:1px solid var(--feat-line)}
.l-featured .l-section{padding-block:36px 16px}
.l-featured .l-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink)}
.l-featured .l-kicker .icon{width:16px;height:16px}
.l-featured h2{font-size:clamp(22px,3vw,34px)}