/* Direction B « Encre », sur tout le site : choix du 26 octobre 2026, d'après le prototype du 21 octobre
   (docs/2026-10-21-streamline.md). Chargée en dernier sur chaque page par le gabarit commun ; les pages du Newsroom la
   reçoivent avec leur habillage, avant newsroom.css. Couleurs et polices : jetons de tokens.css, rien d'autre.
   Une échelle : D1 ouvre une page ou une section, H1 titre, H2 phrase d'appui, Body le texte, Small les menus, le
   sommaire et le pied de page, Label et Data le mono. Deux graisses, 400 et 600. Les espaces de la charte.
   Une palette : Paper partout ; Ink pour les grandes phrases de l'accueil et le pied de page ; Sunken pour les
   encarts. Un accent, Ember : sur Paper, il ne porte que des marques (quatre pixels) et des filets ; sur Ink, il porte
   du texte (6,9:1). Le bouton principal « Join the waitlist » porte le dégradé du bouton de l'en-tête (Crimson deep
   vers Magenta, blanc à 5,2:1 au moins). Plus aucune flèche de décor : restent « Scroll ↓ », le chevron du sommaire,
   le ▸ de « Something wrong on this page? » et les chevrons des menus. */
:root{
 --ds-d1:clamp(36px,4.45vw,84px);--ds-h1:clamp(28px,2.8vw,40px);--ds-h2:clamp(20px,1.95vw,28px);--ds-body:17px;--ds-small:15px;
 --ds-lh-d1:1.06;--ds-lh-h1:1.12;--ds-lh-h2:1.25;--ds-lh-body:1.6;
 --ds-section:96px;--ds-block:48px;--ds-gap:24px;
 --ds-accent:var(--gigets-ember);
 --ds-primary-bg:linear-gradient(135deg,var(--gigets-crimson-deep) 0%,var(--gigets-magenta) 100%);
 --ds-primary-fg:var(--gigets-card);--ds-primary-hover-bg:var(--gigets-ember);--ds-primary-hover-fg:var(--gigets-ink);
 --ds-link:var(--gigets-ink);--ds-link-line:var(--gigets-ember);--ds-link-hover:var(--gigets-ink)}
@media(max-width:760px){:root{--ds-section:64px;--ds-block:32px;--ds-gap:16px}}

/* 1. Commun à toutes les pages */

/* Mots mis en avant. Souligné : un filet Ember sous les mots. Dans la lettre (« give », « get ») : le dégradé du bouton
   de l'en-tête, lisible sur Paper à 4,66:1 au moins, ce que le dégradé de la marque n'est pas (Ember, 2,49:1). */
