*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}input,textarea,select{outline:none}:root{--bg:#07080c;--bg-2:#0b0d14;--surface:rgba(255,255,255,.035);--surface-2:rgba(255,255,255,.06);--surface-3:rgba(255,255,255,.09);--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);--t1:#f2f4f8;--t2:#a4acbe;--t3:#6b7387;--gold:#e8b64c;--gold-soft:rgba(232,182,76,.14);--cyan:#48c9f0;--cyan-soft:rgba(72,201,240,.14);--violet:#9d7bf5;--lime:#8ce06a;--rose:#fb6f84;--grad-hero:linear-gradient(135deg,#e8b64c 0%,#f0d08a 40%,#48c9f0 100%);--c-trouver:#e8b64c;--c-trouver-soft:rgba(232,182,76,.14);--c-desirer:#fb6f84;--c-desirer-soft:rgba(251,111,132,.14);--c-porter:#48c9f0;--c-porter-soft:rgba(72,201,240,.14);--c-actus:#9d7bf5;--c-actus-soft:rgba(157,123,245,.14);--grad-line:linear-gradient(90deg,transparent,var(--line-strong),transparent);--r-sm:10px;--r:16px;--r-lg:24px;--r-xl:32px;--pad:clamp(16px,4vw,32px);--maxw:1180px;--hud-h:64px;--shadow:0 20px 60px -20px rgba(0,0,0,.85);--shadow-glow:0 0 0 1px var(--line),0 24px 60px -24px rgba(0,0,0,.9);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:"Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--t1);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 600px at 12% -8%,rgba(232,182,76,.13),transparent 60%),radial-gradient(800px 620px at 92% 6%,rgba(72,201,240,.12),transparent 62%),radial-gradient(1000px 700px at 50% 110%,rgba(157,123,245,.1),transparent 60%),var(--bg)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;letter-spacing:-.02em;font-weight:600}h1{font-size:clamp(2.1rem,5.2vw,3.9rem);letter-spacing:-.035em}h2{font-size:clamp(1.6rem,3.6vw,2.6rem);letter-spacing:-.025em}h3{font-size:clamp(1.1rem,2vw,1.4rem)}.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lead{font-size:clamp(1rem,1.5vw,1.18rem);color:var(--t2);max-width:62ch}.muted{color:var(--t2)}.dim{color:var(--t3)}.tiny{font-size:.78rem}.small{font-size:.875rem}.gradient-text{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:0;text-transform:none;color:var(--gold)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.wrap-wide{max-width:1420px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-1{gap:8px}.gap-2{gap:14px}.gap-3{gap:22px}.gap-4{gap:34px}.wrapft{flex-wrap:wrap}.center{text-align:center}.spacer{flex:1}section{padding-block:clamp(32px,5vw,64px)}.hud{position:sticky;top:0;z-index:60;height:var(--hud-h);display:flex;align-items:center;gap:18px;padding-inline:var(--pad);background:#07080cb8;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}.hud .brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.06rem;white-space:nowrap}.hud .brand .dot{width:24px;height:24px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2c8'/%3E%3Cstop offset='.45' stop-color='%23ecc25e'/%3E%3Cstop offset='1' stop-color='%23a8721c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='41' fill='none' stroke='url(%23g)' stroke-width='8'/%3E%3Cpath d='M50.0 44.0L50.6 43.9L51.3 43.8L51.9 43.8L52.6 43.9L53.2 44.1L53.9 44.3L54.6 44.6L55.2 45.0L55.8 45.4L56.4 45.9L56.9 46.5L57.3 47.2L57.7 47.9L58.1 48.6L58.3 49.4L58.5 50.2L58.6 51.1L58.6 52.0L58.5 52.9L58.3 53.8L58.0 54.7L57.6 55.5L57.1 56.4L56.6 57.2L55.9 57.9L55.2 58.6L54.4 59.2L53.5 59.7L52.5 60.2L51.5 60.5L50.4 60.8L49.4 60.9L48.2 61.0L47.1 60.9L46.0 60.7L44.9 60.4L43.8 60.0L42.7 59.4L41.7 58.7L40.8 58.0L39.9 57.1L39.1 56.1L38.4 55.1L37.8 53.9L37.3 52.7L37.0 51.5L36.7 50.2L36.6 48.8L36.6 47.5L36.8 46.1L37.1 44.7L37.6 43.4L38.2 42.1L38.9 40.9L39.8 39.7L40.7 38.6L41.8 37.6L43.0 36.7L44.3 36.0L45.7 35.3L47.2 34.8L48.7 34.4L50.3 34.2L51.9 34.2L53.5 34.3L55.1 34.6L56.6 35.0L58.2 35.6L59.7 36.4L61.1 37.3L62.4 38.4L63.6 39.6L64.7 40.9L65.7 42.3L66.5 43.9L67.2 45.5L67.7 47.2L68.1 49.0L68.2 50.8L68.2 52.7L68.0 54.5L67.6 56.3L67.0 58.1L66.3 59.9L65.3 61.5L64.2 63.1L62.9 64.6L61.5 65.9L59.9 67.1L58.2 68.2L56.4 69.1L54.5 69.8L52.5 70.3L50.5 70.6L48.4 70.7L46.4 70.6L44.3 70.2L42.2 69.7L40.2 69.0L38.3 68.0L36.5 66.9L34.7 65.6L33.1 64.1L31.7 62.4L30.4 60.6L29.3 58.6L28.4 56.6L27.7 54.4L27.2 52.2L27.0 49.9L26.9 47.6L27.1 45.3L27.6 43.0L28.2 40.7L29.1 38.5L30.3 36.4L31.6 34.4L33.2 32.5L34.9 30.8L36.8 29.2L38.9 27.9L41.1 26.7L43.4 25.8L45.8 25.1L48.3 24.7L50.9 24.5L53.4 24.5L56.0 24.9L58.5 25.4L61.0 26.3L63.4 27.4L65.7 28.7L67.8 30.2L69.8 32.0L71.6 34.0L73.3 36.1L74.7 38.5L75.8 40.9L76.8 43.5L77.4 46.2L77.8 49.0L78.0 51.8L77.8 54.6L77.3 57.4L76.6 60.1L75.6 62.8L74.3 65.4L72.8 67.8L71.0 70.1L69.0 72.2' fill='none' stroke='url(%23g)' stroke-width='6' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='50' r='5' fill='url(%23g)'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 6px rgba(232,182,76,.45))}.steps{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center}.steps::-webkit-scrollbar{display:none}.step{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.8rem;color:var(--t3);white-space:nowrap;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s}.step .num{width:19px;height:19px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-mono);font-size:.65rem;border:1px solid var(--line-strong);color:var(--t3)}.step[data-state=done]{color:var(--t2)}.step[data-state=done] .num{background:var(--gold);border-color:var(--gold);color:#1a1206;font-weight:700}.step[data-state=current]{color:var(--t1);background:var(--surface-2);border-color:var(--line-strong)}.step[data-state=current] .num{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.step[data-state=locked]{opacity:.45;cursor:not-allowed}@media(max-width:860px){.step .label{display:none}.step{padding:6px 7px}}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--t1);--btn-bd:var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);font-weight:600;font-size:.95rem;letter-spacing:-.01em;transition:transform .16s cubic-bezier(.2,.9,.3,1.2),background .2s,border-color .2s,box-shadow .2s,opacity .2s;position:relative}@media(hover:hover){.btn:hover{transform:translateY(-2px);--btn-bg:var(--surface-3)}}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:linear-gradient(135deg,#f0c463,#e0a234);--btn-fg:#181103;--btn-bd:transparent;box-shadow:0 10px 30px -10px #e8b64cb3}@media(hover:hover){.btn-primary:hover{--btn-bg:linear-gradient(135deg,#f6d081,#e9ae42);box-shadow:0 16px 40px -12px #e8b64cd9}}.btn-ghost{--btn-bg:transparent}.btn-lg{padding:17px 34px;font-size:1.03rem}.btn-sm{padding:8px 15px;font-size:.83rem}.btn-icon{padding:11px;border-radius:50%;aspect-ratio:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,2.6vw,28px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card-tight{padding:16px;border-radius:var(--r)}.panel{background:linear-gradient(180deg,#ffffff0e,#ffffff05);border:1px solid var(--line);border-radius:var(--r-lg)}.divider{height:1px;background:var(--grad-line);border:0;margin-block:clamp(28px,5vw,56px)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.79rem;color:var(--t2);white-space:nowrap}.chip-gold{background:var(--gold-soft);border-color:#e8b64c59;color:#f4cf87}.chip-cyan{background:var(--cyan-soft);border-color:#48c9f059;color:#9adcf5}.chip b{color:var(--t1);font-weight:600}.opt-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.opt-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.opt-grid.tight{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}.opt{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;transition:transform .16s cubic-bezier(.2,.9,.3,1.2),border-color .18s,background .18s,box-shadow .18s;overflow:hidden}.opt:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(320px 160px at var(--mx,50%) var(--my,0%),rgba(255,255,255,.07),transparent 70%);opacity:0;transition:opacity .25s}.opt:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2)}.opt:hover:after{opacity:1}.opt .opt-ico{font-size:1.6rem;line-height:1}.opt .opt-title{font-weight:600;font-size:.98rem;letter-spacing:-.01em}.opt .opt-desc{font-size:.8rem;color:var(--t3);line-height:1.4}.opt[aria-pressed=true],.opt.is-on{border-color:var(--gold);background:linear-gradient(160deg,#e8b64c29,#e8b64c0d);box-shadow:0 0 0 1px #e8b64c66,0 14px 34px -16px #e8b64c99}.opt[aria-pressed=true] .opt-desc,.opt.is-on .opt-desc{color:var(--t2)}.opt .tick{position:absolute;top:11px;right:11px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#171003;display:none;place-items:center;font-size:.7rem;font-weight:800}.opt[aria-pressed=true] .tick,.opt.is-on .tick{display:grid}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{position:relative;width:56px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.68rem;color:var(--t3);text-align:center;line-height:1.2}.swatch .dot{width:42px;height:42px;border-radius:14px;border:2px solid var(--line-strong);transition:transform .16s cubic-bezier(.2,.9,.3,1.2),border-color .18s,box-shadow .18s}.swatch:hover .dot{transform:scale(1.08)}.swatch[aria-pressed=true] .dot{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft),0 8px 20px -8px #e8b64ccc;transform:scale(1.06)}.swatch[aria-pressed=true]{color:var(--t1)}.slider-wrap{padding-block:6px}.slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.slider-val{font-family:var(--font-mono);font-size:1.1rem;color:var(--gold)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:grab}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--fill,50%),rgba(255,255,255,.12) var(--fill,50%))}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff1f}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--gold)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--gold);box-shadow:0 4px 14px #0009,0 0 0 6px var(--gold-soft);transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.14)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--gold);box-shadow:0 4px 14px #0009}.scale-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--t3);margin-top:-2px}.dual{position:relative;height:38px}.dual input[type=range]{position:absolute;inset:0;width:100%;pointer-events:none;background:none}.dual input[type=range]::-webkit-slider-thumb{pointer-events:auto}.dual input[type=range]::-moz-range-thumb{pointer-events:auto}.dual input[type=range]::-webkit-slider-runnable-track{background:transparent}.dual .dual-track{position:absolute;left:0;right:0;top:16px;height:6px;border-radius:999px;background:#ffffff1f}.dual .dual-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--gold)}.meter{height:7px;border-radius:999px;background:#ffffff17;overflow:hidden}.meter i{display:block;height:100%;border-radius:999px;background:var(--grad-hero);transition:width .5s cubic-bezier(.2,.8,.2,1)}.progress-line{position:fixed;top:var(--hud-h);left:0;right:0;height:2px;z-index:59;background:#ffffff0f}.progress-line i{display:block;height:100%;background:var(--grad-hero);transition:width .45s cubic-bezier(.2,.8,.2,1)}.toast-zone{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:11px 20px;border-radius:999px;background:#12141cf0;border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:.88rem;animation:toastIn .3s cubic-bezier(.2,.9,.3,1.2);backdrop-filter:blur(12px)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.reveal{animation:fadeUp .55s cubic-bezier(.2,.8,.2,1) both}.reveal-2{animation:fadeUp .55s .08s cubic-bezier(.2,.8,.2,1) both}.reveal-3{animation:fadeUp .55s .16s cubic-bezier(.2,.8,.2,1) both}.reveal-4{animation:fadeUp .55s .24s cubic-bezier(.2,.8,.2,1) both}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm)}.spinner{width:16px;height:16px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.18);border-top-color:var(--gold);animation:spin .7s linear infinite}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:8px;z-index:300;padding:10px 18px;border-radius:999px;background:var(--gold);color:#171003;font-weight:600}.skip-link:focus{left:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:content-box}
