/* Manual service ordering shares the site's existing typography and form system. */
.hs-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:40px 0 24px; }
.hs-card { background:#fff; border:1px solid var(--sg-border,#e2e8f0); border-radius:20px; padding:28px; box-shadow:0 10px 35px rgba(15,23,42,.04); }
.hs-card h2 { margin:8px 0 14px; font-size:1.5rem; }
.hs-description { white-space:pre-line; color:#475569; }
.hs-price { font-size:1.35rem; font-weight:750; color:#0f172a; margin:24px 0 4px; }
.hs-muted { color:#64748b; font-size:.9rem; line-height:1.7; }
.hs-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.hs-steps div { display:grid; gap:8px; border-top:2px solid #e2e8f0; padding-top:16px; }
.hs-steps b { color:#2563eb; font-size:.9rem; }
.hs-steps span { color:#64748b; }
.hs-notice { padding:18px 22px; border-radius:12px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; line-height:1.7; margin:24px 0; }
.hs-order-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:48px; margin-top:64px; align-items:start; scroll-margin-top:120px; }
.hs-order-layout h2 { font-size:2rem; }
.hs-required { color:#b91c1c; font-weight:700; }
.hs-check { display:flex; align-items:flex-start; gap:12px; margin:22px 0; font-size:.95rem; line-height:1.6; }
.hs-check input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; margin-top:4px; accent-color:#2563eb; }
.hs-errors { color:#b91c1c; margin-bottom:16px; }
.hs-errors.validation-summary-valid { display:none; }
.hs-narrow { max-width:820px; }
.hs-narrow h1 { font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:24px; }
.hs-status { display:inline-flex; border-radius:999px; padding:6px 14px; background:#eff6ff; color:#1e40af; font-weight:700; font-size:.9rem; }
.hs-domain { font-size:1.2rem; overflow-wrap:anywhere; }
.hs-facts { margin:20px 0; }
.hs-facts div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid #e2e8f0; }
.hs-facts dt { color:#64748b; } .hs-facts dd { margin:0; text-align:right; font-weight:600; }
.hs-pre { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:900px) { .hs-plans { grid-template-columns:1fr; } .hs-order-layout { grid-template-columns:1fr; gap:24px; } }
@media(max-width:560px) { .hs-steps { grid-template-columns:1fr; gap:16px; } .hs-card { padding:20px; } .hs-facts div { flex-direction:column; gap:4px; } .hs-facts dd { text-align:left; } }

.hs-card.sg-form { display: grid; gap: 18px; }
.hs-card.sg-form .hs-check { margin: 0; }

.hs-domain-search { max-width:760px; margin:32px 0 14px; text-align:left; }
.hs-domain-search label { display:block; font-weight:700; margin-bottom:10px; }
.hs-domain-search__row { display:flex; gap:10px; padding:8px; background:#fff; border:1px solid #cbd5e1; border-radius:14px; box-shadow:0 10px 35px rgba(15,23,42,.06); }
.hs-domain-search__row input { min-width:0; flex:1; border:0; padding:12px 14px; color:#0f172a; background:transparent; font-size:1.1rem; border-radius:8px; }
.hs-domain-search__row input:focus { outline:2px solid #2563eb; }
.hs-tlds { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.hs-tlds button { border:1px solid #cbd5e1; border-radius:999px; padding:6px 16px; background:#fff; color:#334155; cursor:pointer; font-weight:700; }
.hs-search-result { max-width:760px; padding:20px; border-radius:14px; border:1px solid #cbd5e1; background:#fff; margin:18px 0; color:#334155; overflow-wrap:anywhere; }
.hs-search-result[hidden] { display:none; }
.hs-search-result.available { border-color:#86efac; background:#f0fdf4; color:#166534; }
.hs-search-result.unavailable,.hs-search-result.invalid { border-color:#fecaca; background:#fff1f2; color:#9f1239; }
.hs-search-result.unknown { border-color:#fde68a; background:#fffbeb; color:#92400e; }
.hs-search-result strong { font-size:1.25rem; }.hs-search-result p { margin:8px 0 16px; }
.hs-demo-notice { padding:16px 20px; border:1px solid #fde68a; border-radius:12px; background:#fffbeb; color:#92400e; margin:32px 0; line-height:1.7; }
.hs-demo-badge { display:inline-block; padding:4px 10px; background:#fef3c7; color:#92400e; border-radius:999px; font-size:.8rem; font-weight:700; }
.hs-package-section { scroll-margin-top:110px; margin:48px 0; }.hs-section-heading h2 { font-size:clamp(1.6rem,3vw,2.2rem); }
.hs-plan { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }.hs-plan h3 { font-size:1.5rem; margin:8px 0; }.hs-plan .hs-price { font-size:1.8rem; margin:10px 0 0; }
.hs-plan.is-selected { border-color:#2563eb; box-shadow:0 0 0 2px #dbeafe; }
.hs-features { padding:0; list-style:none; margin:12px 0 24px; flex:1; color:#475569; }.hs-features li { padding:9px 0 9px 23px; position:relative; border-bottom:1px solid #f1f5f9; }.hs-features li::before { content:"\2713"; position:absolute; left:0; color:#15803d; font-weight:700; }
.hs-selection-summary { background:#eff6ff; border:1px solid #bfdbfe; border-radius:12px; padding:18px; display:grid; gap:6px; }.hs-selection-summary span { font-size:1.25rem; font-weight:700; color:#1e40af; }.hs-selection-summary small { color:#475569; }
@media(max-width:560px) { .hs-domain-search__row { flex-direction:column; }.hs-domain-search__row button { width:100%; }.hs-search-result { padding:16px; } }

.hs-suggestions { margin-top:24px; padding-top:20px; border-top:1px solid #e2e8f0; color:#0f172a; }
.hs-suggestions h2 { margin:0 0 8px; font-size:1.25rem; }
.hs-suggestions ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.hs-suggestions li { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid #bbf7d0; border-radius:12px; background:#f0fdf4; }
.hs-suggestions li strong { font-size:1.05rem; color:#166534; }.hs-suggestions small { display:block; color:#475569; margin-top:4px; }
@media(max-width:560px) { .hs-suggestions li { flex-direction:column; align-items:stretch; }.hs-suggestions li a { text-align:center; } }