.site-u{background:none;padding-bottom:0;text-decoration:underline;text-decoration-color:var(--ds-accent);text-decoration-thickness:.06em;text-underline-offset:.14em;text-decoration-skip-ink:none}
.site-g{background:linear-gradient(90deg,var(--gigets-crimson-deep),var(--gigets-magenta));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Boutons, trois allures. 1. L'en-tête, inchangé. 2. Le principal : plein, angles droits, sans icône, Figtree 600 à
   17 px ; au survol et au focus, Ember plein, texte Ink (6,9:1), choix du 29 octobre 2026. 3. Le secondaire : un lien
   Ink souligné d'un filet Ember de 1 px, qui passe en Ink au survol. */
.site-unified .action::after,.home .action::after,.site-unified .action:hover::after{content:none!important}
.site-unified .action,.site-unified .action:hover{gap:0;padding:6px 0 8px;font:600 var(--ds-body)/1.4 var(--gigets-font-ui);letter-spacing:0;color:var(--ds-link)}
.site-unified .action::before{height:1px;background:var(--ds-link-line);transition:background-color .2s}
.site-unified .action:hover::before,.site-unified .action:focus-visible::before{background:var(--ds-link-hover)}
.site-unified .action.action-primary,.site-unified .action.action-primary:hover,.site-unified .site-invite .action.action-primary,.site-unified .site-invite .action.action-primary:hover,.home .hero-actions .action-primary{padding:16px 32px!important;font:600 var(--ds-body)/1 var(--gigets-font-ui)!important;letter-spacing:0!important;background:var(--ds-primary-bg);color:var(--ds-primary-fg);filter:none;transition:background-color .2s}
.site-unified .action.action-primary:hover,.site-unified .action.action-primary:focus-visible{background:var(--ds-primary-hover-bg);color:var(--ds-primary-hover-fg)}
.site-unified .action.action-primary:focus-visible{outline:2px solid var(--gigets-ink);outline-offset:3px}

/* Appel de fin de page : le bouton seul, une section d'air au-dessus et au-dessous. */
.site-invite{padding:var(--ds-section) 40px}
@media(max-width:760px){.site-invite{padding:var(--ds-section) 20px}}

/* Étiquettes : Ink, une marque Ember de quatre pixels à gauche (charte, § 12). */
.site-unified .eyebrow,.bk .bk-label,.bk .bk-index-title{color:var(--gigets-ink);border-left:4px solid var(--ds-accent);padding-left:10px;letter-spacing:.06em}
.site-unified .eyebrow{font-size:var(--gigets-label-size)}
.site-unified .eyebrow{display:inline-block}
/* Les numéros des lignes, des sections et du sommaire ont déjà leur marque (le carré, la barre) : pas de seconde marque. */
.bk :is(.bk-row,.bk-rowlink,.bk-sec-h,.bk-chap-h) .bk-label,.bk .bk-label[data-bk="index-count"]{border-left:0;padding-left:0}

/* Pages de l'ancien gabarit (Contact, Powered by, page introuvable) : même échelle. */
.site-page .page-heading h1{font-size:var(--ds-d1);line-height:var(--ds-lh-d1);letter-spacing:-.04em}
.page-heading{margin-bottom:var(--ds-block)}
.page-heading>p{margin-top:var(--ds-gap);font-size:var(--ds-h2);line-height:var(--ds-lh-h2)}
.prose p,.prose ul,.prose ol,.prose table{font:var(--ds-body)/var(--ds-lh-body) var(--gigets-font-ui)}
.prose p,.prose ul,.prose ol{margin:0 0 var(--ds-gap)!important}
.prose h2{font:400 var(--ds-h2)/var(--ds-lh-h2) var(--gigets-font-display);letter-spacing:-.02em;margin:var(--ds-block) 0 var(--ds-gap)}
.prose h3{font:600 var(--ds-body)/1.4 var(--gigets-font-ui);margin:var(--ds-gap) 0 12px}
.prose a{text-decoration-color:var(--ds-accent);text-decoration-thickness:1px}
.muted{font-size:var(--ds-small)}
.site-unified .site-form label,.site-unified .site-form .check{font-size:var(--ds-small)}

/* Pied de page sur Ink : l'inversion de la charte (Paper, Mute-on-ink, filet rule-on-ink) ; les titres de colonne en
   Ember. Liens et texte en Small. */
.site-unified .site-foot{background:var(--gigets-ink);color:var(--gigets-paper);border-top:0;padding:var(--ds-section) 0 var(--ds-gap)}
.site-unified .site-foot a,.site-unified .site-foot-motto,.site-unified .site-foot h2,.site-unified .site-foot label,.site-unified .site-foot .site-form,.site-unified .site-foot .action:not(.action-primary),.site-unified .site-foot summary,.site-unified .site-lang a{color:var(--gigets-paper)}
.site-unified .site-foot a:hover{color:var(--gigets-paper)}
.site-unified .site-foot-title,.site-unified .site-foot-bottom,.site-unified .site-foot .muted,.site-unified .site-foot-copy,.site-unified .site-foot-end{color:var(--gigets-mute-on-ink)}
.site-unified .site-foot-title{color:var(--ds-accent);font-size:var(--gigets-label-size)}
.site-unified .site-foot-bottom{border-color:var(--gigets-rule-on-ink)}
.site-unified .site-foot .form-status{color:var(--gigets-paper)}
.site-unified .site-foot .site-form input,.site-unified .site-foot .site-form textarea{background:var(--gigets-ink);color:var(--gigets-paper);border-color:var(--gigets-mute-on-ink)}
.site-unified .site-foot-col,.site-unified .site-foot-col a,.site-unified .site-foot-motto{font-size:var(--ds-small)}
.site-unified .site-foot-col .site-foot-join{padding:0;border:0;font:var(--ds-small)/1.6 var(--gigets-font-ui);color:var(--gigets-paper)}
.site-unified .site-foot-col .site-foot-join:hover,.site-unified .site-foot-col .site-foot-join:focus-visible{background:none;color:var(--gigets-paper);text-decoration:underline}
.site-unified .site-foot a.social-x svg{fill:var(--social-x-on-ink)}
.site-newsletter h2{font:400 var(--ds-h2)/var(--ds-lh-h2) var(--gigets-font-display)}
.site-unified .site-foot :focus-visible{outline-color:var(--gigets-paper)}

/* Bouton de l'en-tête, au téléphone, sur l'accueil : il s'efface tant que « Join the waitlist » du titre est à l'écran
   (public/site-interactions.js) et garde sa place, pour que rien ne bouge dans l'en-tête. */
.site-unified .site-cta.site-cta-tucked{visibility:hidden;opacity:0}
.site-unified .site-cta{transition:opacity .2s,visibility .2s}

/* 2. Accueil */

/* Haut de l'accueil, deux lignes : la phrase en D1, la ligne qui la suit en H1, puis les boutons. De l'air au-dessus
   du titre, entre le titre et la ligne, et avant les boutons. Le premier écran reste seul à l'écran (règle du
   8 octobre) : la scène garde sa hauteur minimale, le bloc suivant commence sous le pli. */
.home .home-stage{padding-top:96px!important}
.home .stage-copy h1{font-size:var(--ds-d1)!important;line-height:var(--ds-lh-d1);letter-spacing:-.04em;font-weight:400}
.home .stage-description{font-size:var(--ds-h1)!important;line-height:var(--ds-lh-h1);margin-top:32px!important;color:var(--gigets-body)}
.home .stage-description .site-b{font-weight:600;color:var(--gigets-ink)}
.home .hero-actions{margin-top:48px;gap:16px 32px;align-items:center}
/* « See how it works » est le bouton secondaire de l'accueil (30 octobre 2026) : contour Ink de 1 px, fond Paper, texte
   Ink, même hauteur que « Join the waitlist » ; au survol et au focus, fond Ink, texte Paper, comme le bouton Menu
   ouvert. Angles droits, sans ombre, sans icône. */
.home .hero-actions .how-jump,.home .hero-actions .how-jump:hover{padding:15px 31px!important;border:1px solid var(--gigets-ink);background:var(--gigets-paper);color:var(--gigets-ink);font:600 var(--ds-body)/1 var(--gigets-font-ui)!important;transition:background-color .2s,color .2s}
.home .action.how-jump::before{content:none!important}
.home .action.how-jump:hover,.home .action.how-jump:focus-visible{background:var(--gigets-ink);color:var(--gigets-paper)}
.home .action.how-jump:hover span,.home .action.how-jump:focus-visible span{text-decoration:none}
.home .action.how-jump:focus-visible{outline:2px solid var(--gigets-ink);outline-offset:3px}
/* Téléphone : un titre plus petit que le pas D1 (trouvé trop gros le 26 octobre 2026), la ligne en proportion, les deux
   boutons face à face sur une ligne. Le bloc du haut (logo, titre, ligne, boutons) se centre dans la hauteur visible
   sous l'en-tête, au-dessus du bandeau de consentement quand il est là (29 octobre 2026) : l'air se partage au-dessus et
   au-dessous, et la section suivante commence toujours sous le pli. La marge du bas compense l'air de la boîte du logo
   (96 px pour un dessin de 72). Entre les éléments, l'échelle de la charte (30 octobre 2026) : 32 px du logo au titre
   (les 12 px de sa boîte et 20 de marge), 24 du titre à la ligne, 48 avant les boutons, 12 entre eux. Les deux boutons
   font 48 px de haut et se partagent la ligne. */
@media(max-width:760px){
 .home .home-stage{min-height:calc(100vh - var(--site-head) - var(--site-consent,0px));min-height:calc(100svh - var(--site-head) - var(--site-consent,0px));justify-content:center;padding-top:24px!important;padding-bottom:36px!important}
 .home .hero-mark{margin-bottom:20px}
 .home .stage-copy h1{font-size:clamp(28px,8.2vw,32px)!important}
 .home .stage-description{font-size:clamp(20px,6.15vw,24px)!important;margin-top:24px!important}
 /* html[lang] : passe devant les réglages du français du 9 octobre (home-page.css). */
 html[lang] .home .hero-actions{display:flex;flex-wrap:nowrap;margin-top:48px;gap:12px}
 html[lang] .home .hero-actions .action,html[lang] .home .hero-actions .action:hover{flex:1 1 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:0 12px!important;font-size:16px!important}
}
@media(max-width:389px){
 html[lang] .home .hero-actions .action,html[lang] .home .hero-actions .action:hover{padding:0 8px!important;font-size:15px!important}
}

/* Bandes d'encre, sur toute la largeur : « Now imagine… » et la phrase de vision. */
.home-imagine{max-width:none;margin-top:48px;padding:var(--ds-section) max(40px,calc((100% - 1200px)/2));background:var(--gigets-ink)}
.home-imagine .home-imagine-big{font-size:var(--ds-d1)!important;line-height:var(--ds-lh-d1);letter-spacing:-.035em;color:var(--gigets-paper)}
.home-imagine .home-imagine-sub,.home-imagine .home-imagine-logic{font-size:var(--ds-h2);line-height:var(--ds-lh-h2);color:var(--gigets-paper)}
.home-imagine .home-imagine-sub{margin-top:var(--ds-block)}
@media(max-width:760px){
 .home-imagine{padding:var(--ds-section) 20px}
 /* Sur Ink, le dégradé de « give » et « get » descend à 3,4:1 (Magenta) : la phrase reste en grand texte (24 px). */
 .home-imagine .home-imagine-sub,.home-imagine .home-imagine-logic{font-size:24px}
}
/* « Everyone can help someone » et ses quatre cartes : Paper, filet de 1 px, le dessin en Ink. */
.home-giving>h2{font-size:var(--ds-d1)!important;line-height:var(--ds-lh-d1);letter-spacing:-.035em;margin-bottom:var(--ds-block)!important}
.home-giving-card{background:var(--gigets-paper);border:var(--gigets-hairline)}
.home-giving-card:hover{background:var(--gigets-paper);border-color:var(--gigets-ink)}
.home-giving-icon{color:var(--gigets-ink);background:transparent;border-radius:0}
.home-giving-card h3{font:600 var(--ds-h2)/var(--ds-lh-h2) var(--gigets-font-ui);letter-spacing:-.01em}
.home-giving-card p{font-size:var(--ds-body);line-height:1.5}
.home-flow,.home-tiles{margin-top:var(--ds-section)}
.home .home-flow-lead{font-size:var(--ds-body);line-height:var(--ds-lh-body)}
.home .home-flow-big{font-size:var(--ds-h1)!important;line-height:var(--ds-lh-h1);letter-spacing:-.025em}
/* Trois carrés : Paper, filet de 1 px ; l'accent Ember marque le carré ouvert. */
.home-tile,.home-tile:nth-child(n){--home-tint:var(--ds-accent);background:var(--gigets-paper);border:var(--gigets-hairline);border-top-width:1px}
.home-tile-icon{color:var(--gigets-ink)}
.home-tile-title{font-weight:600;font-size:var(--ds-body)}
@media(min-width:761px){.home-tile:focus-visible,.home-tile[aria-expanded="true"]{border-top:4px solid var(--ds-accent)}}
@media(hover:hover) and (min-width:761px){.home-tile:hover{border-top:4px solid var(--ds-accent)}}
@media(max-width:760px){.home-tile{border-left-width:1px}.home-tile[aria-expanded="true"]{border-left:4px solid var(--ds-accent)}}
.home-tiles .eyebrow{display:inline-block}
/* Phrase de vision, mission et vision, sur Ink. La phrase en H1, deux lignes au plus à 1440 px, les deux groupes de
   mots en Ember plein, sans dégradé ni souligné. */
.home-belief{max-width:none;margin:var(--ds-section) 0 0;padding:var(--ds-section) 0;border-top:0;background:var(--gigets-ink);border-image:linear-gradient(var(--gigets-ink),var(--gigets-ink)) fill 0/0/0 100vmax}
.home .home-belief-note{font-size:var(--ds-h1)!important;line-height:var(--ds-lh-h1);letter-spacing:-.025em;max-width:1120px;color:var(--gigets-paper);text-wrap:balance}
.home .home-belief-note .site-g{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gigets-ember);-webkit-text-fill-color:var(--gigets-ember)}
.home-belief .home-purpose{margin:var(--ds-block) 0 0!important}
.home-purpose h2,.home-vision h3{font-size:var(--ds-h1)!important;line-height:var(--ds-lh-h1);letter-spacing:-.025em;font-weight:400;color:var(--gigets-paper)}
.home-purpose>div:first-child{border-left-color:var(--ds-accent)}
.home-belief .eyebrow{color:var(--gigets-paper)}
.home-belief .action:not(.action-primary){color:var(--gigets-paper)}
.home-belief .action:not(.action-primary):hover::before,.home-belief .action:not(.action-primary):focus-visible::before{background:var(--gigets-paper)}
.home-vision::before{opacity:.12}
.home-vision .site-g{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gigets-ember);-webkit-text-fill-color:var(--gigets-ember)}
@media(max-width:760px){.home-belief{padding:var(--ds-section) 0}}
.how{--how-tint:var(--gigets-paper)}

