/* =====================================================================
   ACCUEIL · grille de repères, mot en relief, autocollants, bandeau d'état.
   Tout le texte est dans le HTML. Mouvement : transform et opacity.
   ===================================================================== */
.hm{position:relative;isolation:isolate}
.hm section{position:relative}
.hm h2{font-family:var(--f-display);font-weight:800;font-stretch:116%;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;font-size:clamp(1.9rem,4.6vw,4rem);text-wrap:balance}
.hm .kick{display:flex;align-items:center;gap:.6rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:1.2rem}
.hm .kick img{width:24px;height:24px}
.wrap{max-width:1500px;margin:0 auto;padding:0 var(--gut)}

/* ---------- repères fixes : lignes, croix, bandeau d'état ---------- */
.grid-fx{position:fixed;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),
                   linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(var(--line) 1px,transparent 1px);
  background-size:1px 100%,1px 100%,1px 100%,100% 1px,100% 1px;
  background-position:var(--gut) 0,50% 0,calc(100% - var(--gut)) 0,0 33.33%,0 68%;background-repeat:no-repeat;opacity:.55}
.grid-fx i{position:absolute;width:11px;height:11px;transform:translate(-50%,-50%);
  background:linear-gradient(var(--ink-faint),var(--ink-faint)) 50% 0/1px 100% no-repeat,linear-gradient(var(--ink-faint),var(--ink-faint)) 0 50%/100% 1px no-repeat}
.grid-fx i:nth-child(1){left:var(--gut);top:33.33%}.grid-fx i:nth-child(2){left:50%;top:33.33%}.grid-fx i:nth-child(3){left:calc(100% - var(--gut));top:33.33%}
.grid-fx i:nth-child(4){left:var(--gut);top:68%}.grid-fx i:nth-child(5){left:50%;top:68%}.grid-fx i:nth-child(6){left:calc(100% - var(--gut));top:68%}
.hud{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem var(--gut) calc(.9rem + env(safe-area-inset-bottom,0px));
  font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);pointer-events:none;transition:opacity .2s;background:linear-gradient(rgba(6,7,8,0),rgba(6,7,8,.88) 70%)}
