:root{--bg: #fbf8f5;--bg-2: oklch(.965 .008 80);--surface: oklch(.998 .002 80);--surface-2: oklch(.965 .008 80);--text: oklch(.24 .015 235);--muted: oklch(.52 .015 235);--faint: oklch(.7 .012 235);--border: oklch(.9 .012 200);--border-strong: oklch(.82 .02 200);--accent: oklch(.78 .06 196);--accent-strong: oklch(.58 .08 200);--accent-deep: oklch(.46 .08 205);--accent-wash: oklch(.95 .03 196);--sain: oklch(.7 .13 160);--sain-bg: oklch(.96 .04 165);--surveiller: oklch(.78 .13 85);--surveiller-bg: oklch(.96 .05 90);--risque: oklch(.7 .16 55);--risque-bg: oklch(.95 .06 60);--critique: oklch(.6 .19 25);--critique-bg: oklch(.95 .05 25);--on-color: oklch(.99 .005 200);--font-display: "Barlow Condensed", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs: .78rem;--t-sm: .9rem;--t-base: 1rem;--t-md: 1.2rem;--t-lg: 1.5rem;--t-xl: 2rem;--t-2xl: clamp(2.4rem, 7vw, 3.6rem);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px oklch(.5 .03 220 / .06), 0 4px 12px oklch(.5 .03 220 / .05);--shadow-md: 0 6px 18px oklch(.5 .03 220 / .1), 0 16px 40px oklch(.5 .03 220 / .08);--shadow-lg: 0 20px 60px oklch(.4 .04 220 / .16);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--dur: .24s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(120% 70% at 50% -10%,color-mix(in oklch,var(--accent-wash) 50%,transparent),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit}::selection{background:var(--accent-wash)}.tnum{font-variant-numeric:tabular-nums lining-nums}.display{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.005em;line-height:.98}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:540px;margin:0 auto;padding:24px clamp(20px,5vw,32px)}.screen--scroll{justify-content:flex-start}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;max-width:540px;width:100%;margin:0 auto;padding:16px clamp(20px,5vw,32px);background:color-mix(in oklch,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar__back{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.1rem;display:grid;place-items:center;transition:background var(--dur)}.topbar__back:hover{background:var(--surface-2)}.topbar__progress{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.topbar__progress span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .4s var(--ease-out-expo)}.topbar__count{font-size:var(--t-sm);color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.btn{border:none;border-radius:var(--radius-pill);font-weight:600;font-size:var(--t-base);padding:15px 26px;transition:transform var(--dur),box-shadow var(--dur),background var(--dur)}.btn--primary{background:var(--accent-strong);color:var(--on-color);box-shadow:0 8px 20px -6px var(--accent-strong)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px -6px var(--accent-strong)}.screen-full{flex:1;width:100%;display:flex}.hero{position:relative;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#f8fdfd}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:brightness(.7) saturate(.92) contrast(1.03)}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(78% 56% at 50% 50%,oklch(.09 .025 236 / .05) 0%,transparent 72%),radial-gradient(120% 95% at 50% 16%,transparent 0%,oklch(.13 .03 233 / .18) 66%,oklch(.1 .028 236 / .46) 100%),linear-gradient(180deg,#000f1552,#000f1638 42%,#00040a99);background:radial-gradient(78% 56% at 50% 50%,oklch(.09 .025 236 / .05) 0%,transparent 72%),radial-gradient(120% 95% at 50% 16%,transparent 0%,oklch(.13 .03 233 / .18) 66%,oklch(.1 .028 236 / .46) 100%),linear-gradient(180deg,color(xyz 0.003 0.004 0.009 / 0.322),color(xyz 0.003 0.004 0.011 / 0.22) 42%,color(xyz 0.001 0.001 0.004 / 0.6))}.hero__top{position:absolute;top:0;left:0;z-index:2;padding:clamp(20px,4vw,40px)}.hero__brand{font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:.16em}.hero__content{position:relative;z-index:2;max-width:720px;width:100%;padding:clamp(72px,12vh,120px) clamp(20px,5vw,40px) clamp(40px,6vh,64px);text-align:center}.hero__eyebrow{margin:0;font-size:var(--t-sm);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.hero__title{margin:14px 0 0;font-size:clamp(2.4rem,6.5vw,5rem);line-height:.98;text-wrap:balance;text-shadow:0 2px 30px oklch(.1 .03 235 / .4)}.hero__lede{margin:20px auto 0;max-width:46ch;font-size:var(--t-md);line-height:1.5;color:#e7f0f2}.hero__cta{margin-top:30px;background:var(--accent-strong);color:var(--on-color);border:none;border-radius:4px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;padding:16px 38px;box-shadow:0 10px 30px -8px #010f1899;transition:transform var(--dur),background var(--dur)}.hero__cta:hover{transform:translateY(-2px);background:var(--accent-deep)}.hero__trust{margin:16px 0 0;font-size:var(--t-xs);color:#d0d9db}.landing{text-align:center}.landing__brand{font-size:1.4rem;letter-spacing:.16em;color:var(--accent-strong)}.landing__eyebrow{margin:18px 0 0;font-size:var(--t-sm);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.landing__title{margin:12px 0 0;font-size:var(--t-2xl);color:var(--text);text-wrap:balance}.landing__lede{margin:18px auto 0;max-width:40ch;color:var(--muted);font-size:var(--t-md);line-height:1.5}.landing__cta{margin-top:30px;font-size:var(--t-md);padding:17px 34px}.landing__trust{margin:16px 0 0;font-size:var(--t-xs);color:var(--faint)}.step{width:100%}.step__eyebrow{margin:0;font-size:var(--t-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong)}.step__prompt{margin:8px 0 0;font-size:clamp(1.6rem,5vw,2.2rem);color:var(--text);text-wrap:balance}.step__help{margin:8px 0 0;font-size:var(--t-sm);color:var(--muted)}.step__choices{display:flex;flex-direction:column;gap:10px;margin-top:24px}.choice{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;min-height:60px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);transition:border-color var(--dur),background var(--dur),transform var(--dur)}.choice:hover{border-color:var(--accent);background:var(--accent-wash)}.choice.is-active{border-color:var(--accent-strong);background:var(--accent-wash);box-shadow:0 0 0 2px var(--accent)}.choice__emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.choice__label{flex:1;font-weight:500;font-size:var(--t-base)}.choice__mark{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:var(--on-color);font-size:.85rem;font-weight:700;background:transparent;border:1.5px solid var(--border-strong);transition:background var(--dur),border-color var(--dur)}.choice__mark--box{border-radius:8px}.choice.is-active .choice__mark{background:var(--accent-strong);border-color:var(--accent-strong)}.step__continue{margin-top:22px;width:100%}.step__legal{margin:14px 0 0;font-size:var(--t-xs);color:var(--faint);text-align:center}.field-group{display:flex;flex-direction:column;gap:10px;margin-top:22px}.field{width:100%;padding:15px 16px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--t-base);color:var(--text);transition:border-color var(--dur),box-shadow var(--dur)}.field:focus{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-wash)}.field-error{margin:10px 0 0;color:var(--critique);font-size:var(--t-sm)}.field-row{display:flex;gap:10px}.field--ville{flex:1 1 auto;min-width:0}.field--cp{flex:0 0 146px}.field-hint{margin:8px 0 0;color:var(--muted, #6b7280);font-size:var(--t-sm)}@media(max-width:380px){.field-row{flex-direction:column}.field--cp{flex:1 1 auto}}.result{width:100%;max-width:540px;margin:0 auto;padding-bottom:56px}.result__hero{text-align:center;padding:36px 0 30px;border-radius:var(--radius-lg);background:var(--band-bg);margin-bottom:26px}.result__band-tag{display:inline-block;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-sm);color:var(--on-color);background:var(--band);padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:18px}.result__tagline{margin:18px auto 0;max-width:30ch;font-size:var(--t-md);font-weight:500;color:var(--text)}.gauge{position:relative;margin:0 auto}.gauge__fx{position:absolute;top:-72px;right:-72px;bottom:-72px;left:-72px;width:calc(100% + 144px);height:calc(100% + 144px);pointer-events:none;z-index:0}.gauge__bloom{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;opacity:.2;filter:blur(22px);z-index:0;animation:bloomPulse 3.2s var(--ease-out-quart) infinite}@keyframes bloomPulse{0%,to{opacity:.14;transform:scale(.96)}50%{opacity:.26;transform:scale(1.04)}}.gauge__svg{position:relative;z-index:1}.gauge__center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge__num{font-family:var(--font-display);font-weight:700;font-size:4rem;line-height:1}.gauge__num small{font-size:1.6rem}.gauge__label{font-size:var(--t-sm);color:var(--muted);margin-top:2px}.result__block{margin-bottom:26px}.result__h3{font-size:var(--t-lg);margin:0 0 14px;color:var(--text)}.factors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.factor{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.factor__rank{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;background:var(--band);color:var(--on-color)}.factor__body{display:flex;flex-direction:column;line-height:1.3}.factor__body strong{font-size:var(--t-base)}.factor__body span{font-size:var(--t-sm);color:var(--muted)}.result__vuln{margin:0 0 26px;padding:16px 18px;border-radius:var(--radius);background:var(--band-bg);color:var(--text);font-size:var(--t-sm);line-height:1.5}.result__solution{padding:28px 24px;border-radius:var(--radius-lg);background:linear-gradient(165deg,#081e24,#000d15);color:#eef7f8;text-align:center}.result__solution-eyebrow{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.result__solution-title{font-size:var(--t-xl);margin:6px 0 0}.result__solution-text{margin:12px auto 0;max-width:38ch;font-size:var(--t-sm);line-height:1.55;color:#b6c8cb}.result__solution-points{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.result__solution-points li{font-size:var(--t-xs);font-weight:600;padding:6px 12px;border-radius:var(--radius-pill);background:#ffffff1a;color:#d6e9ea}.result__cta{display:inline-block;margin-top:24px;background:var(--accent);color:#04191f}.result__cta:hover{background:#9cd7d7}.result__cta-note{margin:12px 0 0;font-size:var(--t-xs);color:#9dafb2}.result__zone{margin:10px 0 0;text-align:center;color:var(--muted);font-size:var(--t-sm)}