
:root{color-scheme:light;
--fond:#EAE8E3;--surface:#F7F6F2;--eleve:#FFFFFF;--enfonce:#DEDBD4;
--trait:rgba(22,20,16,.09);--trait-fort:rgba(22,20,16,.16);
--encre:#15171A;--encre2:#585D66;--encre3:#6E747E;
--ambre:#F3A627;--ambre-trait:#A86A06;--sur-ambre:#15171A;--lien:#8A5605;--focus:#1F63D6;
--ombre:0 1px 2px rgba(38,33,24,.10),0 12px 32px rgba(38,33,24,.10);
--police:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
--e2:8px;--e3:12px;--e4:16px;--e5:20px;--e6:24px;--e7:32px;--e8:40px;--e9:56px;--section:clamp(72px,9vw,128px);
--r-carte:18px;--r-tuile:12px;--r-champ:8px;--pill:980px;--wrap:1120px;
--pose:cubic-bezier(.22,1,.36,1)}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;
--fond:#0A0B0E;--surface:#191C22;--eleve:#232730;--enfonce:#0E1014;
--trait:rgba(255,255,255,.08);--trait-fort:rgba(255,255,255,.14);
--encre:#F4F4F0;--encre2:#AFB4BE;--encre3:#868C97;
--ambre-trait:#F3A627;--lien:#F3A627;--focus:#6FA8FF;
--ombre:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.34)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--police);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}figure{margin:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:var(--e4);top:-48px;z-index:20;padding:10px 16px;border-radius:var(--pill);background:var(--encre);color:var(--fond);font-weight:600}.skip:focus{top:var(--e3)}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:-.03em;line-height:1.03}h2{font-size:clamp(1.625rem,3vw,2.5rem);letter-spacing:-.025em}h3{font-size:1.1875rem;letter-spacing:-.012em}
p{margin:0;text-wrap:pretty}.lead{font-size:clamp(1.0625rem,1.4vw,1.25rem);color:var(--encre2);line-height:1.5;max-width:40em}
.eyebrow{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--encre3);margin-bottom:var(--e3)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:clamp(16px,4.5vw,56px);padding-right:clamp(16px,4.5vw,56px)}
section{padding-top:var(--section)}.head{max-width:44em;margin-bottom:var(--e7)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:46px;padding:0 22px;border-radius:var(--pill);font-size:1.0625rem;font-weight:500;border:1px solid var(--trait-fort);color:var(--encre);background:none;font-family:inherit;cursor:pointer;transition:background-color .18s var(--pose),border-color .18s var(--pose),transform .18s var(--pose)}
.btn:hover{background:var(--surface);border-color:var(--encre)}.btn:active{transform:scale(.985)}
.btn.primary{background:var(--ambre);color:var(--sur-ambre);border-color:transparent;font-weight:600}.btn.primary:hover{background:#F7B13F;border-color:transparent}
.btn.small{height:34px;padding:0 15px;font-size:.875rem}
.link{color:var(--lien);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.link:hover{text-decoration-thickness:2px}
header.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--fond) 86%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--trait)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px;gap:var(--e4)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.brand svg{width:26px;height:auto;flex:none}
nav.main{display:flex;gap:var(--e6);font-size:.9375rem;font-weight:500}nav.main a{color:var(--encre2);transition:color .18s}nav.main a:hover,nav.main a[aria-current]{color:var(--encre)}
.right{display:flex;align-items:center;gap:var(--e3)}
.hero{padding-top:clamp(56px,8vw,104px);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e6);justify-items:center;text-align:center}
.hero .copy{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e5);max-width:760px;justify-items:center}.hero .lead{max-width:36em}
.hero .cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.hero .req{font-size:.875rem;color:var(--encre3)}
.shot{position:relative;width:100%;max-width:960px;aspect-ratio:16/10;border-radius:var(--r-carte);background:var(--surface);border:1px dashed var(--trait-fort);display:grid;place-items:center;text-align:center;padding:var(--e6);color:var(--encre3);font-size:.9375rem}
.shot.small{aspect-ratio:4/3;width:100%;border-radius:var(--r-tuile);padding:var(--e4);font-size:.8125rem}
.shot b{display:block;color:var(--encre2);font-weight:600;margin-bottom:4px}
.args{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e4);counter-reset:arg}
.args article{display:grid;grid-template-columns:auto 1fr;gap:var(--e5);align-items:start;padding:var(--e6);background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte)}
.args article::before{counter-increment:arg;content:counter(arg);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ambre);color:var(--sur-ambre);font-weight:700;font-variant-numeric:tabular-nums}
.args h3{font-size:1.375rem;margin-bottom:var(--e2)}.args p{color:var(--encre2);max-width:60ch}
.grid{display:grid;gap:var(--e4)}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tile{padding:var(--e5);background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-tuile);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e2);align-content:start;min-width:0}
.tile h3{font-size:1.0625rem}.tile p{color:var(--encre2);font-size:.9375rem}.tile .shot{margin-bottom:var(--e2)}
.tile.big{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.tile.big p{font-size:.9375rem;font-weight:400;letter-spacing:0}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4);max-width:760px}
.plan{padding:var(--e6);background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e4);align-content:start;min-width:0}
.plan .name{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--encre3)}
.plan .amount{font-size:2.5rem;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.plan .amount small{font-size:1rem;font-weight:400;letter-spacing:0;color:var(--encre3);margin-left:6px}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--e2);color:var(--encre2);font-size:.9375rem}.plan li{padding-left:18px;position:relative}.plan li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--ambre)}
.plan .soon{font-size:.9375rem;color:var(--encre2);padding:12px 14px;border-radius:var(--r-champ);background:var(--enfonce)}
.note{font-size:.875rem;color:var(--encre3);margin-top:var(--e5);max-width:60ch}
.faq{max-width:760px;display:grid;gap:var(--e2)}details{border:1px solid var(--trait);border-radius:var(--r-tuile);background:var(--surface)}summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:var(--e4)}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--encre3);font-weight:400}details[open] summary::after{content:"–"}details p{padding:0 18px 16px;color:var(--encre2)}
.page{padding-top:clamp(40px,6vw,72px)}.page .intro{max-width:44em;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e4)}
.prose{max-width:70ch;margin-top:var(--e7)}.prose h2{font-size:1.375rem;margin:var(--e7) 0 var(--e3)}.prose p,.prose li{color:var(--encre2)}.prose p+p{margin-top:var(--e3)}.prose a{color:var(--lien);text-decoration:underline;text-underline-offset:3px}.prose ul{padding-left:1.2em;margin:0}.prose li+li{margin-top:6px}
.prose table{width:100%;border-collapse:collapse;font-size:.9375rem;margin:var(--e4) 0}.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--trait)}.prose th{color:var(--encre3);font-weight:600;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}.prose td{color:var(--encre2)}
.prose .updated{font-size:.875rem;color:var(--encre3);margin-top:var(--e8)}
.mail{overflow-wrap:anywhere;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;letter-spacing:-.02em;color:var(--lien);text-decoration:underline;text-underline-offset:4px}
footer{margin-top:var(--section);border-top:1px solid var(--trait);padding:var(--e8) 0 var(--e7)}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--e7)}
footer .col{display:grid;gap:var(--e2);align-content:start;font-size:.9375rem}footer .col b{margin-bottom:4px}footer .col a{color:var(--encre2)}footer .col a:hover{color:var(--encre)}footer .col span{color:var(--encre3)}
footer .col.brandcol svg{width:28px}
footer .legal{grid-column:1/-1;margin-top:var(--e4);padding-top:var(--e4);border-top:1px solid var(--trait);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e3);font-size:.8125rem;color:var(--encre3)}
@media (max-width:860px){.grid.c4,.grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:640px){nav.main{display:none}.grid.c2,.grid.c3,.grid.c4,.plans{grid-template-columns:1fr}.args article{grid-template-columns:1fr}.args article::before{width:32px;height:32px}footer .wrap{grid-template-columns:1fr}.prose table,.prose thead,.prose tbody,.prose tr,.prose th,.prose td{display:block}.prose thead{display:none}.prose td{padding:6px 0}.prose tr{padding:10px 0;border-bottom:1px solid var(--trait)}.prose td{border:0}.prose td:first-child{font-weight:600;color:var(--encre)}}