.hud.off{opacity:0}
.hud svg{width:30px;height:30px}
/* barre de progression de lecture (pilotée par le défilement en CSS pur, quand le navigateur le permet) */
.prog{position:fixed;right:10px;top:26vh;width:3px;height:48vh;z-index:40;border-radius:3px;background:rgba(234,232,227,.14);pointer-events:none;overflow:hidden}
.prog::after{content:"";position:absolute;inset:0;background:var(--ink);border-radius:3px;transform-origin:50% 0;transform:scaleY(.06)}
/* décor fixe : objets tramés, derrière le contenu */
.decor{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.decor .dot{position:absolute;width:clamp(54px,6vw,92px);opacity:.42;filter:saturate(.7);
  -webkit-mask-image:radial-gradient(circle,#000 1.1px,transparent 1.5px);mask-image:radial-gradient(circle,#000 1.1px,transparent 1.5px);-webkit-mask-size:5px 5px;mask-size:5px 5px}
.decor .dot:nth-child(1){left:26%;top:24%}.decor .dot:nth-child(2){left:16%;top:56%}.decor .dot:nth-child(3){right:14%;top:50%}.decor .dot:nth-child(4){right:22%;bottom:8%}.decor .dot:nth-child(5){left:40%;top:44%}
@supports (animation-timeline: scroll()){
  @media (prefers-reduced-motion: no-preference){
    .prog::after{animation:prog linear both;animation-timeline:scroll(root block)}
    @keyframes prog{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
  }
}
@media(max-width:900px){.prog{display:none}.decor .dot:nth-child(n+4){display:none}.hud .mid{display:none}}

/* ---------- 1 · HERO ---------- */
.he{min-height:100vh;min-height:100svh;z-index:2;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:calc(var(--hdr) + 1.4rem) var(--gut) 4.2rem;
  background:
    radial-gradient(60% 55% at 72% 30%,rgba(124,82,255,.5),transparent 64%),
    radial-gradient(48% 58% at 14% 80%,rgba(43,240,196,.14),transparent 66%),
    repeating-linear-gradient(118deg,rgba(255,255,255,.05) 0 7vw,transparent 7vw 21vw),
    linear-gradient(125deg,#1c0e60,#170a52 48%,#0e083a)}
.he-top{display:grid;grid-template-columns:1fr 1fr 2fr;gap:1.5rem 2rem;align-items:start;position:relative;z-index:3}
.he-role{font-family:var(--f-body);font-weight:500;font-size:clamp(1.15rem,1.9vw,1.6rem);line-height:1.2;letter-spacing:-.01em}
.he-tag,.he-intro{font-family:var(--f-mono);font-size:clamp(.78rem,.95vw,.9rem);line-height:1.55;letter-spacing:.01em;color:#E3E1DC}
.he-intro{max-width:52ch}
.he-mid{display:grid;place-items:center;min-height:0}
.he-bot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;position:relative;z-index:3;flex-wrap:wrap}
.he h1{font-family:var(--f-display);font-weight:800;font-stretch:120%;text-transform:uppercase;font-size:clamp(1.85rem,5.4vw,5rem);line-height:.92;letter-spacing:-.035em}
.he-cta{display:flex;gap:.7rem;flex-wrap:wrap}
/* mot en relief : l'image est dans le HTML ; sur ordinateur un canvas la remplace et réagit à la souris */
.pf{position:relative;width:min(88%,1240px,calc((100svh - 27rem)*2.9))}
.pf img,.pf canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* le canvas dépasse du mot (16 % sur les côtés, 40 % en haut et en bas) pour que la déformation ne soit jamais coupée */
.pf canvas{inset:-40% -16%;width:132%;height:180%;opacity:0;pointer-events:none}
.pf.live canvas{opacity:1}.pf.live img{opacity:0}
/* objets 3D posés autour du mot */
.st{position:absolute;z-index:2;width:clamp(52px,6.2vw,96px);height:auto;pointer-events:none}
.st.a{left:29%;top:20%;rotate:-12deg}.st.b{right:5%;top:27%;rotate:10deg}.st.c{left:4%;top:47%;rotate:8deg}.st.d{right:4%;top:51%;rotate:-9deg}
.st.e{left:47%;top:25%;rotate:6deg;width:clamp(44px,5vw,78px)}.st.f{left:71%;bottom:29%;rotate:-14deg;width:clamp(44px,5.2vw,80px)}.st.g{right:25%;top:23%;rotate:14deg;width:clamp(44px,5vw,78px)}
::selection{background:var(--mint);color:#04120E}
/* écrans larges mais bas : le titre se resserre pour que les boutons restent visibles */
@media(min-width:901px) and (max-height:780px){.he h1{font-size:clamp(1.85rem,4.3vw,3.9rem)}.he{padding-bottom:3.6rem}}
@media(max-width:900px){
  .he{padding-bottom:4.6rem}
  .he-top{grid-template-columns:1fr;gap:.9rem}
  .he-tag{display:none}
  .pf{width:106%;max-width:none}
  .he h1{font-size:clamp(1.6rem,7.7vw,3.2rem);font-stretch:104%;letter-spacing:-.03em;line-height:.96}
  .he-cta{width:100%}.he-cta .gbtn{flex:1 1 150px}
  /* mobile : les objets se calent sur la zone du mot, jamais sur le texte */
  .he-mid{position:relative;min-height:214px;margin:.4rem 0}
  .st{width:48px}
  .st.e,.st.f,.st.g{display:none}
  .st.a{left:auto;right:3%;top:0}
  .st.b{left:3%;right:auto;top:6px}
  .st.c{left:5%;right:auto;top:auto;bottom:0}
  .st.d{left:auto;right:7%;top:auto;bottom:0}
  .hud{font-size:.6rem;padding-top:1.7rem;background:linear-gradient(rgba(6,7,8,0),rgba(6,7,8,.97) 58%)}
  .hud svg{width:24px;height:24px}
}
@media(max-width:700px){.decor{display:none}}

/* ---------- 2 · QUI ---------- */
.ab{z-index:2;padding:clamp(5rem,13vh,9rem) 0}
.ab-in{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.ab-ph{position:relative;margin-top:2.2rem}
.ab-ph .im{aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--bg-3);position:relative}
.ab-ph .im img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.ab-ph .im::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(43,240,196,.28),rgba(157,107,255,.22));mix-blend-mode:soft-light}
.ab-sign{position:absolute;left:-8%;top:-2.6rem;z-index:2;font-family:"Mr Dafoe",cursive;font-size:clamp(2.6rem,4.6vw,4rem);line-height:1;color:var(--mint);transform:rotate(-9deg);text-shadow:0 0 18px rgba(43,240,196,.45)}
.ab-txt p{font-family:var(--f-body);font-weight:400;font-size:clamp(1.45rem,2.9vw,2.7rem);line-height:1.16;letter-spacing:-.025em;max-width:22ch}
.ab-txt p+p{margin-top:1.6rem;color:var(--ink-faint)}
.ab-txt p a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:.14em}
.ab-txt p a:hover{color:var(--mint)}
.ab-txt .gbtn{margin-top:2rem}
.ab-txt h2{font-family:var(--f-mono);font-weight:500;font-stretch:100%;font-size:.68rem;letter-spacing:.2em;color:var(--mint);margin-bottom:1.2rem;line-height:1.4}
@media(max-width:800px){.ab-in{grid-template-columns:1fr}.ab-ph{max-width:240px;margin-top:2.6rem}.ab-sign{left:-2%;font-size:3rem}.ab-txt p{max-width:none}}

/* ---------- 3 · PRESTATIONS ---------- */
.sv{z-index:2;padding:clamp(2rem,6vh,4rem) 0 clamp(4.5rem,11vh,8rem)}
.sv-list{margin-top:clamp(1.6rem,4vw,2.8rem);border-top:1px solid var(--line-2)}
.sv-row{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.3fr) 24px;gap:1.2rem;align-items:center;min-height:92px;padding:1rem 0;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink)}
.sv-row img{width:46px;height:46px;transition:transform .25s var(--ease)}
.sv-row b{font-family:var(--f-display);font-weight:800;font-stretch:114%;text-transform:uppercase;font-size:clamp(1.1rem,2.3vw,2rem);letter-spacing:-.025em;line-height:1;transition:color .18s}
.sv-row span{color:var(--ink-dim);font-size:clamp(.9rem,1.1vw,1.02rem)}
.sv-row svg{width:18px;height:18px;color:var(--mint);transition:transform .25s var(--ease)}
.sv-row:hover b{color:var(--mint)}.sv-row:hover img{transform:rotate(-8deg) scale(1.08)}.sv-row:hover svg{transform:translate(3px,-3px)}
@media(max-width:700px){.sv-row{grid-template-columns:44px minmax(0,1fr) 20px;gap:.9rem;min-height:84px}.sv-row img{width:38px;height:38px}.sv-row span{grid-column:2;grid-row:2;font-size:.88rem}.sv-row b{grid-column:2}.sv-row svg{grid-row:1/3;grid-column:3}}

/* ---------- 4 · SITES LIVRÉS ---------- */
.pj{z-index:2;padding:0 0 clamp(4.5rem,11vh,8rem)}
.pj-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(1rem,2vw,2rem) clamp(.8rem,1.6vw,1.6rem);margin-top:clamp(1.6rem,4vw,2.8rem)}
.pj-card{grid-column:span 2;text-decoration:none;color:var(--ink);display:block}
.pj-card.big{grid-column:3 / span 4}
.pj-card.half{grid-column:span 3}
.pj-im{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-3)}
.pj-im img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s var(--ease)}
.pj-card:hover .pj-im img{transform:scale(1.035)}
.pj-chip{position:absolute;right:0;top:0;background:var(--mint);color:#04120E;font-family:var(--f-mono);font-size:.56rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .5rem}
.pj-cap{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0 0;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.pj-cap span:last-child{color:var(--ink-dim);white-space:nowrap}
.pj-note{grid-column:1 / span 2;align-self:end;color:var(--ink-dim);font-size:.95rem;max-width:30ch}
.pj-note .gbtn{margin-top:1.2rem}
@media(max-width:900px){
  .pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-card,.pj-card.half{grid-column:span 1}
  .pj-card.big{grid-column:1 / -1}
  .pj-note{grid-column:1 / -1;order:9;max-width:none}
  .pj-cap{flex-direction:column;gap:.15rem;font-size:.6rem}
}

/* ---------- 5 · CERTIFICATIONS + MÉTHODE ---------- */
.ct{z-index:2;padding:0 0 clamp(4.5rem,11vh,8rem)}
.ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);margin-top:clamp(1.6rem,4vw,2.8rem)}
.ct-grid li{background:var(--bg);padding:1.3rem 1.2rem;display:flex;gap:.9rem;align-items:center;min-height:92px}
.ct-grid img{width:40px;height:40px;flex:none}
.ct-grid b{display:block;font-family:var(--f-body);font-weight:500;font-size:1rem;line-height:1.25}
.ct-grid span{display:block;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:.25rem}
.mt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);margin-top:clamp(1.6rem,4vw,2.8rem)}
.mt-grid li{border-top:1px solid var(--line-2);padding-top:1.1rem}
.mt-grid img{width:44px;height:44px;margin-bottom:.8rem}
.mt-grid b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:114%;text-transform:uppercase;font-size:1.15rem;letter-spacing:-.02em}
.mt-grid .mono{color:var(--ink-faint);font-size:.6rem;display:block;margin:.3rem 0 .5rem}
.mt-grid p{color:var(--ink-dim);font-size:.95rem;line-height:1.5}
.mt{z-index:2;padding:0 0 clamp(4.5rem,11vh,8rem)}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}.mt-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.mt-grid{grid-template-columns:1fr}}

