/* pages modules — tokens @zefoot/ui (copie inline, source packages/ui) */
:root{--zf-forest:#0C3A29;--zf-navy:#0E1D31;--zf-pitch:#2FC275;--zf-pitch-deep:#1FA862;--zf-chalk:#FDFDFB;
--zf-paper:#F3F6F2;--zf-surface:#FFFFFF;--zf-surface-2:#F7FAF7;--zf-line:#E4EAE4;--zf-ink:#0F2033;--zf-muted:#5E7268;--zf-muted-2:#8496A0;
--zf-ok-bg:#DDF3E7;--zf-warn:#C7841A;--zf-warn-bg:#FBF1DC;
--zf-font:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--zf-shadow:0 1px 2px rgba(14,29,49,.04),0 8px 24px -12px rgba(14,29,49,.18);--zf-shadow-lg:0 24px 60px -24px rgba(12,58,41,.35);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--zf-paper:#0A1520;--zf-surface:#0F1F2E;--zf-surface-2:#13273A;--zf-line:#22384A;--zf-ink:#E7EFEA;--zf-muted:#93A7A0;--zf-muted-2:#6C8088;--zf-ok-bg:#10352447;--zf-warn:#E3A93C;--zf-warn-bg:#33280F;--zf-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.6);--zf-shadow-lg:0 28px 70px -28px rgba(0,0,0,.75);}}
*{box-sizing:border-box}body{margin:0;background:var(--zf-paper);color:var(--zf-ink);font-family:var(--zf-font);-webkit-font-smoothing:antialiased;letter-spacing:-.012em;line-height:1.55}
.wrap{max-width:980px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--zf-paper) 88%,transparent);backdrop-filter:blur(10px) saturate(1.3);border-bottom:1px solid var(--zf-line)}
.nav-in{display:flex;align-items:center;gap:12px;padding:13px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand svg{width:30px;height:26px}
.brand .word{font-weight:800;font-size:16px;color:var(--zf-ink);line-height:1}.brand .club{display:block;font-size:8px;letter-spacing:.32em;font-weight:700;color:var(--zf-muted-2);margin-top:2px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;text-decoration:none;font-weight:700;font-size:14px;padding:11px 20px;border-radius:10px;transition:filter .15s}
.btn-primary{background:var(--zf-forest);color:var(--zf-chalk);box-shadow:var(--zf-shadow)}.btn-primary:hover{filter:brightness(1.15)}
.nav-cta{margin-left:auto}
.mhero{background:linear-gradient(170deg,var(--zf-forest) 0%,var(--zf-navy) 82%);color:var(--zf-chalk);padding:56px 0 60px}
.mhero .tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.tag.base{background:rgba(47,194,117,.2);color:var(--zf-pitch)}.tag.soon{background:rgba(227,169,60,.18);color:#E3A93C}
.mhero h1{margin:0 0 10px;font-size:38px;line-height:1.1;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.mhero h1 span{color:var(--zf-pitch)}
.mhero p{margin:0;font-size:16.5px;color:#b9cbc0;max-width:56ch}
.crumb{font-size:12.5px;margin-bottom:18px}.crumb a{color:#8fa5b6;text-decoration:none}.crumb a:hover{color:var(--zf-chalk)}
section{padding:52px 0}
.pitch{font-size:16px;color:var(--zf-muted);max-width:66ch;margin:0 0 36px}
.pitch b{color:var(--zf-ink)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fcard{background:var(--zf-surface);border:1px solid var(--zf-line);border-radius:14px;padding:18px 20px;box-shadow:var(--zf-shadow)}
.fcard h3{margin:0 0 6px;font-size:15px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}
.fcard h3::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--zf-pitch);flex:none}
.fcard p{margin:0;font-size:13.5px;color:var(--zf-muted)}
.cta-band{background:var(--zf-forest);color:var(--zf-chalk);border-radius:20px;padding:36px 40px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;box-shadow:var(--zf-shadow-lg)}
.cta-band h2{margin:0;font-size:22px;letter-spacing:-.03em;flex:1;min-width:240px;text-wrap:balance}
.cta-band .btn-primary{background:var(--zf-pitch);color:#05271a;white-space:nowrap}
.others{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.others a{font-size:12.5px;font-weight:700;color:var(--zf-muted);text-decoration:none;border:1px solid var(--zf-line);border-radius:999px;padding:6px 13px;background:var(--zf-surface)}
.others a:hover{color:var(--zf-pitch-deep);border-color:var(--zf-pitch)}
footer{border-top:1px solid var(--zf-line);padding:24px 0 40px;font-size:12.5px;color:var(--zf-muted-2)}
.foot-in{display:flex;gap:18px;flex-wrap:wrap}footer a{color:var(--zf-muted);text-decoration:none}footer a:hover{text-decoration:underline}
@media (max-width:680px){.fgrid{grid-template-columns:1fr}.mhero h1{font-size:29px}.cta-band{padding:28px}}
:focus-visible{outline:2px solid var(--zf-pitch);outline-offset:2px}
/* menu déroulant Modules */
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;color:var(--zf-ink);padding:9px 12px;border-radius:10px;display:flex;align-items:center;gap:6px}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:"▾";font-size:10px;color:var(--zf-muted-2)}
.menu[open] summary{background:var(--zf-surface-2)}
.menu .list{position:absolute;top:calc(100% + 8px);left:0;background:var(--zf-surface);border:1px solid var(--zf-line);border-radius:14px;box-shadow:var(--zf-shadow-lg);padding:8px;min-width:235px;display:flex;flex-direction:column;gap:2px;z-index:20}
.menu .list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--zf-ink);font-size:13.5px;font-weight:600}
.menu .list a:hover{background:var(--zf-surface-2);color:var(--zf-pitch-deep)}
.menu .list a small{font-size:9.5px;font-weight:800;color:var(--zf-muted-2);text-transform:uppercase;letter-spacing:.05em}