@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#0b1320;--navy:#101c2d;--cream:#f3f0e9;--paper:#fbfaf7;--copper:#d4935a;--line:#0b132024}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav-shell{z-index:10;color:#fff;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;height:96px;padding:0 5vw;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:13px;display:inline-flex}.brand-mark{letter-spacing:-.08em;font:800 25px/1 Manrope,sans-serif}.brand-mark span,.mini-brand span{color:var(--copper)}.brand-name{letter-spacing:.17em;text-transform:uppercase;border-left:1px solid;max-width:110px;padding-left:13px;font:600 10px/1.1 Manrope,sans-serif}nav{align-items:center;gap:34px;font-size:13px;display:flex}nav>a{transition:opacity .2s}nav>a:hover{opacity:.7}.portal-pill{border:1px solid #fff6;border-radius:999px;padding:12px 16px}.portal-pill span{color:var(--ink);background:var(--copper);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-left:8px;padding:4px 7px;font-size:9px;font-weight:700}.hero{color:#fff;background:url(/jz-automotive-hero.png) 50%/cover no-repeat;height:100svh;min-height:820px;max-height:980px;position:relative;overflow:hidden}.hero-shade{background:linear-gradient(90deg,#060e19f0 0%,#070f1bd1 34%,#08101c38 66%,#08101c29 100%);position:absolute;inset:0}.hero-content{z-index:2;width:min(680px,54vw);padding:190px 0 140px 8vw;position:relative}.eyebrow{color:#ffffffb8;letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 28px;font:600 11px/1 Manrope,sans-serif;display:flex}.eyebrow>span{background:var(--copper);width:31px;height:1px}.eyebrow.dark{color:#6c737c}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:28px;font:700 clamp(58px,6.6vw,104px)/.94 Manrope,sans-serif}h1 em,h2 em{color:var(--copper);font-style:normal;font-weight:500}.hero-copy{color:#ffffffbd;max-width:570px;font-size:clamp(16px,1.3vw,20px);line-height:1.65}.hero-actions{align-items:center;gap:30px;margin-top:42px;display:flex}.primary-button{background:var(--copper);color:#101820;justify-content:space-between;align-items:center;width:210px;padding:17px 19px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover{background:#e4a66f;transform:translateY(-2px)}.text-link{border-bottom:1px solid #fff9;padding-bottom:5px;font-size:13px}.hero-stats{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070f1ae6;grid-template-columns:repeat(3,1fr);width:min(700px,55vw);padding:26px 4vw;display:grid;position:absolute;bottom:0;right:0}.hero-stats div{border-left:1px solid #ffffff2b;padding:0 24px}.hero-stats div:first-child{border-left:0}.hero-stats strong{color:var(--copper);margin-bottom:6px;font:600 13px Manrope;display:block}.hero-stats span{color:#fff9;font-size:11px}.intro-section{grid-template-columns:1.1fr 1fr;gap:10vw;padding:130px 8vw 85px;display:grid}.section-heading h2,.process h2,.roadmap-heading h2,.app-copy h2,.closing h2{letter-spacing:-.055em;margin:0;font:700 clamp(42px,4.5vw,70px)/1.05 Manrope}.intro-copy{color:#5f6873;padding-top:55px;font-size:17px;line-height:1.7}.intro-copy p:first-child{color:var(--ink);font-size:22px;line-height:1.55}.benefit-grid{grid-template-columns:repeat(3,1fr);padding:0 8vw 130px;display:grid}.benefit-card{border:1px solid var(--line);border-right:0;min-height:390px;padding:34px}.benefit-card:last-child{border-right:1px solid var(--line)}.card-number{color:#9a9fa6;letter-spacing:.15em;font:600 11px Manrope}.line-icon{border:1px solid var(--copper);border-radius:50%;width:54px;height:54px;margin:70px 0 28px;position:relative}.line-icon:before,.line-icon:after,.line-icon span{content:"";background:var(--copper);position:absolute}.line-icon:before{width:24px;height:1px;top:26px;left:14px}.line-icon:after{width:1px;height:24px;top:14px;left:26px}.benefit-card:nth-child(2) .line-icon{border-radius:8px;transform:rotate(45deg)}.benefit-card:nth-child(2) .line-icon:after{display:none}.benefit-card:nth-child(3) .line-icon:before{transform:rotate(-35deg)}.benefit-card h3{max-width:270px;margin-bottom:18px;font:650 20px/1.25 Manrope}.benefit-card p{color:#6c737c;max-width:300px;font-size:14px;line-height:1.65}.process{background:var(--navy);color:#fff;grid-template-columns:1fr 1fr;gap:11vw;padding:120px 8vw;display:grid}.steps{margin:0;padding:0;list-style:none}.steps li{border-top:1px solid #ffffff2b;grid-template-columns:70px 1fr;gap:20px;padding:30px 0;display:grid}.step-index{color:var(--copper);letter-spacing:.15em;font:600 11px Manrope}.steps h3{margin-bottom:9px;font:600 21px Manrope}.steps p{color:#fff9;font-size:14px}.roadmap-section{background:var(--paper);grid-template-columns:.8fr 1.2fr;gap:8vw;padding:130px 8vw;display:grid}.roadmap-heading>p:not(.eyebrow){color:#68717b;max-width:520px;margin-top:28px;font-size:17px;line-height:1.7}.roadmap-grid{grid-template-columns:1fr 1fr;align-self:center;display:grid}.roadmap-card{border:1px solid var(--line);min-height:430px;padding:38px;position:relative}.roadmap-card+.roadmap-card{border-left:0}.roadmap-card.future{background:var(--cream)}.status-label{color:#5d6670;letter-spacing:.14em;text-transform:uppercase;background:#0b13200f;border-radius:999px;padding:7px 10px;font:700 9px Manrope;display:inline-block}.roadmap-card.current .status-label{color:#382412;background:#e6b98f}.roadmap-card h3{letter-spacing:-.025em;max-width:260px;margin:76px 0 18px;font:650 24px/1.25 Manrope}.roadmap-card p{color:#68717b;max-width:300px;font-size:14px;line-height:1.65}.profile-links{gap:8px;margin-top:18px;display:grid}.roadmap-link{color:#5d3718;background:#f3e2d2;border:1px solid #e4c5a7;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:12px;display:flex}.roadmap-link:hover{background:#ecd3bc}.roadmap-link span{gap:2px;display:grid}.roadmap-link strong{font:700 12px Manrope}.roadmap-link small{color:#7b654f;font-size:10px}.roadmap-link b{color:#955d2d;font-size:15px}.roadmap-line{background:var(--line);height:1px;position:absolute;bottom:62px;left:38px;right:38px}.roadmap-card>small{color:#8a9097;letter-spacing:.13em;text-transform:uppercase;font:600 9px Manrope;position:absolute;bottom:32px}.app-section{background:var(--cream);grid-template-columns:1fr 1fr;min-height:700px;display:grid}.app-visual{background:radial-gradient(circle,#e5c19e 0,#c58a55 48%,#8a552f 100%);place-items:center;display:grid;overflow:hidden}.phone-shell{background:#f7f5ef;border:10px solid #111923;border-radius:44px;width:290px;height:570px;padding:55px 24px 24px;position:relative;transform:rotate(-5deg)translateY(42px);box-shadow:0 40px 70px #1a0f0866}.phone-top{background:#111923;border-radius:20px;width:75px;height:20px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mini-brand{letter-spacing:-.08em;font:800 22px Manrope}.mini-brand small{color:#7d848c;letter-spacing:.1em;text-transform:uppercase;margin-left:6px;font-size:10px}.phone-shell>p{margin:42px 0 18px;font:700 25px/1.2 Manrope}.mini-card{color:#fff;background:linear-gradient(145deg,#17263b,#0e1724);border-radius:17px;height:150px;padding:20px}.mini-card span{color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:50px;font-size:10px;display:block}.mini-card strong{letter-spacing:-.04em;margin-bottom:7px;font:700 28px Manrope;display:block}.mini-card small{color:#ffffff8a;font-size:10px}.mini-row{gap:10px;margin-top:20px;display:flex}.mini-row i{background:#e7e3da;border-radius:12px;flex:1;height:64px}.app-copy{align-self:center;padding:100px 9vw}.app-copy>p:not(.eyebrow){color:#5f6873;max-width:530px;margin:30px 0;font-size:17px;line-height:1.75}.feature-list{margin:0 0 30px;padding:0;list-style:none}.feature-list li{color:#343e49;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.feature-list li span{color:#3d2916;background:#e8bb91;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.launch-note{border:1px solid var(--line);color:#5a626c;border-radius:999px;align-items:center;gap:10px;padding:13px 16px;font-size:12px;display:inline-flex}.launch-note span{color:var(--copper);font-size:9px}.closing{color:#fff;text-align:center;background:#09121e;padding:130px 8vw}.closing .eyebrow{justify-content:center}.closing>p:not(.eyebrow){color:#ffffff9e;max-width:660px;margin:28px auto 40px;line-height:1.7}.closing>a{border-bottom:1px solid var(--copper);color:var(--copper);align-items:center;gap:18px;padding-bottom:6px;font-size:13px;display:inline-flex}footer{color:#6e747c;background:#060c14;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:35px 5vw;font-size:10px;display:grid}.footer-brand{color:#fff}footer p{margin:0}.legal{text-align:right;justify-self:end;max-width:360px}@media (width<=900px){.nav-shell{height:78px;padding:0 22px}nav>a:not(.portal-pill){display:none}.portal-pill{padding:9px;font-size:0}.portal-pill span{margin:0;font-size:8px}.hero{background-position:66%;min-height:780px}.hero-shade{background:linear-gradient(90deg,#060e19f0,#070f1bad)}.hero-content{width:100%;padding:170px 24px 180px}.hero-copy{max-width:520px}.hero-stats{width:100%;padding:22px 8px;left:0}.hero-stats div{padding:0 14px}.intro-section,.process,.roadmap-section,.app-section{grid-template-columns:1fr}.intro-section{gap:0;padding:90px 24px 60px}.intro-copy{padding-top:35px}.benefit-grid{grid-template-columns:1fr;padding:0 24px 90px}.benefit-card{border-right:1px solid var(--line);border-bottom:0;min-height:auto}.benefit-card:last-child{border-bottom:1px solid var(--line)}.line-icon{margin:35px 0 24px}.process{gap:60px;padding:90px 24px}.roadmap-section{gap:55px;padding:90px 24px}.roadmap-card{min-height:330px}.app-visual{min-height:580px}.app-copy{padding:90px 24px}footer{text-align:center;grid-template-columns:1fr}.footer-brand{justify-self:center}.legal{text-align:center;justify-self:center}}@media (width<=520px){.brand-name{display:none}.hero{min-height:760px}h1{font-size:52px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-stats strong{font-size:11px}.hero-stats span{font-size:9px}.phone-shell{transform:scale(.88)rotate(-5deg)translateY(42px)}.roadmap-grid{grid-template-columns:1fr}.roadmap-card+.roadmap-card{border-left:1px solid var(--line);border-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