/* ---------- 6 · TROIS AFFIRMATIONS (fond filant) ---------- */
.wp{z-index:2;background:#020304;padding:clamp(4rem,10vh,7rem) var(--gut);text-align:center}
.wp-pin{position:relative}
.wp-cv{display:none}
.wp-say{font-family:var(--f-display);font-weight:800;font-stretch:120%;text-transform:uppercase;font-size:clamp(2rem,7vw,6.2rem);line-height:.92;letter-spacing:-.035em}
.wp-say+.wp-say{margin-top:2.2rem}
.wp-say .sf{display:block;font-size:1.05em;line-height:.9}
/* avec JavaScript : la section s'épingle, une phrase à la fois */
html.js-on .wp{height:220vh;padding:0}
html.js-on .wp-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
html.js-on .wp-pin::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(43,240,196,.16),transparent 70%),repeating-conic-gradient(from 0deg at 50% 50%,rgba(43,240,196,.16) 0 .6deg,transparent .6deg 7deg,rgba(157,107,255,.14) 7deg 7.5deg,transparent 7.5deg 13deg),#020304}
html.js-on .wp-cv{display:block;position:absolute;inset:0;width:100%;height:100%}
html.js-on .wp-say{position:absolute;left:var(--gut);right:var(--gut);top:50%;margin:0;transform:translateY(-50%) scale(.94);opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease);text-shadow:0 2px 30px rgba(2,3,4,.8)}
html.js-on .wp[data-step="1"] .wp-say:nth-of-type(1),html.js-on .wp[data-step="2"] .wp-say:nth-of-type(2),html.js-on .wp[data-step="3"] .wp-say:nth-of-type(3){opacity:1;transform:translateY(-50%)}
.wp-mark{position:absolute;left:0;width:1px;pointer-events:none}
.wp-mark[data-n="0"]{display:none}.wp-mark[data-n="1"]{top:0;height:70vh}.wp-mark[data-n="2"]{top:70vh;height:45vh}.wp-mark[data-n="3"]{top:115vh;height:105vh}
/* Le curseur : posé sous la méthode, sur le fond normal de la page. En défilant il vient au centre, fonce vers nous
   jusqu'à couvrir l'écran, et c'est là que l'espace et « Trouvé sur Google » apparaissent.
   CSS pur (view-timeline), transform et opacity seulement ; sans prise en charge, la section démarre directement sur les phrases. */
