:root{--calc-positive:#6b8e5a;--calc-positive-soft:#c8d4ba;--calc-positive-bg:#f0f4ec;--calc-negative:#b5645f;--calc-negative-soft:#e5c5c0;--calc-negative-bg:#fbf0ec;--calc-amber:#c89841;--calc-amber-soft:#f1dba5;--calc-amber-bg:#fdf6e3;--calc-sky:#6a8b9d;--calc-sky-soft:#c5d4dd;--calc-blush:#c19087;--calc-blush-soft:#e6cfca}.outil-page{padding-top:var(--sp-8);padding-bottom:var(--sp-16);background:var(--c-bg);min-height:100vh}.outil-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in oklch,var(--c-ink) 55%,transparent);margin-bottom:var(--sp-8);flex-wrap:wrap}.outil-breadcrumb a{color:inherit;text-decoration:none}.outil-breadcrumb a:hover{color:var(--c-accent-deep)}.outil-breadcrumb .current{color:var(--c-ink);font-weight:600}.outil-hero-photo{position:relative;width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;margin-bottom:var(--sp-10);background:color-mix(in oklch,var(--c-ink) 8%,transparent)}.outil-hero-photo img{width:100%!important;height:100%!important;object-fit:cover}.outil-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-10);background:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.35) 40%,rgba(0,0,0,.05) 70%,transparent);color:white}.outil-hero-overlay .eyebrow{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.85);margin-bottom:var(--sp-3);font-weight:500}.outil-h1{font-size:clamp(2.25rem,5.5vw,4rem);letter-spacing:-.02em;line-height:1.05;margin:0 0 var(--sp-4);color:white;max-width:18ch}.outil-h1 em{font-style:italic;color:var(--calc-amber-soft)}.outil-lead{font-size:1.0625rem;line-height:1.55;color:rgba(255,255,255,.88);max-width:50ch;margin:0}@media (max-width:800px){.outil-hero-photo{aspect-ratio:4/5;border-radius:18px;margin-bottom:var(--sp-6)}.outil-hero-overlay{padding:var(--sp-5);background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 40%,rgba(0,0,0,.1) 70%,transparent)}}.outil-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--sp-8);margin-bottom:var(--sp-14)}@media (max-width:900px){.outil-grid{grid-template-columns:1fr;gap:var(--sp-6)}}.outil-inputs{background:white;border:1px solid color-mix(in oklch,var(--c-ink) 8%,transparent);border-radius:24px;padding:var(--sp-8)}.outil-inputs h2{font-size:1.5rem;letter-spacing:-.01em;margin:var(--sp-6) 0 var(--sp-5);color:var(--c-ink);display:flex;flex-direction:column;gap:6px}.outil-inputs h2:first-of-type{margin-top:0}.outil-inputs h2 .eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.outil-inputs h2:first-of-type .eyebrow{color:var(--calc-positive)}.outil-inputs h2:nth-of-type(2) .eyebrow{color:var(--calc-negative)}.outil-inputs h2{position:relative;padding-left:16px}.outil-inputs h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:99px}.outil-inputs h2:first-of-type:before{background:var(--calc-positive)}.outil-inputs h2:nth-of-type(2):before{background:var(--calc-negative)}.input-block{margin-bottom:var(--sp-5)}.input-block label{display:flex;justify-content:space-between;align-items:baseline;font-size:.9375rem;color:var(--c-ink);margin-bottom:8px;font-weight:500}.input-value{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;color:var(--c-accent-deep);font-weight:400}.input-block.is-revenu .input-value{color:var(--calc-positive)}.input-block.is-cout .input-value{color:var(--calc-negative)}.input-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(to right,var(--c-accent-deep) 0,var(--c-accent-deep) 40%,color-mix(in oklch,var(--c-ink) 10%,transparent) 40%,color-mix(in oklch,var(--c-ink) 10%,transparent) 100%);outline:none;margin-bottom:4px}.input-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--c-accent-deep);border:3px solid white;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}.input-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--c-accent-deep);border:3px solid white;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}.input-block.is-revenu .input-range{background:linear-gradient(to right,var(--calc-positive) 0,var(--calc-positive) 40%,color-mix(in oklch,var(--c-ink) 10%,transparent) 40%,color-mix(in oklch,var(--c-ink) 10%,transparent) 100%)}.input-block.is-revenu .input-range::-webkit-slider-thumb{background:var(--calc-positive)}.input-block.is-revenu .input-range::-moz-range-thumb{background:var(--calc-positive)}.input-block.is-cout .input-range{background:linear-gradient(to right,var(--calc-negative) 0,var(--calc-negative) 40%,color-mix(in oklch,var(--c-ink) 10%,transparent) 40%,color-mix(in oklch,var(--c-ink) 10%,transparent) 100%)}.input-block.is-cout .input-range::-webkit-slider-thumb{background:var(--calc-negative)}.input-block.is-cout .input-range::-moz-range-thumb{background:var(--calc-negative)}.input-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;color:color-mix(in oklch,var(--c-ink) 50%,transparent)}.input-divider{text-align:center;margin:var(--sp-6) 0 var(--sp-4);position:relative}.input-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:color-mix(in oklch,var(--c-ink) 12%,transparent)}.input-divider span{position:relative;background:white;padding:0 var(--sp-3);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in oklch,var(--c-ink) 55%,transparent)}.input-toggle-block{margin-bottom:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:14px;background:color-mix(in oklch,var(--c-bg-warm,#fdf7ec) 60%,white);transition:background .2s ease}.input-toggle-block.active{background:color-mix(in oklch,var(--calc-positive) 6%,white)}.input-toggle-block.is-revenu.active{background:color-mix(in oklch,var(--calc-positive) 8%,white)}.input-toggle-block.is-cout.active{background:color-mix(in oklch,var(--calc-negative) 6%,white)}.input-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.input-toggle input{display:none}.toggle-track{width:38px;height:22px;background:color-mix(in oklch,var(--c-ink) 18%,transparent);border-radius:99px;position:relative;transition:background .2s ease;flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:white;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform .2s ease}.input-toggle input:checked~.toggle-track{background:var(--c-accent-deep)}.input-toggle input:checked~.toggle-track .toggle-thumb{transform:translateX(16px)}.input-toggle-block.active .toggle-track{background:var(--c-accent-deep)}.input-toggle-block.active .toggle-thumb{transform:translateX(16px)}.input-toggle-block.is-revenu.active .toggle-track{background:var(--calc-positive)}.input-toggle-block.is-cout.active .toggle-track{background:var(--calc-negative)}.toggle-label{font-size:.9375rem;color:var(--c-ink);font-weight:500;display:flex;flex-direction:column;gap:2px}.toggle-hint{font-size:.75rem;color:var(--c-ink-soft);font-weight:400;font-family:var(--font-geist)}.toggle-inputs{margin-top:var(--sp-3);padding-left:50px;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.input-row{display:flex;flex-direction:column;gap:2px}.micro-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in oklch,var(--c-ink) 55%,transparent)}.input-value-mini{font-family:"Instrument Serif",Georgia,serif;font-size:1.125rem;color:var(--c-accent-deep)}.input-toggle-block.is-revenu .input-value-mini{color:var(--calc-positive)}.input-toggle-block.is-cout .input-value-mini{color:var(--calc-negative)}.stepper{display:inline-flex;align-items:center;gap:6px;background:white;border:1.5px solid color-mix(in oklch,var(--c-ink) 12%,transparent);border-radius:99px;padding:2px 4px}.stepper.positive{border-color:color-mix(in oklch,var(--calc-positive) 35%,transparent)}.stepper.negative{border-color:color-mix(in oklch,var(--calc-negative) 35%,transparent)}.stepper-btn{width:24px;height:24px;border-radius:50%;border:none;background:color-mix(in oklch,var(--c-ink) 6%,transparent);color:var(--c-ink);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .15s ease}.stepper.positive .stepper-btn:hover{background:var(--calc-positive);color:white}.stepper.negative .stepper-btn:hover{background:var(--calc-negative);color:white}.stepper-value{font-family:"Instrument Serif",Georgia,serif;font-size:1.125rem;color:var(--c-ink);min-width:36px;text-align:center;user-select:none}.stepper.positive .stepper-value{color:var(--calc-positive)}.stepper.negative .stepper-value{color:var(--calc-negative)}.radio-group{display:flex;gap:8px;flex-wrap:wrap}.radio-pill{padding:8px 16px;border-radius:99px;border:1.5px solid color-mix(in oklch,var(--c-ink) 15%,transparent);cursor:pointer;font-size:.875rem;transition:all .2s ease;background:white;color:var(--c-ink)}.radio-pill input{display:none}.radio-pill.active{background:var(--calc-negative);border-color:var(--calc-negative);color:white}.outil-output{display:flex;flex-direction:column;gap:var(--sp-5)}.output-hero{background:linear-gradient(135deg,var(--calc-positive-bg) 0,#e6ecdc 100%);border:1.5px solid var(--calc-positive-soft);border-radius:24px;padding:var(--sp-8);text-align:center;position:relative;overflow:hidden}.output-hero:before{top:-40px;right:-40px;width:140px;height:140px;background:color-mix(in oklch,var(--calc-positive) 18%,transparent)}.output-hero:after,.output-hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.output-hero:after{bottom:-50px;left:-30px;width:100px;height:100px;background:color-mix(in oklch,var(--calc-amber) 14%,transparent)}.output-hero>*{position:relative;z-index:1}.output-hero .eyebrow{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--calc-positive);font-weight:600}.output-big-number{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3rem,8vw,5.5rem);line-height:1;color:var(--calc-positive);margin:var(--sp-3) 0 4px;letter-spacing:-.02em}.output-unit{font-size:.6em;color:var(--calc-positive);opacity:.7}.output-period{font-family:var(--font-mono);font-size:.75rem;color:var(--c-ink-soft);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--sp-5)}.output-zone{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:white;padding:10px 20px;border-radius:99px;font-size:.9375rem;color:var(--c-ink);border:1.5px solid var(--calc-amber);box-shadow:0 2px 8px rgba(0,0,0,.04)}.output-zone em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;color:var(--calc-amber);font-weight:500;font-size:1.05em}.output-zone .zone-range{font-family:var(--font-mono);font-size:.75rem;color:var(--c-ink-soft);border-left:1px solid color-mix(in oklch,var(--c-ink) 15%,transparent);padding-left:10px;margin-left:4px}.zone-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.zone-yellow .zone-dot{background:var(--calc-amber);color:var(--calc-amber)}.zone-blush .zone-dot{background:var(--calc-blush);color:var(--calc-blush)}.zone-sage .zone-dot{background:var(--calc-positive);color:var(--calc-positive)}.zone-sky .zone-dot{background:var(--calc-sky);color:var(--calc-sky)}.output-breakdown{background:white;border-radius:20px;padding:var(--sp-6);border:1px solid color-mix(in oklch,var(--c-ink) 8%,transparent);font-size:.9375rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:var(--c-ink-soft);border-bottom:1px solid color-mix(in oklch,var(--c-ink) 6%,transparent)}.breakdown-row:last-child{border-bottom:none}.breakdown-row .amount{font-family:var(--font-mono);color:var(--c-ink);font-weight:500}.breakdown-positive{padding-left:12px;border-left:3px solid var(--calc-positive-soft);margin-left:-12px;background:linear-gradient(to right,color-mix(in oklch,var(--calc-positive) 4%,transparent),transparent);border-radius:0 8px 8px 0}.breakdown-positive .amount{color:var(--calc-positive);font-weight:600}.breakdown-row:not(.breakdown-positive):not(.breakdown-subtotal):not(.breakdown-total){padding-left:12px;border-left:3px solid var(--calc-negative-soft);margin-left:-12px;background:linear-gradient(to right,color-mix(in oklch,var(--calc-negative) 4%,transparent),transparent);border-radius:0 8px 8px 0}.amount-negative{color:var(--calc-negative);font-weight:600}.breakdown-subtotal{font-weight:600;color:var(--c-ink);background:var(--calc-amber-bg);margin:6px -16px;padding:12px 16px;border-radius:10px;border-bottom:none;border-left:4px solid var(--calc-amber)}.breakdown-subtotal .amount{color:var(--c-ink);font-size:1.0625rem}.breakdown-total{font-size:1.25rem;color:var(--c-ink);padding-top:16px;margin-top:8px;border-top:2px solid var(--calc-positive);border-bottom:none;background:linear-gradient(to right,color-mix(in oklch,var(--calc-positive) 8%,transparent),transparent);margin-left:-16px;padding-left:16px;margin-right:-16px;padding-right:16px;border-radius:0 0 12px 12px}.breakdown-total,.breakdown-total .amount{font-family:"Instrument Serif",Georgia,serif}.breakdown-total .amount{font-size:1.875rem;color:var(--calc-positive);font-weight:400}.output-chart{background:white;border-radius:20px;padding:var(--sp-6);border:1px solid color-mix(in oklch,var(--c-ink) 8%,transparent)}.chart-header{margin-bottom:var(--sp-4)}.chart-pie-wrapper{display:grid;grid-template-columns:140px 1fr;gap:var(--sp-5);align-items:center}@media (max-width:480px){.chart-pie-wrapper{grid-template-columns:1fr;justify-items:center}}.chart-pie{width:140px;height:140px;border-radius:50%;position:relative}.chart-pie:after{content:"";position:absolute;inset:30%;background:white;border-radius:50%}.chart-legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.chart-legend li{display:flex;align-items:center;gap:10px;font-size:.875rem}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.dot-deep{background:var(--calc-positive)}.dot-mid{background:var(--calc-amber)}.dot-light{background:var(--calc-blush)}.dot-sky{background:var(--calc-sky)}.legend-label{flex:1;color:var(--c-ink)}.legend-pct{font-family:var(--font-mono);color:var(--c-ink-soft)}.output-insight{background:linear-gradient(135deg,var(--calc-amber-bg) 0,#faecca 100%);border-radius:16px;padding:var(--sp-5);display:flex;gap:var(--sp-4);align-items:flex-start;font-size:.9375rem;line-height:1.5;border-left:4px solid var(--calc-amber)}.insight-icon{font-size:1.75rem;flex-shrink:0}.output-insight strong{color:var(--c-ink);display:block;margin-bottom:6px}.output-insight strong+p strong{color:var(--calc-amber);display:inline;font-weight:700;margin:0}.output-insight p{margin:0;color:var(--c-ink-soft)}.capture-email{margin:var(--sp-10) 0 var(--sp-8)}.capture-email-inner{background:linear-gradient(135deg,white 0,var(--calc-positive-bg) 100%);border:1px solid var(--calc-positive-soft);border-radius:20px;padding:var(--sp-8);display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-8);align-items:center}@media (max-width:800px){.capture-email-inner{grid-template-columns:1fr;gap:var(--sp-5);padding:var(--sp-6)}}.capture-email-content .eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--calc-positive);font-weight:600}.capture-email-content h3{font-size:clamp(1.25rem,2.5vw,1.625rem);letter-spacing:-.01em;line-height:1.2;margin:var(--sp-2) 0 var(--sp-3);color:var(--c-ink)}.capture-email-content p{font-size:.9375rem;line-height:1.55;color:var(--c-ink-soft);margin:0}.capture-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.capture-email-form{position:relative}.capture-email-row{display:flex;gap:8px;margin-bottom:var(--sp-3)}@media (max-width:480px){.capture-email-row{flex-direction:column}}.capture-email-input{flex:1;padding:14px 18px;border-radius:99px;border:1.5px solid color-mix(in oklch,var(--c-ink) 15%,transparent);font-size:.9375rem;font-family:var(--font-geist);background:white;color:var(--c-ink);outline:none;transition:border-color .2s ease}.capture-email-input:focus{border-color:var(--calc-positive)}.capture-email-input:disabled{opacity:.5;cursor:not-allowed}.capture-email-btn{white-space:nowrap}.capture-email-error{font-size:.875rem;color:var(--calc-negative);margin-bottom:var(--sp-2);padding:8px 14px;background:color-mix(in oklch,var(--calc-negative) 8%,white);border-radius:8px;border-left:3px solid var(--calc-negative)}.capture-email-legal{font-size:.75rem;color:color-mix(in oklch,var(--c-ink) 55%,transparent);margin:0;line-height:1.5}.capture-email-legal a{color:var(--c-accent-deep);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--c-accent) 40%,transparent)}.capture-email-success .capture-email-inner{grid-template-columns:1fr;text-align:center;background:linear-gradient(135deg,var(--calc-positive-bg) 0,#d4dec1 100%);border-color:var(--calc-positive);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.capture-email-success .capture-icon{font-size:2rem}.capture-email-success strong{font-family:"Instrument Serif",Georgia,serif;font-size:1.75rem;color:var(--calc-positive);font-weight:400;display:block;margin-bottom:4px}.capture-email-success p{font-size:.9375rem;color:var(--c-ink-soft);margin:0;max-width:50ch}.outil-cta{margin:var(--sp-14) 0 var(--sp-12)}.outil-cta-inner{background:linear-gradient(135deg,#fefaf5,#fef0dc);border:1.5px solid color-mix(in oklch,var(--c-accent) 30%,transparent);border-radius:24px;padding:var(--sp-10) var(--sp-8);text-align:center}.outil-cta-inner h3{font-size:clamp(1.5rem,3.5vw,2.25rem);letter-spacing:-.015em;line-height:1.15;margin:var(--sp-3) 0 var(--sp-4);color:var(--c-ink)}.outil-cta-inner h3 em{font-style:italic;color:var(--c-accent-deep)}.outil-cta-inner p{max-width:56ch;margin:0 auto var(--sp-5);font-size:1.0625rem;line-height:1.55;color:var(--c-ink-soft)}.outil-cta-sub{font-size:.8125rem!important;font-family:var(--font-mono);color:color-mix(in oklch,var(--c-ink) 55%,transparent)!important;margin-top:var(--sp-4)!important;letter-spacing:.05em}.outil-related h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.015em;text-align:center;margin:0 0 var(--sp-6);color:var(--c-ink)}.outil-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4)}.outil-related-card{background:white;border-radius:16px;padding:var(--sp-5);border:1px solid color-mix(in oklch,var(--c-ink) 8%,transparent);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:var(--sp-3)}.outil-related-card:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--c-accent) 40%,transparent)}.outil-related-card h3{font-size:1rem;font-weight:600;margin:0;color:var(--c-ink);line-height:1.35;flex:1}.outil-related-card .card-cta{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent-deep);font-weight:600}