/* V0.5 — clearly marked sharing-only collectible demonstration */
.demo-intro-pill{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:-10px 0 24px;padding:11px 14px;background:#10251f;border:1px solid #31765b;border-radius:11px;color:#d8ffee;font-size:11px;letter-spacing:.075em}
.demo-dot{display:inline-block;width:8px;height:8px;background:#4deec9;border-radius:50%;box-shadow:0 0 0 3px #4deec922}
.demo-intro-pill a{margin-left:auto;color:#4deec9;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.demo-section{margin-top:53px;padding-top:34px;border-top:1px solid #2b564a;scroll-margin-top:94px}
.demo-section .section-head{align-items:center;margin:0 0 19px}
.demo-section .section-head h2{font-size:clamp(27px,4.2vw,43px);line-height:1.13;margin-top:9px}
.demo-section .section-head p{font-size:14px;color:#a5bdb8}
.demo-tag{flex:none;background:#153428;border:1px solid #39725b;border-radius:8px;padding:7px 9px;font-size:10px;letter-spacing:.12em;color:#93f9cf;font-weight:950}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.demo-card{min-width:0;overflow:hidden;border:1px solid #31534b;border-radius:16px;background:#10211f;box-shadow:0 17px 35px #0003}
.demo-photo{position:relative;display:flex;align-items:center;justify-content:center;height:240px;background:#081316;overflow:hidden}
.demo-photo img{height:100%;width:100%;object-fit:contain;object-position:center;filter:none}
.demo-number{position:absolute;left:11px;top:11px;padding:5px 8px;background:#061616ed;border:1px solid #ffffff30;border-radius:6px;color:#dbfff1;font-weight:850;font-size:10px;letter-spacing:.12em}
.demo-car-info{padding:17px}
.demo-car-info h3{font-size:clamp(17px,2.7vw,25px);letter-spacing:-.03em;margin:4px 0;line-height:1.15;overflow-wrap:anywhere}
.demo-car-info p{font-size:12px;color:#a0bdb6;margin:5px 0 15px}
.demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.demo-actions button{font-size:11px;padding:11px 12px;min-height:45px;flex:1 0 150px}
.demo-vehicle-link{font-weight:850;color:#76edca;font-size:12px;padding:8px 2px}
.demo-bottom{margin:21px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:linear-gradient(130deg,#123c31,#132529);border:1px solid #35715a;border-radius:14px}
.demo-bottom b{display:block;font-size:13px;color:#e6fff0}
.demo-bottom p{color:#a9c6bd;font-size:12px;line-height:1.65;margin:5px 0}
.demo-bottom .btn{flex:none}
.demo-more{text-align:center;margin:18px 0;color:#75d8b8;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.demo-intro{margin-bottom:27px}.demo-intro h1{margin-top:16px}.demo-intro .lead{max-width:700px}
.demo-stepflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.demo-stepflow div{background:#132921;border:1px solid #345344;padding:13px;border-radius:10px}
.demo-stepflow b{display:block;color:#59ecc3;font-size:10px;letter-spacing:.1em}.demo-stepflow span{display:block;color:#a8bfb5;font-size:12px;margin-top:4px}
.demo-profile-return{font-size:12px;text-align:center;margin:20px 0 10px;color:#acd2bf}.demo-profile-return a{color:#6bffcc;text-decoration:underline;text-underline-offset:3px}.demo-profile-return span{color:#7eaaa0}
@media(max-width:720px){.demo-grid{grid-template-columns:1fr}.demo-photo{height:250px}.demo-bottom{display:block}.demo-bottom .btn{margin-top:12px;width:100%}.demo-section{margin-top:38px}.demo-stepflow{grid-template-columns:1fr}.demo-stepflow div{display:grid;grid-template-columns:90px 1fr;gap:7px}}
@media(max-width:380px){.demo-photo{height:210px}.demo-intro-pill a{margin-left:0}}