.wp-cur{display:none}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    html.js-on .wp{height:260vh;background:none;view-timeline-name:--wp;view-timeline-axis:block}
    html.js-on .wp-mark[data-n="0"]{display:block;top:0;height:82vh}
    html.js-on .wp-mark[data-n="1"]{top:82vh;height:46vh}html.js-on .wp-mark[data-n="2"]{top:128vh;height:44vh}html.js-on .wp-mark[data-n="3"]{top:172vh;height:88vh}
    html.js-on .wp-pin::before,html.js-on .wp-cv{animation:wpbg linear both;animation-timeline:--wp}
    html.js-on .wp-cur{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;animation:curfade linear both;animation-timeline:--wp}
    html.js-on .wp-cur svg{position:absolute;left:50%;top:50%;width:100vmax;height:100vmax;margin:-50vmax 0 0 -50vmax;transform-origin:44% 47%;animation:curgrow linear both;animation-timeline:--wp}
    @keyframes curgrow{0%,12%{transform:translate(-26vw,-34vh) scale(.075) rotate(-10deg)}27.5%{transform:translate(0,0) scale(.085) rotate(-14deg)}31%{transform:translate(0,0) scale(.4) rotate(-4deg)}34%{transform:translate(0,0) scale(1.8) rotate(8deg)}36.2%,100%{transform:translate(0,0) scale(10) rotate(20deg)}}
    @keyframes curfade{0%,36.6%{opacity:1}40%,100%{opacity:0}}
    @keyframes wpbg{0%,36%{opacity:0}36.3%,100%{opacity:1}}
  }
}