/* 3. Pages en blocs (About, Use cases, Our network, Team, Careers, Investors, Advisory Board, Protocols, FAQ, pages
   légales, liste d'attente) */

/* Échelle. D1 : la phrase qui ouvre la page ou une section. */
.bk .bk-big,.bk .bk-mission,.bk .bk-intro .bk-big,.bk .bk-intro-pa .bk-big,.bk .bk-intro-ev .bk-big,.bk .bk-fam-title,.bk .bk-title,.bk .bk-say-xl,.bk .bk-say-l,.bk .bk-say-gap,.bk .bk-twothings,.bk .bk-chap-when .bk-say,.bk .bk-twelve .bk-say,.bk .bk-last .bk-say,.bk .bk-end .bk-say,.bk .bk-chap-why .bk-say{font-size:var(--ds-d1);line-height:var(--ds-lh-d1);letter-spacing:-.035em}
/* H1 : les titres. */
.bk .bk-h2,.bk .bk-say,.bk .bk-ch-title,.bk-long .bk-say,.bk .bk-intro .bk-say,.bk .bk-rowlink .bk-row-title,.bk .bk-row>.bk-row-title,.bk .bk-reg-main strong,.bk .bk-reg-main h2,.bk .bk-set .bk-reg-main strong,.bk .bk-sec-h>h2,.bk .bk-name,.bk .bk-chap-h>p,.bk .bk-chap-h>h2,.bk .bk-reach-p,.bk .bk-mailline,.bk .bk-band .bk-chap-txt>p.bk-mailline,.bk .bk-first,.bk .bk-kind p,.bk .bk-mid,.bk .bk-cols2>.bk-next,.bk-ask,.bk-line2 strong{font-size:var(--ds-h1);line-height:var(--ds-lh-h1);letter-spacing:-.025em}
/* Les phrases qui portent une adresse soulignée gardent l'interligne qu'il faut au filet, entre les jambages et la ligne suivante. */
.bk .bk-mailline,.bk .bk-band .bk-chap-txt>p.bk-mailline,.bk .bk-reach-p{line-height:1.3}
/* H2 : les phrases d'appui et les sous-titres. */
.bk .bk-lede,.bk-hero-doc .bk-lede,.bk .bk-lead,.bk .bk-ch-sub,.bk .bk-keep,.bk .bk-card-text,.bk-trio>li,.bk .bk-want p,.bk .bk-first2,.bk .bk-deny td:first-child,.bk .bk-def strong,.bk-no strong,.bk-four span,.bk-line{font-size:var(--ds-h2);line-height:var(--ds-lh-h2)}
/* Body : le texte. */
.bk .bk-txt p,.bk .bk-then,.bk .bk-fund-text,.bk-why>li,.bk .bk-step p,.bk .bk-no,.bk-line2 span,.bk .bk-twelve-txt p,.bk .bk-got,.bk .bk-opening p:not(.bk-version),.bk .bk-row-text,.bk .bk-row-body p,.bk .bk-row-body li,.bk .bk-intro-text p,.bk .bk-intro-solo p,.bk .bk-reg-main,.bk .bk-reg-t,.bk .bk-reg-main>p,.bk .bk-chap-txt>p,.bk .bk-band .bk-chap-txt-l>p,.bk .bk-second,.bk .bk-follow,.bk .bk-cols2>p,.bk .bk-cols3>p,.bk .bk-pline,.bk .bk-bio,.bk .bk-deny td,.bk .bk-plain,.bk .bk-def,.bk .bk-plinks,.bk .bk-num p{font-size:var(--ds-body);line-height:var(--ds-lh-body)}
/* Small : le sommaire, les onglets, les filtres, les tableaux. */
.bk .bk-index-list a,.bk-js .bk-index-list a,.bk-js .bk-index-list a[aria-current],.bk .bk-sub,.bk .bk-aside,.bk-tabs button,.bk-verbs button,.bk-filter button,.bk-dots-head,.bk .bk-table table{font-size:var(--ds-small)}
/* Le titre en cours du sommaire passe en gras et se décale de 4 px : la ligne garde 8 px de marge pour rester dans sa colonne. */
.bk .bk-index-list a{padding-right:8px}
/* Au téléphone, les filtres de Use cases restent au pas Data (13 px) : en français, ils tiennent sur deux lignes à 360 px. */
@media(max-width:760px){.bk-filter button{font-size:13px}}

