@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ArchivoBlack-Regular.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/HankenGrotesk-Variable.woff2) format("woff2-variations"),url(/fonts/HankenGrotesk-Variable.woff2) format("woff2")}:root{--lin: #F7F8FA;--lin-foncé: #EBEDF2;--crème: #F0F2F5;--papier: #FAFBFC;--bleu-atelier: #1B3A6B;--bleu-fonce: #122850;--bleu-foncé: #122850;--bleu-moyen: #2D6EB5;--bleu-clair: #D0DDEF;--bleu-papier: #EAF0F8;--laiton: #E8792B;--laiton-clair: #FADCC4;--indigo-atelier: var(--bleu-atelier);--indigo-clair: var(--bleu-clair);--charbon: #221C18;--charbon-2: #4A4039;--charbon-3: #7A6E64;--charbon-4: #A89C90;--border-charbon-12: rgba(27, 58, 107, .1);--border-charbon-24: rgba(27, 58, 107, .2);--border-charbon: rgba(34, 28, 24, 1);--border-lin: #D8DDE6;--fg: var(--charbon);--fg-muted: var(--charbon-2);--fg-subtle: var(--charbon-3);--fg-on-terre: var(--lin);--fg-on-charbon: var(--lin);--fg-link: var(--bleu-moyen);--bg: var(--lin);--bg-elevated: var(--crème);--bg-hero: var(--papier);--bg-inverse: var(--charbon);--surface-1: var(--lin);--surface-2: var(--crème);--surface-3: var(--papier);--action: var(--bleu-atelier);--action-hover: var(--bleu-foncé);--action-press: var(--bleu-foncé);--action-fg: var(--lin);--action-secondary: var(--charbon);--action-secondary-hover: #14110F;--action-secondary-fg: var(--lin);--status-confirm-bg: #DCE8E1;--status-confirm-fg: #2F4A38;--status-pending-bg: var(--laiton-clair);--status-pending-fg: #8B4A12;--status-alert-bg: #F5DDD0;--status-alert-fg: #7A3515;--font-display: "Archivo Black", "Arial Black", "Helvetica Neue", sans-serif;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 42px;--text-4xl: 56px;--text-5xl: 72px;--text-6xl: 96px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-label: .12em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--border-1: 1px solid var(--border-charbon-12);--border-2: 2px solid var(--charbon);--shadow-none: none;--shadow-rest: 0 1px 2px rgba(34, 28, 24, .06);--shadow-lift: 0 4px 12px rgba(34, 28, 24, .08);--ease: cubic-bezier(.22, 1, .36, 1);--duration-1: .12s;--duration-2: .24s;--duration-3: .4s;--duration-4: .64s;--container-narrow: 720px;--container: 1200px;--container-wide: 1440px;--gutter: 24px;--icon-stroke: 1.5;--icon-color: var(--charbon);--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,.h1{font-family:var(--font-display);font-weight:400;font-size:clamp(var(--text-4xl),6.5vw,var(--text-6xl));line-height:1;letter-spacing:-.01em;color:var(--fg);margin:0;text-transform:none;text-wrap:balance}h2,.h2{font-family:var(--font-display);font-weight:400;font-size:clamp(var(--text-3xl),4.5vw,var(--text-4xl));line-height:1.05;letter-spacing:-.01em;color:var(--fg);margin:0;text-wrap:balance}h3,.h3{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.1;letter-spacing:0;color:var(--fg);margin:0;text-wrap:balance}.lead{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--lh-relaxed);color:var(--fg-muted);font-weight:var(--weight-regular);text-wrap:pretty;max-width:56ch}p,.p{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--fg);text-wrap:pretty;max-width:64ch}.kicker{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--charbon-3)}.caption,small{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--fg-subtle)}a{color:var(--fg-link);text-decoration:none;text-underline-offset:3px;transition:color var(--duration-1) var(--ease)}a:hover{text-decoration:underline;text-decoration-thickness:1px}code,.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;padding:14px 22px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--duration-1) var(--ease),color var(--duration-1) var(--ease),border-color var(--duration-1) var(--ease),transform 50ms var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--action);color:var(--action-fg)}.btn-primary:hover{background:var(--action-hover)}.btn-secondary{background:var(--action-secondary);color:var(--action-secondary-fg)}.btn-secondary:hover{background:var(--action-secondary-hover)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border-charbon-24)}.btn-ghost:hover{border-color:var(--charbon)}.input{font-family:var(--font-body);font-size:var(--text-base);padding:12px 14px;background:var(--surface-1);border:1px solid var(--border-charbon-24);border-radius:var(--radius-sm);color:var(--fg);transition:border-color var(--duration-1) var(--ease);width:100%}.input:focus{outline:none;border-color:var(--charbon)}.input::placeholder{color:var(--charbon-4)}.card{background:var(--surface-2);border:1px solid var(--border-charbon-12);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--duration-2) var(--ease)}.card:hover{border-color:var(--charbon)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bleu-clair);color:var(--bleu-foncé)}.divider{height:1px;background:var(--border-lin);border:0;margin:var(--space-7) 0}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:var(--space-3) var(--gutter);background:var(--papier);border-bottom:1px solid var(--border-lin)}.logo{height:38px;width:auto;display:block}.wrap{max-width:560px;margin:0 auto;padding:var(--space-5) var(--gutter) var(--space-9)}.intro{margin-bottom:var(--space-6)}.title{font-size:clamp(var(--text-2xl),8vw,var(--text-4xl));margin:var(--space-2) 0 0}.block{border:0;padding:0;margin:0 0 var(--space-6)}.block>legend{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);color:var(--bleu-atelier);padding:0 0 var(--space-3);margin:0}.field{margin-bottom:var(--space-4);position:relative}.field>label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--charbon-2);margin-bottom:6px}.field .hint{color:var(--charbon-4);font-weight:var(--weight-regular)}.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.field--cp{max-width:100%}.input{font-size:16px;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border-charbon-24);width:100%;background:var(--surface-1);color:var(--fg);font-family:var(--font-body)}.input:focus{outline:none;border-color:var(--bleu-atelier);box-shadow:0 0 0 3px var(--bleu-papier)}textarea.input{resize:vertical;min-height:80px;line-height:1.5}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--charbon-3) 50%),linear-gradient(135deg,var(--charbon-3) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ac{position:relative}.ac-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid var(--border-charbon-24);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);max-height:320px;overflow-y:auto}.ac-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:12px 14px;background:#fff;border:0;border-bottom:1px solid var(--lin-foncé);cursor:pointer;font-family:var(--font-body)}.ac-item:last-child{border-bottom:0}.ac-item:hover,.ac-item:focus{background:var(--bleu-papier);outline:none}.ac-name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--fg)}.ac-sub{font-size:var(--text-sm);color:var(--charbon-3)}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.actions{position:sticky;bottom:0;padding:var(--space-4) 0 0;background:linear-gradient(transparent,var(--bg) 24px)}.status{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);color:var(--charbon-4);margin-bottom:var(--space-3);min-height:18px}.status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.status--idle{color:var(--charbon-4)}.status--pending{color:var(--charbon-3)}.status--saved{color:var(--status-confirm-fg)}.status--offline{color:var(--status-alert-fg)}.btn-big{width:100%;padding:18px 22px;font-size:var(--text-md);font-weight:var(--weight-semibold)}.btn-big:disabled{opacity:.6;cursor:default}.privacy{font-size:var(--text-xs);color:var(--charbon-4);line-height:1.5;margin:var(--space-3) 0 0;max-width:none}.privacy a{color:var(--charbon-3);text-decoration:underline}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:var(--status-confirm-fg);color:#fff;padding:14px 22px;border-radius:var(--radius-md);font-weight:var(--weight-semibold);box-shadow:var(--shadow-lift);opacity:0;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:50;pointer-events:none}.toast--show{opacity:1;transform:translate(-50%)}@media(max-width:420px){.row{grid-template-columns:1fr;gap:0}}