@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101e35;--ink:#172438;--gold:#d6bb82;--paper:#f7f6f2;--muted:#737a84}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #bb8c3c;outline-offset:4px}.topline{padding:10px 5%;background:var(--navy);color:#dadfe5;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.topline i{margin:0 16px;color:var(--gold)}header{height:98px;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddcd6}.brand img{width:150px;height:67px;object-fit:contain}nav{display:flex;gap:36px;font-size:13px}nav a:hover{color:#a2752c}.outline{background:transparent;border:1px solid #c7c9c9;padding:12px 19px;border-radius:4px;font-size:12px}.outline span{margin-left:20px}.hero{display:grid;grid-template-columns:46% 54%;min-height:570px;overflow:hidden}.hero-copy{padding:65px 0 45px 11%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--gold);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4.4vw,68px);line-height:1.13;letter-spacing:-3px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#ab8543}p{font-size:14px;line-height:1.9;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;border-radius:3px;font-size:12px;font-weight:700}.gold{background:var(--gold);color:var(--navy)}.button:hover{filter:brightness(.95)}.hero-copy>.button{margin-top:15px}.hero-note{display:flex;gap:12px;align-items:center;margin-top:40px;font-size:11px}.hero-note small{display:block;color:var(--muted);margin-top:5px}.seal{border:1px solid #cabd9f;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-family:Georgia;color:#9c7e44}.hero-visual{position:relative;background:radial-gradient(ellipse at 50% 45%,#34435a,#15233a 65%);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-visual>img{width:105%;position:relative;z-index:2;filter:drop-shadow(0 35px 18px #060e1a66);margin-top:-15px}.giant{position:absolute;top:65px;font-size:clamp(70px,10vw,160px);font-weight:800;letter-spacing:5px;color:#ffffff09}.orbit{position:absolute;width:600px;height:600px;border:1px solid #ffffff0c;border-radius:50%;top:40px}.hero-caption{position:absolute;bottom:40px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;color:#d4bc8d;font-size:9px;letter-spacing:1.5px;z-index:3}.hero-caption b{display:block;color:white;font-size:16px;font-weight:500;letter-spacing:0;margin-top:8px}.hero-caption a{width:40px;height:40px;border:1px solid #ffffff66;display:grid;place-items:center;border-radius:50%;font-size:23px}.edition{position:absolute;right:25px;top:28px;color:#b7bdc8;font-size:8px;letter-spacing:2px}.marquee{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #ddded9;gap:20px}.marquee span{font-size:11px;color:var(--muted)}.marquee b{font-size:21px;letter-spacing:3px;color:#545e6c}.marquee i{margin-left:20px}.section{padding:70px 5%}.section-top{display:flex;justify-content:space-between;align-items:end}h2{font-size:36px;letter-spacing:-1.5px;line-height:1.25;margin:15px 0 25px}.section-top p{font-size:12px;margin-bottom:25px}.filters{display:flex;gap:12px;margin-top:15px;align-items:center}.tabs{display:flex;gap:7px;margin-right:auto}.tabs button{padding:11px 15px;border-radius:4px;background:transparent;color:#717985;font-size:12px}.tabs button.active{background:var(--navy);color:white}input,select,textarea{padding:12px;border:1px solid #dfe0df;border-radius:4px;background:#fff;color:var(--ink);font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold)}.results{display:flex;justify-content:space-between;color:#858b92;font-size:10px;margin:24px 0 17px}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.car-card{background:white;border:1px solid #e4e5e1;border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.car-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #1724380a}.car-image{height:225px;background:#eeefeb;position:relative;padding:25px 15px 5px}.car-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.badge{font-size:9px;padding:6px 10px;background:white;border-radius:3px;position:absolute;top:16px;left:16px;z-index:1}.badge.reserved{background:#e6d5ae}.badge.sold{background:#d8dce2}.car-info{padding:22px}.car-info small{font-size:9px;letter-spacing:1.3px;color:#8e9399}.car-info h3{font-size:20px;margin:8px 0 14px;letter-spacing:-.6px}.specs{display:flex;gap:14px;font-size:10px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid #eee}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:17px;font-size:12px}.card-bottom button{background:none;font-size:12px;color:var(--ink)}.story{display:grid;grid-template-columns:1fr 1fr;background:#eae9e3;margin:0 5%;border-radius:6px;overflow:hidden}.story-image{min-height:430px}.story-image img{width:100%;height:100%;object-fit:cover;object-position:48% center}.story-copy{padding:48px}.story-copy h2{font-size:35px}.story-copy p{font-size:12px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #b4b7ba;padding:15px 0;font-size:13px}.values{display:flex;justify-content:space-between;margin-top:28px;font-size:9px;color:#96968c}.values b{display:block;font-size:15px;color:var(--ink);margin-top:6px}.contact{display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:32px;margin-bottom:0}footer{background:var(--navy);color:#c9ced5;padding:38px 5%;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer small{font-size:9px;line-height:1.8;text-align:right}.wordmark{font-size:25px;font-weight:800;letter-spacing:1px}.wordmark span{display:block;font-size:9px;letter-spacing:6px}dialog{border:0;border-radius:10px;padding:35px;max-width:760px;width:90%;max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#071124b8;backdrop-filter:blur(5px)}.close{position:absolute;top:12px;right:15px;background:#eeefeb;border-radius:50%;width:30px;height:30px;font-size:22px;z-index:3}.detail-img{height:260px;width:100%;object-fit:contain;background:#f0f1ed;border-radius:6px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.detail-grid div{background:#f5f5f2;padding:15px;font-size:12px}.detail-grid small{display:block;color:#8a8f97;margin-bottom:7px}.demo-note{background:#ede7da;color:#7e6a45;padding:12px 16px;font-size:11px;border-radius:4px}.dashboard-layout{display:grid;grid-template-columns:210px 1fr;min-height:80vh}.sidebar{background:var(--navy);color:#aeb8c6;padding:30px 20px}.sidebar b{display:block;font-size:10px;letter-spacing:2px;padding:0 10px 25px;color:var(--gold)}.sidebar button{display:block;background:transparent;color:inherit;padding:14px;width:100%;text-align:left;border-radius:5px;margin-bottom:7px;font-size:12px}.sidebar button.active{background:#ffffff13;color:white}.sidebar small{display:block;line-height:1.8;font-size:10px;margin:40px 10px}.dash-main{padding:35px;min-width:0}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.dash-heading h2{margin:0;font-size:28px}.dash-heading p{margin:8px 0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.stat{padding:22px;background:white;border:1px solid #e1e3e5;border-radius:6px;font-size:11px;color:var(--muted)}.stat b{display:block;font-size:30px;color:var(--ink);margin-top:10px}.table-wrap{overflow:auto;background:white;border:1px solid #e2e3e5;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{padding:17px;text-align:left;border-bottom:1px solid #ededed}th{font-size:10px;color:#7c8490;font-weight:500;background:#fafaf8}td img{width:70px;height:45px;object-fit:contain;vertical-align:middle;margin-right:12px}.status-pill{padding:5px 9px;background:#ecf2eb;border-radius:20px;font-size:10px}td button{padding:7px 11px;background:#f0f1ed;border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:11px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{width:100%;display:block;margin-top:7px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.danger{background:#f8e7e5;color:#a5433c;padding:12px;border-radius:4px}.empty{text-align:center;padding:60px;color:#7d8590;grid-column:1/-1}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 25px;border-radius:6px;z-index:10;display:none;font-size:12px}[hidden]{display:none!important}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:15px}.hero{min-height:500px}.hero-copy{padding-top:45px}h1{font-size:46px}.hero-visual>img{width:125%}.filters{flex-wrap:wrap}.tabs{width:100%}.filters input{flex:1}.car-grid{gap:12px}.car-image{height:180px}.car-info{padding:17px}.story-copy{padding:30px}.story-copy h2{font-size:28px}.dashboard-layout{grid-template-columns:160px 1fr}.dash-main{padding:20px}.stats{gap:8px}.stat{padding:14px}}
@media(max-width:620px){.topline{font-size:8px}.topline span{font-size:8px}header{height:80px}.brand img{width:110px;height:52px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.hero h1{font-size:48px}.hero-note{margin-top:25px}.hero-visual{height:360px}.hero-visual>img{width:90%;max-height:310px;object-fit:contain;margin-top:-25px}.hero-caption{bottom:25px}.giant{top:30px;font-size:90px}.marquee{padding:20px 6%;flex-wrap:wrap}.marquee span{font-size:9px}.marquee span:last-child{display:none}.marquee b{font-size:16px}.section{padding:45px 6%}.section-top{display:block}.section-top h2{font-size:30px}.section-top p{font-size:11px}.tabs button{padding:10px;font-size:10px}.results{gap:20px;font-size:9px}.car-grid{grid-template-columns:1fr}.car-image{height:230px}.story{grid-template-columns:1fr;margin:0 6%}.story-image{min-height:280px;height:280px}.story-copy{padding:30px}.contact{display:block}.contact h2{font-size:28px;margin-bottom:25px}footer{flex-wrap:wrap;gap:25px}footer small{text-align:left;width:100%}.dashboard-layout{display:block}.sidebar{padding:15px;display:flex;gap:5px;overflow:auto}.sidebar b,.sidebar small{display:none}.sidebar button{width:auto;white-space:nowrap;margin:0}.dash-main{padding:18px}.stats{grid-template-columns:1fr 1fr}.dash-heading{gap:15px}.dash-heading h2{font-size:22px}.dash-heading .button{padding:13px;gap:10px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}dialog{padding:25px}.detail-img{height:210px}.detail-grid{grid-template-columns:1fr 1fr}}
/* Two independent photo layers, revealed as the story enters the viewport. */
.story{grid-template-columns:1.3fr 1fr}.story-image{position:relative;min-height:0;height:auto;background:#111d2b;display:flex;align-items:center}.roro-scene{width:100%;aspect-ratio:5/3;position:relative;overflow:hidden;isolation:isolate}.story-image .roro-background{display:block;width:100%;height:100%;object-fit:fill}.story-image .roro-person{position:absolute;width:72%;height:72%;left:12%;bottom:0;object-fit:fill;z-index:1;transform-origin:50% 100%;pointer-events:none}.roro-scene.prepared .roro-background{opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 1.25s ease}.roro-scene.prepared .roro-person{opacity:0;transform:translateY(22px) scale(.975);transition:opacity .95s ease .75s,transform 1.15s cubic-bezier(.2,.7,.25,1) .75s}.roro-scene.revealed .roro-background,.roro-scene.revealed .roro-person{opacity:1;transform:none}.replay-reveal{position:absolute;bottom:10px;left:10px;z-index:2;background:#101e35d9;border:1px solid #ffffff40;border-radius:20px;color:white;padding:7px 12px;font-size:10px}.replay-reveal:hover{background:#101e35}.roro-scene.restarting *{transition:none!important}.story-copy{padding:38px}
@media(max-width:900px){.story{grid-template-columns:1fr}.story-image{height:auto}.story-copy{padding:30px}.roro-scene{max-width:100%}}
@media(prefers-reduced-motion:reduce){.roro-scene.prepared .roro-background,.roro-scene.prepared .roro-person{opacity:1;transform:none;transition:none}.replay-reveal{display:none}}
:root{--navy:#071b3e;--ink:#102c56;--gold:#e4bf70;--paper:#f3f3ed}body{background:var(--paper)}header{background:#071b3e;color:#f7e8c4;border-bottom:1px solid #c59b4c44}header .outline{color:#e4bf70;border-color:#e4bf7077}.topline{background:#03122c;color:#d9bd7e}.banner-hero{background:#071b3e;padding:22px 5% 0}.banner-hero>.story-image{display:block;background:transparent;border:1px solid #d7ad5b66;border-radius:8px;overflow:hidden}.banner-hero .roro-scene{aspect-ratio:5/2.7;max-height:720px}.banner-hero .roro-background{object-fit:fill}.banner-actions{display:flex;justify-content:space-between;align-items:center;padding:25px 0 30px;color:#e5ce9c;font-size:12px}.banner-actions>span{letter-spacing:3px;font-size:10px}.button{box-shadow:0 5px 20px #00000013}.gold{background:linear-gradient(120deg,#f5d897,#c99b44);border:1px solid #ffdea0}.marquee{background:#102d59;color:#f8e5be;border-color:#cfa65b44}.marquee b,.marquee span{color:#e9d7ad}.section-top h2{font-size:44px}.eyebrow{color:#ac7d2e}.car-card{border:1px solid #d6b77655;border-radius:12px}.car-image{background:radial-gradient(ellipse at center,#eef2f5,#d8e1e9)}.car-card:hover{box-shadow:0 20px 50px #102c5620;border-color:#bd9349}.car-card:hover img{transform:translateX(8px) scale(1.04)}.car-image img{transition:transform .65s ease}.car-info{border-top:2px solid #d8b66e}.story{background:linear-gradient(135deg,#08224d,#173e6d);color:white;border:1px solid #d1ac63}.story p{color:#c1cbd9}.story .values b{color:#edcf92}.story .story-image{background:radial-gradient(ellipse,#466287,#102f58)}.story .story-car{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 15px #0005)}.story .eyebrow{color:#e4bf70}.drive-strip{background:#071b3e;color:#f3e7cb;margin-top:70px;padding:65px 5% 0;overflow:hidden}.drive-strip h2{font-size:clamp(36px,5vw,70px);letter-spacing:-2px}.drive-strip em{color:#dfb765;font-family:Georgia;font-weight:400}.road{height:280px;position:relative}.moving-car{width:420px;position:absolute;bottom:15px;left:5%;will-change:transform}.moving-car>img{width:100%;filter:drop-shadow(0 20px 14px #0006)}.wheel{position:absolute;width:43px;height:43px;border:6px solid #17202d;border-radius:50%;background:repeating-conic-gradient(#c5cbd2 0deg 12deg,#263344 12deg 45deg);box-shadow:0 0 0 2px #a7adb3;animation:wheelspin 1.4s linear infinite}.wheel-one{left:19%;bottom:18%}.wheel-two{right:11%;bottom:23%;width:50px;height:50px}.road-line{position:absolute;bottom:0;left:-20%;width:140%;height:2px;background:repeating-linear-gradient(90deg,#c6a15d 0 70px,transparent 70px 120px)}@keyframes wheelspin{to{rotate:360deg}}.contact{background:linear-gradient(110deg,#d7b56e,#f1dfb0)}.contact .eyebrow{color:#70501e}footer{background:#03122c}.reveal-section{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s ease}.reveal-section.in-view{opacity:1;transform:none}@media(max-width:620px){.banner-hero{padding:12px 3% 0}.banner-hero .roro-scene{aspect-ratio:5/3}.banner-actions{flex-wrap:wrap;gap:20px;padding:20px 3%}.banner-actions>span{width:100%}.banner-actions>a:last-child{font-size:10px}.section-top h2{font-size:31px}.moving-car{width:300px}.wheel{width:30px;height:30px;border-width:4px}.wheel-two{width:36px;height:36px}.road{height:220px}}@media(prefers-reduced-motion:reduce){.reveal-section{opacity:1;transform:none}.wheel{animation:none}.moving-car{transform:none!important}}
.brand{display:flex;align-items:center;background:#f5ecd8;border:1px solid #ddbf7c;border-radius:5px;padding:5px 12px}.brand img{width:155px;height:66px;object-fit:contain}@media(max-width:620px){.brand{padding:4px 9px}.brand img{width:118px;height:48px}}
.arrow-icon{width:15px;height:15px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.arrow-down{transform:rotate(135deg)}
:root{--navy:#080d16;--ink:#e8edf5;--gold:#008bff;--paper:#0b1019;--muted:#96a3b6}body{background:var(--paper);color:var(--ink)}header{background:#080c12;border-color:#ffffff13;height:100px}header .outline{color:#c1d6ed;border-color:#536276}.topline{background:#121b28;color:#91a1b5}.brand{background:#000;border:0;padding:0}.brand img{width:176px;height:70px}.ramp-hero{display:grid;grid-template-columns:45% 55%;min-height:610px;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#142b4b,#080d16 65%)}.ramp-copy{padding:85px 0 60px 11%;z-index:2}.ramp-copy h1{font-size:clamp(45px,5vw,76px);letter-spacing:-3px;line-height:1.08}.ramp-copy h1 em{color:#329fff;font-family:Manrope,sans-serif;font-style:normal;font-weight:700}.ramp-copy p{max-width:370px}.eyebrow{color:#64b8ff}.hero-buttons{display:flex;gap:15px;margin-top:30px}.hero-buttons .outline{color:#b3c8df}.gold{background:#078bff;color:white;border:1px solid #38a6ff;box-shadow:0 8px 30px #008bff25}.hero-note{color:#b5c0ce;font-size:11px}.hero-note span{color:#288bdc;margin:0 16px}.ramp-visual{position:relative;display:flex;align-items:center;justify-content:center}.ramp-visual>img{width:110%;z-index:1;filter:drop-shadow(0 30px 25px #0008);transform:rotate(-3deg);animation:carEnter 1.3s ease both}.outline-word{position:absolute;top:40px;font-size:150px;letter-spacing:10px;font-weight:800;color:transparent;-webkit-text-stroke:1px #6983a533}.blue-orbit{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #008bff44;box-shadow:0 0 80px #008bff15,inset 0 0 80px #008bff15}.visual-label{position:absolute;bottom:38px;left:10%;display:flex;flex-direction:column;gap:10px}.visual-label span{color:#65b7ff;letter-spacing:2px;font-size:9px}.visual-label b{font-size:20px;font-weight:500}.visual-label small{font-size:10px;color:#7f8fa3}.marquee{background:#101925;border-color:#ffffff12}.marquee b{color:#c4ccd7}.marquee span{color:#7e91aa}.filters input,.filters select,.dash-main input{background:#141e2c;color:#d6e2ef;border-color:#2a3748}.tabs button.active{background:#008bff}.car-card{background:#111b29;border-color:#283649;border-radius:8px}.car-image{background:radial-gradient(ellipse,#d7e1ed,#95a8be)}.car-info{border-top:1px solid #3187cd55}.car-info small,.specs{color:#96a8be}.specs{border-color:#293547}.card-bottom button{color:#76bfff}.badge{background:#10233b;color:#e7f3ff}.badge.reserved{background:#2c4866;color:white}.story{background:#122238;border-color:#295078}.story .story-image{background:radial-gradient(ellipse,#284a70,#0c1c31)}.story .values b{color:#65b8ff}.story .eyebrow{color:#65b8ff}.ramp-finance{border-bottom:1px solid #ffffff14}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.steps article{border-top:1px solid #34475e;padding-top:25px}.steps span{color:#249fff;font-size:12px}.steps h3{font-size:22px}.contact{background:linear-gradient(115deg,#0057ab,#098dff);color:white}.contact .eyebrow,.contact h2{color:white}.contact .gold{background:#fff;color:#124a7a;border-color:white}footer{background:#060a10}footer .wordmark{font-style:italic}.dash-main{color:#162d49;background:#f1f4f8}.dash-main h2,.dash-main h3{color:#142b47}dialog{color:#172438}.status-pill{color:#23462c}.sidebar{background:#080d16}.stat{color:#718198}.stat b{color:#183d66}.outline{color:inherit}.demo-note{background:#182e48;color:#aecfec}.dash-main .demo-note{background:#dcebf8;color:#3c6485}@keyframes carEnter{from{opacity:0;transform:translateX(80px) rotate(-3deg)}to{opacity:1;transform:rotate(-3deg)}}@media(max-width:650px){.ramp-hero{grid-template-columns:1fr}.ramp-copy{padding:45px 6% 20px}.ramp-copy h1{font-size:52px}.ramp-visual{height:360px}.ramp-visual>img{width:98%;margin-top:-40px}.outline-word{font-size:100px;top:0}.blue-orbit{width:290px;height:290px}.visual-label{bottom:20px;left:6%}.steps{grid-template-columns:1fr;gap:20px}.brand img{width:140px;height:60px}.section-top h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.ramp-visual>img{animation:none}}