/* Rythme : une section d'air autour des bandes. */
.bk-hero-doc{padding:var(--ds-section) 0}
.bk-twelve,.bk-reach,.bk-compare{padding:var(--ds-section) 0}
.bk-regs-band,.bk-chap-want,.bk-chap-kinds{padding:var(--ds-section) 0}
.bk-txt{margin-top:var(--ds-gap)}
.bk .bk-txt p{margin-bottom:var(--ds-gap)}
.bk-long .bk-say{margin-top:var(--ds-block)}

/* Surfaces : Paper et filet de 1 px pour les cartes (Card reste aux écrans dessinés). */
.bk-card,.bk-num,.bk-trio>li,.bk-kind{background:var(--gigets-paper);border:var(--gigets-hairline)}
.bk-col,.bk .bk-line2{background:var(--gigets-paper)}

/* Un seul accent. Les marques de quatre pixels, les filets et les carrés prennent Ember ; plus de dégradé dans les
   pages, hors du bouton principal, de la marque et des écrans dessinés. */
.bk{--bk-tint:var(--ds-accent)}
[data-bk="squares"] i,[data-bk="squares"]>* i,.bk-dots>*,.bk-dots-end>* i{--bk-tint:var(--ds-accent)!important}
/* Les dessins en dégradé (familles de Use cases…) passent en Ink, comme les dessins de l'accueil. */
.bk-g1,.bk-g2,.bk-g3{stop-color:var(--gigets-ink)}
.bk-rowlink::before,.bk-reg::before,.bk-deny td:first-child::before{width:4px}
.bk-want::before{height:4px}
.bk-kind{border-top:4px solid var(--ds-accent)}
.bk .bk-second,.bk .bk-note,.bk .bk-cols2>.bk-next{border-top-width:4px}
.bk-giant::after,.bk-top-entry .bk-giant::after{height:4px;background:var(--ds-accent)}
.bk-ask::before{background:var(--ds-accent)}
.bk-verbs button::after{background:var(--ds-accent)}
.bk-filter button[aria-pressed="true"]{border-image:none;border-bottom-color:var(--ds-accent)}
.bk-index-list::after,.bk-legal .bk-index-list::after,.bk-protocols .bk-index-list::after{background:var(--ds-accent)}
.bk-legal .bk-index-bar::after,.bk-protocols .bk-index-bar::after{background:var(--ds-accent)}
.bk-hl{background-image:linear-gradient(var(--ds-accent),var(--ds-accent))}
.bk-mail{padding-bottom:calc(.06em + 2px);background:linear-gradient(var(--ds-accent),var(--ds-accent)) no-repeat 0 100%/100% 1px}
/* Le filet de l'adresse se trace toujours de gauche à droite à l'arrivée du bloc, à 1 px. */
.bk-js .bk-rv .bk-mail{background-size:0% 1px}
.bk-js .bk-rv.bk-in .bk-mail{background-size:100% 1px}
@media(prefers-reduced-motion:reduce){.bk-js .bk-rv .bk-mail{background-size:100% 1px!important}}
.bk-ug{background:linear-gradient(var(--ds-accent),var(--ds-accent)) no-repeat 0 100%/100% 1px}
.bk-js .bk-rv .bk-ug{background-size:0% 1px}
.bk-js .bk-rv.bk-in .bk-ug{background-size:100% 1px}
@media(prefers-reduced-motion:reduce){.bk-js .bk-rv .bk-ug{background-size:100% 1px!important}}
.bk-u,.bk-js .bk-rv.bk-in .bk-u,.bk-js .bk-rv .bk-u{text-decoration-thickness:.06em!important;text-decoration-color:var(--ds-accent)!important}
.bk-figure{color:var(--gigets-ink)}

