/* Reneast: approved spacing, card alignment and restrained motion. */
:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}
.intro{padding:18px 0 16px}.intro h1{margin:0}
/* Keep both primary choices within the opening viewport. */
@media(min-width:651px){header{height:92px;min-height:0;padding:12px 0;flex-wrap:nowrap}.intro h1{font-size:clamp(32px,3.3vw,48px);line-height:1.12}.choice{height:clamp(300px,calc(100svh - 250px),390px);min-height:0;padding:24px 28px 18px}.choice h2{margin:0 0 6px;font-size:clamp(25px,2.5vw,36px)}.choice .scene{height:auto;min-height:0;flex:1;margin:0 0 6px}.choice .scene:before{width:200px;height:200px;top:50%;transform:translateY(-50%)}.choice .scene .device-svg{height:100%;max-height:175px;width:280px;margin-right:8px}.choice.buy .scene .renewed-device{width:300px;max-height:190px;margin-right:-8px}.choice-bottom{flex-direction:row;align-items:center}.choice-action{padding:8px 0}.choice-bottom{flex-shrink:0}}
@media(min-width:651px) and (max-width:950px){header .header-actions .header-action{width:auto;flex:1;font-size:11px;padding:12px 10px;gap:8px}.header-brand .logo{font-size:32px}.choice{padding:22px}.choice .scene .device-svg{width:240px}.choice.buy .scene .renewed-device{width:260px}}
@media(min-width:651px) and (max-height:580px){header{height:80px}.intro{padding:10px 0 12px}.intro h1{font-size:32px}.choice{height:calc(100svh - 195px);min-height:225px;padding:18px 24px 12px}.choice h2{font-size:25px}.choice .scene .device-svg{max-height:130px}.choice.buy .scene .renewed-device{max-height:145px}}
.choice:after{display:none}.choice{transition:transform .25s var(--motion-ease),box-shadow .25s,border-color .25s}
@media(hover:hover){.choice:hover{transform:translateY(-3px);box-shadow:0 10px 26px #294d7312}.choice:hover .device-svg{transform:rotate(-4deg) translateY(-3px)}.choice.buy:hover .renewed-device{transform:rotate(-3deg) translateY(-3px)}}
.choice .device-svg{transition:transform .35s var(--motion-ease)}
.journey .switch{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;min-width:236px}
.journey .switch:before{content:'';position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px)/2);border-radius:7px;background:#fff;box-shadow:0 2px 7px #294d730b;z-index:-1;transform:translateX(0);transition:transform .28s var(--motion-ease)}
.journey .switch[data-active=buy]:before{transform:translateX(100%)}
.journey .switch button{position:relative;white-space:nowrap;transition:color .2s}
.journey .switch button[aria-selected=true]{background:transparent;box-shadow:none}
.product{display:flex;flex-direction:column;min-width:0;border-radius:13px;transition:box-shadow .2s,border-color .2s}
@media(hover:hover){.product:hover{border-color:#b8cfdd;box-shadow:0 8px 24px #294d730a}}
.product-image{height:222px;flex:0 0 222px;padding:35px 24px 18px}
.product-body{display:flex;flex-direction:column;flex:1;padding:20px;min-width:0}
.product-brand{height:46px;min-height:46px;margin-bottom:12px;gap:12px;align-items:center}
.manufacturer-logo{width:80px;height:34px;object-fit:contain;object-position:left center}
.manufacturer-logo[alt=Dell],.manufacturer-logo[alt=HP]{width:40px;height:40px}
.product-body h3{font:600 17px/1.45 'Manrope',sans-serif;letter-spacing:-.4px;min-height:50px;margin:0 0 12px;overflow-wrap:anywhere}
.product-specs{display:flex;gap:6px;flex-wrap:wrap;min-height:52px;align-content:flex-start}
.product-specs span{font:400 10px/1.5 'DM Sans',sans-serif;color:#526d80;background:#f0f5f8;border-radius:5px;padding:5px 8px;white-space:nowrap}
.photo-source{align-self:flex-start;margin:12px 0 18px}
.product-price{margin-top:auto;min-height:75px;align-items:flex-end;gap:10px;flex-wrap:nowrap}
.product-price strong{font:600 22px/1.25 'Manrope',sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.product-price small{font:400 9px/1.5 'DM Sans',sans-serif;max-width:150px}
.product-price .small-button{min-height:37px;white-space:nowrap;flex-shrink:0;font:500 10px/1.4 'DM Sans',sans-serif;border-radius:7px;transition:background .18s,border-color .18s}
.product-price .small-button:hover{background:#edf5f0;border-color:#aacbbd}
.sell-progress{list-style:none;display:flex;gap:22px;margin:0 0 25px;padding:0;border-bottom:1px solid var(--line)}
.sell-progress li{display:flex;gap:9px;align-items:center;padding:0 0 17px;font-size:12px;color:#768a99;border-bottom:2px solid transparent}
.sell-progress li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef3f7;font-size:11px}
.sell-progress li[aria-current=step]{color:#20775d;border-bottom-color:#238467}
.sell-progress li[aria-current=step]>span{color:#fff;background:#238467}
.sell-step{border:0;margin:0;padding:0;min-width:0}.sell-step .form-footer{justify-content:flex-end}
.sell-back{border:0;background:transparent;font-size:12px;color:#527ba5;padding:12px 0;margin-right:auto}
.sell-form-status{display:block;margin-top:20px;color:#61798a;font-size:10px;line-height:1.7}
.sell-form-grid{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);border-radius:14px}
.form-aside h3{font:500 22px/1.4 'Manrope',sans-serif;margin:0 0 15px}
.form-aside p{font-size:12px;line-height:1.9}.form-aside ul{margin:24px 0 0}.form-aside li{padding:12px 0;font-size:12px}.form-aside li:before{content:'✓';font-weight:600}
.faq-answer{overflow:hidden;display:flow-root}.faq-answer p{font-size:13px;line-height:1.9;color:#5d7183;max-width:800px;padding:0 34px 22px 0;margin:0}
.help-category .faq-answer p{color:#465d6b;max-width:660px;padding:0 30px 20px 0}
.faq-toggle:before,.faq-toggle:after{transition:transform .25s var(--motion-ease),opacity .2s}
.faq-item[open] .faq-toggle:after{display:block;transform:rotate(180deg);opacity:0}
.faq-item[data-expanding=false] .faq-toggle:after{transform:rotate(90deg);opacity:1}
.site-bottom{background:#edf3f8;border:1px solid #dce6ee;border-radius:20px;padding:28px 30px 0;margin:8px 0 26px}
.site-bottom .contact-modern{background:#fff;box-shadow:none;padding:26px;border-radius:14px;margin:0 0 25px;gap:25px}
.site-bottom footer{padding:22px 0;gap:22px}.site-bottom .legal-footer{padding:18px 0 22px;gap:10px 22px}
.reveal-pending{opacity:0;transform:translateY(12px)}
dialog[open]{animation:none!important}dialog.dialog-closing{pointer-events:none}
@media(max-width:1000px) and (min-width:651px){.product-body{padding:16px}.product-price strong{font-size:20px}.product-price .small-button{padding:10px 8px;font-size:9px}.product-brand .eyebrow{font-size:9px;letter-spacing:.7px}.product-specs{min-height:74px}.sell-form-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}}
@media(max-width:650px){.intro{padding:23px 0 16px}.intro h1{margin:6px 0}.journey .switch{min-width:0;width:100%}.journey .switch button{padding:11px 8px}.product-image{height:220px;flex-basis:220px}.product-body{padding:20px}.product-body h3{min-height:0;font-size:18px}.product-specs{min-height:0;margin-bottom:4px}.product-specs span{font-size:11px}.product-price{margin-top:0}.sell-form-grid{grid-template-columns:1fr}.sell-progress{gap:18px}.sell-progress li{font-size:11px;gap:7px}.sell-step .form-footer{flex-direction:row;align-items:center;gap:18px}.sell-step .form-footer .button{width:auto;min-height:44px;gap:13px}.sell-form-status{font-size:11px}.form-aside{padding:24px}.form-aside h3{font-size:20px}.form-aside ul{margin-top:16px}.faq-answer p,.help-category .faq-answer p{font-size:12px;padding-right:8px}.site-bottom{padding:18px 17px 0;margin-bottom:20px;border-radius:16px}.site-bottom .contact-modern{padding:22px 18px;margin-bottom:20px;gap:22px}.site-bottom .contact-modern h3{font-size:21px}.site-bottom footer{align-items:flex-start;gap:12px;padding:20px 0}.site-bottom footer small{width:100%}.site-bottom .legal-footer{font-size:11px;justify-content:flex-start;gap:12px 18px}.site-bottom .contact-copy strong{font-size:13px}}
@media(max-width:650px){.sell-step input,.sell-step select,.sell-step textarea{font-size:16px}}
@media(max-width:380px){#sell-step-2 .form-footer{flex-direction:column;align-items:stretch;gap:10px}.sell-step .form-footer .button{width:100%;white-space:normal}.sell-back{margin:0;text-align:left}.sell-progress{gap:12px}.sell-progress li{font-size:10px;gap:5px}}
@media(max-width:650px){header{padding:14px 0;gap:12px}.intro{padding:17px 0 15px}.intro h1{font-size:clamp(25px,7.2vw,31px);line-height:1.12;letter-spacing:-1.2px}.choices{gap:12px}.choice{height:clamp(180px,calc((100svh - 320px)/2),240px);min-height:0;padding:20px}.choice h2{font-size:22px;line-height:1.18;letter-spacing:-.7px;margin:0;max-width:60%;position:relative;z-index:2}.choice .scene{position:absolute;right:12px;bottom:48px;width:44%;height:112px;margin:0;pointer-events:none}.choice .scene:before{width:130px;height:130px;right:0;top:-10px}.choice .scene .device-svg{width:100%;height:112px;margin:0}.choice.buy .scene .renewed-device{width:120%;height:125px;margin-right:-16px}.choice-bottom{margin-top:auto;flex-direction:row;align-items:center}.choice-action{font-size:11px;gap:10px;padding:0;position:relative;z-index:2}.choice-action>span{width:28px;height:28px;flex-shrink:0;font-size:16px}.benefits{margin-top:8px}}
.opening{--opening-header:92px;display:flex;flex-direction:column;height:calc(100svh - var(--opening-header));padding-bottom:20px}
.opening .intro{flex-shrink:0}
.opening .choices{flex:1;min-height:0}
.opening .choice{height:auto;min-height:0}
@media(min-width:651px){.opening .choice .scene .device-svg{max-height:clamp(175px,27svh,270px);width:min(80%,360px)}.opening .choice.buy .scene .renewed-device{max-height:clamp(190px,29svh,285px);width:min(85%,390px)}}
@media(max-width:650px){.opening{--opening-header:150px;padding-bottom:18px}.opening .choices{grid-template-rows:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.choice,.choice .device-svg,.journey .switch:before,.journey .switch button,.product,.small-button,.faq-toggle:before,.faq-toggle:after{transition:none!important}.choice:hover,.choice:hover .device-svg,.choice.buy:hover .renewed-device{transform:none}.reveal-pending{opacity:1;transform:none}}