.makeit-m365-wizard {
            --makeit-accent: #285b83;
            --makeit-text: #242424;
            --makeit-muted: #6c6c6c;
            --makeit-border: #dedede;
            --makeit-surface: #ffffff;
            --makeit-soft: #eef5fa;
            --makeit-error: #a51e1e;
            --makeit-success: #26713a;
            color: var(--makeit-text);
            max-width: 1180px;
            margin: 0 auto;
        }

        .makeit-m365-wizard * {
            box-sizing: border-box;
        }

        .makeit-m365-wizard .makeit-hosting__layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 300px;
            gap: 30px;
            align-items: start;
        }

        .makeit-m365-wizard .makeit-hosting__main {
            min-width: 0;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar {
            position: sticky;
            top: 24px;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-card {
            border: 1px solid var(--makeit-border);
            border-radius: 12px;
            background: var(--makeit-surface);
            overflow: hidden;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-heading {
            display: grid;
            gap: 3px;
            padding: 17px 18px 14px;
            border-bottom: 1px solid var(--makeit-border);
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-progress {
            color: var(--makeit-muted);
            font-size: .86rem;
        }

        .makeit-m365-wizard .makeit-hosting__todo {
            padding: 5px 0;
        }

        .makeit-m365-wizard .makeit-hosting__todo-item {
            width: 100%;
            display: grid;
            grid-template-columns: 27px minmax(0, 1fr) auto;
            gap: 10px;
            align-items: start;
            padding: 11px 15px;
            border: 0;
            background: transparent;
            color: var(--makeit-text);
            text-align: left;
            font: inherit;
        }

        .makeit-m365-wizard .makeit-hosting__todo-item.is-current {
            background: var(--makeit-soft);
        }

        .makeit-m365-wizard .makeit-hosting__todo-item.is-available {
            cursor: pointer;
        }

        .makeit-m365-wizard .makeit-hosting__todo-status {
            width: 24px;
            height: 24px;
            border: 1px solid var(--makeit-border);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .78rem;
            font-weight: 700;
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__todo-item.is-current .makeit-hosting__todo-status {
            border-color: var(--makeit-accent);
            background: var(--makeit-accent);
            color: #fff;
        }

        .makeit-m365-wizard .makeit-hosting__todo-item.is-complete .makeit-hosting__todo-status {
            border-color: var(--makeit-accent);
            color: var(--makeit-accent);
        }

        .makeit-m365-wizard .makeit-hosting__todo-copy {
            min-width: 0;
            display: grid;
            gap: 2px;
        }

        .makeit-m365-wizard .makeit-hosting__todo-copy small {
            color: var(--makeit-muted);
            line-height: 1.35;
            overflow-wrap: anywhere;
        }

        .makeit-m365-wizard .makeit-hosting__todo-change {
            display: none;
            color: var(--makeit-accent);
            font-size: .78rem;
            font-weight: 700;
            padding-top: 2px;
        }

        .makeit-m365-wizard .makeit-hosting__todo-item.is-complete .makeit-hosting__todo-change {
            display: inline;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-totals {
            padding: 13px 18px 16px;
            border-top: 1px solid var(--makeit-border);
            background: var(--makeit-soft);
            display: grid;
            gap: 8px;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-totals > div {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            font-size: .88rem;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-totals strong {
            text-align: right;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-quarterly-row {
            margin: 3px 0;
            padding: 9px 0;
            border-top: 1px solid var(--makeit-border);
            border-bottom: 1px solid var(--makeit-border);
            font-size: .94rem !important;
            font-weight: 700;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-quarterly-row span small {
            display: block;
            margin-top: 2px;
            color: var(--makeit-muted);
            font-size: 0.72rem;
            font-weight: 400;
        }

        .makeit-m365-wizard .makeit-hosting__sidebar-quarterly-row strong {
            color: var(--makeit-accent);
        }

        .makeit-m365-wizard .makeit-hosting__intro {
            margin-bottom: 26px;
        }

        .makeit-m365-wizard .makeit-hosting__eyebrow {
            color: var(--makeit-accent);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .08em;
            font-size: .82rem;
            margin-bottom: 8px;
        }

        .makeit-m365-wizard .makeit-hosting__intro h2 {
            margin: 0 0 10px;
        }

        .makeit-m365-wizard .makeit-hosting__price-display {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 9px 12px;
            margin: 16px 0 9px;
            font-size: .9rem;
        }

        .makeit-m365-wizard .makeit-hosting__price-display > span {
            color: var(--makeit-muted);
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__price-toggle {
            display: inline-flex;
            padding: 3px;
            border: 1px solid var(--makeit-border);
            border-radius: 999px;
            background: var(--makeit-soft);
        }

        .makeit-m365-wizard .makeit-hosting__price-toggle button {
            border: 0;
            border-radius: 999px;
            padding: 6px 11px;
            background: transparent;
            color: var(--makeit-muted);
            cursor: pointer;
            font: inherit;
            font-weight: 600;
            line-height: 1.2;
        }

        .makeit-m365-wizard .makeit-hosting__price-toggle button.is-active {
            background: var(--makeit-accent);
            color: #fff;
        }


        .makeit-m365-wizard .makeit-hosting__terms-note,
        .makeit-m365-wizard .makeit-hosting__hint,
        .makeit-m365-wizard .makeit-hosting__field small {
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__progress {
            border: 1px solid var(--makeit-border);
            border-radius: 12px;
            padding: 16px 18px;
            margin-bottom: 24px;
            background: var(--makeit-surface);
        }

        .makeit-m365-wizard .makeit-hosting__progress-head {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 10px;
        }

        .makeit-m365-wizard .makeit-hosting__progress-label {
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__progress-track {
            height: 6px;
            border-radius: 99px;
            background: #ece9e1;
            overflow: hidden;
        }

        .makeit-m365-wizard .makeit-hosting__progress-bar {
            display: block;
            height: 100%;
            width: 20%;
            background: var(--makeit-accent);
            transition: width .2s ease;
        }

        .makeit-m365-wizard .makeit-hosting__panel {
            display: none;
            border-top: 1px solid var(--makeit-border);
            padding: 30px 0 12px;
        }

        .makeit-m365-wizard .makeit-hosting__panel.is-active {
            display: block;
        }

        .makeit-m365-wizard .makeit-hosting__section-head {
            display: flex;
            gap: 16px;
            align-items: flex-start;
            margin-bottom: 22px;
        }

        .makeit-m365-wizard .makeit-hosting__section-head h3 {
            margin: 2px 0 4px;
        }

        .makeit-m365-wizard .makeit-hosting__section-head p {
            margin: 0;
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__step {
            flex: 0 0 34px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: var(--makeit-accent);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel {
            min-width: 0;
        }

        .makeit-m365-wizard .makeit-hosting__packages {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel.is-enabled .makeit-hosting__package-viewport {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            scrollbar-width: none;
            overscroll-behavior-x: contain;
            /* Leave room for the package-card hover lift so the top border is not clipped. */
            padding-top: 3px;
            margin-top: -3px;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel.is-enabled .makeit-hosting__package-viewport::-webkit-scrollbar {
            display: none;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel.is-enabled .makeit-hosting__packages {
            grid-template-columns: none;
            grid-auto-flow: column;
            grid-auto-columns: calc((100% - 36px) / 3);
        }

        .makeit-m365-wizard .makeit-hosting__package-card {
            display: block;
            min-width: 0;
            cursor: pointer;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel.is-enabled .makeit-hosting__package-card {
            scroll-snap-align: start;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: 16px;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel-button {
            width: 38px;
            height: 38px;
            padding: 0;
            border: 1px solid var(--makeit-accent);
            border-radius: 50%;
            background: #fff;
            color: var(--makeit-accent);
            cursor: pointer;
            font: inherit;
            font-size: 1.65rem;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: background .15s ease, color .15s ease, opacity .15s ease;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel-button:hover:not([disabled]) {
            background: var(--makeit-accent);
            color: #fff;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel-button[disabled] {
            opacity: .32;
            cursor: not-allowed;
        }

        .makeit-m365-wizard .makeit-hosting__package-carousel-status {
            min-width: 82px;
            text-align: center;
            color: var(--makeit-muted);
            font-size: .9rem;
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__package-card > input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .makeit-m365-wizard .makeit-hosting__package-inner {
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 22px;
            border: 1px solid var(--makeit-border);
            border-radius: 12px;
            background: var(--makeit-surface);
            transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
        }

        .makeit-m365-wizard .makeit-hosting__package-card:hover .makeit-hosting__package-inner {
            transform: translateY(-2px);
        }

        .makeit-m365-wizard .makeit-hosting__package-card > input:checked + .makeit-hosting__package-inner {
            border-color: var(--makeit-accent);
            box-shadow: 0 0 0 2px rgba(177, 138, 50, .15);
        }

        .makeit-m365-wizard .makeit-hosting__package-title {
            font-size: 1.18rem;
            font-weight: 700;
        }

        .makeit-m365-wizard .makeit-hosting__price {
            display: block;
            font-size: 1.65rem;
            font-weight: 700;
            margin: 14px 0 18px;
        }

        .makeit-m365-wizard .makeit-hosting__price small {
            font-size: .8rem;
            color: var(--makeit-muted);
            font-weight: 400;
        }

        .makeit-m365-wizard .makeit-hosting__features {
            display: grid;
            gap: 7px;
            margin-bottom: 18px;
        }

        .makeit-m365-wizard .makeit-hosting__features span {
            display: block;
        }

        .makeit-m365-wizard .makeit-hosting__setup {
            margin-top: auto;
            padding-top: 14px;
            border-top: 1px solid var(--makeit-border);
            color: var(--makeit-muted);
            font-size: .9rem;
            display: grid;
            gap: 3px;
        }

        .makeit-m365-wizard .makeit-hosting__setup-prices {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            gap: 7px;
        }

        .makeit-m365-wizard .makeit-hosting__setup-regular-price {
            color: #aaa;
            text-decoration: line-through;
            text-decoration-thickness: 1px;
            white-space: nowrap;
        }

        .makeit-m365-wizard .makeit-hosting__setup strong {
            color: var(--makeit-text);
            font-weight: 600;
            white-space: nowrap;
        }

        .makeit-m365-wizard .makeit-hosting__choose {
            margin-top: 14px;
            text-align: center;
            padding: 10px 14px;
            border-radius: 7px;
            background: var(--makeit-soft);
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__package-card > input:checked + .makeit-hosting__package-inner .makeit-hosting__choose {
            background: var(--makeit-accent);
            color: #fff;
        }

        .makeit-m365-wizard .makeit-hosting__choice-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-bottom: 20px;
        }

        .makeit-m365-wizard .makeit-hosting__choice {
            position: relative;
            cursor: pointer;
        }

        .makeit-m365-wizard .makeit-hosting__choice > input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .makeit-m365-wizard .makeit-hosting__choice > span {
            display: block;
            height: 100%;
            border: 1px solid var(--makeit-border);
            border-radius: 10px;
            padding: 16px;
            background: #fff;
            transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
        }

        .makeit-m365-wizard .makeit-hosting__choice:hover > span,
        .makeit-m365-wizard .makeit-hosting__choice:active > span {
            transform: translateY(-2px);
        }

        .makeit-m365-wizard .makeit-hosting__choice > input:checked + span {
            border-color: var(--makeit-accent);
            box-shadow: 0 0 0 2px rgba(177, 138, 50, .15);
        }

        .makeit-m365-wizard .makeit-hosting__choice strong,
        .makeit-m365-wizard .makeit-hosting__choice small {
            display: block;
        }

        .makeit-m365-wizard .makeit-hosting__choice small {
            color: var(--makeit-muted);
            margin-top: 5px;
        }

        .makeit-m365-wizard .makeit-hosting__domain-detail {
            display: none;
            margin-top: 18px;
            padding: 18px;
            border-radius: 10px;
            background: var(--makeit-soft);
        }

        .makeit-m365-wizard .makeit-hosting__domain-detail.is-active {
            display: block;
        }

        .makeit-m365-wizard .makeit-hosting__domain-row,
        .makeit-m365-wizard .makeit-hosting__form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .makeit-m365-wizard .makeit-hosting__field--grow,
        .makeit-m365-wizard .makeit-hosting__field--wide {
            grid-column: span 2;
        }

        .makeit-m365-wizard .makeit-hosting__field {
            margin-bottom: 14px;
        }

        .makeit-m365-wizard .makeit-hosting__field label {
            display: block;
            font-weight: 600;
            margin-bottom: 6px;
        }

        .makeit-m365-wizard input[type="text"],
        .makeit-m365-wizard input[type="email"],
        .makeit-m365-wizard input[type="tel"],
        .makeit-m365-wizard select,
        .makeit-m365-wizard textarea {
            width: 100%;
            padding: 11px 12px;
            border: 1px solid var(--makeit-border);
            border-radius: 7px;
            background: #fff;
            color: var(--makeit-text);
            font: inherit;
        }

        .makeit-m365-wizard select {
            appearance: auto !important;
            -webkit-appearance: menulist !important;
            padding-right: 34px;
        }

        .makeit-m365-wizard input[type="checkbox"],
        .makeit-m365-wizard input[type="radio"] {
            accent-color: var(--makeit-accent);
        }

        .makeit-m365-wizard input.is-invalid,
        .makeit-m365-wizard select.is-invalid,
        .makeit-m365-wizard textarea.is-invalid {
            border-color: #c65050 !important;
            box-shadow: 0 0 0 2px rgba(198, 80, 80, .10);
        }

        .makeit-m365-wizard .makeit-hosting__inline-options {
            display: flex;
            flex-wrap: wrap;
            gap: 12px 20px;
        }

        .makeit-m365-wizard .makeit-hosting__inline-options label {
            display: flex;
            align-items: center;
            gap: 7px;
            font-weight: 400;
        }

        .makeit-m365-wizard .makeit-hosting__domain-check {
            display: grid;
            gap: 8px;
            margin: 3px 0 18px;
        }

        .makeit-m365-wizard .makeit-hosting__domain-check-button {
            justify-self: start;
        }

        .makeit-m365-wizard .makeit-hosting__domain-check-result {
            min-height: 0;
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__domain-check-result.is-success {
            color: var(--makeit-success);
        }

        .makeit-m365-wizard .makeit-hosting__domain-check-result.is-taken,
        .makeit-m365-wizard .makeit-hosting__domain-check-result.is-error {
            color: var(--makeit-error);
        }

        .makeit-m365-wizard .makeit-hosting__domain-check small {
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__quality-note {
            display: grid;
            gap: 3px;
            margin-top: 18px;
            padding: 15px 16px;
            border-left: 4px solid var(--makeit-accent);
            background: var(--makeit-soft);
            border-radius: 7px;
        }

        .makeit-m365-wizard .makeit-hosting__quality-note span {
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__existing-tld-hint.is-error {
            color: var(--makeit-error);
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__website-service {
            margin: 0 0 24px;
            padding: 20px;
            border: 1px solid #e3dfd6;
            border-radius: 12px;
            background: #fbfaf7;
        }

        .makeit-m365-wizard .makeit-hosting__website-service[hidden],
        .makeit-m365-wizard .makeit-hosting__website-create-detail[hidden] {
            display: none !important;
        }

        .makeit-m365-wizard .makeit-hosting__subsection-head {
            margin-bottom: 16px;
        }

        .makeit-m365-wizard .makeit-hosting__subsection-head h4 {
            margin: 0 0 5px;
            font-size: 18px;
        }

        .makeit-m365-wizard .makeit-hosting__subsection-head p {
            margin: 0;
        }

        .makeit-m365-wizard .makeit-hosting__choice-grid--website {
            margin-bottom: 16px;
        }

        .makeit-m365-wizard .makeit-hosting__website-info {
            display: grid;
            gap: 5px;
            margin: 0 0 18px;
            padding: 14px 16px;
            border-left: 4px solid #b18a32;
            background: #f7f3e8;
            font-size: 14px;
            line-height: 1.5;
        }

        .makeit-m365-wizard .makeit-hosting__website-content-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px 12px;
            margin-top: 8px;
        }

        .makeit-m365-wizard .makeit-hosting__website-content-option {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            padding: 9px 10px;
            border: 1px solid #e3dfd6;
            border-radius: 8px;
            background: #fff;
            cursor: pointer;
        }

        .makeit-m365-wizard .makeit-hosting__website-content-option input {
            margin-top: 2px;
        }

        .makeit-m365-wizard .makeit-hosting__addons {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }

        .makeit-m365-wizard .makeit-hosting__addon {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: start;
            gap: 12px;
            border: 1px solid var(--makeit-border);
            border-radius: 9px;
            padding: 14px;
        }

        .makeit-m365-wizard .makeit-hosting__addon-main {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            min-width: 0;
            cursor: pointer;
        }

        .makeit-m365-wizard .makeit-hosting__addon strong,
        .makeit-m365-wizard .makeit-hosting__addon small {
            display: block;
        }

        .makeit-m365-wizard .makeit-hosting__addon small {
            color: var(--makeit-muted);
            margin-top: 3px;
        }

        .makeit-m365-wizard .makeit-hosting__addon-quantity {
            display: grid;
            grid-template-columns: auto 64px;
            align-items: center;
            column-gap: 8px;
            row-gap: 2px;
            font-size: 13px;
            white-space: nowrap;
        }

        .makeit-m365-wizard .makeit-hosting__addon-quantity[hidden] {
            display: none;
        }

        .makeit-m365-wizard .makeit-hosting__addon-quantity > span {
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__addon-quantity-input {
            width: 64px;
            min-width: 64px;
            padding: 7px 8px;
            border: 1px solid var(--makeit-border);
            border-radius: 7px;
            background: #fff;
            font: inherit;
        }

        .makeit-m365-wizard .makeit-hosting__addon-quantity > small {
            grid-column: 2;
            margin-top: 0;
            text-align: center;
        }

        .makeit-m365-wizard .makeit-hosting__addon {
            transition: border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .15s ease;
        }

        .makeit-m365-wizard .makeit-hosting__addon:hover {
            transform: translateY(-2px);
        }

        .makeit-m365-wizard .makeit-hosting__addon:has(input:checked) {
            border-color: var(--makeit-accent);
            box-shadow: 0 0 0 2px rgba(177, 138, 50, .12);
            background: #fbf8ef;
        }

        .makeit-m365-wizard .makeit-hosting__summary {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr);
            gap: 28px;
        }

        .makeit-m365-wizard .makeit-hosting__summary h4 {
            margin-top: 0;
        }

        .makeit-m365-wizard .makeit-hosting__summary-line,
        .makeit-m365-wizard .makeit-hosting__totals > div {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            padding: 9px 0;
            border-bottom: 1px solid var(--makeit-border);
        }

        .makeit-m365-wizard .makeit-hosting__summary-line span:last-child {
            text-align: right;
        }

        .makeit-m365-wizard .makeit-hosting__scope-summary {
            margin-top: 18px;
            padding: 14px 16px;
            border: 1px solid var(--makeit-border);
            border-radius: 9px;
            background: var(--makeit-soft);
        }

        .makeit-m365-wizard .makeit-hosting__scope-summary[hidden] {
            display: none;
        }

        .makeit-m365-wizard .makeit-hosting__scope-summary > strong {
            display: block;
            margin-bottom: 9px;
        }

        .makeit-m365-wizard .makeit-hosting__scope-items {
            display: flex;
            flex-wrap: wrap;
            gap: 7px 9px;
        }

        .makeit-m365-wizard .makeit-hosting__scope-item {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: 5px 10px;
            border-radius: 999px;
            background: #fff;
            border: 1px solid var(--makeit-border);
            font-size: .92rem;
            line-height: 1.25;
        }

        .makeit-m365-wizard .makeit-hosting__quarterly-payment {
            align-items: center;
            margin: 6px 0;
            padding: 12px 14px !important;
            border: 1px solid rgba(177, 138, 50, .35) !important;
            border-radius: 8px;
            background: #fbf8ef;
        }

        .makeit-m365-wizard .makeit-hosting__quarterly-payment > span {
            display: grid;
            gap: 2px;
        }

        .makeit-m365-wizard .makeit-hosting__quarterly-payment small {
            color: var(--makeit-muted);
            font-weight: 400;
        }

        .makeit-m365-wizard .makeit-hosting__quarterly-payment > .makeit-hosting__quarterly {
            color: var(--makeit-accent);
            font-size: 1.08rem;
            text-align: right;
        }

        .makeit-m365-wizard .makeit-hosting__contract-value {
            margin-top: 8px;
            padding-top: 14px !important;
            font-size: 1.05rem;
            border-bottom: 0 !important;
        }

        .makeit-m365-wizard .makeit-hosting__customer-preview {
            margin-top: 24px;
            padding: 16px 18px;
            border-radius: 9px;
            background: var(--makeit-soft);
            line-height: 1.55;
        }

        .makeit-m365-wizard .makeit-hosting__domain-confirmation-note,
        .makeit-m365-wizard .makeit-hosting__additional-services-note,
        .makeit-m365-wizard .makeit-hosting__contract-foundations {
            margin-top: 18px;
            padding: 16px 18px;
            border: 1px solid var(--makeit-border);
            border-radius: 9px;
            background: #fff;
        }

        .makeit-m365-wizard .makeit-hosting__domain-confirmation-note,
        .makeit-m365-wizard .makeit-hosting__additional-services-note {
            display: grid;
            gap: 3px;
            border-left: 4px solid var(--makeit-accent);
        }

        .makeit-m365-wizard .makeit-hosting__domain-confirmation-note span,
        .makeit-m365-wizard .makeit-hosting__additional-services-note span,
        .makeit-m365-wizard .makeit-hosting__contract-foundations p {
            color: var(--makeit-muted);
        }

        .makeit-m365-wizard .makeit-hosting__contract-foundations p {
            margin: 5px 0 9px;
        }

        .makeit-m365-wizard .makeit-hosting__contract-links {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 16px;
        }

        .makeit-m365-wizard .makeit-hosting__contract-links a,
        .makeit-m365-wizard .makeit-hosting__confirmations a {
            color: var(--makeit-accent);
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        .makeit-m365-wizard .makeit-hosting__confirmations {
            display: grid;
            gap: 12px;
            margin-top: 24px;
        }

        .makeit-m365-wizard .makeit-hosting__confirmations label {
            display: flex;
            align-items: flex-start;
            gap: 9px;
        }

        .makeit-m365-wizard .makeit-hosting__actions {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            margin-top: 26px;
        }

        .makeit-m365-wizard .makeit-hosting__actions--end {
            justify-content: flex-end;
        }

        .makeit-m365-wizard .makeit-hosting__button {
            border: 0;
            border-radius: 7px;
            padding: 12px 18px;
            cursor: pointer;
            font: inherit;
            font-weight: 700;
        }

        .makeit-m365-wizard .makeit-hosting__button--primary,
        .makeit-m365-wizard .makeit-hosting__button--order {
            background: var(--makeit-accent);
            color: #fff;
        }

        .makeit-m365-wizard .makeit-hosting__button--secondary {
            background: var(--makeit-soft);
            color: var(--makeit-text);
        }

        .makeit-m365-wizard .makeit-hosting__button[disabled] {
            opacity: .42;
            cursor: not-allowed;
        }

        .makeit-m365-wizard .makeit-hosting__validation,
        .makeit-m365-wizard .makeit-hosting__form-message {
            margin-top: 14px;
            font-weight: 600;
        }

        .makeit-m365-wizard .makeit-hosting__validation {
            color: var(--makeit-error);
        }

        .makeit-m365-wizard .makeit-hosting__form-message.is-error {
            color: var(--makeit-error);
        }

        .makeit-m365-wizard .makeit-hosting__form-message.is-success {
            color: var(--makeit-success);
        }

        .makeit-m365-wizard .makeit-hosting__success-box {
            border: 1px solid #cfe5d5;
            background: #f3faf5;
            border-radius: 10px;
            padding: 20px;
        }

        @media (max-width: 800px) {
            .makeit-m365-wizard .makeit-hosting__layout {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .makeit-m365-wizard .makeit-hosting__sidebar {
                position: static;
                order: initial;
            }

            .makeit-m365-wizard .makeit-hosting__todo-item {
                padding-top: 8px;
                padding-bottom: 8px;
            }

            .makeit-m365-wizard .makeit-hosting__choice-grid,
            .makeit-m365-wizard .makeit-hosting__addons,
            .makeit-m365-wizard .makeit-hosting__summary,
            .makeit-m365-wizard .makeit-hosting__domain-row,
            .makeit-m365-wizard .makeit-hosting__form-grid {
                grid-template-columns: 1fr;
            }

            .makeit-m365-wizard .makeit-hosting__packages {
                grid-template-columns: 1fr;
            }

            .makeit-m365-wizard .makeit-hosting__package-carousel.is-enabled .makeit-hosting__packages {
                grid-template-columns: none;
                grid-auto-columns: 100%;
            }

            .makeit-m365-wizard .makeit-hosting__field--grow,
            .makeit-m365-wizard .makeit-hosting__field--wide {
                grid-column: span 1;
            }

            .makeit-m365-wizard .makeit-hosting__progress-head {
                display: grid;
                gap: 2px;
            }

            .makeit-m365-wizard .makeit-hosting__price-display {
                align-items: flex-start;
            }

            .makeit-m365-wizard .makeit-hosting__price-toggle {
                max-width: 100%;
            }

            .makeit-m365-wizard .makeit-hosting__website-content-grid {
                grid-template-columns: 1fr;
            }

            .makeit-m365-wizard .makeit-hosting__price-toggle button {
                padding-left: 10px;
                padding-right: 10px;
            }

            .makeit-m365-wizard .makeit-hosting__domain-check-button {
                width: 100%;
            }

            .makeit-m365-wizard .makeit-hosting__actions {
                flex-direction: column-reverse;
            }

            .makeit-m365-wizard .makeit-hosting__button {
                width: 100%;
            }
        }

.makeit-m365-wizard .makeit-hosting__package-card {cursor:default}.makeit-m365-wizard .makeit-hosting__package-inner {gap:14px}.makeit-m365-wizard .makeit-hosting__package-inner:hover {transform:none}.makeit-m365-wizard .m365-license-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.makeit-m365-wizard .m365-license-card {border:1px solid var(--makeit-border);border-radius:12px;padding:18px;background:#fff}.makeit-m365-wizard .m365-license-card label {display:block;font-weight:700;margin-bottom:10px}.makeit-m365-wizard .m365-license-card input {max-width:130px}.makeit-m365-wizard .m365-panel-note {border-left:4px solid #d18a42;padding:12px 15px;background:#fff5ea;margin:18px 0}.makeit-m365-wizard .m365-summary-line {display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--makeit-border)}.makeit-m365-wizard .m365-inline-tile {border:1px solid var(--makeit-border);border-radius:10px;padding:15px}.makeit-m365-wizard .makeit-hosting__panel {display:none}.makeit-m365-wizard .makeit-hosting__panel.is-active {display:block}.makeit-m365-wizard .m365-pills {display:flex;gap:12px;flex-wrap:wrap}.makeit-m365-wizard .m365-pills label {padding:12px 15px;border:1px solid var(--makeit-border);border-radius:10px;cursor:pointer}.makeit-m365-wizard .m365-pills label:has(input:checked) {border-color:#d18a42;background:#fff5ea}.makeit-m365-wizard .m365-submit-disabled {opacity:.58;cursor:not-allowed}.makeit-m365-wizard .m365-summary-value{color:#bb6b25;font-weight:800}.makeit-m365-wizard .makeit-hosting__main .makeit-hosting__actions {display:flex;justify-content:space-between;gap:10px;margin-top:24px}.makeit-m365-wizard .makeit-hosting__button {border:1px solid #285b83;border-radius:8px;padding:12px 17px;cursor:pointer;font:inherit;font-weight:700}.makeit-m365-wizard .makeit-hosting__button--primary {background:#285b83;color:white}.makeit-m365-wizard .makeit-hosting__button--secondary {background:white;color:#285b83}.makeit-m365-wizard .m365-tags {color:#61707c;font-size:.9rem}.makeit-m365-wizard .m365-disclaimer {font-size:.84rem;color:#687687}.makeit-m365-wizard [hidden] {display:none!important}@media(max-width:700px){.makeit-m365-wizard .m365-license-grid{grid-template-columns:1fr}}