/* Liens d'appui (« Meet the team »…) : des liens secondaires, filet Ember de 1 px. */
.bk .bk-links{gap:16px 32px;margin-top:var(--ds-block)}
.bk .bk-links a{position:relative;border:0;padding:6px 0 8px;gap:0;font:600 var(--ds-body)/1.4 var(--gigets-font-ui);color:var(--ds-link);background:none!important}
.bk .bk-links a::before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ds-link-line)}
.bk .bk-links a:hover{color:var(--ds-link)}
.bk .bk-links a:hover::before,.bk .bk-links a:focus-visible::before{background:var(--ds-link-hover)}

/* Pages propres : Team, Investors, liste d'attente. */
.bk .bk-paris{font-size:var(--ds-h2);line-height:var(--ds-lh-h2)}
/* Sur Sunken, le dégradé des mots mis en avant descend à 4,2:1 au téléphone : ils y sont en Magenta plein (4,9:1). */
.bk .bk-paris .site-g{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gigets-magenta);-webkit-text-fill-color:var(--gigets-magenta)}
.bk .bk-inv-lead,.bk .bk-huge,.bk .bk-giant{font-size:var(--ds-d1);line-height:var(--ds-lh-d1)}
.bk .bk-giant{--bk-size:var(--ds-d1)}
.bk .bk-mail{font-size:var(--ds-h1)}
.bk .bk-reg-t,.bk .bk-inv-facts .bk-reg-t,.bk .bk-inv-reply{font-size:var(--ds-body);line-height:var(--ds-lh-body)}
.bk .bk-inv-fine{font-size:var(--ds-small)}
.wl .wl-lead{font-size:var(--ds-body);line-height:var(--ds-lh-body)}
/* Le bouton « Join the waitlist » du formulaire est le bouton principal : même dégradé, même survol. */
.site-unified .wl .site-form .action,.site-unified .wl .site-form .action:hover{padding:16px 32px;background:var(--ds-primary-bg);color:var(--ds-primary-fg);font:600 var(--ds-body)/1 var(--gigets-font-ui)}
.site-unified .wl .site-form .action::before{content:none}
.site-unified .wl .site-form .action:not(:disabled):hover,.site-unified .wl .site-form .action:focus-visible{background:var(--ds-primary-hover-bg);color:var(--ds-primary-hover-fg)}

