.journey-skip{position:absolute;left:16px;top:-80px;z-index:100;background:#15171a;color:#fff!important;padding:12px 18px;border-radius:4px;font-size:14px}.journey-skip:focus{top:12px}.order-journey-guest{color:#15171a;-webkit-font-smoothing:antialiased}.order-journey-guest .order-top{max-width:1200px;padding:25px 38px;height:86px;border-color:#e6e9eb}.order-journey-guest .order-brand{font-size:25px;letter-spacing:-1px;gap:8px}.order-journey-guest .order-brand>span:first-child{width:29px}.order-journey-guest .order-brand svg{width:29px;height:29px}.order-journey-guest .order-brand-dot{color:#d09b00}.journey-header-label{font-size:12px;color:#626c75}.journey-header-link{font-size:11px;color:#626c75!important;line-height:1.7}.journey-header-link strong{font-weight:600;color:#15171a;margin-left:7px}.journey-header-link strong>span{display:inline-block;margin-left:5px;color:#765700}.journey-page{max-width:1164px;margin:auto;padding:32px 38px 36px;color:#15171a;font:14px/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.journey-page *{box-sizing:border-box}.journey-page h1,.journey-page h2,.journey-page h3{color:#15171a}.journey-page a{text-decoration:none}.journey-page :focus-visible,.journey-application :focus-visible{outline:3px solid #d09b00;outline-offset:4px}.journey-page button,.journey-page a,.journey-application summary{touch-action:manipulation}.journey-navigation{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid #e6e9eb;margin-bottom:46px}.journey-steps{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0;font-size:11px;color:#68727c;line-height:1.7}.journey-steps li{display:flex;align-items:center;gap:9px;position:relative}.journey-steps li+li:before{content:'';width:18px;height:1px;background:#d6dce1;margin-right:4px}.journey-step-number{font:9px/1.5 ui-monospace,monospace;display:grid;place-items:center;min-width:23px;height:23px;border:1px solid #dce2e7;border-radius:4px}.journey-steps .is-current{color:#15171a;font-weight:600}.journey-steps .is-current .journey-step-number{background:#15171a;color:#ffd43b;border-color:#15171a;box-shadow:0 3px 0 #ffd43b}.journey-steps .is-complete .journey-step-number{color:#765700;background:#fff9e2;border-color:#e7d99e}.journey-back{display:inline-flex;align-items:center;gap:9px;min-height:36px;color:#606a74;font-size:11px;white-space:nowrap}.journey-back:hover,.journey-header-link:hover{color:#765700!important}.journey-eyebrow{display:block;font:9px/1.8 ui-monospace,monospace;letter-spacing:1.2px;color:#68727c}.journey-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.journey-product{min-width:0;padding:4px 0 0}.journey-product-heading h1{font-size:37px;font-weight:600;line-height:1.18;letter-spacing:-1.3px;margin:14px 0 14px;max-width:420px}.journey-product-heading p{font-size:13px;color:#626c75;line-height:1.9;max-width:350px;margin:0}.journey-art{position:relative;min-width:0;margin:0 -14px 1px}.journey-art>svg{display:block;width:100%;height:auto;max-height:370px}.journey-art-caption{position:absolute;bottom:14px;left:25px;font:7px/1.8 ui-monospace,monospace;letter-spacing:1px;color:#697580}.journey-product-label{display:flex;gap:12px;align-items:center;border-top:1px solid #e2e7eb;padding:18px 0;margin-top:1px}.journey-product-icon{display:grid;place-items:center;background:#f5f7f8;border:1px solid #e1e6ea;border-radius:7px;width:38px;height:38px;color:#5f6a75;flex-shrink:0}.journey-product-icon svg{height:22px;width:22px}.journey-product-label>div{min-width:0}.journey-product-label strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.3px}.journey-product-label>div>span{display:block;font-size:10px;color:#626c75;line-height:1.7;margin-top:2px}.journey-saved{display:inline-flex;align-items:center;gap:5px;margin-left:auto;background:#fff9e3;border:1px solid #eddfaf;border-radius:4px;font-size:9px;color:#765700;padding:4px 7px;white-space:nowrap}.journey-product-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border-top:1px solid #e2e7eb;border-bottom:1px solid #e2e7eb;padding:20px 0;margin:0}.journey-product-specs>div+div{border-left:1px solid #e2e7eb;padding-left:15px}.journey-product-specs dt{font-size:9px;color:#626c75;line-height:1.8;margin-bottom:9px}.journey-product-specs dd{margin:0;font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.8px;overflow-wrap:anywhere}.journey-product-specs dd>span{font-size:13px;color:#626c75;letter-spacing:0}.journey-product-specs dd.journey-spec-text{font-size:16px;letter-spacing:-.2px;line-height:1.6}.journey-domain-receipt{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid #e2e7eb;min-width:0}.journey-domain-receipt>span{display:grid;place-items:center;background:#f6f8f9;border:1px solid #e0e6eb;color:#5b6875;width:29px;height:29px;border-radius:5px;flex-shrink:0;font-size:17px}.journey-domain-receipt>div{min-width:0}.journey-domain-receipt small{display:block;color:#626c75;font-size:9px;margin-bottom:4px;line-height:1.8}.journey-domain-receipt strong{font:500 12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.journey-product-footnote{font-size:11px;line-height:1.9;color:#626c75;margin:15px 0 0}.journey-account-form{border-left:1px solid #e6e9eb;padding:6px 0 0 52px;min-width:0}.journey-account-form>h2{font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.8px;margin:13px 0 12px}.journey-intro{font-size:13px;line-height:1.85;color:#626c75;margin:0 0 23px}.journey-account-paths{display:flex;align-items:center;gap:21px;justify-content:space-between;border-bottom:1px solid #dce2e7;font-size:11px;line-height:1.8;margin-bottom:24px}.journey-account-paths>.is-selected{font-weight:600;padding:0 0 12px;position:relative;white-space:nowrap}.journey-account-paths>.is-selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#ffd43b}.journey-account-paths>.is-selected>span{font-size:15px;margin-right:4px}.journey-account-paths>a{display:flex;align-items:center;gap:7px;min-height:44px;padding-bottom:12px;color:#5b6570;white-space:nowrap}.journey-account-paths>a:hover{color:#765700}.journey-registration{margin:0}.journey-field{display:block;min-width:0;margin:0 0 19px;font-size:13px;font-weight:600;line-height:1.8;color:#353f49}.journey-field>small:not([id]){float:right;font-size:10px;font-weight:400;color:#626c75;line-height:2.1}.journey-field input,.journey-field textarea,.journey-field select{display:block;width:100%;min-width:0;border:1px solid #87939e;background:#fff;padding:11px 12px;margin-top:8px;border-radius:5px;font:400 14px/1.7 Inter,Arial,sans-serif;color:#15171a;min-height:46px;box-shadow:none}.journey-field textarea{resize:vertical}.journey-field input::placeholder,.journey-field textarea::placeholder{color:#6b757f;opacity:1}.journey-field input:hover,.journey-field textarea:hover,.journey-field select:hover{border-color:#566573}.journey-field input[aria-invalid=true],.journey-field textarea[aria-invalid=true],.journey-field select[aria-invalid=true]{border-color:#b42318}.journey-field>small[id]{display:block;font-size:11px;font-weight:400;line-height:1.8;color:#626c75;margin-top:7px}.journey-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.journey-field-grid>.journey-field{margin-bottom:19px}.journey-password-input{display:block;position:relative;margin-top:8px}.journey-password-input>input{margin-top:0;padding-right:44px}.journey-password-input>button{position:absolute;right:2px;top:2px;display:grid;place-items:center;min-height:42px;width:40px;border:0;border-radius:4px;background:transparent;color:#626c75;cursor:pointer}.journey-password-input svg{height:17px;width:17px}.journey-password-input>button[hidden]{display:none}.journey-password-input>button:hover{color:#15171a;background:#f5f7f8}.journey-field-error{font-size:11px;color:#a6251b;line-height:1.85;margin:-9px 0 16px;overflow-wrap:anywhere}.journey-field-error a{color:#765700;text-decoration:underline;text-underline-offset:3px}.journey-company-fields[hidden]{display:none}.journey-contact-preview{border:1px solid #dce3e8;border-radius:6px;margin:1px 0 22px;padding:0 13px;background:#fafbfc}.journey-contact-preview>summary{display:flex;align-items:center;gap:9px;padding:13px 0;cursor:pointer;list-style:none;min-height:57px}.journey-contact-preview>summary::-webkit-details-marker{display:none}.journey-contact-check{display:grid;place-items:center;width:23px;height:23px;border:1px solid #e1d29c;background:#fff7d8;color:#765700;font-size:11px;border-radius:4px;flex-shrink:0}.journey-contact-preview summary strong{font-size:10px;display:block;font-weight:600;color:#414e5a}.journey-contact-preview summary small{font-size:9px;display:block;margin-top:3px;color:#626c75;overflow-wrap:anywhere}.journey-contact-edit{margin-left:auto;font-size:9px;white-space:nowrap;color:#765700}.journey-contact-preview[open]>.journey-contact-fields{padding-top:8px}.journey-contact-preview .journey-field{font-size:11px}.journey-button{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:50px;width:100%;border:1px solid #15171a;background:#15171a;color:#fff;padding:13px 15px;border-radius:5px;font:600 12px/1.7 Inter,Arial,sans-serif;cursor:pointer;text-decoration:none}.journey-button>span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:3px;background:#ffd43b;color:#15171a;font-size:20px;font-weight:400;line-height:1}.journey-button:hover{background:#303940;border-color:#303940}.journey-button:disabled{opacity:.6;cursor:wait}.journey-form-footnote{font-size:10px;color:#626c75;line-height:1.9;text-align:center;margin:12px 3px 0}.journey-account-next{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #e4e9ed;margin-top:21px;padding-top:17px}.journey-note-icon{display:grid;place-items:center;width:15px;height:15px;border:1px solid #8e9ba7;border-radius:50%;font:10px/1 ui-monospace,monospace;color:#657482;flex-shrink:0;margin-top:2px}.journey-account-next p{font-size:11px;line-height:1.9;color:#626c75;margin:0}.journey-footer{display:flex;justify-content:space-between;gap:24px;padding-top:23px;margin-top:47px;border-top:1px solid #e6e9eb;font-size:9px;color:#626c75;line-height:1.8}.journey-footer>span:last-child{font:8px/1.9 ui-monospace,monospace;letter-spacing:1px;white-space:nowrap}.journey-error-summary,.journey-notice{padding:15px 18px;border:1px solid #e8c0ba;border-radius:6px;background:#fff8f7;font-size:12px;line-height:1.9;margin-bottom:25px;color:#7e261e}.journey-error-summary ul{padding-left:18px;margin:8px 0 0}.journey-notice{border-color:#e3d49f;color:#765700;background:#fff9e3}.journey-small-note{font-size:10px;color:#626c75}.journey-program .journey-navigation{margin-bottom:34px}.journey-program-intro{margin-bottom:36px;max-width:650px}.journey-program-intro h1{font-size:36px;line-height:1.2;letter-spacing:-1.2px;font-weight:600;margin:13px 0 14px}.journey-program-intro>p{font-size:13px;line-height:1.9;color:#626c75;margin:0;max-width:570px}.journey-program-grid{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:66px;align-items:start}.journey-program-fields{min-width:0}.journey-application .journey-form-section{min-width:0;margin:0 0 29px;padding:26px 0 0;border:0;border-top:1px solid #dce3e8}.journey-application .journey-form-section:first-child{border-top:2px solid #15171a;padding-top:23px}.journey-form-section legend{float:left;display:flex;gap:13px;align-items:baseline;width:100%;margin:0 0 8px;padding:0;font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.6}.journey-form-section legend>span{font:10px/1.8 ui-monospace,monospace;letter-spacing:0;color:#765700;flex-shrink:0}.journey-section-help{clear:both;font-size:12px!important;line-height:1.9!important;color:#626c75;margin:0 0 23px!important}.journey-required{color:#765700;font-size:12px;margin-left:3px}.journey-field-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:8px;font-weight:400}.journey-field-meta>small{font-size:11px;line-height:1.85;color:#626c75}.journey-field-meta>output{font:9px/1.9 ui-monospace,monospace;white-space:nowrap;color:#626c75}.journey-field-meta>output.is-complete{color:#765700}.journey-more-details{margin:20px 0 0;border-top:1px solid #e4e9ed;padding-top:14px}.journey-more-details summary{font-size:11px;color:#505e6b;line-height:1.8;cursor:pointer;min-height:30px}.journey-more-details summary>span{font-size:10px;color:#626c75;margin-left:7px}.journey-more-details>.journey-field-grid{margin-top:16px}.journey-more-details>p{font-size:11px;line-height:1.9;color:#626c75;margin:12px 0 0}.journey-check,.order-page .journey-check{display:flex;flex-direction:row;align-items:flex-start;gap:11px;margin:18px 0;font-size:12px;font-weight:400;line-height:1.9;color:#4e5c68;cursor:pointer}.journey-check input{width:16px;height:16px;margin:3px 0 0;flex-shrink:0;accent-color:#15171a}.journey-privacy-note{font-size:10px!important;color:#626c75;line-height:1.9!important;margin-top:17px}.journey-offer{position:sticky;top:26px;min-width:0;border:1px solid #dde4e9;border-radius:9px;padding:21px 21px 22px;background:#fff}.journey-offer-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.journey-free-label{font:8px/1.8 ui-monospace,monospace;letter-spacing:.7px;background:#fff7d6;border:1px solid #e9dba5;color:#765700;padding:3px 7px;border-radius:4px}.journey-offer .journey-art{margin:0 -21px}.journey-offer .journey-art-caption{font-size:6px;bottom:5px;left:22px}.journey-offer-name{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding-bottom:19px;border-bottom:1px solid #e2e7eb}.journey-offer-name h2{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.7px;margin:0 0 6px}.journey-offer-name h2>span{color:#d09b00}.journey-offer-name p{font-size:10px;line-height:1.7;color:#626c75;margin:0}.journey-offer-name>strong{font-size:28px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.journey-offer-features{list-style:none;margin:18px 0;padding:0;display:grid;gap:13px;font-size:11px;line-height:1.8;color:#4d5965}.journey-offer-features li{display:flex;gap:9px;align-items:flex-start}.journey-offer-features li>span{font-size:10px;color:#765700;flex-shrink:0}.journey-offer-features strong{font-weight:600;color:#15171a}.journey-offer .journey-domain-receipt{border-top:1px solid #e2e7eb}.journey-offer .journey-domain-receipt strong{font-size:10px}.journey-offer-submit{margin-top:23px}.journey-mobile-submit{display:none}.journey-domain-note{font-size:11px;line-height:1.8;color:#626c75;padding:12px 14px;border-left:2px solid #d09b00;background:#f8f9fa;margin:0 0 22px;overflow-wrap:anywhere}.journey-domain-note strong{color:#15171a;font-weight:500}
@media(max-width:1100px){.journey-page{padding-inline:26px}.journey-account-grid{gap:36px}.journey-account-form{padding-left:30px}.journey-product-heading h1{font-size:32px}.journey-product-specs{gap:10px}.journey-product-specs>div+div{padding-left:10px}.journey-product-specs dd{font-size:20px}.journey-program-grid{gap:35px;grid-template-columns:minmax(0,1fr) 300px}.journey-offer{padding-inline:18px}.journey-offer .journey-art{margin-inline:-18px}.journey-account-paths{gap:12px;font-size:10px}.journey-account-form>h2{font-size:23px}.journey-contact-edit{display:none}}
@media(max-width:800px){.order-journey-guest .order-top{height:74px;padding:20px 22px}.order-journey-guest .order-brand{font-size:23px}.order-journey-guest .journey-header-label{display:none}.journey-header-link{font-size:10px}.journey-header-link strong{margin-left:4px}.journey-page{padding:24px 22px 30px}.journey-navigation{gap:12px;align-items:flex-start;margin-bottom:30px;padding-bottom:20px}.journey-steps{gap:11px;font-size:9px;line-height:1.6}.journey-steps li{gap:6px;align-items:flex-start}.journey-steps li+li:before{display:none}.journey-step-number{min-width:22px;height:22px;flex-shrink:0;font-size:8px}.journey-back{font-size:10px;min-height:28px;gap:5px}.journey-account-grid{grid-template-columns:1fr;gap:29px}.journey-account-form{grid-row:1;border-left:0;padding:0}.journey-account-form>.journey-eyebrow{font-size:8px}.journey-account-form>h2{font-size:28px;letter-spacing:-.9px;margin-top:12px}.journey-intro{font-size:13px;line-height:1.85;margin-bottom:22px}.journey-account-paths{font-size:11px;gap:16px;margin-bottom:23px}.journey-account-paths>a{gap:5px}.journey-account-paths>.is-selected>span{font-size:14px}.journey-field{font-size:13px;margin-bottom:20px}.journey-field input,.journey-field textarea,.journey-field select{font-size:16px;min-height:48px;padding:11px 12px}.journey-password-input>button{height:44px;min-height:44px}.journey-field>small[id]{font-size:11px}.journey-registration .journey-field-grid{gap:12px}.journey-button{font-size:12px;min-height:52px}.journey-account-next p{font-size:11px}.journey-contact-preview summary strong{font-size:11px}.journey-contact-preview summary small{font-size:10px}.journey-product{padding-top:25px;border-top:1px solid #e2e7eb}.journey-product-heading h1{font-size:27px;max-width:none;margin-top:10px}.journey-product-heading p{max-width:none;font-size:12px}.journey-product .journey-art{max-width:365px;margin:0 auto}.journey-art>svg{max-height:260px}.journey-art-caption{font-size:6px}.journey-product-specs dd{font-size:23px}.journey-product-specs dt{font-size:9px}.journey-product-footnote{font-size:11px}.journey-domain-receipt strong{font-size:12px}.journey-footer{margin-top:30px;padding-top:20px;flex-wrap:wrap;gap:10px;font-size:9px}.journey-small-note{display:none}.journey-program .journey-navigation{margin-bottom:29px}.journey-program-intro{margin-bottom:25px}.journey-program-intro h1{font-size:31px;letter-spacing:-1px;margin:11px 0 13px}.journey-program-intro>p{font-size:13px}.journey-program-grid{display:flex;flex-direction:column;gap:29px}.journey-offer{order:-1;position:static;align-self:stretch;padding:17px 18px}.journey-offer-top{margin-bottom:12px}.journey-offer .journey-art{display:none}.journey-offer-name{margin:0;padding-bottom:13px}.journey-offer-name h2{font-size:22px}.journey-offer-name p{display:none}.journey-offer-name>strong{font-size:25px}.journey-offer-features{font-size:11px;gap:8px;margin:13px 0}.journey-offer-features li:last-child{display:none}.journey-offer .journey-domain-receipt{padding:12px 0 0;border-bottom:0}.journey-offer .journey-domain-receipt strong{font-size:11px}.journey-offer .journey-product-footnote{margin-top:12px;font-size:9px}.journey-offer-submit{display:none}.journey-program-fields{width:100%}.journey-application .journey-form-section{margin-bottom:26px;padding-top:23px}.journey-form-section legend{font-size:18px;gap:10px}.journey-section-help{font-size:12px!important}.journey-field-meta>small{font-size:11px}.journey-check,.order-page .journey-check{font-size:12px;line-height:1.9;gap:12px;margin:20px 0}.journey-check input{width:17px;height:17px;margin-top:3px}.journey-more-details summary{font-size:11px;min-height:38px}.journey-mobile-submit{display:block;border-top:1px solid #dde4e9;padding-top:24px}.journey-field-meta{gap:10px}.journey-field-meta>output{font-size:8px}.journey-offer .journey-eyebrow{font-size:8px}}
@media(max-width:420px){.journey-registration .journey-field-grid,.journey-program .journey-field-grid,.journey-application .journey-field-grid{grid-template-columns:1fr;gap:0}.journey-navigation{flex-wrap:wrap}.journey-account .journey-navigation{margin-bottom:24px}.journey-steps{gap:16px}.journey-account-paths{gap:12px;font-size:10px}.journey-product-label>div>span{font-size:9px}.journey-product-specs{gap:9px}.journey-product-specs>div+div{padding-left:9px}.journey-product-specs dd{font-size:21px}.journey-contact-preview{padding-inline:11px}.journey-contact-preview summary strong{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.journey-button,.journey-field input,.journey-field select,.journey-field textarea{transition:background-color .15s,border-color .15s}.journey-header-link,.journey-back{transition:color .15s}}

/* Hosting configurator */
.hosting-studio { max-width: 1200px; padding-top: 28px; }
.hosting-studio .journey-navigation { margin-bottom: 24px; padding-bottom: 22px; }
.hosting-studio .journey-steps { font-size: 12px; }
.hosting-intro { display: flex; justify-content: space-between; align-items: center; gap: 32px; margin-bottom: 24px; }
.hosting-intro h1 { font-size: 34px; font-weight: 600; line-height: 1.25; letter-spacing: -1.1px; margin: 12px 0; }
.hosting-intro p { font-size: 14px; line-height: 1.8; color: #626c75; margin: 0; }
.hosting-intro .journey-eyebrow { font-size: 10px; letter-spacing: 1px; }
.hosting-intro-art { width: 190px; height: 148px; flex-shrink: 0; overflow: hidden; }
.hosting-intro-art .journey-art { margin: -5px 0 0; }
.hosting-intro-art .journey-art-caption { display: none; }
.hosting-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; }
.hosting-choices { min-width: 0; }
.hosting-section { min-width: 0; border: 1px solid #e1e5e8; border-radius: 12px; margin: 0; padding: 26px; background: #fff; }
.hosting-section legend { float: left; display: flex; align-items: center; gap: 10px; width: 100%; padding: 0; margin: 0 0 9px; font-size: 19px; line-height: 1.5; font-weight: 600; letter-spacing: -.3px; }
.hosting-section legend > span { display: grid; place-items: center; width: 25px; height: 25px; font-size: 12px; font-weight: 500; border: 1px solid #dce1e5; border-radius: 50%; color: #626c75; }
.hosting-section-description { clear: both; font-size: 13px; line-height: 1.8; color: #626c75; margin: 0 0 24px; }
.hosting-plan-section { grid-column: 1 / -1; padding: 0; border: 0; }
.hosting-plan-toolbar { clear: both; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 22px; }
.hosting-plan-toolbar .hosting-section-description { margin: 0; }
.hosting-period-options { display: flex; gap: 4px; padding: 4px; background: #f2f4f5; border: 1px solid #e6e9eb; border-radius: 8px; flex-shrink: 0; }
.hosting-period-options label { position: relative; cursor: pointer; }
.hosting-period-options input, .hosting-plan-choice > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.hosting-period-options label > span { display: block; padding: 8px 19px; font-size: 12px; font-weight: 500; border: 1px solid transparent; border-radius: 5px; color: #626c75; line-height: 1.5; }
.hosting-period-options input:checked + span { background: #fff; color: #15171a; border-color: #dce1e5; box-shadow: 0 1px 3px #15171a0d; }
.hosting-period-options input:focus-visible + span, .hosting-plan-choice input:focus-visible + .hosting-plan-face { outline: 3px solid #d09b00; outline-offset: 4px; }
.hosting-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hosting-plan-choice { display: block; position: relative; cursor: pointer; min-width: 0; }
.hosting-plan-face { display: flex; flex-direction: column; height: 100%; border: 1px solid #d9dfe3; border-radius: 10px; padding: 23px 24px 0; background: #fff; transition: border-color .16s, box-shadow .16s; overflow: hidden; }
.hosting-plan-topline { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 12px; line-height: 1.5; color: #626c75; }
.hosting-radio-dot { position: relative; display: inline-block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #a0a9b0; background: #fff; flex-shrink: 0; }
.hosting-plan-name { font-size: 23px; font-weight: 600; line-height: 1.4; letter-spacing: -.6px; margin-top: 13px; }
.hosting-plan-purpose { color: #626c75; font-size: 13px; line-height: 1.7; margin: 6px 0 20px; }
.hosting-plan-price { display: flex; align-items: baseline; gap: 3px; font-size: 14px; line-height: 1.5; white-space: nowrap; }
.hosting-plan-price strong { font-size: 31px; font-weight: 600; letter-spacing: -1px; }
.hosting-plan-price small { font-size: 12px; color: #626c75; margin-left: 3px; }
.hosting-plan-resources { display: grid; gap: 9px; font-size: 13px; line-height: 1.7; margin: 21px 0 24px; padding-top: 18px; border-top: 1px solid #e9ecee; color: #626c75; }
.hosting-plan-resources > span::before { content: '✓'; font-size: 12px; margin-right: 9px; color: #7b858c; }
.hosting-plan-resources strong { font-weight: 500; color: #15171a; }
.hosting-plan-state { display: block; margin: auto -24px 0; padding: 13px 24px; border-top: 1px solid #e3e7ea; font-size: 12px; font-weight: 500; background: #f8f9fa; }
.hosting-plan-state > span { display: flex; justify-content: space-between; align-items: center; }
.hosting-plan-state .hosting-plan-selected { display: none; }
.hosting-plan-choice:hover .hosting-plan-face { border-color: #78838b; }
.hosting-plan-choice input:checked + .hosting-plan-face { border-color: #15171a; box-shadow: 0 0 0 1px #15171a; }
.hosting-plan-choice input:checked + .hosting-plan-face .hosting-radio-dot { background: #15171a; border-color: #15171a; }
.hosting-plan-choice input:checked + .hosting-plan-face .hosting-radio-dot::after { content: '✓'; position: absolute; inset: 0; display: grid; place-items: center; color: #ffd43b; font-size: 11px; }
.hosting-plan-choice input:checked + .hosting-plan-face .hosting-plan-state { background: #15171a; border-color: #15171a; color: #fff; }
.hosting-plan-choice input:checked + .hosting-plan-face .hosting-plan-selected { display: flex; }
.hosting-plan-choice input:checked + .hosting-plan-face .hosting-plan-selected > span { color: #ffd43b; }
.hosting-plan-choice input:checked + .hosting-plan-face .hosting-plan-unselected { display: none; }
.hosting-period-help { font-size: 12px; line-height: 1.8; margin: 14px 0 0; color: #626c75; }
.hosting-community-link { display: flex; align-items: center; gap: 12px; border: 1px solid #e5e8eb; border-radius: 8px; padding: 15px 18px; margin-top: 20px; color: #15171a !important; }
.hosting-community-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 6px; background: #fff6d4; color: #765700; font-size: 17px; flex-shrink: 0; }
.hosting-community-link > span:nth-child(2) { display: flex; align-items: baseline; flex: 1; gap: 8px; flex-wrap: wrap; }
.hosting-community-link strong { font-size: 12px; font-weight: 500; }
.hosting-community-link small { font-size: 12px; color: #626c75; }
.hosting-community-link:hover { border-color: #a6afb5; }
.hosting-community-link > span:last-child { color: #626c75; }
.hosting-studio .journey-field { display: block; font-size: 13px; font-weight: 500; margin-bottom: 23px; }
.hosting-studio .journey-field input, .hosting-studio .journey-field textarea { display: block; margin-top: 9px; font-size: 14px; width: 100%; border-color: #acb5bd; border-radius: 6px; }
.hosting-studio .journey-field input { min-height: 48px; }
.hosting-studio .journey-field textarea { min-height: 118px; }
.hosting-studio .journey-field > small { display: block; color: #626c75; font-size: 12px; font-weight: 400; line-height: 1.8; margin-top: 9px; }
.hosting-studio .journey-field .community-field-error { color: #9b2821; }
.hosting-studio .hosting-optional { color: #626c75; font-size: 12px; font-weight: 400; margin-left: 6px; }
.hosting-idea-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: -7px; }
.hosting-idea-chips[hidden] { display: none; }
.hosting-idea-chips > span { font-size: 12px; color: #626c75; margin-right: 3px; }
.hosting-idea-chips button { cursor: pointer; border: 1px solid #dce1e5; border-radius: 5px; background: #fff; color: #4c5760; padding: 8px 10px; min-height: 36px; font-size: 11px; line-height: 1.5; }
.hosting-idea-chips button > span { color: #626c75; margin-left: 5px; }
.hosting-idea-chips button:hover { border-color: #15171a; color: #15171a; background: #f8f9fa; }
.hosting-receipt { position: sticky; top: 24px; border: 1px solid #e1e5e8; border-radius: 12px; background: #f8f9fa; padding: 26px; min-width: 0; }
.hosting-receipt-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hosting-receipt-label { font-size: 14px; font-weight: 600; }
.hosting-receipt-stamp { border: 1px solid #dce1e5; padding: 3px 7px; border-radius: 4px; color: #626c75; font-size: 10px; background: #fff; }
.hosting-receipt h2 { font-size: 24px; letter-spacing: -.6px; line-height: 1.4; font-weight: 600; margin: 24px 0 3px; }
.hosting-receipt-subtitle { font-size: 12px; color: #626c75; margin: 0 0 20px; }
.hosting-receipt-resources { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: #626c75; margin-bottom: 23px; }
.hosting-receipt-resources strong { color: #15171a; font-weight: 500; }
.hosting-receipt-price { border-top: 1px solid #dde2e6; border-bottom: 1px solid #dde2e6; padding: 20px 0; }
.hosting-receipt-price > span { font-size: 12px; color: #626c75; }
.hosting-receipt-price > div { display: flex; align-items: baseline; gap: 3px; font-size: 15px; margin-top: 6px; }
.hosting-receipt-price strong { font-size: 34px; letter-spacing: -1.2px; line-height: 1.4; font-weight: 600; }
.hosting-receipt-price small { color: #626c75; font-size: 12px; margin-left: 3px; white-space: nowrap; }
.hosting-receipt-price p { color: #626c75; font-size: 12px; line-height: 1.8; margin: 8px 0 0; }
.hosting-receipt-domain { display: flex; align-items: baseline; gap: 10px; margin: 20px 0; }
.hosting-receipt-domain > span { color: #626c75; }
.hosting-receipt-domain > div { min-width: 0; }
.hosting-receipt-domain small { color: #626c75; font-size: 12px; display: block; margin-bottom: 5px; }
.hosting-receipt-domain strong { font-size: 12px; line-height: 1.8; font-weight: 500; overflow-wrap: anywhere; }
.hosting-receipt-note { color: #626c75; font-size: 12px; line-height: 1.8; margin: 0 0 22px; }
.hosting-receipt .journey-button { min-height: 48px; font-size: 13px; border-radius: 6px; }
.hosting-receipt .journey-form-footnote { font-size: 11px; line-height: 1.8; }
.hosting-receipt-assurance { display: flex; align-items: baseline; gap: 7px; color: #626c75; font-size: 11px; line-height: 1.8; margin-top: 20px; padding-top: 16px; border-top: 1px solid #dde2e6; }
.hosting-receipt-assurance > span { color: #765700; }
.hosting-studio .journey-footer { margin-top: 32px; font-size: 11px; }
@media (max-width: 1050px) {
    .hosting-checkout { grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; }
    .hosting-plan-face { padding: 20px 19px 0; }
    .hosting-plan-state { margin-inline: -19px; padding-inline: 19px; }
    .hosting-plan-price strong { font-size: 28px; }
    .hosting-plan-purpose { font-size: 12px; min-height: 41px; }
    .hosting-section, .hosting-receipt { padding: 23px; }
    .hosting-plan-section { padding: 0; }
    .hosting-intro h1 { font-size: 30px; }
    .hosting-intro-art { width: 160px; height: 130px; }
}
@media (max-width: 800px) {
    .hosting-studio { padding-top: 23px; }
    .hosting-studio .journey-steps { font-size: 10px; }
    .hosting-intro { gap: 20px; margin-bottom: 28px; }
    .hosting-intro h1 { font-size: 29px; }
    .hosting-intro-art { width: 125px; height: 106px; }
    .hosting-checkout { grid-template-columns: 1fr; gap: 24px; }
    .hosting-plan-grid { gap: 12px; }
    .hosting-plan-price { flex-wrap: wrap; gap: 2px; }
    .hosting-plan-price strong { font-size: 25px; }
    .hosting-plan-price small { font-size: 11px; }
    .hosting-plan-face { padding: 18px 15px 0; }
    .hosting-plan-state { margin-inline: -15px; padding-inline: 15px; }
    .hosting-plan-resources { font-size: 12px; }
    .hosting-receipt { position: static; }
    .hosting-plan-purpose { min-height: 61px; }
}
@media (max-width: 600px) {
    .hosting-studio .journey-navigation { margin-bottom: 24px; }
    .hosting-studio .journey-steps { font-size: 9px; }
    .hosting-studio .journey-small-note { display: none; }
    .hosting-intro { margin-bottom: 28px; }
    .hosting-intro-art { display: none; }
    .hosting-intro h1 { font-size: 30px; line-height: 1.25; letter-spacing: -.9px; max-width: 330px; margin: 11px 0; }
    .hosting-intro p { font-size: 13px; line-height: 1.8; }
    .hosting-plan-toolbar { flex-direction: column; align-items: stretch; gap: 16px; margin-bottom: 18px; }
    .hosting-period-options { align-self: start; }
    .hosting-period-options label > span { padding: 8px 23px; font-size: 13px; }
    .hosting-section legend { font-size: 18px; }
    .hosting-plan-grid { grid-template-columns: 1fr; gap: 14px; }
    .hosting-plan-face { padding: 18px 19px 0; }
    .hosting-plan-topline { font-size: 12px; }
    .hosting-plan-name { font-size: 23px; margin-top: 8px; }
    .hosting-plan-purpose { font-size: 13px; min-height: 0; margin-bottom: 14px; }
    .hosting-plan-price { flex-wrap: nowrap; }
    .hosting-plan-price strong { font-size: 30px; }
    .hosting-plan-price small { font-size: 12px; }
    .hosting-plan-resources { grid-template-columns: 1fr 1fr; font-size: 12px; gap: 6px 10px; margin: 15px 0 17px; padding-top: 13px; }
    .hosting-plan-resources > span:first-child { grid-column: 1 / -1; }
    .hosting-plan-state { margin-inline: -19px; padding: 11px 19px; }
    .hosting-community-link { padding: 14px; }
    .hosting-community-link > span:nth-child(2) { gap: 3px; }
    .hosting-community-link small { font-size: 11px; line-height: 1.7; }
    .hosting-section, .hosting-receipt { padding: 20px; }
    .hosting-plan-section { padding: 0; }
    .hosting-studio .journey-field input, .hosting-studio .journey-field textarea { font-size: 16px; }
    .hosting-studio .journey-field > small { font-size: 12px; }
    .hosting-idea-chips > span { width: 100%; }
    .hosting-idea-chips button { font-size: 11px; min-height: 42px; }
    .hosting-receipt h2 { margin-top: 18px; }
    .hosting-receipt-price strong { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .hosting-plan-face { transition: none; }
}
@media (max-width: 600px) {
    .hosting-plan-face { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; padding: 15px 17px 0; }
    .hosting-plan-topline { grid-column: 1 / -1; }
    .hosting-plan-name { grid-column: 1; grid-row: 2; margin-top: 9px; font-size: 22px; }
    .hosting-plan-price { grid-column: 2; grid-row: 2; justify-content: flex-end; align-self: end; margin-top: 9px; font-size: 11px; }
    .hosting-plan-price strong { font-size: 25px; }
    .hosting-plan-price small { font-size: 10px; }
    .hosting-plan-purpose { grid-column: 1 / -1; margin: 6px 0 0; font-size: 12px; }
    .hosting-plan-resources { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; font-size: 11px; margin: 12px 0 14px; padding-top: 12px; }
    .hosting-plan-resources > span:first-child { grid-column: auto; }
    .hosting-plan-resources > span::before { display: none; }
    .hosting-plan-resources strong { display: block; }
    .hosting-plan-state { grid-column: 1 / -1; margin: 0 -17px; padding: 10px 17px; }
}
@media (max-width: 360px) {
    .hosting-plan-name { font-size: 20px; }
    .hosting-plan-price strong { font-size: 22px; }
    .hosting-plan-price small { font-size: 9px; }
}

/* Separate site navigation, page introduction, and order controls. */
.journey-site-header {
    background: #15171a;
    color: #fff;
    border-bottom: 1px solid #343a40;
}
.journey-site-header .order-top {
    height: 80px;
    border: 0;
}
.journey-site-header .order-brand { color: #fff; }
.journey-site-header .order-brand-dot { color: #ffd43b; }
.journey-site-header .journey-header-label,
.journey-site-header .order-top-hint { color: #c4cbd0; }
.journey-site-header .journey-header-link { color: #c4cbd0 !important; }
.journey-site-header .journey-header-link strong { color: #fff; }
.journey-site-header .journey-header-link strong > span { color: #ffd43b; }
.journey-site-header .journey-header-link:hover { color: #ffd43b !important; }
.journey-site-header a:focus-visible { outline: 3px solid #ffd43b; outline-offset: 6px; border-radius: 3px; }
.hosting-studio .journey-navigation { margin-bottom: 28px; }
.hosting-studio .hosting-intro {
    padding: 24px 28px;
    margin-bottom: 32px;
    border: 1px solid #e1e5e8;
    border-radius: 12px;
    background: #f7f8f9;
    min-height: 178px;
}
.hosting-studio .hosting-intro h1 { font-size: 32px; }
@media (max-width: 800px) {
    .journey-site-header .order-top { height: 74px; }
    .hosting-studio .hosting-intro { padding: 22px; min-height: 154px; }
    .hosting-studio .hosting-intro h1 { font-size: 28px; }
}
@media (max-width: 600px) {
    .hosting-studio .journey-navigation { margin-bottom: 22px; }
    .hosting-studio .hosting-intro { padding: 22px 20px; margin-bottom: 28px; min-height: 0; }
    .hosting-studio .hosting-intro h1 { font-size: 27px; line-height: 1.3; }
    .journey-site-header .order-top-hint { display: none; }
}

/* Quiet infrastructure details, confined to the page introduction. */
.journey-site-header .order-top { position: relative; }
.journey-site-header .order-top::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 38px;
    width: 52px;
    height: 2px;
    background: #ffd43b;
}
.journey-site-header .journey-header-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
}
.journey-site-header .journey-header-label::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #d3b345;
    box-shadow: inset 0 0 0 2px #15171a;
    background: #ffd43b;
}
.hosting-studio .hosting-intro { position: relative; isolation: isolate; overflow: hidden; }
.hosting-studio .hosting-intro::after {
    content: '';
    position: absolute;
    z-index: -2;
    inset: 0 0 0 62%;
    background-image: radial-gradient(circle, #cfd6dc 0.8px, transparent 0.8px);
    background-size: 18px 18px;
    opacity: .65;
}
.hosting-topology {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    color: #d3dae0;
    pointer-events: none;
}
.hosting-intro .journey-eyebrow::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-right: 9px;
    border-left: 2px solid #d09b00;
    border-right: 2px solid #d09b00;
    vertical-align: 1px;
}
@media (max-width: 800px) {
    .journey-site-header .journey-header-label { display: none; }
    .journey-site-header .order-top::after { left: 22px; }
}
@media (max-width: 600px) {
    .hosting-studio .hosting-intro::after { inset: 0 0 0 89%; opacity: .45; }
    .hosting-topology { display: none; }
}

/* Color belongs to the package cards; the surrounding workspace stays white. */
.hosting-plan-choice .hosting-plan-face {
    background: #eef2f5;
    border-color: #d3dce4;
}
.hosting-plan-choice .hosting-plan-resources,
.hosting-plan-choice .hosting-plan-state {
    border-color: #d7dfe5;
}
.hosting-plan-choice .hosting-plan-state { background: #e5ebf0; }
.hosting-studio .hosting-plan-choice input:checked + .hosting-plan-face {
    background: #fff6d4;
    box-shadow: inset 0 3px 0 #ffd43b, 0 0 0 1px #15171a;
}
.hosting-studio .hosting-plan-choice input:checked + .hosting-plan-face .hosting-plan-resources {
    border-color: #e4d9b0;
}

/* Keep package details and form guidance readable on every card color. */
.hosting-studio .hosting-plan-face { color: #15171a; }
.hosting-studio .hosting-plan-topline,
.hosting-studio .hosting-plan-purpose,
.hosting-studio .hosting-plan-resources,
.hosting-studio .hosting-section-description,
.hosting-studio .hosting-period-help,
.hosting-studio .hosting-intro p,
.hosting-studio .hosting-optional {
    color: #46525d;
}
.hosting-studio .hosting-plan-topline { font-size: 13px; }
.hosting-studio .hosting-plan-purpose { font-size: 14px; line-height: 1.8; min-height: 50px; }
.hosting-studio .hosting-plan-resources { font-size: 14px; line-height: 1.8; }
.hosting-studio .hosting-plan-resources strong { font-weight: 600; }
.hosting-studio .hosting-plan-price small { font-size: 13px; color: #46525d; }
.hosting-studio .hosting-plan-state { font-size: 13px; font-weight: 600; }
.hosting-studio .hosting-section-description,
.hosting-studio .hosting-intro p { font-size: 15px; }
.hosting-studio .hosting-period-help,
.hosting-studio .hosting-community-link strong,
.hosting-studio .hosting-community-link small { font-size: 13px; }
.hosting-studio .journey-field { font-size: 14px; font-weight: 600; }
.hosting-studio .journey-field > small { font-size: 14px; color: #46525d; }
.hosting-studio .hosting-optional { font-size: 13px; color: #46525d; }
.hosting-studio .journey-field input::placeholder,
.hosting-studio .journey-field textarea::placeholder { color: #596671; opacity: 1; }
.hosting-studio .hosting-idea-chips > span,
.hosting-studio .hosting-idea-chips button { font-size: 13px; }
.hosting-studio .hosting-receipt-subtitle,
.hosting-studio .hosting-receipt-resources,
.hosting-studio .hosting-receipt-price > span,
.hosting-studio .hosting-receipt-price p,
.hosting-studio .hosting-receipt-domain small,
.hosting-studio .hosting-receipt-domain strong,
.hosting-studio .hosting-receipt-note { font-size: 14px; color: #46525d; }
.hosting-studio .hosting-receipt-price small { font-size: 13px; color: #46525d; }
.hosting-studio .hosting-receipt-assurance,
.hosting-studio .hosting-receipt .journey-form-footnote { font-size: 12px; color: #46525d; }
.hosting-studio .hosting-receipt-stamp { font-size: 12px; color: #46525d; }
.hosting-studio .journey-footer { font-size: 12px; color: #46525d; }
@media (max-width: 800px) {
    .hosting-studio .hosting-plan-grid { grid-template-columns: 1fr; }
    .hosting-studio .hosting-plan-face { padding: 20px 22px 0; }
    .hosting-studio .hosting-plan-name { font-size: 23px; }
    .hosting-studio .hosting-plan-purpose { min-height: 0; }
    .hosting-studio .hosting-plan-price { flex-wrap: nowrap; }
    .hosting-studio .hosting-plan-price strong { font-size: 31px; }
    .hosting-studio .hosting-plan-resources { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .hosting-studio .hosting-plan-resources > span::before { display: none; }
    .hosting-studio .hosting-plan-resources strong { display: block; }
    .hosting-studio .hosting-plan-state { margin-inline: -22px; padding-inline: 22px; }
}
@media (max-width: 600px) {
    .hosting-studio .hosting-plan-face { display: flex; }
    .hosting-studio .hosting-plan-name { margin-top: 10px; }
    .hosting-studio .hosting-plan-purpose { margin: 6px 0 16px; }
    .hosting-studio .hosting-plan-price { display: flex; justify-content: flex-start; align-self: stretch; text-align: left; margin-top: 0; }
    .hosting-studio .hosting-plan-price small { display: inline; }
    .hosting-studio .hosting-plan-resources { gap: 8px; font-size: 13px; margin: 17px 0 20px; padding-top: 15px; }
    .hosting-studio .hosting-plan-state { margin-top: auto; }
}

/* The provider brand is independent of the application's workspace name. */
.order-brand-group { display: flex; align-items: center; gap: 22px; min-width: 0; }
.order-brand-group .order-brand { flex-shrink: 0; }
.order-brand-tagline {
    display: block;
    border-left: 1px solid #cbd2d8;
    padding-left: 22px;
    color: #46525d;
    font-size: 12px;
    line-height: 1.65;
    letter-spacing: .1px;
    white-space: nowrap;
}
.order-brand-tagline strong { display: block; font-size: 13px; font-weight: 600; color: #15171a; }
.order-brand-tagline small { display: block; font-size: 12px; margin-top: 2px; }
.journey-site-header .order-brand-tagline { color: #c4cbd0; border-color: #454c52; }
.journey-site-header .order-brand-tagline strong { color: #fff; }
@media (max-width: 600px) {
    .order-brand-group { gap: 16px; }
    .order-brand-tagline { padding-left: 16px; font-size: 12px; white-space: normal; }
    .journey-site-header .order-top { height: auto; min-height: 86px; padding-block: 17px; }
    .journey-site-header .order-top:has(.journey-header-link) { height: auto; min-height: 90px; flex-wrap: wrap; gap: 12px; padding-block: 17px; }
    .journey-site-header .order-top:has(.journey-header-link) .order-brand-group { flex-basis: 100%; }
    .journey-site-header .journey-header-link { font-size: 12px; padding-block: 5px; }
}