:root{--petrol:#075963;--petrol-dark:#06464d;--ink:#183f43;--muted:#6e8582;--line:#d5e4df;--page:#f4f8f7;--mint:#157768;--mint-pale:#e8f4ef;--amber:#9a6a22;--amber-pale:#fff7e8;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--page);font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.rail{position:fixed;inset:0 auto 0 0;width:260px;padding:32px 23px 24px;background:linear-gradient(155deg,var(--petrol),var(--petrol-dark));color:white;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:31px;height:27px;border:2px solid #c9f4ec;border-radius:7px;color:#c9f4ec;font-size:16px}.agency{margin:18px 0 39px;font-size:9px;letter-spacing:2px;color:#a9d5d1}.rail nav{display:grid;gap:9px}.step{display:grid;grid-template-columns:31px 1fr;text-align:left;column-gap:10px;row-gap:2px;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#acd0ce}.step>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid #6da4a2;border-radius:50%;font-size:11px}.step b{font-size:12px;font-weight:600}.step small{font-size:9px;color:#83b3b1}.step.active{background:#eaf6f2;color:#164e50}.step.active>span{background:#1c756b;border-color:#1c756b;color:white}.step.active small{color:#648783}.step.completed>span{background:#79c5aa;border-color:#79c5aa;color:#083f40}.isolation{margin-top:auto;border-top:1px solid #ffffff24;padding:21px 3px 0;display:flex;gap:11px}.shield{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#79cba7;color:#06494a;font-weight:800}.isolation b{display:block;font-size:11px}.isolation small{display:block;margin-top:5px;color:#9dc4c1;font-size:9px;line-height:1.45}.workspace{margin-left:260px;min-height:100vh}header{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fafcfb;color:#6b827f;font-size:11px}.slash{margin:0 11px;color:#afc2bd}header strong{color:#315b59}.header-state{display:flex;align-items:center;gap:8px}.header-state span{width:7px;height:7px;border-radius:50%;background:#e0ad54}main{max-width:1060px;margin:0 auto;padding:42px 36px}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.eyebrow{margin:0 0 10px;font-size:9px;font-weight:700;letter-spacing:2px;color:#54877d}h1{margin:0;font-size:30px;letter-spacing:-1px;font-weight:650}#page-intro{max-width:630px;margin:10px 0 0;color:var(--muted);line-height:1.55;font-size:12px}.progress{width:160px;flex:none}.progress b{font-size:14px;color:#276c65}.progress span{display:block;margin:3px 0 9px;font-size:9px;color:#80948f}.progress i{display:block;height:4px;background:#dce8e4;border-radius:9px;overflow:hidden}.progress em{display:block;width:20%;height:100%;background:#319680;border-radius:9px;transition:width .25s}.panel{background:white;border:1px solid #d1e2dc;border-radius:14px;box-shadow:0 5px 18px #1b4b4010;padding:28px 30px}.panel-head{display:flex;gap:15px;align-items:center;padding-bottom:24px;border-bottom:1px solid #e5eeea;margin-bottom:24px}.panel-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#e8f4ef;color:#247567;font-size:18px}.panel h2{margin:0 0 5px;font-size:18px}.panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:8px;font-size:11px;font-weight:600;color:#345b58}input{min-width:0;height:43px;border:1px solid #cbded7;border-radius:8px;padding:0 12px;color:var(--ink);background:#fbfdfc;outline:none}input:focus{border-color:#468e81;box-shadow:0 0 0 3px #4d9a851a}label small{font-weight:400;color:#7e918d;font-size:9px}.notice{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:13px 15px;border:1px solid #cfe5dc;border-radius:9px;background:#f0f8f4}.notice>span{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:#cfece0;color:#196858;font-size:11px;font-weight:700}.notice p{font-size:10px}.notice p b{color:#315c55}.notice.warning{border-color:#ebdcc2;background:var(--amber-pale)}.notice.warning>span{background:#f1dcaf;color:#8d651d}.providers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.provider{position:relative;min-height:133px;border:1px solid #d5e3df;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;background:#fff}.provider:hover{border-color:#9dbfb4}.provider input{position:absolute;opacity:0}.provider-logo{display:grid;place-items:center;width:46px;height:32px;border-radius:6px;background:#eaf3f1;color:#25655e;font-size:11px;font-weight:800;letter-spacing:1px}.provider-logo.coral{background:#fff0ea;color:#a85940}.provider-logo.blue{background:#edf4fb;color:#36709d}.provider-logo.turquoise{background:#e4f6f4;color:#08766e}.provider-logo.red{background:#fcebec;color:#ac4550}.provider-logo.navy{background:#e7edf7;color:#173c7a}.provider-logo.pink{background:#fbeaf2;color:#a33e6c}.provider-logo.orange{background:#fff1e4;color:#a45d22}.provider b{margin-top:12px;font-size:11px}.provider small{margin-top:5px;font-size:9px;color:#83938f;font-weight:400}.provider i{display:none;position:absolute;right:12px;top:12px;width:20px;height:20px;border-radius:50%;background:#267d6e;color:white;font-style:normal;text-align:center;line-height:20px}.provider.selected{border-color:#72aa99;background:#f4faf7;box-shadow:inset 0 0 0 1px #72aa99}.provider.selected i{display:block}.provider.locked{cursor:default}.connection-list{display:grid;gap:11px}.connection{border:1px solid #d6e4df;border-radius:10px;padding:15px 17px}.connection summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.connection summary::-webkit-details-marker{display:none}.connection summary .provider-logo{width:42px;height:30px}.connection summary b{font-size:11px}.connection summary small{display:block;margin-top:4px;color:#849691;font-size:9px}.connection-state{margin-left:auto;border-radius:20px;background:#f0f3f2;color:#758984;padding:6px 9px;font-size:9px}.connection[open] .connection-state{background:#f9edda;color:#8c692c}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 2px;padding-top:16px;border-top:1px solid #e7eeeb}.credential-grid .full{grid-column:1/-1}.credential-grid input{height:39px}.test-button{justify-self:start;border:1px solid #bfd4cd;background:white;color:#35685f;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:600}.choice-group{padding:0;border:0;margin:0;display:grid;gap:10px}.choice-group legend{margin-bottom:12px;font-size:11px;font-weight:600}.choice{position:relative;display:flex;grid-template-columns:auto 1fr;gap:13px;border:1px solid #d5e4df;border-radius:10px;padding:16px;cursor:pointer}.choice>input{position:absolute;opacity:0}.radio{width:19px;height:19px;border-radius:50%;border:1px solid #9db8b1;flex:none}.choice.selected{border-color:#6ba692;background:#f4faf7}.choice.selected .radio{border:5px solid #237969;background:white}.choice b{font-size:11px}.choice p{margin-top:5px}.tag{display:inline-block;margin-top:9px;color:#267666!important;letter-spacing:.6px;font-size:8px!important}.api-key-block{margin:16px 0;padding:17px;background:#f8faf9;border-radius:9px}.budget-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:18px;border:1px solid #d9e5e1;border-radius:10px}.budget-row b{font-size:11px}.budget-row p{margin-top:5px}.budget-row label{position:relative;display:block}.budget-row label span{position:absolute;left:12px;top:14px;font-weight:600;color:#628078}.budget-row input{width:90px;padding-left:30px}.summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7e5e0;border-radius:10px;overflow:hidden}.summary>div{padding:18px;border-bottom:1px solid #e3ece9}.summary>div:nth-child(odd){border-right:1px solid #e3ece9}.summary>div:nth-last-child(-n+2){border-bottom:0}.summary span,.summary b,.summary small{display:block}.summary span{font-size:8px;letter-spacing:1px;color:#718c85;text-transform:uppercase}.summary b{margin:8px 0 5px;font-size:11px}.summary small{font-size:9px;color:#82948f}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0}.checks p{display:flex;align-items:center;gap:8px}.checks span{display:grid;place-items:center;width:18px;height:18px;background:#e4f4ed;border-radius:50%;color:#267562}.agreement{display:flex;align-items:flex-start;gap:11px;padding:15px;border-radius:9px;background:#f7faf9;line-height:1.5}.agreement input{width:17px;height:17px;flex:none;margin:1px 0 0}.actions{display:flex;align-items:center;margin-top:18px}.actions>span{flex:1}.primary,.secondary{height:40px;padding:0 17px;border-radius:8px;font-size:11px;font-weight:650}.primary{border:1px solid #12665c;background:#12665c;color:white;box-shadow:0 3px 9px #124b4020}.primary:hover{background:#0a554d}.secondary{border:1px solid #cbdcd6;background:white;color:#4f706b}.primary b{margin-left:8px}.form-error{min-height:18px;margin:10px 0 -8px!important;color:#a64a42!important;font-size:10px!important}.footnote{text-align:center;margin:30px 0 0;color:#899b96;font-size:9px}.mobile-brand{font-weight:700;color:#1d5556}
@media(max-width:900px){.rail{width:215px;padding-inline:16px}.workspace{margin-left:215px}.providers{grid-template-columns:repeat(2,1fr)}main{padding-inline:24px}.heading{align-items:flex-start}.progress{width:130px}}
@media(max-width:650px){.rail{position:static;width:auto;height:auto;padding:21px 18px}.brand{font-size:18px}.agency{margin:9px 0 18px}.rail nav{display:flex;overflow:auto;gap:7px}.step{min-width:47px;padding:7px;display:block}.step>span{width:29px;height:29px}.step b,.step small{display:none}.isolation{display:none}.workspace{margin:0}header{height:52px;padding:0 17px}.header-state{font-size:9px}main{padding:27px 16px}.heading{display:block;margin-bottom:20px}.progress{width:100%;margin-top:18px}.panel{padding:21px 17px}.panel-head{align-items:flex-start}.form-grid,.credential-grid,.summary,.checks{grid-template-columns:1fr}.form-grid .full,.credential-grid .full{grid-column:auto}.providers{grid-template-columns:1fr 1fr;gap:9px}.provider{min-height:125px;padding:13px}.summary>div,.summary>div:nth-child(odd){border-right:0;border-bottom:1px solid #e3ece9}.summary>div:last-child{border-bottom:0}.budget-row{align-items:flex-start}.heading h1{font-size:25px}.header-state span{display:none}}

[hidden]{display:none!important}.access-shell{min-height:100vh;padding:34px 20px;background:radial-gradient(circle at 50% 35%,#f9fdfb 0,#eef6f3 48%,#dfece8 100%);display:flex;flex-direction:column;align-items:center}.access-brand{display:flex;align-items:center;gap:10px;color:var(--petrol);font-size:22px;font-weight:700;letter-spacing:-.8px}.access-brand .brand-mark{border-color:var(--petrol);color:var(--petrol)}.access-card{width:min(580px,100%);margin:auto;background:#fff;border:1px solid #cbded7;border-radius:16px;padding:34px 38px;box-shadow:0 16px 60px #16483f18}.access-card h1{font-size:27px}.access-intro{margin:11px 0 23px;color:var(--muted);font-size:12px;line-height:1.65}.access-key{display:flex;align-items:stretch;border:1px solid #9fc5b9;border-radius:9px;background:#f4faf7;overflow:hidden}.access-key code{display:flex;align-items:center;min-width:0;flex:1;padding:16px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;color:#184f4c}.access-key button{display:flex;align-items:center;gap:7px;border:0;border-left:1px solid #bdd8cf;background:#e7f4ef;padding:0 14px;color:#17665b;font-size:10px}.access-key button span{font-size:16px}.one-time-warning{display:flex;gap:12px;margin:17px 0;padding:14px;border:1px solid #e7c78f;border-radius:9px;background:#fff8e9}.one-time-warning>span{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:50%;background:#f2d99e;color:#845d1b;font-weight:700}.one-time-warning p{margin:0;color:#795e31;font-size:10px;line-height:1.6}.access-primary{width:100%;margin-top:7px}.access-error{min-height:17px;margin:10px 0 0;color:#a64a42;font-size:10px}.access-help{margin:4px 0 3px;color:#718681;font-size:9px}.access-card>label{margin:16px 0}.access-card input[readonly]{color:#607975;background:#f0f5f3}.access-footer{margin:0;color:#78908a;font-size:9px}
@media(max-width:650px){.access-shell{padding:20px 14px}.access-card{padding:25px 18px}.access-card h1{font-size:24px}.access-key{display:block}.access-key button{width:100%;height:40px;justify-content:center;border-left:0;border-top:1px solid #bdd8cf}.access-footer{margin-top:18px}}
.access-back{width:100%;margin-top:3px}
.activation-continue{display:flex;text-decoration:none;opacity:.5;pointer-events:none}.activation-continue.ready{opacity:1;pointer-events:auto}
.provider-logo{width:92px;height:38px;padding:4px 6px;background:#fff!important;border:1px solid #edf2f0;overflow:hidden}.provider-logo img{display:block;width:100%;height:100%;object-fit:contain}.provider-logo.wordmark{display:flex;align-items:center;justify-content:center;background:#fff5f5!important;color:#bf343c;font-size:10px;letter-spacing:.3px}.provider b{margin-top:10px}.connection summary .provider-logo{width:76px;height:34px;flex:none}
.provider-apogee .provider-logo{width:54px;height:54px;padding:3px;border:0}.provider-dynaren .provider-logo{width:118px;height:48px;padding:2px;border:0}.provider-dynaren .provider-logo img{object-fit:contain}
.provider.unavailable{cursor:not-allowed;filter:grayscale(1);opacity:.42;background:#f4f6f5}.provider.unavailable:hover{border-color:#d5e3df}.provider.unavailable::after{content:"Bientôt disponible";margin-top:auto;padding-top:8px;color:#687a76;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.managed-core{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;border:1px solid #cce1d9;border-radius:10px;background:#f1f8f5}.managed-core-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#176c63;color:white;font-weight:700}.managed-core b{display:block;font-size:11px}.managed-core p{margin-top:4px!important;font-size:9px!important}.managed-core-state{margin-left:auto;padding:6px 9px;border-radius:20px;background:#dff0e9;color:#276f62;font-size:8px;font-weight:650;white-space:nowrap}.managed-core.compact{margin-bottom:12px}.empty-connections{padding:24px;border:1px dashed #bfd5ce;border-radius:10px;text-align:center;color:#718782;font-size:11px;background:#fafcfb}
@media(max-width:650px){.managed-core{align-items:flex-start;flex-wrap:wrap}.managed-core-state{margin-left:47px}}