@charset "UTF-8";
@font-face{font-family:"DIAGIA Jakarta";src:url('/marketing-assets/plus-jakarta-sans-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:"DIAGIA Jakarta Fallback";src:local("Arial");size-adjust:101.539%;ascent-override:102.227%;descent-override:21.864%;line-gap-override:0%}
@font-face{font-family:"DIAGIA Inter";src:url('/marketing-assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"DIAGIA Inter Fallback";src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}
/* V7 « Instrument » : nuit profonde, cyan = DIAGIA, ambre = voyant / douleur,
   vert = validé. Jakarta pour les titres, Inter pour le texte, mono système
   pour les codes, mesures et références. Les anciens noms de jetons restent
   définis pour l'espace client, les pages légales et le tunnel d'essai. */
:root{color-scheme:dark;
--font:"DIAGIA Inter","DIAGIA Inter Fallback",system-ui,sans-serif;--display:"DIAGIA Jakarta","DIAGIA Jakarta Fallback",sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Consolas,"Liberation Mono",monospace;--font-body:var(--font);--font-head:var(--display);
--bg:#06090f;--bg2:#0a0f18;--ink:#06090f;--navy:#0a0f18;--paper:#06090f;--surface:#0f1622;--surface2:#131c2a;--raised:#172233;--white:#fff;
--text:#edf2f9;--muted:#9eacbf;--faint:#728197;--text2:var(--muted);--text3:#a9b8cc;
--line:#1b2636;--line2:#2a384b;--border:var(--line);--border2:#3a4a60;
--cyan:#2bd6ff;--cyan-deep:#0aa6d6;--blue:#2f7bff;--accent:var(--cyan);--accent2:var(--blue);--link:#7fe3ff;
--amber:#ffb224;--amber-glow:#ffb22455;--green:#3ddc97;--red:#ff6b5b;
--radius-sm:8px;--radius-control:10px;--radius-card:16px;--focus:#2bd6ff;
--cta-fill:var(--cyan);--cta-hover:#7ae6ff;--shadow-card:0 24px 60px #0006;--header-height:72px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}
img{display:block;max-width:100%;height:auto}svg{display:block}
h1,h2,h3,p,figure,ul,ol{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(2.5rem,5vw,4.4rem)}h2{font-size:clamp(1.9rem,3.2vw,2.9rem)}h3{font-size:1.35rem;letter-spacing:-.015em}
p+p{margin-top:1em}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--link)}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}
input,select,textarea{accent-color:var(--cyan)}[hidden]{display:none!important}
code,kbd,samp{font-family:var(--mono)}
.container{width:min(1240px,100%);padding-inline:24px;margin-inline:auto}
.eyebrow{font:600 12px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;color:var(--link)}
.eyebrow:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:10px;vertical-align:2px}
.micro{font-size:13px;line-height:1.65;color:var(--muted)}.muted{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;background:var(--cta-fill);border:1px solid transparent;border-radius:var(--radius-control);color:#03121b;font-family:var(--font);font-size:15px;font-weight:650;line-height:1.3;box-shadow:0 0 0 1px #2bd6ff33,0 10px 30px #2bd6ff26;transition:transform .18s,box-shadow .18s,background .18s;text-decoration:none;cursor:pointer}
.button>span{font-size:17px;font-weight:500}
.button:hover{transform:translateY(-1px);background:var(--cta-hover);color:#03121b;box-shadow:0 0 0 1px #2bd6ff55,0 14px 36px #2bd6ff3d;text-decoration:none}
.button-small{font-size:14px;min-height:42px;padding:9px 15px;border-radius:var(--radius-sm);gap:8px}
.button-outline{background:transparent;border-color:var(--border2);box-shadow:none;color:var(--text)}.button-outline:hover{background:var(--surface);border-color:var(--cyan);color:var(--text);box-shadow:none}
.button:disabled{background:#1f2c3d;border-color:#3a4a60;color:#9eacbf;box-shadow:none;transform:none;cursor:not-allowed}
.text-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;font-weight:600;font-size:15px;padding:10px 0;border-bottom:1px solid currentColor}.text-link span{font-size:18px}
.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.field label{font-weight:600;font-size:14px}
.field input,.field select,.field textarea,.input-search{width:100%;min-height:50px;border:1px solid var(--border2);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px;color:var(--text)}
.field input:focus,.field textarea:focus,.field select:focus,.input-search:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #2bd6ff33}
.field small{font-size:13px;color:var(--muted)}.input-search{font-size:17px}.field [aria-invalid=true]{border-color:var(--red)}
.check-field{display:flex;gap:10px;align-items:start;font-size:14px;margin:14px 0}.check-field input{width:19px;height:19px;flex-shrink:0;margin-top:3px}
.notice{padding:22px 26px;border:1px solid var(--line2);border-left:3px solid var(--cyan);border-radius:var(--radius-sm);background:var(--surface);font-size:15px;margin:26px 0}.notice p{margin:0}.notice strong{display:block;margin-bottom:6px}
.form-error{color:#ffb4ab;font-size:14px;padding:10px 0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-150%);background:#fff;color:#06090f;padding:10px 20px;border-radius:var(--radius-sm)}.skip-link:focus{transform:none}
/* Header */
/* The translucent blur is carried by ::before: a backdrop-filter on the header
   itself would make it the containing block of the fixed mobile menu. */
.site-header{height:var(--header-height);color:var(--text);border-bottom:1px solid #ffffff10;position:sticky;top:0;z-index:100}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#06090fcc;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);pointer-events:none}
html.nav-open{overflow:hidden}
.header-inner{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;color:#fff;font:700 20px/1 var(--display);letter-spacing:-.02em}.brand:hover{color:#fff;text-decoration:none}.brand img{width:28px;height:28px;object-fit:contain}.brand-dot{display:none}
#navigation{display:flex;align-items:center;gap:24px;flex:1;min-width:0}
.nav-main{display:flex;align-items:center;gap:4px}
.nav-trigger,.nav-direct{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:9px 12px;border-radius:8px;color:#c3cfdf;font:500 14px/1 var(--font);text-decoration:none;white-space:nowrap}
.nav-trigger:hover,.nav-direct:hover,.nav-trigger[aria-expanded=true]{color:#fff;background:#ffffff0d}
.nav-trigger[data-active],.nav-direct[aria-current]{color:#fff}
.nav-trigger svg{transition:transform .18s}.nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-group{position:relative}
.nav-panel{display:none;position:absolute;top:calc(100% + 12px);left:-8px;min-width:320px;padding:8px;background:#0c131dF5;border:1px solid var(--line2);border-radius:14px;box-shadow:0 30px 70px #000a}
.nav-trigger[aria-expanded=true]+.nav-panel{display:grid}
/* Desktop: an invisible bridge over the 12 px gap, so the pointer stays in the
   .nav-group on its way down to the links (mobile panels are static). */
@media(min-width:1061px){.nav-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}}
.nav-panel a{display:grid;gap:2px;padding:11px 14px;border-radius:9px;text-decoration:none;color:var(--text)}
.nav-panel a:hover,.nav-panel a[aria-current]{background:#ffffff0a;color:#fff}
.nav-panel strong{font-size:14px;font-weight:600}.nav-panel span{font-size:13px;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
#navigation .nav-account,.nav-callback{font-size:14px;font-weight:500;text-decoration:none;color:#c3cfdf;padding:9px 10px;white-space:nowrap}
#navigation .nav-account:hover,.nav-callback:hover{color:#fff}
.nav-callback{border:1px solid var(--line2);border-radius:var(--radius-sm);padding:9px 14px}.nav-callback:hover{border-color:var(--cyan)}
#navigation .nav-trial{white-space:nowrap}
.nav-mobile-trial{display:none}
.nav-toggle{display:none;background:none;color:#e7efff;border:1px solid var(--line2);border-radius:var(--radius-sm);min-height:42px;padding:8px 12px;gap:10px;align-items:center;font-size:14px}
/* Footer */
.site-footer{background:var(--bg2);color:#a9b7ca;padding:64px 0 22px;border-top:1px solid var(--line);font-family:var(--font)}
.footer-lead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.footer-mission{font-size:14px;line-height:1.7;color:#b8c5d6;margin-top:16px;max-width:420px}
.footer-apps{display:flex;gap:10px;flex-wrap:wrap}.footer-apps a{border:1px solid var(--line2);border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;color:#e6edf6;text-decoration:none}.footer-apps a:hover{border-color:var(--cyan);color:#fff}
.footer-main{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 0 48px}
.footer-main nav{display:flex;flex-direction:column;align-items:start;gap:10px}
.footer-main h2{font:600 13px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;color:#fff}
.footer-main a{font-size:14px;text-decoration:none;color:#b3c1d4}.footer-main a:hover{color:var(--cyan)}
.footer-bottom{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:20px 0 0;font-size:13px}
.footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom a{color:inherit}.footer-bottom a:hover{color:var(--cyan)}
/* Consent */
.consent-settings{appearance:none;background:none;border:0;color:inherit;font:inherit;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
/* Consent: a compact bar across the bottom of the screen (content 1240 px,
   centred), so the hero visual stays visible at the first visit. Accept and
   refuse carry the same visual weight. Mobile: a small card (see 700 px). */
.consent-panel{position:fixed;z-index:150;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 28px;padding:12px max(24px,calc(50% - 596px));background:#0b121cf7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);border-top:1px solid #2bd6ff4d;box-shadow:0 -16px 44px #0008;max-height:calc(100dvh - 24px);overflow-y:auto}
.consent-copy{font-size:13.5px;line-height:1.5;color:#b9c7d8}
.consent-copy .eyebrow{display:none}
.consent-copy h2{display:inline;margin:0 6px 0 0;font:650 14px/1.5 var(--font);letter-spacing:0;color:var(--text)}
.consent-copy>p:not(.eyebrow){display:inline;font-size:13.5px;line-height:1.5;color:#b9c7d8}
.consent-copy>a{display:inline;margin-left:6px;font-size:13.5px;color:var(--link)}
.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.consent-actions button{appearance:none;min-height:42px;min-width:112px;padding:8px 18px;border:1px solid var(--line2);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text);font:600 14px var(--font)}
.consent-actions button:hover{border-color:var(--cyan)}
html.nav-open .consent-panel{visibility:hidden}
/* Light reading surfaces (guides, fiches, legal): same type, paper palette. */
.reading-page,.light-surface{color-scheme:light;--paper:#f3f5f8;--text:#0e1726;--surface:#fff;--surface2:#f7f9fc;--muted:#4f5d71;--faint:#6b788b;--text2:var(--muted);--line:#dde3eb;--line2:#cbd4e0;--border:var(--line);--border2:#a9b6c7;--link:#0058d6;--focus:#0058d6;background:var(--paper);color:var(--text)}
summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;font-size:16px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:22px;line-height:1;font-weight:400;color:var(--link)}details[open]>summary:after{content:"−"}.h-faq-list summary:after{display:none}
.breadcrumbs{padding-top:22px;font-size:13px;color:var(--muted)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:var(--faint)}.breadcrumbs a{color:inherit}
@media(max-width:1180px){.nav-trigger,.nav-direct{padding-inline:9px}.nav-callback{display:none}}
@media(max-width:1060px){
 .header-inner{justify-content:space-between;gap:12px}
 .nav-toggle{display:inline-flex}
 .nav-mobile-trial{display:inline-flex;margin-left:auto;align-items:center;min-height:44px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--cyan);color:#03121b;font-weight:650;font-size:14px;text-decoration:none;transition:opacity .2s,visibility 0s}
 .nav-toggle{min-height:44px}
 html.sticky-on .nav-mobile-trial{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
 #navigation{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#070b12;padding:18px 20px 28px;overflow-y:auto;flex-direction:column;align-items:stretch;gap:18px;border-top:1px solid var(--line)}
 #navigation.is-open{display:flex}
 .nav-main{flex-direction:column;align-items:stretch;gap:2px}
 .nav-group{width:100%}
 .nav-trigger,.nav-direct{width:100%;min-height:52px;justify-content:space-between;font-size:17px;padding:14px 6px;border-radius:0;border-bottom:1px solid var(--line)}
 .nav-panel{position:static;min-width:0;border:0;background:none;box-shadow:none;padding:4px 0 10px}
 .nav-panel a{padding:10px 8px}
 .nav-actions{flex-direction:column;align-items:stretch;margin:0;gap:10px}
 .nav-callback{display:flex;justify-content:center}#navigation .nav-account{text-align:center}
 #navigation .nav-trial{min-height:50px;font-size:15px}
 .footer-main{grid-template-columns:1fr 1fr}
 /* While the action bar (.v-sticky, about 71 px) shows, the consent bar sits
    above it. A transform, not `bottom`: it does not count as a layout shift,
    and analytics.js measures the moved panel to keep focus clear of it. */
 html.sticky-on .consent-panel{transform:translateY(calc(-76px - env(safe-area-inset-bottom,0px)))}
}
@media(max-width:700px){:root{--header-height:64px}.container{padding-inline:20px}h1{font-size:clamp(2.2rem,9vw,3.2rem)}h2{font-size:clamp(1.7rem,7vw,2.2rem)}.site-footer{padding-top:44px}.footer-lead{flex-direction:column;align-items:flex-start}.footer-main{gap:28px 20px}.footer-bottom{flex-direction:column;gap:12px}.field input,.field select,.field textarea{font-size:16px}.notice{padding:18px}.nav-toggle{padding-inline:10px}
 .consent-panel{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;gap:10px;padding:12px 14px;border:1px solid var(--line2);border-top-color:#2bd6ff4d;border-radius:14px;max-height:calc(100dvh - 20px)}
 .consent-copy,.consent-copy>p:not(.eyebrow),.consent-copy>a{font-size:13.5px;line-height:1.45}
 .consent-actions button{min-height:44px;min-width:0}
 .consent-more{display:none}
 .consent-panel{padding:10px 12px;gap:8px}
 .consent-copy,.consent-copy>p:not(.eyebrow),.consent-copy>a,.consent-copy h2{font-size:13px}
 html.sticky-on .consent-panel{transform:translateY(-70px)}
 .site-header .brand{min-height:44px}
 .footer-main nav{gap:0}.footer-main h2{margin-bottom:4px}.footer-main a{padding-block:11px}
 .footer-apps a{min-height:44px;display:inline-flex;align-items:center}
 .footer-bottom nav{gap:0 18px}.footer-bottom nav a,.footer-bottom .consent-settings{display:inline-flex;align-items:center;min-height:44px}}
/* Consent on narrow phones: the title stays in the accessibility tree
   (aria-labelledby) but is visually hidden, and both buttons stack on the
   right, so the card stays clear of the hero call to action. */
@media(max-width:400px){.consent-copy h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.consent-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px}.consent-actions{grid-template-columns:1fr;gap:6px}.consent-actions button{min-height:44px;padding-inline:14px}}
@media(max-width:359px){.container{padding-inline:16px}.brand span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media print{.site-header,.site-footer,.skip-link,.consent-panel,.consent-settings,.v-sticky{display:none!important}body{background:white;color:black}.container{max-width:none;width:100%;padding:0}}
.operational-page{display:block;min-height:100vh;padding:0;font-family:var(--font);background:var(--bg);color:var(--text)}.operational-content{min-height:55vh}.operational-page .site-header .brand,.operational-page .site-footer .brand{margin:0;padding:0;text-align:left}.operational-page .nav-toggle{width:auto}.operational-page .site-footer p{margin-bottom:0}.operational-page:not(.dashboard-page) .operational-content{padding-block:70px;min-height:calc(100vh - var(--header-height))}.operational-page .operational-content button,.operational-page .operational-content input{font-family:var(--font)}.operational-page .operational-content input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.operational-page .site-footer .container,.operational-page .site-header .container{max-width:1280px}.account-toolbar{background:#101b2e;min-height:56px;padding:10px max(24px,calc((100vw - 1232px)/2));display:flex;justify-content:flex-end;border-bottom:1px solid #34435a}.account-toolbar:has(.topbar-right[style*="none"]){display:none}.account-toolbar .topbar-right{margin-left:auto;color:#f0f4ff}.account-toolbar .btn-logout{border-radius:var(--radius-sm)}
@media(max-width:700px){.operational-page:not(.dashboard-page) .operational-content{padding:38px 20px}.operational-page .operational-content .wrap{max-width:100%}.operational-page .operational-content .card{padding:28px 22px}.account-toolbar{padding-inline:20px}.account-toolbar .topbar-user span{display:block}
  /* Legal pages: a single 20 px gutter (not 20 + 24), and the CGV 6.2 table
     fits the screen so the annual price column is visible without swiping.
     Cells do not wrap (« 1 999 € » stays on one line): fine for the only
     table today (short amounts); a future table with long text cells would
     scroll in its region (overflow-x:auto) and should revisit this rule. */
  body.operational-page .operational-content .page-wrap{padding-inline:0}
  body.operational-page .operational-content .operational-table th,body.operational-page .operational-content .operational-table td{padding:10px 8px;font-size:14px}
  body.operational-page .operational-content .operational-table td{white-space:nowrap}}
@media(max-width:359px){body.operational-page .operational-content .operational-table th,body.operational-page .operational-content .operational-table td{padding:8px 5px;font-size:13px}}
.operational-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-block:24px;border:1px solid var(--line);border-radius:var(--radius-sm)}.operational-page .operational-content .operational-table table{margin:0}.operational-page .operational-content a{overflow-wrap:anywhere}

/* V6 trial: the approved navy identity, with the full payment timeline first. */
.trial-page .trial-layout{grid-template-columns:260px minmax(0,1fr);gap:40px 64px}
.trial-page .trial-aside{position:static}
.trial-page .trial-main{color-scheme:dark;--text:#f0f4ff;--surface:#121d30;--muted:#b7c7dd;--line:#30415b;--border2:#627b9c;--link:#79dfff;--focus:#00d4ff;--paper:#0d1728;background:#0d1728;color:var(--text);border:1px solid #30415b;box-shadow:none;border-radius:var(--radius-control);padding:34px}
.trial-page .trial-main .notice{background:#14263e;border-color:#456080;border-left-color:var(--cyan)}
.trial-page .trial-main #trial-message:not(:empty){background:#142c46;color:#e4f3ff;border-color:var(--cyan)}
.trial-page .trial-main #trial-message[data-error=true],.trial-page #trial-siret-status[data-error=true]{background:#351c25;color:#ffc7cc;border-color:#e87c8c}
.trial-page .trial-main .button:disabled{background:#28394f;border-color:#536781;color:#b8c8de}
.trial-page .trial-main .field input,.trial-page .trial-main .field select{background:#080f1c;border-color:#627b9c;color:#f0f4ff}
.trial-page .trial-main .field input::placeholder{color:#a5b7d0;opacity:1}
.trial-page .trial-main [data-trial-back],.trial-page .trial-opposition-button{min-height:44px}
.trial-page .trial-main .check-field{line-height:1.7}
.trial-page .trial-main .micro{font-size:12px;color:#b7c7dd}
.trial-page #trial-persistent-summary{grid-column:1/-1;margin:0;padding:30px 34px;background:linear-gradient(115deg,#102840,#102037 65%,#0d192a);border:1px solid #466887;border-top:3px solid var(--cyan);box-shadow:0 16px 45px #0002;font-size:13px;color:#bdcee3}
.trial-page #trial-persistent-summary header{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding-bottom:22px;border-bottom:1px solid #45607c}
.trial-page #trial-persistent-summary header>p{font-weight:700;color:#a8eaff;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.trial-page #trial-persistent-summary h3{margin:0;font-size:20px}
.trial-page .trial-payment-timeline{display:grid;grid-template-columns:1fr 1.35fr;margin-block:24px;gap:40px}
.trial-page .trial-payment-timeline>div{min-width:0}
.trial-page #trial-persistent-summary .trial-payment-timeline p{font-size:14px;margin:0;color:#d4e1f1}
.trial-page #trial-persistent-summary .trial-payment-timeline strong{display:block;font-size:clamp(34px,4vw,54px);font-weight:800;letter-spacing:-.045em;line-height:1.25;margin:8px 0 10px;color:#83e6ff}
.trial-page .trial-payment-next{padding-left:36px;border-left:1px solid #45607c}
.trial-page #trial-persistent-summary .trial-payment-details{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:10px 32px;border-top:1px solid #45607c;padding-top:20px;margin:0 0 20px}
.trial-page #trial-persistent-summary .trial-payment-details dt,.trial-page #trial-persistent-summary .trial-payment-details dd{margin:0;font-size:13px;line-height:1.7}
.trial-page #trial-persistent-summary>p{max-width:920px;margin-top:8px}
.trial-page #trial-persistent-summary>a{min-height:44px;display:inline-flex;align-items:center;margin-top:4px;color:#91e6ff;font-size:13px}
.trial-page .trial-siret-lookup{display:flex;align-items:flex-end;gap:12px;margin-bottom:10px}
.trial-page .trial-siret-lookup .field{flex:1;min-width:0;margin:0}
.trial-page .trial-siret-lookup .button{min-height:52px;font-size:13px;padding:12px 16px;flex-shrink:0}
.trial-page #siret-help{margin:0 0 22px}
.trial-page #trial-siret-status:not(:empty){padding:16px;border:1px solid #456887;background:#14263e;border-radius:var(--radius-sm);font-size:13px;margin:0 0 24px;color:#d6e8fa}
@media(max-width:960px){.trial-page .trial-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}.trial-page .trial-main{padding:24px}.trial-page .trial-siret-lookup{align-items:stretch;flex-direction:column}.trial-page .trial-siret-lookup .button{align-self:flex-start}}
@media(max-width:700px){.trial-page .trial-layout{display:flex;gap:24px}.trial-page #trial-persistent-summary{padding:22px 20px;width:100%;font-size:12px}.trial-page #trial-persistent-summary header{display:block;padding-bottom:17px}.trial-page #trial-persistent-summary h3{font-size:18px;margin-top:10px}.trial-page .trial-payment-timeline{grid-template-columns:1fr;gap:20px;margin-block:20px}.trial-page .trial-payment-next{padding:18px 0 0;border-left:0;border-top:1px solid #45607c}.trial-page #trial-persistent-summary .trial-payment-timeline strong{font-size:40px}.trial-page #trial-persistent-summary .trial-payment-details{grid-template-columns:1fr;gap:3px}.trial-page #trial-persistent-summary .trial-payment-details dt:not(:first-child){margin-top:10px}.trial-page #trial-persistent-summary .trial-payment-details dt,.trial-page #trial-persistent-summary .trial-payment-details dd{font-size:12px}.trial-page .trial-main{padding:24px 20px}.trial-page .trial-main .button{font-size:13px}.trial-page .trial-siret-lookup{flex-direction:row;align-items:flex-end}.trial-page .trial-siret-lookup .button{align-self:auto;padding-inline:12px}.trial-page .trial-progress{margin:0}.trial-page .trial-main>section>.eyebrow{display:block;margin-bottom:12px}}