/* Grande phrase de Careers, dont la fin est soulignée : l'interligne laisse la place au filet entre deux lignes. */
.bk .bk-intro .bk-big.bk-big-loose{line-height:max(calc(var(--ds-lh-h1) * 1em),calc(1em + 14px))}

/* 4. Téléphone : zones de toucher (30 octobre 2026). Tout ce qui se touche fait au moins 44 × 44 px, sauf les liens
   pris dans une phrase (l'exception « inline » de la règle de taille de cible des WCAG). Le dessin ne bouge pas : la
   zone grandit par un rembourrage que rend une marge négative, ou par une hauteur minimale, texte centré. */
@media(max-width:760px){
 /* En-tête : le G garde ses 30 px, sa zone en fait 44 ; Menu et le bouton de l'en-tête tiennent dans la rangée de 72. */
 .site-unified .site-lockup{padding:7px;margin:-7px}
 .site-unified .site-menu-button{padding-top:14px;padding-bottom:14px}
 .site-unified .site-cta,.site-unified .site-cta:hover{display:inline-flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}
 /* Pied de page : un lien par ligne de 44 px, les langues et les réseaux en carrés de 44, le dessin à sa place. */
 .site-unified .site-foot-col{gap:0}
 .site-unified .site-foot-col>a:not(.site-foot-join){display:flex;align-items:center;min-height:44px}
 .site-unified .site-foot-col .site-foot-join{display:inline-flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}
 .site-unified .site-foot-brand>a{display:inline-flex;min-width:44px}
 .site-unified .site-lang{display:inline-flex;align-items:center;margin-left:-13px}
 .site-unified .site-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .site-unified .site-foot-social{gap:0;margin-left:-12px}
 .site-unified .site-foot-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
 .site-unified .site-consent-open:not([hidden]){display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}
 .site-unified .site-feedback summary{padding:11.6px 0}
 .site-unified .site-form label.check{min-height:44px}
 .site-unified .site-form .muted>a:only-child{display:inline-flex;align-items:center;min-height:44px}
 .site-unified .site-form button.action{min-height:44px}
 /* Pages : liens d'action, liens d'appui, filtres et onglets. Le filet reste à 8 px sous les mots. */
 .site-unified .action:not(.action-primary,.how-jump){display:inline-flex;align-items:flex-end;min-height:44px;box-sizing:border-box}
 .bk .bk-links a{display:inline-flex;align-items:flex-end;min-height:44px;box-sizing:border-box}
 .bk-filter button,.bk-tabs button,.bk-verbs button,.filter-bar button{min-height:44px;min-width:44px}
 .filter-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
 /* Liens seuls sur leur ligne : adresses de Team, d'Investors, de Careers, de Contact et de Security, liens d'appui
    d'Investors et de Protocols, retour « Legal ». La zone grandit de 13 px au-dessus et au-dessous, la ligne ne bouge pas. */
 .bk .bk-em a,.bk .bk-inv-mail a,.bk .bk-inv-more a,.bk .bk-plinks a,.bk-careers .bk-mailline .bk-mail>a,.prose td>a:only-child,.bk .bk-row-body p>a[href^="mailto:"]:has(>strong){display:inline-block;min-width:44px;padding-block:13px;margin-block:-13px}
 .bk .bk-em a.social-linkedin{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:-12px}
 .bk .bk-back a{display:inline-block;min-width:44px;padding:13px 0;margin:-13px 0}
 /* Newsroom servi par la fonction : filtre « All » / « Tout », RSS, titres des articles de la liste, adresse de presse,
    retour vers la liste depuis un article. Même principe : la zone grandit, la ligne ne bouge pas. */
 .nr-main .nr-filters button{min-width:44px}
 .nr-main .nr-filters>a{display:inline-block;padding:10px;margin:-10px}
 .nr-main .nr-card-copy h2 a{display:inline-block;padding-block:10px;margin-block:-10px}
 .nr-main .nr-press a[href^="mailto:"]{display:inline-block;padding-block:9px;margin-block:-9px}
 .nr-main .nr-back{display:inline-block;padding-block:12px;margin-block:-12px}
 /* Marges : « Everyone. » d'About gardait le retrait optique de -6 px de sa taille d'origine (68 à 150 px) ; au pas D1
    du téléphone, il passait dans la marge de 20 px. */
 .bk .bk-huge{margin-left:0}
}
/* Use cases, 600 px et moins : les boutons du filtre font 44 px, la barre collée deux lignes de 44 (89 px avec son
   filet). Une famille atteinte par un lien s'arrête sous la barre, 7 px plus bas, comme avant avec 84 px pour 77. */
