/* One gently floating laptop provides continuous movement outside the reading area. */
.floating-device svg{display:block;width:100%;height:auto}.arrival-hero>.floating-device{position:absolute;top:85px;left:0;width:94px;padding:9px;background:#ffffffef;border:1px solid #dae9e2;border-radius:17px;box-shadow:0 12px 26px #173d4520;z-index:2;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.floating-device{animation:device-float 5s ease-in-out infinite;will-change:transform}.guide-page .use-choice{transition:border-color 180ms,box-shadow 180ms}.guide-page .use-choice:hover .use-photo{filter:saturate(1.08)}}
@keyframes device-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:700px){.arrival-hero>.floating-device{top:auto;bottom:62px;left:0;width:72px;padding:7px;border-radius:13px}}
.analysis-graphic{display:block;flex:0 0 100px;width:100px;line-height:0}.analysis-graphic img{display:block;width:100%;height:auto;border-radius:8px}.guide-page .analysis-status{align-items:center;gap:16px;background:#eaf5f8}.arrival-eyebrow{display:flex;gap:9px;align-items:center}.arrival-eyebrow svg{width:25px;height:25px;flex:0 0 25px}.choice-card{touch-action:manipulation}
@media(prefers-reduced-motion:no-preference){
 .arrival-start svg,.nav-guide svg{transition:transform 180ms ease}.arrival-start:hover svg,.arrival-start:focus-visible svg,.nav-guide:hover svg{transform:translateX(-4px)}
 .arrival-start:active,.wizard-actions .button:active{transform:scale(.98)}
 .guide-page .choice-card{transition:border-color 160ms,background-color 160ms,box-shadow 160ms}.guide-page .choice-card:hover{border-color:var(--brand-primary)}
 .arrival-process li .process-number{transition:box-shadow 200ms,transform 200ms}.arrival-process li:hover .process-number{box-shadow:0 0 0 5px #24809112;transform:translateY(-2px)}
 dialog[open]{animation:dialog-arrive 180ms ease-out}dialog[open]::backdrop{animation:backdrop-arrive 180ms ease-out}
 .budget-availability[aria-busy=true]{background-image:linear-gradient(100deg,transparent 20%,#ffffff80 50%,transparent 80%);background-size:220% 100%;animation:market-pending 1.8s linear infinite}
 @keyframes dialog-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
 @keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
 @keyframes market-pending{from{background-position:180% 0}to{background-position:-80% 0}}
}
@media(max-width:700px){.arrival-eyebrow{justify-content:center}.analysis-graphic{flex-basis:72px;width:72px}.guide-page .analysis-status{gap:10px}.guide-page .analysis-status strong{font-size:13px}.guide-page .analysis-status p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.choice-card,.button,.arrival-start svg{transition:none!important}.spinner{animation:none!important}}
/* Guide surfaces follow the warmer photo-led homepage without changing form order. */
.guide-page{background:#f3f7f5}.guide-page .wizard-intro h1{color:#153e46}.guide-page .wizard-layout{border-color:#d8e8e3;box-shadow:0 16px 45px #234b3e09}.guide-page .use-grid .use-choice{border-radius:13px}.guide-page .use-choice:has(input:checked){background:#edf6f3;box-shadow:0 0 0 1px #248091,0 7px 20px #24809112}.guide-page .use-choice .choice-copy{background:linear-gradient(180deg,#ffffff00,#f4f8f5)}.guide-page .wizard-actions .primary{box-shadow:0 5px 15px #ff980022}.guide-page .step-list button[aria-current=step] .step-circle{box-shadow:0 0 0 6px #24809110}.guide-page .budget-field input:focus{box-shadow:0 0 0 4px #24809115}.guide-page .workload-grid .choice-card:has(input:checked){background:#edf6f3;border-color:#248091}
html[data-motion=on] .visual-corner{animation:corner-draw 1s ease-out both}html[data-motion=on] .process-art>svg{animation:art-intro 900ms ease-out both}html[data-motion=on] .arrival-process li:nth-child(2) .process-art>svg{animation-delay:150ms}html[data-motion=on] .arrival-process li:nth-child(3) .process-art>svg{animation-delay:300ms}html[data-motion=on] .photo-caption-panel .caption-symbol{animation:confirm-intro 850ms 400ms ease-out both}html[data-motion=on] .arrival-trust li svg{animation:confirm-intro 650ms ease-out both}html[data-motion=on] .process-art{transition:transform 240ms ease}html[data-motion=on] .arrival-process li:hover .process-art{transform:rotate(-5deg) translateY(-2px)}html[data-motion=on] .guide-page .use-choice .use-photo{transition:transform 350ms ease}html[data-motion=on] .guide-page .use-choice:hover .use-photo{transform:scale(1.035)}
@keyframes corner-draw{from{opacity:0;transform:translate(-10px,-10px)}to{opacity:1;transform:translate(0,0)}}
@keyframes art-intro{from{opacity:.3;transform:translateY(12px) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes confirm-intro{0%{opacity:.2;transform:scale(.5)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;scroll-behavior:auto!important}
