/* Transfer your site to PressUp (App\Transfer): the tool's page (marketing/tools/transfer-your-site), the transfer's
   card (transfer/show: reading, found, the summary), the speed comparison (transfer/partials/speed) and a moved
   site's build page (transfer/building). Loaded after app.css, whose tokens and classes it uses. */

/* The tool's page: the address box */
.transfer-form .transfer-url{display:flex;align-items:center;gap:12px;padding:6px 0 4px;color:var(--subtle)}
.transfer-form .transfer-url input{flex:1;min-width:0;border:0;background:transparent;font-size:clamp(20px,3vw,26px);line-height:1.3;padding:4px 0;color:var(--ink)}
.transfer-form .transfer-url input:focus{outline:none}
.transfer-form .transfer-url input::placeholder{color:#A49D90}
.transfer-form:focus-within .transfer-url{color:var(--accent)}
.prompt .transfer-owner{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;color:var(--ink);letter-spacing:0;line-height:1.45;cursor:pointer}
.transfer-owner input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent)}
.transfer-form .error{margin:0}
.transfer-pro-note{margin:16px 0 0;max-width:640px;font-size:14px;color:var(--subtle)}
.transfer-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.transfer-look-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.transfer-look-card h3{margin:0;font:400 26px/1.15 var(--display)}
.transfer-look-card p{margin:10px 0 0;color:var(--muted);line-height:1.55}
@media (max-width:700px){.transfer-looks{grid-template-columns:1fr}}

/* The tool's page: how it works. Four steps, each with a small picture of what really happens there
   (marketing/tools/transfer-your-site-how), on the home page's .how cards and .how-art panels: four in a row, two by
   two, then one column, with arrows between. The pictures are complete as stills; a gentle loop plays only while a
   step is on screen (.is-playing, set by the page) and never for people who prefer less motion. */
