/* Domain transfer: restrained product advertisement, original van + one box. */
.transfer-moving { background: #fdfdfb; color: #263a40; border-bottom: 1px solid #e5ebe6; }
.transfer-moving .breadcrumb { margin: 0; padding-block: 25px; color: #677a7c; font-size: 12px; }
.transfer-moving .breadcrumb a { color: #596e71; }
.transfer-moving .breadcrumb [aria-current] { color: #264b43; }
.transfer-moving__body { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(30px,5vw,85px); align-items: center; padding: 55px 0 85px; }
.transfer-moving__copy { grid-column: 2; grid-row: 1; }
.transfer-moving__eyebrow { display: flex; align-items: center; gap: 9px; color: var(--brand-600); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .12em; }
.transfer-moving__eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--brand-600); }
.transfer-moving h1 { font-size: clamp(46px,4.2vw,72px); line-height: 1.045; letter-spacing: -.05em; color: #10272e; margin: 20px 0; }
.transfer-moving h1 span { display: block; background: linear-gradient(100deg,var(--brand-600),#0c7584); background-clip: text; -webkit-background-clip: text; color: transparent; }
.transfer-moving__lead { max-width: 47ch; font-size: 16px; line-height: 1.75; color: #4b6267; }
.transfer-moving .domain-search { display: flex; gap: 6px; margin-top: 28px; padding: 7px; border-radius: 15px; background: #fff; border: 1px solid #bcd0c8; box-shadow: 0 8px 24px #143f2e0a; }
.transfer-moving .domain-search input { flex: 1; width: 0; min-width: 0; color: #10272e; background: transparent; border: 0; box-shadow: none; padding: 13px 11px; font-size: 16px; }
.transfer-moving .domain-search .btn { flex-shrink: 0; padding: 16px 18px; border-radius: 10px; }
.transfer-moving .domain-search:focus-within { outline: 3px solid color-mix(in srgb,var(--brand-600) 24%,transparent); outline-offset: 4px; }
.transfer-moving__note { margin-top: 13px; font-size: 12px; line-height: 1.65; color: #586f70; }
.transfer-moving__links { display: flex; gap: 12px 24px; flex-wrap: wrap; margin-top: 21px; font-size: 12px; font-weight: 650; }
.transfer-moving__links a { color: var(--brand-600); }
.transfer-moving__links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.transfer-moving__visual { grid-column: 1; grid-row: 1; width: 112%; margin-left: -6%; }
.transfer-moving__visual svg { display: block; width: 100%; height: auto; overflow: visible; }
html.js .transfer-moving__visual { animation: transfer-van-arrive 850ms cubic-bezier(.2,.65,.3,1) both; }
@keyframes transfer-van-arrive { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: none; } }
@media (min-width: 851px) and (max-width: 1100px) {
 .transfer-moving__body { gap: 30px; }
 .transfer-moving .domain-search { flex-wrap: wrap; }
 .transfer-moving .domain-search input { flex-basis: 100%; }
 .transfer-moving .domain-search .btn { width: 100%; }
}
@media (max-width: 850px) {
 .transfer-moving .breadcrumb { padding-block: 20px; }
 .transfer-moving__body { grid-template-columns: minmax(0,1fr); grid-template-areas: 'eyebrow' 'title' 'visual' 'lead' 'form' 'note' 'links'; gap: 0; padding: 18px 0 35px; max-width: 600px; margin-inline: auto; }
 .transfer-moving__copy { display: contents; }
 .transfer-moving__eyebrow { grid-area: eyebrow; font-size: 10px; }
 .transfer-moving h1 { grid-area: title; font-size: clamp(40px,7.4vw,62px); margin: 16px 0 0; }
 .transfer-moving__visual { grid-area: visual; width: 100%; max-width: 470px; margin: 20px auto 20px; }
 .transfer-moving__lead { grid-area: lead; font-size: 15px; line-height: 1.65; }
 .transfer-moving .domain-search { grid-area: form; margin-top: 20px; }
 .transfer-moving__note { grid-area: note; }
 .transfer-moving__links { grid-area: links; margin-top: 18px; gap: 10px 20px; }
}
@media (max-width: 600px) {
 .transfer-moving .domain-search { display: block; }
 .transfer-moving .domain-search input { width: 100%; padding: 14px 12px; }
 .transfer-moving .domain-search .btn { width: 100%; margin-top: 4px; padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { html.js .transfer-moving__visual { animation: none; opacity: 1; transform: none; } }

.transfer-moving .domain-search .btn--brand { background: var(--brand-600); border-color: var(--brand-600); }
.transfer-moving .domain-search .btn--brand:hover { background: var(--brand-700); border-color: var(--brand-700); }