/* Plein écran mobile-first. La charte et les tailles ne dépendent pas du gabarit appelant. */
@font-face{font-family:KreaExplorer;src:url('../fonts/metropolis/metropolis-regular-webfont.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:KreaExplorer;src:url('../fonts/metropolis/metropolis-semibold-webfont.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:KreaExplorerTitle;src:url('../fonts/metropolis/metropolis-regular-webfont.woff2') format('woff2');font-weight:400;font-display:swap}
.k3x-dialog{--k3x-blue:#0d2b41;--k3x-green:#086868;--k3x-muted:#536776;--k3x-line:#dbe4ea;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:var(--k3x-blue);font:400 16px/1.65 KreaExplorer,Arial,sans-serif;overflow:hidden;overscroll-behavior:contain;box-sizing:border-box}
.k3x-dialog:not([open]){display:none!important}
.k3x-dialog[open]{display:flex;flex-direction:column;animation:k3x-enter .24s cubic-bezier(.2,.7,.2,1)}
.k3x-dialog::backdrop{background:#0d2b4166}
.k3x-dialog *{box-sizing:border-box}
.k3x-dialog [hidden]{display:none!important}
.k3x-dialog a{color:inherit;text-decoration:none}
.k3x-dialog button{margin:0;border:0;font:600 13px KreaExplorer,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer}
.k3x-dialog :is(a,button,summary):focus-visible{outline:3px solid var(--k3x-green);outline-offset:3px}
.k3x-dialog h2,.k3x-dialog h3,.k3x-dialog h4{margin:0;color:inherit;letter-spacing:normal;font-weight:600;line-height:1.25}
.k3x-dialog h2{font-family:KreaExplorerTitle,KreaExplorer,sans-serif;font-size:44px;font-weight:400;letter-spacing:-1px;line-height:1.12}
.k3x-dialog h3{font-family:KreaExplorerTitle,KreaExplorer,sans-serif;font-size:28px;font-weight:400;letter-spacing:-.5px}
.k3x-dialog h4{font-family:KreaExplorer,sans-serif;font-size:19px;margin-top:12px}
.k3x-dialog p{margin:0 0 16px;font-size:15px;line-height:1.7}
.k3x-dialog p:last-child{margin-bottom:0}
.k3x-bar{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:72px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--k3x-line);background:#fff;z-index:2}
.k3x-close{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:8px 0;background:none;color:var(--k3x-blue)}
.k3x-dialog .k3x-close{height:auto;background:transparent}
.k3x-close span{font-size:24px;font-weight:400}
.k3x-brand{margin:auto;display:block;width:80px;height:39px;object-fit:contain;flex-shrink:0}
.k3x-canonical{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:11px;border-bottom:1px solid transparent}
.k3x-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.k3x-inner{width:min(1160px,calc(100% - 40px));margin-inline:auto;padding:24px 0 48px}
.k3x-choices{display:flex;gap:6px;max-width:450px;border-bottom:1px solid var(--k3x-line);margin-bottom:36px}
.k3x-choices a{flex:1;display:flex;justify-content:center;align-items:center;min-height:48px;padding:10px 5px;font-size:13px;font-weight:600;border-bottom:2px solid transparent}
.k3x-choices a[aria-current]{color:var(--k3x-blue);border-bottom-color:var(--k3x-blue)}
.k3x-choices a:hover,.k3x-close:hover,.k3x-canonical:hover{color:var(--k3x-green)}
.k3x-small{display:block;font-size:10px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}
.k3x-eyebrow{margin-bottom:14px!important;color:var(--k3x-muted)}
.k3x-content{margin-top:28px}
.k3x-status:empty{display:none}
.k3x-status{padding-top:24px;color:var(--k3x-muted)}
.k3x-intro{display:grid;gap:24px;margin-bottom:44px}
.k3x-description{color:var(--k3x-muted);font-size:16px;line-height:1.75}
.k3x-description :is(ul,ol){margin:0 0 20px;padding-left:22px}
.k3x-note{border-left:2px solid var(--k3x-green);padding-left:20px}
.k3x-note .k3x-small{margin-bottom:8px}.k3x-note p{font-size:18px;color:var(--k3x-blue)}
.k3x-note a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.k3x-section-heading{margin-bottom:24px}.k3x-section-heading .k3x-small{color:var(--k3x-muted);margin-bottom:10px}
.k3x-pricing-grid{display:grid;gap:14px}
.k3x-price-card{padding:24px;border:1px solid var(--k3x-line);border-radius:8px;background:#f7f9fa;color:var(--k3x-blue)}
.k3x-price-card p{font-size:13px;color:var(--k3x-muted)}
.k3x-price-card p.k3x-amount{font-size:38px;line-height:1.2;color:var(--k3x-blue);font-weight:600;letter-spacing:-1px;margin:24px 0 8px}
.k3x-amount span{display:inline-block;font-size:13px;font-weight:400;letter-spacing:0}
.k3x-price-card .k3x-recurring{border-top:1px solid var(--k3x-line);padding-top:16px;margin-top:20px}
.k3x-price-card--monthly{background:var(--k3x-blue);color:#fff;border-color:var(--k3x-blue)}
.k3x-dialog .k3x-price-card--monthly :is(p,strong,small,em){color:#d6e0e7}
.k3x-dialog .k3x-price-card--monthly p.k3x-amount,.k3x-dialog .k3x-price-card--monthly h4{color:#fff}
.k3x-price-card--monthly .k3x-recurring{border-color:#ffffff30}
.k3x-dialog .k3x-conditions{font-size:12px;line-height:1.7;color:var(--k3x-muted);margin-top:18px}
.k3x-features{margin-top:48px}.k3x-features ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.k3x-features li{padding:15px 0 15px 24px;position:relative;border-bottom:1px solid var(--k3x-line);font-size:14px}
.k3x-features li::before{content:"✓";position:absolute;left:0;top:15px;color:var(--k3x-green)}
.k3x-dialog .k3x-features li:has(a){padding-block:0}
.k3x-dialog .k3x-features li:has(a)::before{top:18px}
.k3x-dialog .k3x-features .modal-switch{display:flex;align-items:center;min-height:56px;padding:14px 4px;color:var(--k3x-blue);font:600 14px/1.6 KreaExplorer,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.k3x-dialog .k3x-features .modal-switch:hover{color:var(--k3x-green)}
.k3x-next{display:grid;gap:20px;margin-top:48px;padding-top:32px;border-top:1px solid var(--k3x-line)}
.k3x-next p{margin-top:14px;color:var(--k3x-muted)}
.k3x-secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:10px 16px;border:1px solid var(--k3x-line);border-radius:4px;font-size:13px;font-weight:600;justify-self:start}
.k3x-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--k3x-line);background:#fff;flex-shrink:0}
.k3x-bottom>span{display:none;font-size:13px}
.k3x-bottom a{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;background:var(--k3x-blue);color:#fff;border-radius:4px;font-size:13px;font-weight:600;padding:12px 22px;width:100%}
.k3x-bottom a:hover,.k3x-error button:hover{background:var(--k3x-green)}
.k3x-error{padding:32px 0}.k3x-error button{min-height:44px;padding:10px 16px;background:var(--k3x-blue);color:#fff;border-radius:4px}
.k3x-error a{display:inline-flex;min-height:44px;align-items:center;margin-top:16px;font-size:14px;text-decoration:underline}
@keyframes k3x-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){
    .k3x-inner{width:calc(100% - clamp(40px,8vw,160px));padding-top:30px}.k3x-bar,.k3x-bottom{padding-left:clamp(20px,4vw,80px);padding-right:clamp(20px,4vw,80px)}
    .k3x-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.k3x-price-card{padding:30px}
    .k3x-features ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.k3x-bottom>span{display:block}.k3x-bottom a{width:auto}
    .k3x-dialog h2{font-size:66px}.k3x-dialog h3{font-size:34px}.k3x-canonical{font-size:13px}.k3x-brand{width:100px;height:49px}
}
@media(min-width:1000px){.k3x-intro{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:80px;align-items:start}.k3x-description p{font-size:17px}.k3x-next{grid-template-columns:1fr auto;align-items:center}.k3x-choices{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){.k3x-dialog[open]{animation:none}.k3x-scroll{scroll-behavior:auto}}
@media print{.k3x-dialog{display:none!important}}