@media(max-width:600px){.bk-fam{scroll-margin-top:calc(var(--site-head,0px) + 96px)}}

/* 5. Pied de page : la newsletter en une bande fine au-dessus des colonnes (30 octobre 2026, au soir). À gauche, le
   titre au style des titres de colonne et une demi-phrase ; à droite, le formulaire inchangé : le champ et « Subscribe »
   sur une ligne, la case et le lien de la politique en petit sur la ligne du dessous. La phrase de la case recueille
   l'accord : 13 px au moins, en Paper sur Ink, pour se lire sans effort. L'ordre au clavier reste celui du
   formulaire. Le widget anti-robot et les messages s'affichent dessous, à leur place. */
.site-unified .site-newsletter{display:grid;grid-template-columns:auto minmax(0,760px);justify-content:space-between;align-items:start;gap:12px 48px;margin:0 0 var(--ds-block);padding:0 0 8px;border-bottom:1px solid var(--gigets-rule-on-ink)}
.site-unified .site-newsletter>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:6px}
.site-unified .site-newsletter h2{margin:0;font:var(--gigets-label-size)/1.4 var(--gigets-font-data);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-accent)}
.site-unified .site-newsletter-note{margin:0;font:var(--ds-small)/1.4 var(--gigets-font-ui);color:var(--gigets-mute-on-ink)}
.site-unified .site-newsletter .site-form{max-width:none}
.site-unified .site-newsletter .form-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px}
.site-unified .site-newsletter .form-fields>label:first-child{grid-column:1;grid-row:1;flex-direction:row;align-items:center;gap:12px;white-space:nowrap}
.site-unified .site-newsletter .form-fields>label:first-child input{flex:1;padding:4px 10px;font-size:var(--ds-small)}
.site-unified .site-newsletter .form-fields>button{grid-column:2;grid-row:1;justify-self:start;align-self:center;padding:2px 0 4px}
.site-unified .site-newsletter .form-fields>label.check{grid-column:1;grid-row:2;align-items:center;gap:8px;font-size:13px;line-height:1.3;color:var(--gigets-text-on-ink)}
.site-unified .site-newsletter .form-fields>label.check input{margin:0}
.site-unified .site-newsletter .form-fields>.muted{grid-column:2;grid-row:2;font-size:var(--gigets-label-size);line-height:1.3;white-space:nowrap}
.site-unified .site-newsletter .turnstile-slot{grid-column:1/-1}
.site-unified .site-newsletter .turnstile-slot:empty{display:none}
.site-unified .site-newsletter .form-status{margin:8px 0 0}
.site-unified .site-newsletter .form-status:empty{margin:0}
.site-unified .site-newsletter .site-foot-link{margin:0}
@media(max-width:1000px){.site-unified .site-newsletter{grid-template-columns:minmax(0,1fr)}.site-unified .site-newsletter>div{padding-top:0}}
@media(max-width:760px){
 .site-unified .site-newsletter{padding-bottom:var(--ds-gap)}
 .site-unified .site-newsletter .form-fields{align-items:end;gap:0 12px}
 .site-unified .site-newsletter .form-fields>label:first-child{flex-direction:column;align-items:stretch;gap:4px;white-space:normal;font-size:var(--gigets-label-size)}
 .site-unified .site-newsletter .form-fields>label:first-child input{min-height:44px;font-size:16px}
 .site-unified .site-newsletter .form-fields>label.check,.site-unified .site-newsletter .form-fields>.muted{grid-column:1/-1;grid-row:auto}
 .site-unified .site-newsletter .form-fields>button{align-self:end}
}