/* ---------- 7 · FAQ ---------- */
.fq{z-index:2;padding:clamp(4.5rem,11vh,8rem) 0}
.fq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem)}
.fq details{border-bottom:1px solid var(--line-2)}
.fq details:first-of-type{border-top:1px solid var(--line-2)}
.fq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:.8rem 0;cursor:pointer;list-style:none;font-family:var(--f-body);font-weight:500;font-size:clamp(1rem,1.3vw,1.15rem)}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";font-family:var(--f-mono);font-size:1.3rem;color:var(--mint);flex:none}
.fq details[open] summary::after{content:"−"}
.fq details p{color:var(--ink-dim);padding:0 0 1.3rem;max-width:62ch}
.fq details a{color:var(--mint)}
@media(max-width:900px){.fq-in{grid-template-columns:1fr}}

/* ---------- 8 · DEVIS ---------- */
.dv{z-index:2;overflow:hidden;padding:clamp(4.5rem,11vh,8rem) 0 clamp(5rem,12vh,8rem);
  background:radial-gradient(60% 55% at 70% 20%,rgba(157,107,255,.3),transparent 62%),radial-gradient(50% 60% at 15% 80%,rgba(43,240,196,.18),transparent 66%),
    repeating-linear-gradient(118deg,rgba(255,255,255,.03) 0 6vw,transparent 6vw 19vw),linear-gradient(125deg,#0a1024,#0d0a26 48%,#06141a)}
.dv-head{position:relative;display:grid;place-items:center;text-align:center;min-height:min(62vh,560px)}
.dv-head .pf{position:absolute;inset:0;margin:auto;width:min(84%,900px);transform:translateY(-9%)}
.dv-head h2{position:relative;z-index:2;font-size:clamp(2rem,5.2vw,4.6rem);font-stretch:120%;margin-top:22%;text-shadow:0 4px 30px rgba(14,8,58,.7)}
.dv-head .st{z-index:1}
.dv-head .st.a{left:10%;top:8%}.dv-head .st.b{right:9%;top:16%}.dv-head .st.c{left:16%;top:auto;bottom:6%}.dv-head .st.d{right:16%;top:auto;bottom:10%}
.dv-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);margin-top:clamp(2rem,5vw,3.5rem);position:relative;z-index:2}
.dv-info p{color:#DAD8D3;max-width:40ch}
.dv-info dl{margin:1.6rem 0 0;display:grid;gap:1rem}
.dv-info dt{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mint)}
.dv-info dd{margin:.2rem 0 0;font-size:1.02rem}
.dv-info dd a{color:var(--ink)}
.dv-form{background:rgba(6,7,8,.72);border:1px solid var(--line-2);border-radius:18px;padding:clamp(1.2rem,3vw,2rem)}
.dv-form .row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.dv-form label{display:block;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.4rem}
.dv-form .fld{margin-bottom:.9rem}
.dv-form input[type=text],.dv-form input[type=email],.dv-form input[type=tel],.dv-form input[type=url],.dv-form textarea{width:100%;min-height:48px;background:#0B0D10;border:1px solid var(--line-2);border-radius:10px;color:var(--ink);font:inherit;font-size:1rem;padding:.75rem .9rem}
.dv-form textarea{min-height:110px;resize:vertical}
.dv-form input:focus,.dv-form textarea:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:transparent}
.pick{display:flex;flex-wrap:wrap;gap:.5rem}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick label{margin:0;cursor:pointer;min-height:42px;display:inline-flex;align-items:center;padding:.5rem .85rem;border:1px solid var(--line-2);border-radius:999px;font-family:var(--f-body);font-size:.88rem;letter-spacing:0;text-transform:none;color:var(--ink);transition:background-color .15s,color .15s,border-color .15s}
.pick input:checked+label{background:var(--mint);color:#04120E;border-color:var(--mint)}
.pick input:focus-visible+label{outline:2px solid var(--mint);outline-offset:2px}
.dv-send{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:.4rem}
.dv-send p{font-size:.85rem;color:var(--ink-dim)}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.dv-in{grid-template-columns:1fr}.dv-form .row{grid-template-columns:1fr}.dv-head .st.c,.dv-head .st.d{display:none}}
@media(max-width:700px){
  .dv-head{display:block;min-height:0;padding-top:3.4rem}
  .dv-head .pf{position:relative;inset:auto;width:82%;margin:0 auto -1.2rem;transform:none}
  .dv-head h2{margin-top:0}
  .dv-head .st.a{left:2%;right:auto;top:0}.dv-head .st.b{left:auto;right:2%;top:.4rem}
}