:root{--figma-gold:#d2a027;--figma-cream:#f8f7f2;--figma-card:#f0eee8;--figma-charcoal:#292929}
body{background:var(--figma-cream)}
header{height:86px;border:0;background:rgba(248,247,242,.94)}
.brand-link{display:flex;align-items:center}.nav .logo{width:190px}.desktop-nav{display:flex;gap:36px;align-items:center;padding:13px 28px;border-radius:999px;background:#f0eee8}.desktop-nav a{color:#555;text-decoration:none;font-size:13px}.desktop-nav a:first-child{font-weight:800;color:#111}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions .signin-btn{border:0;background:transparent;color:#9b741b}.gold-button{background:var(--figma-gold);color:#fff;border:0}.gold-button:hover{filter:brightness(.96)}
.hero-redesign{padding:48px 0 80px}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(46px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 18px}.hero-copy p{color:#625f58;line-height:1.5;margin:0}.hero-stage{position:relative;margin-top:40px}.hero-photo{height:520px;border-radius:30px;overflow:hidden;position:relative;background:#ddd}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 55%,rgba(0,0,0,.16))}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-search{position:absolute;z-index:4;left:50%;top:20px;transform:translateX(-50%);width:min(820px,84%);margin:0;padding:24px 30px;border:0;border-radius:27px;box-shadow:0 18px 48px #1112}.hero-search>span{display:block;font-size:10px;letter-spacing:.12em;color:#888;margin-bottom:7px}.hero-search>b{font-size:15px}.hero-fields{grid-template-columns:.65fr 1fr 1fr;margin-top:14px}.hero-fields label{font-size:10px;color:#999}.hero-fields input,.hero-fields select{display:block;margin-top:6px;background:#f8f7f4}.hero-search>.btn{width:100%;margin-top:11px}.hero-photo .swap{top:auto;bottom:58px;left:50%;width:58px;height:58px;font-size:22px}.your-car-label,.their-car-label{position:absolute;z-index:2;bottom:95px;color:#fff;font:38px "Comic Sans MS",cursive;text-shadow:0 2px 10px #0008}.your-car-label{left:10%}.their-car-label{right:9%}
.benefits{padding:75px 0 105px}.benefits>h2,.faq-section>h2{text-align:center;font-size:clamp(38px,4vw,56px);line-height:1.02;letter-spacing:-.045em}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:55px}.benefit-grid article{background:var(--figma-card);padding:38px;min-height:210px}.benefit-grid i{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--figma-gold);color:white;font-size:25px;font-style:normal}.benefit-grid h3{font-size:25px;margin:25px 0 8px}.benefit-grid p{margin:0;color:#69665f;line-height:1.55}
.potential-section{padding:60px 0 100px}.potential-grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:55px}.potential-grid h2{font-size:clamp(42px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0}.potential-grid>div>p{color:#68655f;line-height:1.55;margin:25px 0}.potential-art{padding:55px;background:linear-gradient(100deg,#55d2cf,#eee6bc 55%,#ef9262)}.potential-card{background:#fff;border-radius:32px;padding:35px;display:grid;grid-template-columns:110px 1fr;gap:25px;box-shadow:0 18px 40px #2222}.score{width:105px;height:105px;border:15px solid var(--figma-gold);border-right-color:#eee9dc;border-radius:50%;display:grid;place-items:center;align-content:center}.score strong{font-size:30px}.score small{font-size:9px;color:#777}.potential-card h3{font-size:30px;margin:3px 0}.potential-card p{margin:0;color:#666;font-size:14px}.potential-card ul{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:8px 0 0}.potential-card li{background:#f1efeb;border-radius:999px;padding:11px 15px;font-size:12px;color:#555}.potential-card li:before{content:"○ ";color:var(--figma-gold)}
.faq-section{padding:55px 0 110px;max-width:900px!important}.faq-section details{background:#f0eee8;border-radius:28px;margin:12px 0;padding:0 28px}.faq-section details[open]{background:#fff;border:1px solid #dfbd6d}.faq-section summary{padding:22px 50px 22px 38px;cursor:pointer;position:relative;list-style:none}.faq-section summary:before{content:counter(faq) ".";counter-increment:faq;position:absolute;left:0}.faq-section summary:after{content:"+";position:absolute;right:0;top:13px;width:38px;height:38px;border-radius:50%;background:var(--figma-gold);color:white;display:grid;place-items:center;font-size:23px}.faq-section details[open] summary:after{content:"×";background:#f0eee8;color:var(--figma-gold)}.faq-section{counter-reset:faq}.faq-section details p{padding:0 50px 24px 38px;margin:0;color:#666;line-height:1.55}
footer{background:#292929;color:#fff;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1.4fr;gap:50px}.footer-grid .footer-logo{width:230px;height:auto;filter:none}.footer-grid p,.footer-grid a,.footer-grid span{color:#aaa;font-size:13px}.footer-grid a,.footer-grid span{display:block;text-decoration:none;margin-top:13px}.footer-grid h3{margin-top:0}.copyright{border-top:1px solid #414141;margin-top:50px!important;padding-top:25px;text-align:center;color:#888;font-size:11px;letter-spacing:.2em}
@media(max-width:900px){.desktop-nav{display:none}.hero-photo{height:470px}.potential-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.potential-art{padding:35px}}
@media(max-width:600px){header{position:sticky}.nav .logo{width:125px!important}.nav-actions .signin-btn{display:none!important}.hero-redesign{padding:25px 0 55px}.hero-copy h1{font-size:clamp(39px,11vw,52px);margin-top:16px}.hero-copy p{font-size:14px}.hero-stage{margin-top:28px}.hero-search{position:relative;left:auto;top:auto;transform:none;width:100%;padding:20px 17px;border-radius:22px;margin-bottom:-24px}.hero-fields{grid-template-columns:1fr!important}.hero-photo{height:340px;border-radius:0 0 24px 24px}.hero-photo img{object-position:center}.your-car-label,.their-car-label{font-size:23px;bottom:48px}.hero-photo .swap{bottom:26px;width:48px;height:48px}.benefits{padding:55px 0 70px}.benefit-grid{grid-template-columns:1fr;margin-top:35px}.benefit-grid article{min-height:0;padding:27px}.benefit-grid h3{font-size:21px;margin-top:18px}.potential-section{padding:35px 0 70px}.potential-grid{gap:35px}.potential-art{padding:18px}.potential-card{grid-template-columns:80px 1fr;padding:22px;gap:15px}.score{width:78px;height:78px;border-width:11px}.score strong{font-size:23px}.potential-card h3{font-size:23px}.potential-card ul{grid-template-columns:1fr}.faq-section{padding:35px 0 80px}.faq-section details{padding:0 18px}.faq-section summary{padding-left:28px;font-size:14px}.faq-section details p{padding-left:28px;padding-right:30px;font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}}