.transfer-how{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.transfer-how>li:not(:last-child)::after{top:116px;right:-18px}
.transfer-how .how-art{height:224px;padding:14px 12px}
.transfer-how .how-body{padding:20px 22px 26px}
.transfer-how h3{font-size:17px}
.transfer-how .how-body p{margin-top:8px;font-size:15px}
.ta-short{width:62% !important}
@media (max-width:1199px){
  .transfer-how{grid-template-columns:repeat(2,minmax(0,1fr))}
  .transfer-how>li:not(:last-child)::after{display:block}
  .transfer-how>li:nth-child(2)::after{display:none}
}
@media (max-width:640px){
  .transfer-how{grid-template-columns:1fr;gap:28px}
  .transfer-how>li:not(:last-child)::after{display:block;top:auto;bottom:-21px;right:auto;left:50%;margin-left:-6px;transform:rotate(135deg)}
}

/* 1. Reading: the old site at its address, a scan line, what's found coming out beside it, and its weight */
.ta-old{position:relative;flex:none;width:134px;border:1px solid #CFC8BB;border-radius:6px;background:#EFEBE2;box-shadow:0 10px 24px rgba(26,26,23,.08)}
.ta-old-bar{padding:4px 5px;border-bottom:1px solid #CFC8BB;border-radius:5px 5px 0 0;background:linear-gradient(#EEEAE3,#D8D3C9)}
.ta-old-bar span{display:flex;align-items:center;gap:3px;padding:2px 5px;border:1px solid #C2BBAE;border-radius:2px;background:#fff;color:#4A4741;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden}
.ta-old-bar svg{flex:none;color:#8C8577}
.ta-old-page{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 10px 16px;overflow:hidden;border-radius:0 0 5px 5px}
.ta-old-page b,.ta-mini-old b{font:700 12px/1.1 "Times New Roman",Times,serif;color:#2B4C9B;white-space:nowrap}
.ta-old-links{display:flex;gap:6px}
.ta-old-links i{width:18px;height:2px;background:#3D5FAF;box-shadow:0 2px 0 #EFEBE2,0 3px 0 #3D5FAF}
.ta-old-photo{display:grid;place-items:center;width:100%;height:36px;border:2px solid;border-color:#E6E1D8 #B3AB9D #B3AB9D #E6E1D8;background:#C9C2B5;color:#A39B8C}
.ta-old-line{width:100%;height:4px;border-radius:1px;background:#CBC3B5}
.ta-old-btn{width:38px;height:11px;border:2px solid;border-color:#F4F1EB #A9A193 #A9A193 #F4F1EB;background:#D6D0C5}
.ta-scan{position:absolute;left:0;right:0;top:58%;height:24px;margin-top:-12px;background:linear-gradient(rgba(194,65,12,0),rgba(194,65,12,.13) 50%,rgba(194,65,12,0))}
.ta-scan::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--accent);box-shadow:0 0 6px rgba(194,65,12,.5)}
.ta-weight{position:absolute;left:8px;bottom:-10px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 6px;border-radius:999px;background:var(--ink);color:#fff;font-size:9.5px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 4px 10px rgba(26,26,23,.18)}
.ta-chips{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 0 -12px;padding:0;list-style:none}
.ta-chips>span{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:9.5px;font-weight:600;line-height:1.35;white-space:nowrap;box-shadow:0 2px 6px rgba(26,26,23,.08),0 0 0 0 rgba(251,230,218,0)}
.ta-chips>span:nth-child(2),.ta-chips>span:nth-child(6){margin-left:7px}
.ta-chips>span:nth-child(3),.ta-chips>span:nth-child(5){margin-left:12px}
.ta-chips>span:nth-child(4){margin-left:14px}
.ta-chips svg{flex:none;color:var(--accent)}
.ta-swatch{display:inline-flex}
.ta-swatch i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#2B4C9B}
.ta-swatch i+i{margin-left:-3px;background:#D9A441}

/* 2. Checking: a small "Here's what we found", like the real card (.found-card, .look-choice) */
.ta-card{display:flex;flex-direction:column;gap:3px;max-width:236px;padding:11px 12px 12px}
.ta-card-title{margin-bottom:4px;font:400 14px/1.15 var(--display);color:var(--ink)}
.art-card.ta-card small{font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}
.ta-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}
.ta-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid var(--line-soft);border-radius:999px;background:var(--chip);color:var(--ink);font-size:9.5px;font-weight:600;line-height:1.35}
.ta-tag svg{width:10px;height:10px;color:#2A2A26}
.ta-features{display:flex;flex-direction:column;gap:4px;margin:3px 0 0;padding:7px 0 0;border-top:1px solid var(--line-soft);list-style:none}
.ta-features>span{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:10px;font-weight:500;line-height:1.3}
.ta-tick{display:grid;place-items:center;flex:none;width:12px;height:12px;border-radius:3px;background:var(--accent);color:#fff}
.ta-looks{display:flex;gap:5px;margin-top:7px}
.ta-look{display:flex;flex:1 1 auto;align-items:center;gap:4px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:9.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.ta-look i{flex:none;width:9px;height:9px;border:1.5px solid #B9B1A3;border-radius:50%}
.ta-look.is-on{border-color:var(--accent);background:var(--accent-soft)}
.ta-look.is-on i{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 2px,transparent 2.5px)}

/* 3. Rebuilding: the old page on its platform, then pages, photos and forms crossing as on a moved site's build page
   (.move-visual), passing under both ends, and the clean new page on PressUp with its phone view. Each page is
   named under it with its mark, like the build page's tiles. */
.ta-move{display:flex;align-items:center;width:100%;max-width:252px;padding-right:8px}
.ta-end{position:relative;z-index:2;display:flex;flex:none;flex-direction:column;align-items:center;gap:8px}
.ta-end small{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;line-height:16px;color:var(--muted);white-space:nowrap}
.ta-mark{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:5px}
.ta-mark-platform{color:#2A2A26}
.ta-mark-platform svg{width:14px;height:14px}
.ta-mark-pressup{background:var(--brand)}
.ta-screen{position:relative}
.ta-mini{display:flex;flex-direction:column;overflow:hidden;border-radius:7px;box-shadow:0 8px 18px rgba(26,26,23,.1)}
.ta-mini-old{align-items:center;gap:6px;width:70px;height:100px;padding:0 6px;border:1px solid #CFC8BB;background:#EFEBE2}
.ta-mini-bar{align-self:stretch;height:8px;margin:0 -6px 3px;border-bottom:1px solid #CFC8BB;background:linear-gradient(#EEEAE3,#D8D3C9)}
.ta-mini-old b{font-size:8px}
.ta-mini-old .ta-old-links i{width:10px}
.ta-mini-old .ta-old-photo{height:22px;border-width:1.5px}
.ta-mini-old .ta-old-line{height:3px}
.ta-mini-old .ta-old-btn{width:24px;height:8px;border-width:1.5px}
.ta-mini-new{width:88px;height:100px;border:1px solid #E3E7EE;background:#fff}
.ta-new-nav{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;border-bottom:1px solid #E3E7EE}
.ta-new-nav b{font-size:7.5px;font-weight:700;line-height:1.2;color:#1C2230;white-space:nowrap}
.ta-new-nav i{width:14px;height:5px;border-radius:999px;background:#2F5FD0}
.ta-new-hero{display:flex;flex-direction:column;gap:3px;padding:7px 6px 6px}
.ta-new-hero i,.ta-phone i{display:block;border-radius:2px}
.ta-new-eyebrow{width:22px;height:3px;margin-bottom:1px;background:#2F5FD0}
.ta-new-h{width:92%;height:5px;background:#1C2230}
.ta-new-btn{width:28px;height:8px;margin-top:3px;border-radius:999px !important;background:#2F5FD0}
.ta-new-rows{display:grid;gap:3px;padding:2px 6px 7px}
.ta-new-rows i{height:10px;border:1px solid #E3E7EE;border-radius:3px;background:linear-gradient(#C9D0DC,#C9D0DC) 4px 50%/42% 2px no-repeat,linear-gradient(#2F5FD0,#2F5FD0) calc(100% - 4px) 50%/14% 2px no-repeat}
.ta-phone{position:absolute;right:-8px;bottom:-5px;display:flex;flex-direction:column;gap:2px;width:32px;height:56px;padding:8px 4px 4px;border:2px solid #1C2230;border-radius:7px;background:#fff;box-shadow:0 6px 14px rgba(26,26,23,.18)}
.ta-phone .ta-new-eyebrow{width:12px;height:2px}
.ta-phone .ta-new-h{width:100%;height:3px}
.ta-phone .ta-new-btn{width:14px;height:5px;margin-top:2px}
.ta-phone-row{height:6px;margin-top:3px;border:1px solid #E3E7EE}
.ta-path{position:relative;z-index:1;flex:1;min-width:40px;height:22px;margin-bottom:24px}
.ta-path::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed #D3CBBD}
.ta-path::after{content:"";position:absolute;right:5px;top:50%;width:7px;height:7px;margin-top:-4px;border:solid #B9B1A3;border-width:2px 2px 0 0;transform:rotate(45deg)}
.ta-item{position:absolute;z-index:1;top:0;left:-26px;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);box-shadow:0 2px 6px rgba(26,26,23,.1)}
.ta-item:first-child{left:calc(50% - 13px)}

/* 4. Changing by asking: a request in the chat and the preview with the new service, as in the home page's demo */
.ta-ask{gap:10px}
.ta-ask .art-you{max-width:94%;font-size:11.5px;transform-origin:100% 100%}
.ta-preview{align-self:center;width:100%;max-width:236px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 24px rgba(26,26,23,.08)}
.ta-preview-bar{display:flex;align-items:center;gap:4px;padding:5px 7px;background:#FBFAF7;border-bottom:1px solid var(--line-soft)}
.ta-preview-bar i{width:6px;height:6px;border-radius:50%;background:#D9D2C5}
.ta-preview-bar b{margin-left:auto;padding:2px 7px;border-radius:5px;background:var(--accent);color:#fff;font-size:9px;font-weight:600;line-height:1.35}
.ta-site{padding:8px 9px 10px;color:#1C2230}
.ta-site-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.ta-site-head b{font-size:11px;line-height:1.2}
.ta-site-head i{width:26px;height:8px;border-radius:999px;background:#2F5FD0}
.ta-site-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.ta-site-list>span{display:flex;justify-content:space-between;gap:8px;padding:4px 7px;border:1px solid #E3E7EE;border-radius:6px;font-size:9.5px;line-height:1.3;white-space:nowrap}
.ta-site-list .is-new{border-color:#2F5FD0;background:#F1F5FD;box-shadow:0 0 0 0 rgba(47,95,208,0)}
.ta-site-list .is-new span:last-child{font-weight:700;color:#2F5FD0}

/* The loop: the scan reads down the old page as each finding lights up; ticks and the chosen look answer; pages
   cross to PressUp; the request is sent and the new service flashes in the preview. */
@media (prefers-reduced-motion:no-preference){
  .transfer-how .is-playing .ta-scan{animation:ta-scan 3.2s ease-in-out infinite alternate}
  .transfer-how .is-playing .ta-chips>span{animation:ta-chip 6.4s ease-in-out infinite;animation-delay:calc(var(--i) * .42s)}
  .transfer-how .is-playing .ta-weight{animation:ta-bump 6.4s ease-in-out infinite}
  .transfer-how .is-playing .ta-tick{animation:ta-bump 5.6s ease-out infinite;animation-delay:calc(var(--i) * .5s + .4s)}
  .transfer-how .is-playing .ta-look.is-on{animation:ta-ring 5.6s ease-out 1.6s infinite}
  .transfer-how .is-playing .ta-item{animation:ta-cross 3.6s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i) * -1.2s - .6s)}
  .transfer-how .is-playing .ta-ask .art-you{animation:ta-send 5s ease-out infinite}
  .transfer-how .is-playing .ta-site-list .is-new{animation:ta-new 5s ease-out infinite}
}
@keyframes ta-scan{from{top:8%}to{top:94%}}
@keyframes ta-chip{0%,24%,100%{border-color:var(--line);transform:none;box-shadow:0 2px 6px rgba(26,26,23,.08),0 0 0 0 rgba(251,230,218,0)}
  8%{border-color:var(--accent);transform:translateX(3px);box-shadow:0 2px 6px rgba(26,26,23,.08),0 0 0 3px var(--accent-soft)}}
@keyframes ta-bump{0%,44%,60%,100%{transform:none}52%{transform:scale(1.12)}}
@keyframes ta-ring{0%{box-shadow:0 0 0 0 rgba(194,65,12,.35)}20%,100%{box-shadow:0 0 0 7px rgba(194,65,12,0)}}
@keyframes ta-cross{from{left:-26px}to{left:calc(100% + 4px)}}
@keyframes ta-send{0%,100%{transform:none}5%{transform:translateY(2px) scale(.97)}12%{transform:none}}
@keyframes ta-new{0%,16%{box-shadow:0 0 0 0 rgba(47,95,208,0)}24%{box-shadow:0 0 0 4px rgba(47,95,208,.28)}48%,100%{box-shadow:0 0 0 0 rgba(47,95,208,0)}}

/* The transfer's page */
.transfer-page{padding:32px 0 88px}
.transfer-wrap{max-width:1040px;display:flex;flex-direction:column;gap:20px}
.transfer-head h1,.transfer-card h1{margin:8px 0 0;font:400 clamp(34px,5vw,52px)/1.05 var(--display);letter-spacing:-.02em}
.transfer-head .lede{margin-top:12px}
.transfer-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:22px}
.transfer-card .lede{margin:0}
.transfer-bar{width:100%;height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.transfer-bar span{display:block;width:8%;height:100%;background:var(--accent);border-radius:inherit;transition:width .6s ease}
.transfer-stage{margin:0;font-size:18px;font-weight:600}
.transfer-error{margin:0;padding:14px 16px;border-radius:12px;background:#FCEDEA;color:#7A1F12}
.transfer-thin{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--warn-soft);color:var(--warn-ink)}
.found-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.found-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.found-card h2,.found-subhead{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}
.found-subhead{margin-top:8px}
.found-wide{grid-column:1/-1}
.found-business{display:flex;align-items:center;gap:16px}
.found-logo{width:72px;height:72px;object-fit:contain;border-radius:12px;background:var(--paper);padding:6px;flex-shrink:0}
.found-name{margin:0;font:400 26px/1.15 var(--display)}
.found-text{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.found-muted{margin:0;font-size:14px;color:var(--subtle);line-height:1.45}
.found-count{margin:0;font-size:18px;font-weight:600}
.found-count span{font-weight:400;color:var(--subtle);font-size:15px}
.found-label{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}
.found-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0}
.found-facts dt{font-size:14px;color:var(--subtle)}
.found-facts dd{margin:0;overflow-wrap:anywhere}
.found-hours{display:block}
.found-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.found-list li{display:flex;justify-content:space-between;gap:12px;min-width:0}
.found-list li span{min-width:0;overflow-wrap:anywhere}
.found-list code{font-size:13px;color:var(--subtle);overflow-wrap:anywhere;text-align:right}
.found-prices b{white-space:nowrap}
.found-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.found-swatches li{display:flex;align-items:center;gap:6px;font-size:13px}
.found-swatches span{width:24px;height:24px;border-radius:7px;border:1px solid rgba(0,0,0,.08)}
.found-kinds{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0}
.found-kinds dt{font-size:14px;color:var(--subtle)}
.found-kinds dd{margin:0;font-weight:500}
@media (max-width:760px){.found-grid{grid-template-columns:1fr}.found-card,.transfer-card{padding:20px}}

/* Features, with their statuses */
.feature-status{display:inline-flex;align-self:flex-start;margin:10px 0 0;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700}
.feature-rebuilt{background:var(--ok-soft);color:var(--ok)}
.feature-link{background:#E4ECF7;color:#1F4E8C}
.feature-not_yet{background:var(--chip);color:var(--muted)}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0;list-style:none}
.feature-list label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.feature-list input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:var(--accent)}
.feature-list span{display:flex;flex-direction:column;min-width:0}
.feature-list small{color:var(--subtle);font-size:14px;line-height:1.4}
.transfer-input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:16px;line-height:1.45}
.transfer-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
@media (max-width:760px){.feature-list{grid-template-columns:1fr}}

/* The choices */
.look-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.look-choice{position:relative;display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper);cursor:pointer}
.look-choice input{margin:4px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}
.look-choice span{display:flex;flex-direction:column;gap:4px}
.look-choice b{font:400 22px/1.15 var(--display)}
.look-choice small{color:var(--muted);font-size:14px;line-height:1.45}
.look-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.full-move{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px dashed var(--line);border-radius:16px}
.full-move label{display:flex;gap:12px;cursor:pointer}
.full-move input{margin:4px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}
.full-move span{display:flex;flex-direction:column;gap:2px}
.full-move small{color:var(--muted);font-size:14px}
.full-move.is-locked label{cursor:default;opacity:.75}
.pro-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-style:normal;font-weight:700;vertical-align:2px}
.transfer-limit{margin:0;padding:12px 14px;border-radius:12px;background:var(--warn-soft);color:var(--warn-ink)}
.transfer-build{display:flex;flex-direction:column;gap:20px}
.transfer-build .prompt-foot{margin-top:4px}
@media (max-width:640px){.look-choices{grid-template-columns:1fr}}

/* The speed check: the old homepage and the PressUp draft, side by side */
.speed{display:flex;flex-direction:column;gap:12px;width:100%}
.speed-rows{display:flex;flex-direction:column;gap:14px;margin:0}
.speed-row dt{font-size:14px;font-weight:600;color:var(--ink)}
.speed-row dd{display:flex;flex-direction:column;gap:6px;margin:6px 0 0}
.speed-bar{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(90px,auto);align-items:center;gap:12px;font-size:14px}
.speed-who{color:var(--subtle)}
.speed-track{height:10px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.speed-fill{display:block;height:100%;border-radius:inherit}
.speed-old{background:#B9B1A3}
.speed-new{background:var(--accent)}
.speed-value{text-align:right;white-space:nowrap}
.speed-value.is-missing{font-weight:400;color:var(--subtle);font-style:italic}
.speed:not(.speed-compare) .speed-who{display:none}
.speed:not(.speed-compare) .speed-bar{grid-template-columns:minmax(0,1fr) minmax(90px,auto)}
.speed-note{margin:0;font-size:13px;color:var(--subtle);line-height:1.45}
@media (max-width:520px){.speed-bar{grid-template-columns:80px minmax(0,1fr) auto;gap:8px;font-size:13px}}

/* A moved site's build page */
.move{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;max-width:1360px;margin:0 auto;padding:24px 64px 64px}
.move-main{min-width:0}
.move h1{margin:12px 0 0;font:400 clamp(32px,4.6vw,52px)/1.05 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere}
.move-from{margin:10px 0 0;color:var(--muted);font-size:16px}
.move-visual{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.move-tile{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px;text-align:center}
.move-tile svg,.move-tile img{width:48px;height:48px}
.move-tile small{max-width:96px;font-size:12px;font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.move-tile-platform svg{color:#2A2A26}
.move-tile-site svg{color:var(--subtle)}
.move-tile-site img{border-radius:10px;object-fit:contain}
.move-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--brand)}
.move-mark svg{width:30px;height:30px}
.move-path{position:relative;height:56px;min-width:0}
.move-line{position:absolute;left:0;right:0;top:50%;border-top:2px dashed var(--line)}
.move-item{position:absolute;top:50%;left:0;display:grid;place-items:center;width:30px;height:30px;margin-top:-15px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--accent);opacity:0;box-shadow:0 2px 6px rgba(26,26,23,.08)}
.move-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--subtle);display:none}
.move-visual[data-phase="photos"] .move-photo,
.move-visual[data-phase="design"] .move-page,
.move-visual[data-phase="pages"] .move-page,
.move-visual[data-phase="features"] .move-form,
.move-visual[data-phase="redirects"] .move-page{animation:move-across 3.6s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i) * 1.2s)}
.move-visual[data-phase="design"] .move-page{color:var(--subtle)}
.move-visual[data-phase="ready"] .move-line{border-top-style:solid;border-color:var(--ok)}
.move-visual[data-phase="failed"] .move-line{border-color:#E0A79B}
@keyframes move-across{0%{left:0;opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1)}85%{opacity:1}100%{left:calc(100% - 30px);opacity:0;transform:scale(.9)}}
@media (prefers-reduced-motion:reduce){.move-item{animation:none !important;opacity:0 !important}.move-arrow{display:block}.move-line{border-top-style:solid}}
.move-steps{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.move-steps li{display:flex;align-items:flex-start;gap:14px;color:var(--subtle);font-size:17px}
.move-dot{width:28px;height:28px;border-radius:999px;border:2px solid #D9D2C5;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:transparent}
.move-step-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.move-step-text b{font-weight:500}
.move-step-text small{font-size:14px;color:var(--subtle);overflow-wrap:anywhere}
.move-step-text small:empty{display:none}
.move-steps .is-done{color:var(--ink)}
.move-steps .is-done .move-dot{border:0;background:var(--ok-soft);color:var(--ok)}
.move-steps .is-active{color:var(--ink)}
.move-steps .is-active b{font-weight:700}
.move-steps .is-active .move-dot{border-color:var(--accent)}
.move-steps .is-active .move-dot::after{content:"";width:10px;height:10px;border-radius:999px;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}
.move-steps .is-failed .move-dot{border-color:#C0392B}
@media (prefers-reduced-motion:reduce){.move-steps .is-active .move-dot::after{animation:none}}
.move-finished{color:var(--muted) !important}
.move-ready{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.move-ready-title{margin:0;font:400 26px/1.15 var(--display)}
.move-failed{margin-top:28px}
.move-aside .speed-bar{grid-template-columns:minmax(0,1fr) auto}
@media (max-width:1100px){.move{grid-template-columns:1fr;gap:28px;padding:20px}}
@media (max-width:520px){
  .move-visual{gap:8px;padding:14px}
  .move-tile{width:64px}
  .move-tile svg,.move-tile img{width:36px;height:36px}
  .move-mark{width:42px;height:42px;border-radius:12px}
  .move-mark svg{width:22px;height:22px}
  .move-tile small{max-width:64px;font-size:11px}
  .move-item{width:24px;height:24px;margin-top:-12px}
  .move-item svg{width:14px;height:14px}
  .move-steps li{font-size:16px}
}

/* Move your website in two stages: the found card's menu (pages that move when the owner finishes), the
   "Finish website transfer" call to action, and its page (transfer/finish, one column). */
.moves-later{flex-shrink:0;font-size:13px;color:var(--subtle);font-style:italic}
.finish-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.finish-cta-title{margin:0;font-weight:600}
.move-single{grid-template-columns:minmax(0,760px);justify-content:center}
.move-single .move-ready form{margin:0}
.move-single .found-list{width:100%}