.commerce-section{margin-block:var(--cf-section-space);--commerce-accent:var(--cf-service-reliability,#f1c27d);--commerce-ink:var(--cf-service-reliability-ink,#805d23)}
.commerce-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,100px);align-items:end;margin-bottom:44px}
.commerce-heading h2{font-family:var(--cf-display);font-size:clamp(56px,6vw,106px);line-height:1.05;font-weight:500;text-transform:uppercase;margin:20px 0 0}
.commerce-heading h2 em{font-style:normal;color:var(--commerce-accent)}
.commerce-heading>p{max-width:38ch;color:var(--cf-muted);font-size:clamp(17px,1.3vw,22px);line-height:1.6;margin:0 0 8px}
.commerce-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:clamp(24px,3vw,56px);align-items:start}
.commerce-options{border:1px solid var(--cf-line);background:linear-gradient(145deg,#161f2b,#0d121c);min-width:0}
.commerce-domain,.commerce-hosting{padding:clamp(22px,2.5vw,42px);margin:0;border:0;min-width:0}
.commerce-domain{border-bottom:1px solid var(--cf-line)}
.commerce-index{font-family:var(--cf-mono);font-size:11px;letter-spacing:.05em;color:var(--commerce-accent);display:block;margin-bottom:18px}
.commerce-domain h3,.commerce-question{font-size:clamp(23px,2vw,32px);font-weight:500;line-height:1.25;margin:0 0 22px;display:block}
.domain-modes{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 24px;padding:0;border:0}
.domain-modes label,.domain-only{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px}
.commerce-section input[type=radio]{accent-color:var(--commerce-accent);width:18px;height:18px;flex-shrink:0;margin:0}
.commerce-domain>label{font-size:14px;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.commerce-optional{color:var(--cf-muted);font-size:12px}
.domain-entry{display:flex;gap:10px;flex-wrap:wrap}
.domain-entry input{min-width:140px;flex:1;box-sizing:border-box;border:1px solid #6e819b;background:#080b12;color:var(--cf-ink);border-radius:0;padding:17px 15px;min-height:56px;font:inherit;font-size:17px}
.domain-entry input::placeholder{color:var(--cf-muted)}
.commerce-section button{font:inherit;cursor:pointer}
.domain-check{padding:12px 18px;min-height:56px;border:1px solid var(--commerce-accent);background:transparent;color:var(--commerce-accent);display:flex;align-items:center;gap:16px;font-size:14px}
.domain-check:disabled{cursor:wait;color:var(--cf-muted);border-color:var(--cf-line)}
.commerce-help,.commerce-price-note{font-size:13px;line-height:1.65;color:var(--cf-muted);margin:12px 0 20px}
.commerce-error{color:#ffb0a5;font-size:14px;line-height:1.6;margin:0}
.commerce-error:empty,.domain-result:empty{display:none}
.commerce-error:not(:empty){padding:12px 0}
.domain-result{font-size:15px;line-height:1.6;padding:14px 16px;border-left:2px solid var(--commerce-accent);background:#1c2734;margin:16px 0}
.domain-result a{color:var(--commerce-accent);text-decoration:underline;text-underline-offset:3px}
.commerce-text-link{color:var(--cf-muted);font-size:13px;line-height:1.5;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.commerce-domain-links{display:flex;gap:8px 24px;flex-wrap:wrap}
.commerce-hosting legend{float:left;width:100%;padding:0}
.commerce-hosting>p:first-of-type{clear:both}
.hosting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;clear:both}
.hosting-choice{display:flex;flex-direction:column;gap:16px;position:relative;min-width:0;padding:20px 16px;background:#0a1019;border:1px solid #40516a;cursor:pointer}
.hosting-choice:has(input:checked){border-color:var(--commerce-accent);background:#292b29;box-shadow:inset 0 3px var(--commerce-accent)}
.hosting-choice-name{font-size:15px;line-height:1.35;min-height:2.7em;font-weight:500}
.hosting-choice-price{font-size:29px;line-height:1.1;color:var(--commerce-accent);white-space:nowrap}
.hosting-choice-price small{font-size:11px;color:var(--cf-muted)}
.hosting-choice-tax{font-size:10px;color:var(--cf-muted);display:block;line-height:1.5;margin-top:5px}
.hosting-choice-spec{color:var(--cf-muted);font-size:12px;line-height:1.6}
.hosting-more{margin:16px 0 10px;border-block:1px solid var(--cf-line)}
.hosting-more summary{padding:18px 0;cursor:pointer;font-size:14px;min-height:44px;box-sizing:border-box}
.hosting-more summary span{color:var(--cf-muted);font:11px var(--cf-mono);margin-left:8px}
.hosting-grid-more{padding-bottom:20px}
.domain-only{padding-block:10px;color:var(--cf-ink)}
.commerce-price-note{border-top:1px solid var(--cf-line);padding-top:20px;margin-bottom:0;font-size:12px}
.commerce-summary{background:var(--cf-frost);color:#172d42;border:1px solid #819ab0;padding:clamp(24px,2.6vw,44px);position:sticky;top:125px;min-width:0}
.commerce-summary-label{font:10px/1.7 var(--cf-mono);color:#4d6379;letter-spacing:.03em;display:block;border-bottom:1px solid #9bafbf;padding-bottom:18px}
.commerce-summary h3{font:500 clamp(37px,3.4vw,62px)/1.1 var(--cf-display);text-transform:uppercase;margin:28px 0}
.commerce-summary dl{margin:0}
.commerce-summary dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:16px 0;border-bottom:1px solid #b1c0cd}
.commerce-summary dt{font-size:12px;color:#4d6379;line-height:1.5}
.commerce-summary dd{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.commerce-summary dd.commerce-total{font-size:30px;font-weight:500;color:var(--commerce-ink);line-height:1}
.commerce-summary>p{font-size:13px;line-height:1.6;margin:24px 0}
.commerce-continue{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:56px;padding:14px 20px;border-radius:999px;background:#172d42;color:var(--cf-ink);text-decoration:none;font-size:14px;font-weight:500;box-sizing:border-box}
.commerce-continue span{font-size:27px}
.commerce-continue[aria-disabled=true]{background:#d1dce5;color:#334b61;border:1px solid #9bafbf}
.commerce-summary>p.commerce-destination{font-size:12px;color:#4d6379;margin:18px 0 8px}
.commerce-reset{min-height:44px;padding:10px 0;background:none;border:0;color:#38546d;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.commerce-assistance{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;border-top:1px solid var(--cf-line);padding-block:22px;color:var(--cf-muted);font-size:15px}
.commerce-assistance p{margin:0;line-height:1.6}
.commerce-assistance a{display:inline-flex;align-items:center;gap:24px;color:var(--cf-ink);min-height:44px;text-decoration:underline;text-underline-offset:5px}
.commerce-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.commerce-enhanced{display:none}
.commerce-ready .commerce-enhanced{display:flex}
.commerce-ready .commerce-nojs{display:none}
.commerce-section :focus-visible{outline:3px solid var(--commerce-accent);outline-offset:5px}
.commerce-section .commerce-summary :focus-visible{outline-color:var(--commerce-ink)}
.commerce-own-domain [data-check-domain]{display:none}
.commerce-nojs{color:var(--commerce-accent);font-size:13px;line-height:1.6}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.hosting-choice,.commerce-continue{transition:background .18s,border-color .18s}.hosting-choice:hover{border-color:var(--commerce-accent)}}
@media(max-width:1050px){.commerce-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.hosting-grid{grid-template-columns:1fr}.hosting-choice{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center}.hosting-choice-name{min-height:0}.hosting-choice-price{font-size:24px}.hosting-choice-spec{grid-column:2/-1}.commerce-nojs{grid-column:1/-1}.commerce-heading{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.commerce-heading,.commerce-layout{grid-template-columns:1fr}.commerce-heading{gap:24px;margin-bottom:28px}.commerce-heading>p{max-width:45ch}.commerce-summary{position:static}.commerce-hosting,.commerce-domain{padding:24px 20px}.hosting-more summary span{display:block;margin:8px 0 0}.commerce-heading h2{font-size:clamp(52px,12vw,80px)}}
@media(max-width:380px){.hosting-choice{grid-template-columns:18px 1fr;padding:16px 12px}.hosting-choice-price{grid-column:2}.hosting-choice-spec{grid-column:2}.commerce-summary{padding:22px}.domain-check{width:100%;justify-content:space-between}}
@media(max-height:760px){.commerce-summary{position:static}}

/* Hosting enquiries arrive at the comparison without choosing a paid package. */
.commerce-hosting{scroll-margin-top:calc(var(--shell-height,120px) + 24px)}
.commerce-question:focus{outline:none}
.commerce-policy-note{max-width:1000px;line-height:1.8}
.commerce-policy-note a{color:#edf3fa;text-underline-offset:4px}
.commerce-policy-note a:hover{color:var(--service-accent,#f6bd68)}