:root{--ink:#17231d;--muted:#68756d;--paper:#f4f3ee;--cream:#e9e9e2;--green:#0e5b3a;--dark:#101815;--line:#d6d9d0;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
button,input,select{font:inherit}
a{color:inherit;text-decoration:none}
button,a{ -webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #70b98b;outline-offset:4px}
img{max-width:100%}
em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:11px;background:#dce4d8;color:#172d20;font-size:9px;letter-spacing:.21em;font-weight:600}
.announcement a{text-decoration:underline;text-underline-offset:3px}
.site-header{height:79px;background:#101815;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;color:#f4f3ee;position:relative;z-index:20;border-bottom:1px solid #ffffff1d}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;color:inherit}
.brand img{filter:brightness(0) invert(1)}
.brand span{font-size:17px;font-weight:300;letter-spacing:.22em;line-height:1;white-space:nowrap}
.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:.5em;margin-top:7px}
.desktop-nav,.header-actions{display:flex;align-items:center;gap:36px}
.desktop-nav a,.header-actions a{font-size:12px;letter-spacing:.04em;transition:color .2s}
.desktop-nav a:hover,.header-actions a:hover{color:#a0cead}
.header-actions{gap:24px}
.header-actions .shop-link{font-size:11px}
.header-actions .portal-link{border:1px solid #b4c2b7;padding:12px 17px;font-size:11px;white-space:nowrap}
.header-actions span,.button span,.text-link span{margin-left:20px}
.menu-toggle,.mobile-nav{display:none}
.hero{height:min(760px,calc(100svh - 32px));min-height:640px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse 65% 35% at 66% 66%,#6b82776b,transparent 78%),linear-gradient(155deg,#1d3028 0%,#111a17 46%,#070d0c 100%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08100fd4 0%,transparent 61%),repeating-linear-gradient(105deg,transparent 0 162px,#f0f5e405 163px 164px);pointer-events:none}
.hero-ambient{position:absolute;bottom:0;width:100%;height:38%;background:linear-gradient(transparent,#35403925 22%,#14231d 57%,#090e0c);clip-path:polygon(0 41%,7% 47%,18% 34%,27% 45%,42% 22%,55% 44%,65% 29%,78% 44%,88% 23%,100% 40%,100% 100%,0 100%);opacity:.68}
.hero-content{position:relative;z-index:2;padding:122px 7.5% 0;max-width:850px}
.eyebrow,.section-kicker{font-size:10px;font-weight:600;letter-spacing:.24em;line-height:1.6}
.eyebrow.light{color:#c1d3c8}
.eyebrow .line{display:inline-block;width:32px;border-top:1px solid #9baaa1;vertical-align:middle;margin:0 12px}
h1,h2,h3,p{margin-top:0}
.hero h1{font-weight:200;font-size:clamp(66px,7vw,110px);line-height:.99;letter-spacing:-.065em;margin:26px 0 20px}
.hero h1 em{font-size:.92em;letter-spacing:-.07em}
.hero-description{color:#d0d9d0;font-size:16px;font-weight:300;line-height:1.7;max-width:385px;margin-bottom:30px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 20px;min-width:215px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-light{background:#f5f6ef;color:#18231c}
.button-light:hover{background:#d9e9da}
.button-dark{background:var(--green);color:#fff}
.button-dark:hover{background:#18492f}
.hero-car{position:absolute;z-index:1;bottom:60px;right:-4%;width:min(78%,1130px);filter:drop-shadow(0 25px 25px #000a)}
.hero-bottom{position:absolute;bottom:28px;left:7.5%;right:7.5%;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.22em;color:#e8eee9}
.hero-bottom-divider{display:inline-block;width:55px;border-top:1px solid #899c8f;vertical-align:middle;margin:0 15px}
.hero-bottom a span{font-size:19px;margin-left:12px}
.section-pad{padding:120px 7.5%}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#418564;margin-right:12px;vertical-align:middle}
.intro{background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:1.5fr .6fr;gap:90px;align-items:end;margin-top:30px}
.intro h2,.section-heading h2,.feature h2,.closing h2{font-size:clamp(42px,4.6vw,72px);font-weight:300;line-height:1.12;letter-spacing:-.055em;margin:0}
.intro h2{max-width:730px}
.intro p,.feature-copy>p{font-size:16px;line-height:1.85;color:#59685c;font-weight:300}
.intro p{margin-bottom:25px}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:12px;font-weight:600}
.text-link:hover{color:var(--green)}
.collection{background:#e8eae3}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:43px}
.section-heading h2{margin-top:24px}
.section-heading>p{font-size:14px;color:#68756d;margin:0 0 8px}
.models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.model-card{background:#f7f7f2;min-width:0}
.model-image{height:250px;position:relative;overflow:hidden;display:flex;align-items:end}
.model-image.verde{background:radial-gradient(circle at 45% 72%,#749c7b,#213c32 53%,#10241e)}
.model-image.sierra{background:radial-gradient(circle at 44% 72%,#b4afa1,#515954 58%,#28312d)}
.model-image.gravitas{background:radial-gradient(circle at 44% 72%,#85918b,#202d2d 58%,#111919)}
.model-image:after{content:"";position:absolute;bottom:18px;left:9%;width:82%;height:10px;border-radius:50%;background:#0006;filter:blur(13px)}
.model-image img{width:130%;max-width:none;margin-left:-15%;margin-bottom:5px;position:relative;z-index:1}
.model-image.sierra img{filter:saturate(.25) brightness(1.4);transform:scaleY(1.08)}
.model-image.gravitas img{filter:saturate(.38) hue-rotate(128deg) brightness(.85)}
.model-number{position:absolute;z-index:2;top:23px;left:24px;color:#eef3e9;font-size:9px;letter-spacing:.22em}
.model-info{padding:25px 25px 24px}
.model-title{display:flex;align-items:baseline;justify-content:space-between;gap:9px}
.model-title h3{font-size:33px;font-weight:300;letter-spacing:-.05em;margin:0}
.model-title>span{font-size:8px;letter-spacing:.12em;color:#65776b;text-align:right}
.model-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:24px 0}
.model-specs>div+div{border-left:1px solid var(--line);padding-left:14px}
.model-specs strong,.feature-stats strong{display:block;font-size:27px;font-weight:300;letter-spacing:-.06em;white-space:nowrap}
.model-specs strong small,.feature-stats strong small{font-size:13px}
.model-specs span,.feature-stats span{display:block;font-size:8px;letter-spacing:.11em;color:#667369;margin-top:8px;line-height:1.3}
.model-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.07em}
.model-foot strong{display:block;font-size:16px;font-weight:400;letter-spacing:0;margin-top:4px}
.model-foot a{border-bottom:1px solid #788e7b;padding-bottom:5px;font-size:11px;font-weight:600;white-space:nowrap}
.model-foot a:hover{color:var(--green)}
.spec-note{font-size:10px;line-height:1.5;color:#67766d;margin:23px 0 0}
.feature{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.feature-art{position:relative;overflow:hidden}
.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 13%}
.feature-copy h2{margin:24px 0}
.feature-copy>p{max-width:410px}
.charging{background:#14251d;color:#f3f3ee}
.charge-art{background:radial-gradient(circle at center,#52835d 0%,#284d36 31%,#142c23 55%,#0a1d17 79%)}
.charge-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(30deg,#ffffff06 0 1px,transparent 1px 55px)}
.charge-rings{width:490px;height:490px;border:1px solid #bbd5bb55;border-radius:50%;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 0 0 48px #afc9ac0c,0 0 0 98px #b1ceb112,inset 0 0 85px #69a77438}
.charge-rings:before,.charge-rings:after{content:"";position:absolute;border-radius:50%;border:1px solid #d2edd349;inset:48px}
.charge-rings:after{inset:103px;border-color:#cde6c675}
.charge-core{width:165px;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#0c2a1b;border:1px solid #bfd7b99c;box-shadow:0 0 45px #a7d2a84d;z-index:1}
.charge-core span{font-size:49px;font-weight:200;letter-spacing:-.12em}
.charge-core small{font-size:8px;letter-spacing:.35em}
.art-label,.owner-art-bottom{position:absolute;bottom:28px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#d1dfd1}
.charging .section-kicker{color:#b5cdbc}
.charging .feature-copy>p{color:#bacac0}
.feature-stats{width:100%;display:flex;gap:60px;border-top:1px solid #ffffff3d;padding:27px 0;margin:17px 0 20px}
.feature-stats strong{font-size:32px}
.feature-stats span{color:#adbbaf}
.light-link:hover{color:#b6d8bf}
.ownership{background:#f4f3ee}
.ownership .feature-copy{padding-left:15%}
.ownership .button{margin-top:20px}
.owner-art{margin:55px 8% 55px 0;background:radial-gradient(circle at 72% 80%,#316449,#152f25 56%,#10211a);color:#eaf1e8;box-shadow:0 25px 45px #15291d22}
.owner-art:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid #ffffff19;left:30%;top:25%;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}
.owner-art-top{display:flex;justify-content:space-between;padding:33px 38px;font-size:11px;letter-spacing:.25em}
.owner-art-top span{font-size:9px;letter-spacing:.08em;color:#a9d0b6}
.owner-art-center{position:absolute;left:12%;top:29%;display:flex;flex-direction:column;align-items:flex-start}
.owner-art-center>span,.owner-art-center>small{font-size:10px;letter-spacing:.2em;color:#afc9b5}
.owner-art-center>strong{font-size:56px;font-weight:200;margin:8px 0}
.owner-art-gauge{width:170px;height:170px;border:8px solid #ffffff26;border-top-color:#a8d4ae;border-right-color:#a8d4ae;border-bottom-color:#a8d4ae;border-radius:50%;display:grid;place-items:center;margin:20px 0 18px;transform:rotate(-37deg)}
.owner-art-gauge span{font-size:48px;font-weight:200;transform:rotate(37deg)}
.owner-art-gauge small{font-size:18px}
.closing{text-align:center;background:radial-gradient(ellipse at 50% 90%,#1d4a33,#101815 65%);color:#f4f3ee;padding:125px 20px 130px}
.closing h2{margin:22px 0 31px}
.site-footer{background:#0d1411;color:#e5eae3;padding:65px 7.5% 25px}
.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:105px}
.footer-brand p{font-size:13px;color:#a8b4a9;margin-top:24px}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:70px;width:min(550px,60%)}
.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.footer-links h3{font-size:10px;letter-spacing:.2em;font-weight:500;color:#94a89a;margin-bottom:10px}
.footer-links a{font-size:13px;color:#d5ded4}
.footer-links a:hover{color:#9bcca8}
.footer-bottom{border-top:1px solid #ffffff27;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#98ab9b;font-size:10px;line-height:1.5}
.build-badge{border:1px solid #6fa48785;border-radius:3px;padding:7px 10px;color:#c5e7cd;letter-spacing:.05em;white-space:nowrap}

.owner-page{background:#f2f3ec}
.owner-page .site-header{border-bottom:1px solid #ffffff26}
.owner-main{min-height:calc(100vh - 390px)}
.owner-hero{min-height:650px;display:grid;grid-template-columns:46% 54%;background:#111d17;color:#f4f3ee}
.login-panel{padding:70px min(10%,100px) 75px 16%;align-self:center}
.login-panel h1{font-weight:300;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-.06em;margin:25px 0}
.login-panel>p{font-size:14px;line-height:1.7;color:#b5c7b8;max-width:400px}
.login-form{max-width:425px;margin-top:35px}
.login-form label{display:block;font-size:10px;letter-spacing:.17em;color:#bbcbbd;margin:19px 0 9px}
.login-form input,.login-form select{width:100%;border:1px solid #6b837273;background:#1d3025;color:#f4f3ee;border-radius:0;padding:14px 15px;font-size:14px}
.login-form select{appearance:auto}
.login-form .button{width:100%;margin-top:31px;border:0;cursor:pointer}
.form-help{color:#96ac9a;font-size:11px;margin:19px 0 0;line-height:1.6}
.form-error{color:#ffd1c0;font-size:12px;min-height:20px;margin:12px 0 0}
.owner-visual{min-width:0;position:relative;background:radial-gradient(ellipse at 55% 65%,#4b7657,#234335 35%,#172a20 67%,#0c1913);overflow:hidden;display:flex;align-items:center;justify-content:center}
.owner-visual:before{content:"";position:absolute;inset:8%;border:1px solid #ffffff1b;border-radius:50%;transform:scale(1.4)}
.owner-visual img{width:120%;max-width:none;position:relative;filter:drop-shadow(0 20px 30px #0009)}
.owner-visual .visual-label{position:absolute;bottom:38px;left:40px;font-size:10px;letter-spacing:.22em;color:#c8ddcb}
.dashboard{padding:72px 7.5% 110px}
.dashboard[hidden],.owner-hero[hidden]{display:none}
.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:44px}
.dashboard-head h1{font-weight:300;letter-spacing:-.06em;font-size:clamp(48px,5vw,72px);margin:16px 0 10px}
.dashboard-head p{font-size:14px;color:#667569;margin:0}
.signout{background:none;border:1px solid #afc4b3;padding:12px 18px;cursor:pointer;font-size:12px}
.signout:hover{background:#dce8dc}
.vehicle-overview{display:grid;grid-template-columns:1.4fr 1fr;background:#14291e;color:#fff;min-height:410px}
.vehicle-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 85%,#567b5b,#244332 53%,#14291e)}
.vehicle-showcase img{position:absolute;width:120%;max-width:none;left:-10%;bottom:30px}
.vehicle-showcase .vehicle-chip{position:absolute;top:30px;left:34px;border:1px solid #d7ead07a;font-size:10px;letter-spacing:.15em;padding:9px 12px}
.vehicle-data{padding:40px 9%;border-left:1px solid #ffffff27}
.vehicle-data h2{font-size:32px;font-weight:300;margin:10px 0 27px}
.battery-row{display:flex;gap:25px;align-items:center}
.battery-ring{--charge:0%;width:135px;height:135px;border-radius:50%;background:conic-gradient(#a9d5b1 var(--charge),#ffffff30 0);display:grid;place-items:center;flex-shrink:0}
.battery-ring:before{content:"";position:absolute;width:110px;height:110px;background:#14291e;border-radius:50%}
.battery-ring span{position:relative;font-size:41px;font-weight:300}
.battery-ring small{font-size:17px}
.battery-row>div:last-child strong{display:block;font-size:23px;font-weight:300;margin-top:7px}
.battery-row>div:last-child small{color:#a8c1ad;font-size:10px;letter-spacing:.12em}
.vehicle-data>p{font-size:11px;color:#adc4b1;margin-top:34px}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.data-card{background:#fff;padding:32px;min-height:250px}
.data-card h3{font-size:25px;font-weight:300;margin:14px 0 22px}
.data-card .section-kicker{color:#667b6c}
.data-card dl{margin:0}
.data-card dl>div,.history-list li{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e0e6dd;padding:13px 0;font-size:13px}
.data-card dt,.history-list small{color:#6b7b6e}
.data-card dd{margin:0;text-align:right}
.history-list{padding:0;margin:0;list-style:none}
.history-list li span{display:block}
.history-list li strong{font-weight:500;text-align:right}
.history-list small{display:block;font-size:11px;margin-top:4px}
@media(max-width:1100px){.desktop-nav,.shop-link{display:none!important}.hero-car{width:85%;right:-13%}.models{gap:10px}.model-info{padding:20px 15px}.model-specs strong{font-size:23px}.footer-links{gap:22px}}
@media(max-width:760px){.announcement{font-size:8px;letter-spacing:.08em}.site-header{height:68px;padding:0 6%}.brand span{font-size:15px}.header-actions{margin-left:auto;margin-right:20px}.header-actions .portal-link{font-size:10px;padding:9px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:1px;background:#fff}.mobile-nav:not([hidden]){position:absolute;display:flex;flex-direction:column;gap:0;top:68px;left:0;right:0;background:#101815;border-top:1px solid #ffffff28;padding:8px 6% 24px}.mobile-nav a{padding:15px 0;border-bottom:1px solid #ffffff21;font-size:15px}.hero{height:710px;min-height:0}.hero-content{padding:91px 7% 0}.hero h1{font-size:clamp(53px,10vw,76px)}.hero-description{font-size:14px;max-width:300px}.hero-car{width:127%;right:-25%;bottom:92px}.hero-bottom{left:7%;right:7%;font-size:8px;bottom:25px}.hero-bottom-divider{width:20px;margin:0 5px}.section-pad{padding:80px 7%}.intro-grid{grid-template-columns:1fr;gap:24px}.intro h2,.section-heading h2,.feature h2,.closing h2{font-size:clamp(42px,8vw,61px)}.intro p{max-width:500px}.section-heading{align-items:start;flex-direction:column;margin-bottom:28px}.models{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px}.model-card{flex:0 0 min(82vw,365px);scroll-snap-align:start}.model-image{height:235px}.model-info{padding:24px}.model-specs strong{font-size:27px}.feature{grid-template-columns:1fr}.feature-art{min-height:410px}.feature-copy{padding:80px 7%}.charging .feature-art{order:2}.charge-rings{width:340px;height:340px}.charge-rings:before{inset:32px}.charge-rings:after{inset:70px}.ownership .feature-copy{padding:80px 7%}.owner-art{min-height:480px;margin:0 7% 70px}.footer-top{flex-direction:column;padding-bottom:65px}.footer-links{width:100%}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){order:3;width:100%}.owner-hero{grid-template-columns:1fr}.login-panel{padding:75px 7%}.owner-visual{min-height:300px}.owner-visual img{width:95%}.dashboard{padding:70px 7%}.vehicle-overview{grid-template-columns:1fr}.vehicle-showcase{height:310px}.vehicle-data{padding:35px 7%;border-left:0}.dashboard-grid{grid-template-columns:1fr}.dashboard-head{align-items:start}}
@media(max-width:760px){.owner-art-center{top:auto;bottom:74px}}
@media(max-width:440px){.announcement{gap:5px}.announcement a{display:none}.header-actions .portal-link{display:none}.hero{height:640px}.hero-content{padding-top:72px}.hero h1{font-size:56px}.hero-car{width:165%;right:-42%;bottom:96px}.hero-bottom a{display:none}.footer-links{gap:12px;grid-template-columns:repeat(3,1fr)}.footer-links a{font-size:11px}.feature-stats{gap:25px}.feature-stats strong{font-size:27px}.vehicle-showcase{height:260px}.battery-row{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}