.hosting-page{background:#fff}.hosting-hero{background:#101218;color:#fff}.hosting-breadcrumb{padding-top:24px;display:flex;gap:12px;align-items:center;font-size:10px;color:#9aa3b5}.hosting-breadcrumb>span{color:#515b70}.hosting-breadcrumb>a{color:#c3c8d3}.hosting-hero-inner{display:grid;grid-template-columns:1.35fr .75fr;gap:110px;align-items:center;padding:36px 0 48px}.hosting-hero .eyebrow{color:#b4bdcf;font-size:9px}.hosting-hero h1{font-size:46px;letter-spacing:-1.8px;line-height:1.17;margin:21px 0}.hosting-hero h1>span{color:#ed4155}.hosting-hero-inner>div>p{font-size:13px;line-height:1.95;color:#a3adbf;max-width:515px}.hosting-hero .button{margin-top:25px;font-size:11px;padding:12px 17px}.hosting-hero-summary{border:1px solid #353640;border-radius:10px;padding:25px 28px;background:radial-gradient(ellipse at 100% 0,#53273755,transparent 70%),#191c25}.hosting-summary-top{display:flex;align-items:center;gap:11px;color:#b2a2b0;border-bottom:1px solid #34323f;padding-bottom:19px}.hosting-summary-top>.icon{width:24px;height:24px;color:#ec6475}.hosting-summary-top>span{font-size:8px;letter-spacing:1px}.hosting-start-label{display:block;font-size:10px;color:#8f99ac;margin-top:21px}.hosting-hero-summary>strong{display:flex;gap:9px;align-items:baseline;font-size:46px;font-weight:700;letter-spacing:-1.7px;line-height:1.3;margin-top:4px}.hosting-hero-summary>strong>small{font-size:12px;color:#8f99aa;letter-spacing:0;font-weight:400}.hosting-start-region{font-size:10px;color:#9ca5b5;line-height:1.8;display:block;margin-top:7px}.hosting-hero-tags{display:flex;gap:7px;margin-top:24px;flex-wrap:wrap}.hosting-hero-tags>span{border:1px solid #353945;border-radius:4px;font-size:9px;color:#a7b0c2;padding:4px 8px}.hosting-offers{padding:48px 0 42px;background:#f7f8fa}.hosting-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}.hosting-section-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.hosting-section-heading h2{font-size:29px;letter-spacing:-.9px;line-height:1.3;margin-top:10px}.hosting-section-heading>.inline-link{font-size:11px;padding-bottom:3px}.hosting-section-heading>p{font-size:11px;color:#8b93a3;line-height:1.8}.hosting-selectors{display:grid;gap:21px;margin-bottom:17px}.hosting-selectors fieldset{padding:0;border:0;margin:0;min-width:0}.hosting-selectors legend{padding:0;font-size:11px;font-weight:700;color:#515c70;margin-bottom:10px}.hosting-regions>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.hosting-regions button{padding:11px 10px;border:1px solid #dfe4ed;border-radius:6px;background:#fff;display:flex;align-items:center;gap:8px;justify-content:center;color:#8992a4;font-size:11px;line-height:1.5;flex-wrap:wrap}.hosting-regions button>span{font-family:var(--mono);font-size:8px;padding:2px 5px;border-radius:3px;background:#f1f3f6;color:#8b95a7}.hosting-regions button>small{width:100%;font-size:8px;line-height:1.2}.hosting-regions button[aria-pressed=true]{border-color:#dd6b80;background:#fff7f9;color:#bb3f55;box-shadow:0 0 0 1px #db53600b}.hosting-regions button[aria-pressed=true]>span{background:#f9e5eb;color:#c2475b}.hosting-regions button:disabled{opacity:.45;cursor:default}.hosting-periods>div{display:flex;gap:5px;background:#e9edf3;border-radius:6px;padding:4px;width:max-content;max-width:100%}.hosting-periods button{background:none;color:#8992a4;border-radius:4px;padding:8px 13px;font-size:10px;display:flex;gap:8px;align-items:center}.hosting-periods button[aria-pressed=true]{background:#fff;color:#3c475c;box-shadow:0 1px 5px #22334d09}.hosting-periods button>small{font-size:8px;color:#bd4a60;background:#f7e6eb;padding:2px 5px;border-radius:3px}.hosting-price-context{font-size:10px;line-height:1.8;color:#8790a1;margin-bottom:18px}.hosting-table-wrap{border:1px solid #dfe4ee;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 4px 20px #24375203}.hosting-table{border-collapse:collapse;width:100%;table-layout:auto;text-align:left}.hosting-table thead{background:#f0f2f6}.hosting-table thead th{font-size:9px;font-weight:600;color:#8993a5;padding:13px 14px;white-space:nowrap}.hosting-table tbody th,.hosting-table tbody td{padding:21px 14px;border-top:1px solid #e9edf3;vertical-align:middle}.hosting-table tbody th{font-weight:400;position:relative;padding-left:24px;min-width:148px}.hosting-table tbody th>strong{font-size:14px;color:#354057;font-weight:800}.hosting-table tbody strong{font-size:12px;color:#465168;line-height:1.6;display:block}.hosting-table tbody small{font-size:9px;color:#929bad;line-height:1.8;display:block;margin-top:4px;max-width:140px}.hosting-plan-number{font-family:var(--mono);font-size:8px;color:#aab2c1;display:block;margin-bottom:6px}.hosting-row-featured{background:#fffbfc}.hosting-row-featured th:before{content:'';width:3px;height:100%;background:#e3455c;position:absolute;top:0;left:0}.hosting-table tbody .hosting-plan-price>strong{font-size:20px;letter-spacing:-.55px;color:#2c374e;white-space:nowrap}.hosting-table .hosting-plan-price>small{font-size:9px;margin-top:0;white-space:nowrap}.hosting-plan-price>[data-hosting-period-total]{display:block;font-size:8px;color:#9c7181;margin-top:7px;line-height:1.5}.hosting-plan-action .button{font-size:10px;padding:11px 12px;gap:9px}.hosting-plan-action .icon{width:13px;height:13px}.hosting-plan-action .button-neutral{border:1px solid #dfe3ec;color:#68758b;background:#fff}.hosting-catalog-foot{display:flex;gap:23px;justify-content:center;align-items:center;font-size:9px;color:#818c9e;margin:20px 0 0;flex-wrap:wrap}.hosting-catalog-foot>span{display:flex;gap:6px;align-items:center}.hosting-catalog-foot .icon{width:12px;height:12px;color:#ac6a7e}.hosting-availability-note{font-size:9px;line-height:1.8;color:#9a97a4;text-align:center;margin-top:13px}.hosting-included{padding:57px 0;background:#fff;border-bottom:1px solid #eceff4}.hosting-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 40px}.hosting-feature-grid article{position:relative;padding-left:40px}.hosting-feature-grid article>.icon{position:absolute;left:0;top:0;width:26px;height:26px;color:#d94a61;background:#fdf1f4;border-radius:6px;padding:5px}.hosting-feature-grid h3{font-size:14px;letter-spacing:-.3px;color:#3d485d}.hosting-feature-grid p{font-size:11px;line-height:1.9;color:#8b94a4;margin-top:9px}.hosting-options-section{padding:57px 0;background:#f8f9fb;border-bottom:1px solid #e9edf3}.hosting-options-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.hosting-options-grid>.eyebrow,.hosting-options-grid>div>.eyebrow{font-size:8px;letter-spacing:1.1px}.hosting-options-grid h2{font-size:30px;letter-spacing:-.9px;line-height:1.3;margin:12px 0 16px}.hosting-options-grid>div>p{font-size:11px;color:#8a94a5;line-height:1.9;max-width:415px}.hosting-system-list{border-block:1px solid #dfe4ec;margin-top:24px;padding:15px 0}.hosting-system-list summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:11px;color:#6c788e;font-weight:600;gap:15px}.hosting-system-list summary::-webkit-details-marker{display:none}.hosting-system-list summary>.icon{width:12px;height:12px}.hosting-system-list[open] summary>.icon{transform:rotate(45deg)}.hosting-system-list ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:19px 0 2px;gap:9px;font-size:10px;color:#8b95a8;margin:0}.hosting-options-grid>div>.hosting-os-note{font-size:10px;margin-top:16px;color:#9a8c9e}.hosting-addon-panel{background:#fff;border:1px solid #dfe4ed;border-radius:9px;padding:27px}.hosting-addon-panel h3{font-size:20px;letter-spacing:-.5px;color:#414c62}.hosting-addon-panel>p{font-size:10px!important;margin-top:10px;line-height:1.8}.hosting-addon-panel dl{display:grid;gap:18px;margin:22px 0 0}.hosting-addon-panel dl>div{display:flex;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #edf0f5}.hosting-addon-panel dt{font-size:11px;color:#59667c}.hosting-addon-panel dt>small{display:block;font-size:9px;color:#9ba2b1;line-height:1.8;margin-top:5px}.hosting-addon-panel dd{margin:0;font-size:16px;font-weight:700;letter-spacing:-.4px;white-space:nowrap;color:#b85069;text-align:right}.hosting-addon-panel dd>small{display:block;font-size:8px;color:#a2a9b7;letter-spacing:0;font-weight:400;margin-top:3px}.hosting-addon-panel .hosting-addon-note{font-size:9px!important;padding-top:16px;border-top:1px solid #eceff4;margin-top:21px}.hosting-faq{padding-block:54px}.hosting-notice{font-size:11px;line-height:1.8;color:#a96b7e;padding:12px 0}.hosting-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hosting-config{padding:0;border:1px solid #dce1ea;border-radius:12px;width:min(1030px,calc(100% - 38px));max-height:calc(100dvh - 50px);box-shadow:0 25px 90px #0004;background:#fff;overflow:auto;color:#435069}.hosting-config::backdrop{background:#0c111b9c;backdrop-filter:blur(4px)}.hosting-config>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 29px;border-bottom:1px solid #e9edf2;background:#fff;position:sticky;top:0;z-index:2}.hosting-config header .eyebrow{font-size:8px;color:#b36379;letter-spacing:1.2px}.hosting-config header h2{font-size:24px;letter-spacing:-.65px;margin-top:7px}.hosting-config-close{border:1px solid #e3e7ef;border-radius:6px;padding:7px;background:#f9fafc;color:#949eae}.hosting-config-close>.icon{width:17px;height:17px}.hosting-config-layout{display:grid;grid-template-columns:1.2fr .85fr;gap:26px;padding:27px;align-items:start}.hosting-config form{display:grid;gap:27px;min-width:0}.hosting-config fieldset{padding:0;border:0;min-width:0;margin:0;display:grid;gap:14px}.hosting-config legend{font-size:13px;font-weight:700;color:#566378;padding:0 0 19px;display:flex;align-items:center;gap:10px}.hosting-config legend>span{font-family:var(--mono);font-size:8px;border:1px solid #ead7df;border-radius:5px;width:25px;height:25px;display:grid;place-items:center;color:#b7647c;background:#fdf4f7}.hosting-config label{font-size:11px;font-weight:600;display:grid;gap:8px;color:#68738a;min-width:0}.hosting-config :is(select,input[type=text]){display:block;width:100%;min-width:0;padding:11px 12px;font:inherit;font-size:12px;border:1px solid #dbe1eb;border-radius:5px;background:#fff;color:#48556e;line-height:1.5;outline-offset:2px}.hosting-config :is(select,input):focus-visible{outline:2px solid #e9bdca;outline-offset:1px}.hosting-config input::placeholder{color:#b2b9c6}.hosting-config .hosting-windows-note,.hosting-network-config-note,.hosting-hostname-note{font-size:10px;color:#9b8493;line-height:1.8;margin-top:-4px}.hosting-config label.hosting-check{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid #e4e8f0;background:#fafbfd;border-radius:5px}.hosting-check input{accent-color:#d83e58;width:15px;height:15px;flex-shrink:0}.hosting-check>span{font-size:11px;color:#637088;line-height:1.6}.hosting-check small{display:block;font-size:9px;color:#a1a8b7;margin-top:3px;font-weight:400}.hosting-optional{font-size:9px;color:#a3aab9;font-weight:400;margin-top:-5px}.hosting-config-summary{position:sticky;top:112px;background:#171c28;border:1px solid #343949;border-radius:9px;padding:25px;min-width:0;color:#d6dbe7}.hosting-config-summary>.eyebrow{font-size:7px;letter-spacing:1.2px;color:#9b8b9d}.hosting-config-summary>h3{font-size:25px;color:#f0f2f8;margin-top:14px;letter-spacing:-.8px}.hosting-config-summary>[data-quote-location]{font-size:11px;color:#a1aabc;margin-top:8px}.hosting-quote-specs{font-size:9px;line-height:1.9;color:#7e899f;margin-top:14px;padding-bottom:20px;border-bottom:1px solid #303748;overflow-wrap:anywhere}.hosting-quote-lines{display:grid;gap:13px;margin:20px 0}.hosting-quote-lines>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.7}.hosting-quote-lines dt{color:#919db1;overflow-wrap:anywhere}.hosting-quote-lines dd{font-size:10px;color:#c9d0de;margin:0;white-space:nowrap;text-align:right}.hosting-quote-lines>div:last-child dd{white-space:normal;font-size:9px;color:#929bb0}.hosting-quote-subtotal,.hosting-quote-period,.hosting-quote-discount{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.8;color:#939fb5;padding-top:13px}.hosting-quote-subtotal{border-top:1px solid #303748;margin-top:22px}.hosting-quote-subtotal strong,.hosting-quote-period strong{font-weight:600;color:#c9d0de;white-space:nowrap}.hosting-quote-discount{color:#d77c94}.hosting-quote-discount strong{font-weight:600;white-space:nowrap}.hosting-quote-total{margin-top:20px;border-top:1px solid #303748;padding-top:20px;display:grid;gap:8px}.hosting-quote-total>span{font-size:10px;color:#9ca7ba}.hosting-quote-total>strong{font-size:35px;letter-spacing:-1px;color:#fff;line-height:1.4;overflow-wrap:anywhere}.hosting-quote-total>small{font-size:9px;line-height:1.8;color:#8b97ae}.hosting-quote-message{font-size:10px;line-height:1.9;color:#9cc8b0;margin-top:16px}.hosting-quote-message:empty{display:none}.hosting-quote-message.is-error{color:#ee9cad}.hosting-config-summary>.button{width:100%;justify-content:space-between;font-size:10px;gap:9px;margin-top:20px;padding:13px 14px;white-space:normal}.hosting-config-summary>.button:disabled{opacity:.5}.hosting-config-support{display:flex;justify-content:center;gap:8px;align-items:center;font-size:10px;color:#b3bac9;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.hosting-config-support>.icon{width:12px;height:12px}.hosting-quote-foot{font-size:9px;line-height:1.9;color:#77849b;margin-top:20px}.hosting-page button:focus-visible{outline:2px solid #e08096;outline-offset:3px}
@media(max-width:1100px){.hosting-hero-inner{gap:50px}.hosting-table thead th{padding-inline:10px}.hosting-table tbody th,.hosting-table tbody td{padding-inline:10px}.hosting-table tbody th{padding-left:17px;min-width:133px}.hosting-table tbody strong{font-size:11px}.hosting-table tbody th>strong{font-size:13px}.hosting-table tbody .hosting-plan-price>strong{font-size:18px}.hosting-plan-action .button{font-size:9px;padding:10px;gap:6px}.hosting-options-grid{gap:40px}.hosting-regions button{font-size:10px}.hosting-config-layout{gap:20px;padding:23px}.hosting-config-summary{padding:21px}}
@media(max-width:850px){.hosting-hero-inner{gap:28px}.hosting-hero h1{font-size:37px}.hosting-hero-summary{padding:22px}.hosting-hero-summary>strong{font-size:38px}.hosting-table-wrap{border:0;background:none;box-shadow:none;overflow:visible}.hosting-table,.hosting-table tbody{display:block}.hosting-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hosting-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hosting-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid #dfe4ed;border-radius:8px;padding:19px;min-width:0}.hosting-table tbody tr.hosting-row-featured{border-color:#e593a5;background:#fffbfc}.hosting-table tbody th,.hosting-table tbody td{display:block;border:0;padding:0;min-width:0}.hosting-table tbody th{grid-column:1/-1;padding-bottom:16px;border-bottom:1px solid #e9edf3}.hosting-table tbody th>strong{font-size:18px}.hosting-plan-number{display:none}.hosting-table tbody th>small{max-width:none}.hosting-table td:before{content:attr(data-label);display:block;font-size:8px;color:#a0a8b8;margin-bottom:6px}.hosting-table tbody strong{font-size:12px}.hosting-table tbody small{font-size:9px;max-width:none;line-height:1.8}.hosting-table tbody .hosting-plan-price{grid-column:1;align-self:center}.hosting-table tbody .hosting-plan-price>strong{font-size:25px}.hosting-plan-action{grid-column:2;align-self:end;justify-self:end}.hosting-plan-action:before{display:none!important}.hosting-plan-action .button{font-size:10px;padding:11px}.hosting-row-featured th:before{display:none}.hosting-regions>div{grid-template-columns:repeat(3,minmax(0,1fr))}.hosting-region button{font-size:11px}.hosting-feature-grid{gap:25px;grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-options-grid{gap:30px;grid-template-columns:1fr 1fr}.hosting-addon-panel{padding:22px}.hosting-catalog-foot{font-size:9px;gap:13px}.hosting-config-layout{grid-template-columns:1fr .85fr;gap:19px;padding:22px}}
@media(max-width:650px){.hosting-breadcrumb{font-size:9px;padding-top:20px}.hosting-hero-inner{grid-template-columns:1fr;gap:26px;padding:30px 0}.hosting-hero h1{font-size:36px;letter-spacing:-1.4px;margin:18px 0}.hosting-hero .eyebrow{font-size:8px}.hosting-hero-inner>div>p{font-size:12px}.hosting-hero .button{font-size:11px;margin-top:20px}.hosting-hero-summary{padding:20px 22px}.hosting-summary-top{padding-bottom:14px}.hosting-summary-top>span{font-size:8px}.hosting-start-label{margin-top:15px}.hosting-hero-summary>strong{font-size:35px;line-height:1.2}.hosting-hero-tags{margin-top:16px}.hosting-offers{padding:32px 0}.hosting-section-heading{align-items:start;gap:17px;flex-direction:column;margin-bottom:24px}.hosting-section-heading h2{font-size:25px;line-height:1.35}.hosting-section-heading>.inline-link{font-size:10px}.hosting-regions button{padding:10px 7px;gap:5px;font-size:10px}.hosting-regions button>span{font-size:7px;padding:2px 4px}.hosting-regions>div{gap:7px}.hosting-selectors legend{font-size:11px}.hosting-periods>div{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.hosting-periods button{font-size:10px;padding:8px 4px;flex-direction:column;gap:5px}.hosting-periods button>small{font-size:8px}.hosting-price-context{font-size:9px;margin-top:15px;margin-bottom:16px}.hosting-table tbody{grid-template-columns:1fr;gap:12px}.hosting-table tbody tr{padding:20px;gap:17px}.hosting-table tbody th>strong{font-size:20px}.hosting-table tbody strong{font-size:13px}.hosting-table tbody small{font-size:10px}.hosting-table tbody .hosting-plan-price>strong{font-size:27px}.hosting-table .hosting-plan-price>small{font-size:9px}.hosting-plan-price>[data-hosting-period-total]{font-size:9px}.hosting-plan-action .button{font-size:11px;padding:12px 14px}.hosting-catalog-foot{justify-content:start;gap:12px;font-size:9px}.hosting-availability-note{font-size:9px;text-align:left;line-height:1.9}.hosting-included{padding:35px 0}.hosting-feature-grid{grid-template-columns:1fr;gap:25px}.hosting-feature-grid h3{font-size:14px}.hosting-feature-grid p{font-size:11px}.hosting-options-section{padding:35px 0}.hosting-options-grid{grid-template-columns:1fr;gap:29px}.hosting-options-grid h2{font-size:27px}.hosting-addon-panel{padding:23px 20px}.hosting-addon-panel h3{font-size:20px}.hosting-addon-panel dl>div{gap:14px}.hosting-addon-panel dt{font-size:11px}.hosting-addon-panel dt>small{font-size:9px}.hosting-addon-panel dd{font-size:16px}.hosting-faq{padding-block:35px}.hosting-config{width:calc(100% - 22px);max-height:calc(100dvh - 26px);border-radius:9px}.hosting-config>header{padding:19px 18px}.hosting-config header h2{font-size:22px}.hosting-config header .eyebrow{font-size:7px;letter-spacing:.8px}.hosting-config-layout{grid-template-columns:1fr;padding:20px 18px;gap:27px}.hosting-config-summary{position:static;padding:24px 20px}.hosting-config :is(select,input[type=text]){font-size:16px;padding:11px 10px}.hosting-config label{font-size:11px}.hosting-check>span{font-size:12px}.hosting-check small{font-size:10px}.hosting-config legend{font-size:13px}.hosting-config .hosting-windows-note,.hosting-network-config-note,.hosting-hostname-note{font-size:10px}.hosting-quote-lines>div{font-size:11px}.hosting-quote-lines dd{font-size:11px}.hosting-quote-total>strong{font-size:35px}.hosting-config-summary>.button{font-size:11px}.hosting-config-support{font-size:11px}.hosting-quote-foot{font-size:10px}}

#hosting-buy{width:100%;justify-content:center;gap:12px}#hosting-buy[aria-busy=true]::before{content:"";width:13px;height:13px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:hosting-buy-spin .8s linear infinite!important}.hosting-copy-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:none;color:#aab5c8;font-size:10px;padding:15px 0 0}.hosting-copy-secondary .icon{width:13px;height:13px}@keyframes hosting-buy-spin{to{transform:rotate(360deg)}}

/* Détails des gammes et accompagnement de la configuration. */
.hosting-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 0,#54233140,transparent 52%),#101218}
.hosting-hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#b2a3b007 1px,transparent 1px),linear-gradient(90deg,#b2a3b007 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.hosting-hero-inner{padding-bottom:39px;gap:80px}
.hosting-hero-inner>div>p{color:#b1b8c7;line-height:1.9;max-width:555px}
.hosting-hero-summary{border-color:#48404c;background:linear-gradient(145deg,#241e2a,#191d27 65%);box-shadow:0 18px 50px #0000001a;position:relative;overflow:hidden}
.hosting-summary-top{gap:10px;border-color:#ffffff12;padding-bottom:16px}
.hosting-summary-top>span{font-size:8px;line-height:1.7;flex:1}
.hosting-summary-top>i{font-style:normal;font-family:var(--mono);font-size:8px;letter-spacing:.5px;border:1px solid #87506366;background:#5b27373b;border-radius:4px;color:#e29aae;padding:3px 6px}
.hosting-hardware{display:flex;gap:13px;align-items:center;margin:19px 0 20px}
.hosting-hardware-mark{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #ffffff13;border-radius:8px;background:#ffffff04;color:#d2798f}
.hosting-hardware-mark>.icon{width:25px;height:25px}
.hosting-hardware>div>strong{font-size:14px;font-weight:650;color:#dfe2eb;letter-spacing:-.3px;display:block}
.hosting-hardware>div>span{display:block;font-size:9px;line-height:1.8;color:#8f99af;margin-top:5px}
.hosting-start-label{margin-top:0;color:#a3aabc}
.hosting-hero-summary>strong{font-size:48px}
.hosting-hero-tags{margin-top:20px}
.hosting-hero-tags>span{border-color:#ffffff16;background:#ffffff03;font-size:9px;color:#b8c0cf;padding:5px 8px}
.hosting-summary-link{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #ffffff12;margin-top:20px;padding-top:15px;font-size:10px;color:#d5a0b1}
.hosting-summary-link>.icon{width:14px;height:14px}
.hosting-assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff10;padding:22px 0 25px;gap:25px}
.hosting-assurances>div{display:flex;align-items:center;gap:12px;justify-content:center}
.hosting-assurances>div+div{border-left:1px solid #ffffff10}
.hosting-assurances .icon{color:#d46b81;width:21px;height:21px;flex-shrink:0}
.hosting-assurances p{margin:0;line-height:1.6}
.hosting-assurances strong{display:block;font-size:11px;font-weight:600;color:#cdd3df}
.hosting-assurances p>span{display:block;font-size:9px;color:#8893a9;margin-top:4px}
.hosting-selectors{border:1px solid #dfe4ed;border-radius:10px;padding:22px;background:#fff;gap:22px;box-shadow:0 5px 20px #23344c03;margin-bottom:16px}
.hosting-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #eceff4;padding-bottom:17px}
.hosting-selection-heading>span{display:flex;align-items:center;gap:9px;color:#434f67;font-size:12px;font-weight:650}
.hosting-selection-heading .icon{width:16px;height:16px;color:#c76a80}
.hosting-selection-heading>small{font-size:10px;line-height:1.7;color:#8a95a6;text-align:right}
.hosting-selectors legend{display:flex;align-items:center;gap:9px;color:#68758b}
.hosting-selectors legend>span{font-family:var(--mono);font-size:8px;color:#bc6b80}
.hosting-regions button{background:#fafbfd;border-color:#e4e8f0;padding:13px 10px;color:#68758b;transition:background .15s,border-color .15s}
.hosting-regions button:not(:disabled):hover{border-color:#d794a7;background:#fffbfc}
.hosting-regions button[aria-pressed=true]{border-color:#d6647e;background:#fff3f6;color:#b33e58;box-shadow:0 0 0 1px #d6647e22}
.hosting-regions button:disabled{background:#f5f7fa;opacity:.45}
.hosting-periods{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:25px}
.hosting-periods legend{grid-column:1/-1}
.hosting-period-help{font-size:10px;line-height:1.8;color:#8c97a7;margin:0;text-align:right}
.hosting-price-context{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:10px;color:#778499;line-height:1.8}
.hosting-price-context:before{content:"";height:5px;width:5px;background:#ce7a90;border-radius:50%;flex-shrink:0}
.hosting-table thead{background:#edf0f5}
.hosting-table thead th{color:#718097;font-size:9px;font-weight:600;padding-block:16px}
.hosting-table tbody tr{transition:background .15s}
.hosting-table tbody tr:hover{background:#fffbfc}
.hosting-table tbody th>strong{font-size:15px;letter-spacing:-.3px;color:#354056}
.hosting-plan-number{font-size:7px;color:#b17b8f;letter-spacing:.6px;margin-bottom:8px}
.hosting-table tbody small{color:#8895a9}
.hosting-plan-action .button-neutral:hover{background:#fff3f6;border-color:#dfa6b6;color:#b83b56}
.hosting-feature-grid{gap:15px}
.hosting-feature-grid article{padding:23px 22px 23px 63px;border:1px solid #e8ecf2;border-radius:8px;background:#fcfdff}
.hosting-feature-grid article>.icon{left:22px;top:22px;width:27px;height:27px;background:#fbebf0;color:#c85772}
.hosting-feature-grid h3{font-size:13px;line-height:1.7}
.hosting-feature-grid p{font-size:11px;line-height:1.85;color:#7d899d;margin-top:7px}
.hosting-os-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:25px}
.hosting-os-families>div{padding:15px 10px;background:#fff;border:1px solid #e2e7ef;border-radius:7px;text-align:center}
.hosting-os-families .icon{width:21px;height:21px;color:#ac7c90;margin-bottom:8px}
.hosting-os-families strong{display:block;color:#63718a;font-size:11px;font-weight:650}
.hosting-os-families span{display:block;font-size:9px;color:#9aa4b4;margin-top:6px}
.hosting-addon-panel{border-color:#dfe4ed;box-shadow:0 8px 24px #21304b03}
.hosting-config-progress{display:flex;align-items:center;gap:9px;color:#9ba4b4;font-size:9px;margin-top:10px;flex-wrap:wrap}
.hosting-config-progress>span{color:#c25e77}
.hosting-config-progress>i{font-style:normal;color:#b6becb}
.hosting-config fieldset{border:1px solid #e6eaf1;border-radius:8px;background:#fbfcfe;padding:19px}
.hosting-config legend{padding:0 8px;margin-left:-8px;font-size:12px}
.hosting-config-included{display:flex;align-items:center;gap:7px;font-size:9px;color:#adbacb;margin:15px 0}
.hosting-config-included .icon{width:12px;height:12px;color:#b78195}
.hosting-config-summary{top:142px;background:linear-gradient(150deg,#26202d,#171c28 60%);border-color:#443c4c}
.hosting-quote-specs{color:#a0acc0}
.hosting-quote-foot{color:#9aa5b8}
@media(max-width:1100px){
 .hosting-hero-inner{gap:35px}
 .hosting-hero h1{font-size:40px}
 .hosting-hero-summary{padding:23px}
 .hosting-hero-summary>strong{font-size:42px}
 .hosting-hardware>div>strong{font-size:12px}
 .hosting-table tbody th>strong{font-size:13px}
 .hosting-feature-grid article{padding:20px 18px 20px 54px}
 .hosting-feature-grid article>.icon{left:17px;top:20px}
 .hosting-config fieldset{padding:16px}
}
@media(max-width:850px){
 .hosting-hero h1{font-size:35px}
 .hosting-hero-summary{padding:20px}
 .hosting-summary-top>span{font-size:7px;letter-spacing:.6px}
 .hosting-summary-top>i{font-size:7px}
 .hosting-hardware-mark{width:33px;height:33px}
 .hosting-hardware-mark>.icon{width:20px;height:20px}
 .hosting-hardware{gap:9px}
 .hosting-hardware>div>span{font-size:8px}
 .hosting-assurances{gap:15px}
 .hosting-assurances>div{gap:9px}
 .hosting-assurances strong{font-size:10px}
 .hosting-assurances p>span{font-size:8px}
 .hosting-periods{grid-template-columns:1fr;gap:10px}
 .hosting-period-help{text-align:left;font-size:9px}
 .hosting-table tbody th>strong{font-size:19px}
 .hosting-table td[data-label="Bande passante"]{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px 16px;border-block:1px solid #edf0f5;padding:11px 0;align-items:center}
 .hosting-table td[data-label="Bande passante"]:before{margin:0;font-size:10px;grid-row:1/3;align-self:center}
 .hosting-table td[data-label="Bande passante"] strong{font-size:12px;text-align:right}
 .hosting-table td[data-label="Bande passante"] small{margin:0;text-align:right;font-size:9px}
}
@media(max-width:650px){
 .hosting-hero h1{font-size:35px}
 .hosting-hero-inner{gap:27px;padding-bottom:28px}
 .hosting-hardware{display:none}
 .hosting-summary-top{margin-bottom:15px;padding-bottom:12px}
 .hosting-hero-summary{padding:18px 21px}
 .hosting-hero-summary>strong{font-size:37px}
 .hosting-hero-tags{margin-top:15px}
 .hosting-summary-link{margin-top:15px;padding-top:12px}
 .hosting-assurances{gap:6px;padding:18px 0;align-items:start}
 .hosting-assurances>div{flex-direction:column;gap:9px;text-align:center}
 .hosting-assurances .icon{width:18px;height:18px}
 .hosting-assurances strong{font-size:9px}
 .hosting-assurances p>span{display:none}
 .hosting-selectors{padding:17px 14px;gap:19px}
 .hosting-selection-heading{align-items:start;gap:10px}
 .hosting-selection-heading>span{font-size:11px;white-space:nowrap}
 .hosting-selection-heading>small{font-size:8px;max-width:110px}
 .hosting-regions button{padding:12px 5px;font-size:9px;gap:5px}
 .hosting-regions button>span{font-size:7px}
 .hosting-table tbody th>strong{font-size:21px}
 .hosting-feature-grid{gap:11px}
 .hosting-feature-grid article{padding:20px 20px 20px 60px}
 .hosting-feature-grid article>.icon{left:19px}
 .hosting-os-families{gap:7px;margin-top:22px}
 .hosting-os-families>div{padding:15px 7px}
 .hosting-os-families strong{font-size:10px}
 .hosting-os-families span{font-size:8px}
 .hosting-config>header{padding:17px}
 .hosting-config header h2{font-size:22px}
 .hosting-config-progress{font-size:8px;gap:7px}
 .hosting-config-layout{padding:19px 13px}
 .hosting-config fieldset{padding:18px 13px}
 .hosting-config legend{font-size:11px;gap:7px}
 .hosting-config-included{font-size:9px}
}