
:root{
  --black:#0d0d0d;
  --black2:#151616;
  --green:#1db954;
  --green2:#118b3c;
  --red:#e50914;
  --white:#fff;
  --paper:#f8f8f8;
  --muted:#6c7078;
  --line:#e5e7eb;
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--black);
  background:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px 14px;z-index:1000}.skip:focus{left:10px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.launch-banner{background:linear-gradient(90deg,#118b3c,#1db954);color:#06140a;border-bottom:1px solid rgba(0,0,0,.18)}
.launch-banner-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:9px}
.launch-banner p{margin:0;font-size:.92rem}.launch-banner-actions{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:.84rem;font-weight:800}
.launch-banner-actions a{display:inline-flex;align-items:center;gap:6px;background:#07150c;color:#fff;padding:8px 13px;border-radius:999px}.launch-banner-actions a:hover{background:#15261a}
.launch-banner-actions span{border-left:1px solid rgba(6,20,10,.3);padding-left:15px}.launch-banner-actions b{font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;margin-left:5px}
.site-header{
  position:sticky;top:0;z-index:40;
  background:rgba(13,13,13,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.09)
}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:242px;height:auto}
.nav-links{display:flex;align-items:center;gap:25px;color:#e9e9eb;font-size:.93rem;font-weight:700}
.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}
.nav-cta{border:1px solid rgba(255,255,255,.45);padding:9px 16px;border-radius:999px}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.45rem;cursor:pointer}

.hero{
  min-height:710px;
  color:#fff;
  background:
    radial-gradient(circle at 83% 21%,rgba(29,185,84,.18),transparent 27%),
    radial-gradient(circle at 4% 75%,rgba(229,9,20,.14),transparent 26%),
    linear-gradient(145deg,#0a0a0b,#111317 62%,#0a0a0b);
  display:flex;align-items:center;padding:88px 0;overflow:hidden
}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:#bfc2c9;margin-bottom:18px}
h1,h2,h3{margin:0;line-height:1.04;letter-spacing:-.04em}
h1{font-size:clamp(3.7rem,7.5vw,7rem);font-weight:830}
h2{font-size:clamp(2.35rem,4.8vw,4.5rem);font-weight:800}
h3{font-size:1.42rem;font-weight:760;letter-spacing:-.025em}
.lede{font-size:clamp(1.08rem,1.55vw,1.28rem);color:#c9cbd0;max-width:720px;margin:27px 0 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 22px;font-weight:800;border:1px solid transparent;transition:.2s ease}
.btn-green{background:var(--green);color:#07150c}.btn-green:hover{background:#26ce63;transform:translateY(-1px)}
.btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}.btn-outline:hover{background:rgba(255,255,255,.08)}
.btn-dark{background:var(--black);color:#fff}.btn-dark:hover{background:#242526}
.btn-light{background:#fff;color:#0d0d0d;border-color:#fff}.btn-light:hover{background:#f0f0f1;color:#0d0d0d}

.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.hero-mark{width:min(100%,420px);border-radius:32px;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}
.orbit.one{width:500px;height:500px}.orbit.two{width:390px;height:390px}
.status-chip{
  position:absolute;background:#fff;color:#111;border-radius:16px;padding:13px 16px;box-shadow:0 16px 50px rgba(0,0,0,.3);
  font-weight:850;font-size:.88rem
}
.status-chip.green{right:0;top:92px;border-left:4px solid var(--green)}
.status-chip.red{left:0;bottom:82px;border-left:4px solid var(--red)}
.status-chip span{display:block;color:#747982;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}

.section{padding:92px 0}.section.soft{background:var(--paper)}.section.dark{background:#0d0d0d;color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}
.kicker{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:#7c8088;margin-bottom:13px}
.dark .kicker{color:#9297a0}.section-head p{max-width:575px;color:var(--muted);margin:0;font-size:1.05rem}.dark .section-head p{color:#b5b8c0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:31px;background:#fff;min-height:285px}
.card-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#111;color:#fff;margin-bottom:52px;font-weight:900}
.card-icon.green{background:var(--green);color:#06140a}.card-icon.red{background:var(--red);color:#fff}
.card p{color:var(--muted);margin-bottom:0}
.dark-cards .card{background:#151616;border-color:#2a2b2d}.dark-cards .card p{color:#adb1b9}
.dark-cards .card-icon{background:#fff;color:#111}

.feature-band{
  display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;
  background:linear-gradient(135deg,#0d0d0d,#18191b);color:#fff;border-radius:34px;padding:54px;overflow:hidden
}
.feature-band p{color:#c2c5cc;font-size:1.06rem}
.data-panel{background:#fff;color:#111;border-radius:26px;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.route{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--green) 0 26%,#d8dbdf 26% 31%,var(--green) 31% 66%,#d8dbdf 66% 70%,var(--red) 70% 73%,var(--green) 73%);margin:28px 0}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.metric{border:1px solid #e6e7e9;border-radius:14px;padding:14px}.metric strong{display:block;font-size:1.32rem}.metric span{font-size:.7rem;color:#767a83;text-transform:uppercase;letter-spacing:.08em}

.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.split p{color:var(--muted);font-size:1.05rem}
.checks{display:grid;gap:15px;margin-top:28px}.check{display:flex;gap:13px}.check b{display:block}.check-dot{width:25px;height:25px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-size:.72rem;font-weight:900;flex:0 0 auto}

.page-hero{padding:88px 0 62px;background:#0d0d0d;color:#fff}.page-hero h1{font-size:clamp(3.2rem,6.5vw,6rem)}.page-hero .lede{max-width:830px}
.content-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:80px}.content-grid aside{font-weight:800;color:#7a7e86}.prose{max-width:830px}.prose h2{font-size:2rem;margin:44px 0 13px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#565a62;font-size:1.04rem}.prose ul{padding-left:22px}

.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.step{position:relative;display:block;padding:32px 30px 30px 86px;border:1px solid var(--line);border-radius:20px;min-height:190px;background:#fff}.step:before{counter-increment:steps;content:"0" counter(steps);position:absolute;left:30px;top:32px;font-weight:900;color:var(--red);font-size:1.1rem}.step h3{margin-top:0}.step p{color:var(--muted);margin-bottom:0}

.faq{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}

.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.support-card{border:1px solid var(--line);border-radius:24px;padding:32px}.support-card p{color:var(--muted)}.support-card a{font-weight:800}

.guide-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}
.guide-summary>div{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}
.guide-summary strong{display:block;margin-bottom:7px;font-size:1.05rem}
.guide-summary p{margin:0;color:#62666e;font-size:.96rem}
.guide-visual{margin:26px 0 30px}
.guide-visual img{width:100%;height:auto;border-radius:22px;background:var(--black)}
.guide-visual figcaption{margin-top:9px;color:var(--muted);font-size:.86rem}
.direction{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:25px 0;padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:center}
.direction b{display:block;font-size:1.05rem}.direction span{color:var(--muted);font-size:.9rem}
.direction-arrow{color:var(--green2);font-size:1.6rem;font-weight:900}
.criteria{width:100%;border-collapse:collapse;margin:22px 0 30px}
.criteria th,.criteria td{padding:14px 15px;border:1px solid var(--line);text-align:left;vertical-align:top}
.criteria th{background:var(--paper);color:#292b2f}
.criteria td{color:#565a62}
.resource-list{display:grid;gap:12px;margin:20px 0}
.resource-list a{display:block;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-weight:800}
.resource-list a:hover{border-color:var(--green);background:#f3fbf6}
.reviewed{font-size:.86rem;color:#858991}

.guide-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 42px}
.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;padding:27px;background:#fff;min-height:245px;color:var(--black);box-shadow:0 8px 24px rgba(12,13,15,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-3px);border-color:var(--green2);box-shadow:0 16px 34px rgba(12,13,15,.1)}
.guide-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.guide-card .guide-type{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--green2);margin-bottom:12px}
.guide-card h3{margin:0;font-size:1.42rem;line-height:1.16}
.guide-card p{color:var(--muted);margin-bottom:24px}
.guide-card-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-weight:850;color:var(--black)}
.guide-card:hover .guide-card-cta{color:var(--green2)}
.connector-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 2px}
.connector-path span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--paper);font-size:.82rem;font-weight:800}
.connector-path b{color:var(--green2)}
.affiliate-badge{display:inline-block;border-radius:999px;background:#fff3cd;color:#654d00;padding:5px 9px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.policy-band{border:1px solid #2a2b2d;border-radius:24px;padding:30px;background:#111;color:#fff;margin-top:34px}
.policy-band h2{font-size:2rem;margin:0 0 12px}.policy-band p{color:#b9bdc4}.policy-band a{color:#fff;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.source-note{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;color:#737780;font-size:.88rem}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}
.contact-side{background:#0d0d0d;color:#fff;border-radius:28px;padding:38px}.contact-side p{color:#b9bdc4}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}
label{font-size:.85rem;font-weight:800}input,select,textarea{width:100%;border:1px solid #d8dae0;border-radius:13px;padding:13px 14px;background:#fff;color:#111}
textarea{min-height:180px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.form-note{grid-column:1/-1;font-size:.82rem;color:#757982}
.alert{padding:13px 16px;border-radius:14px;margin-bottom:18px}.alert.success{background:#e8f8ee;color:#155b2f}.alert.error{background:#fff0f0;color:#8d2020}

.notice{border-left:4px solid var(--green);background:#f3fbf6;border-radius:0 14px 14px 0;padding:17px 19px;color:#42464c}
.disclaimer{font-size:.86rem;color:#858991}

.download-hero{padding-block:72px}.download-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:center}.download-app-icon{width:min(100%,290px);justify-self:end;border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.store-card{position:relative;border-radius:30px;padding:42px;min-height:405px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.store-card h2{font-size:clamp(2.15rem,4vw,3.55rem);margin:18px 0}.store-card p{font-size:1.04rem;margin:0 0 30px;max-width:540px}.store-status{border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.store-platform{margin-top:38px;font-size:.84rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.store-button{margin-top:auto}.store-card-live{background:#0d0d0d;color:#fff}.store-card-live p{color:#b8bcc4}.store-card-live .store-status{background:var(--green);color:#06140a}.store-card-soon{background:#fff;border:1px solid var(--line)}.store-card-soon p{color:var(--muted)}.store-card-soon .store-status{background:#eceef1;color:#50545c}.store-button-disabled{background:#e6e8eb;color:#777b83;cursor:not-allowed}.tier-cards .card{min-height:265px}.download-note{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:var(--paper);color:#555a62}.download-note a{font-weight:850;color:var(--green2)}
.download-cta-section{background:linear-gradient(135deg,#0d0d0d,#151916);color:#fff}.download-cta{display:flex;align-items:end;justify-content:space-between;gap:45px}.download-cta p{color:#b9bdc4;margin-bottom:0}.download-cta .hero-actions{flex:0 0 auto}
.store-card-recommended{outline:3px solid var(--green);outline-offset:4px}.waitlist-form{width:100%;margin-top:auto}.waitlist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.waitlist-row input{min-width:0}.waitlist-consent{display:flex;align-items:flex-start;gap:9px;margin-top:13px;color:#5c6068;font-size:.82rem;font-weight:600;line-height:1.4}.waitlist-consent input{width:auto;margin-top:3px;flex:0 0 auto}.waitlist-form .form-note{margin:10px 0 0}.waitlist-alert{width:100%;margin:0 0 13px}

.site-footer{background:#0d0d0d;color:#fff;padding:52px 0 30px;border-top:1px solid #242526}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-logo{width:235px}.footer-brand p{color:#9fa3ab;max-width:390px}
.footer-col strong{display:block;margin-bottom:14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.footer-col a{display:block;color:#a4a8b0;margin:7px 0}.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid #292a2c;margin-top:38px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#8f939b;font-size:.83rem}

@media(max-width:900px){
  .menu{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#0d0d0d;border-top:1px solid #242526;padding:22px 20px 28px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}
  .hero-grid,.feature-band,.split,.content-grid,.contact-grid,.steps,.guide-hub-grid,.download-hero-grid,.store-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.cards{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.download-app-icon{justify-self:start;width:220px}.download-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .container{width:min(calc(100% - 28px),var(--max))}.launch-banner-inner{align-items:flex-start;flex-direction:column;gap:8px;padding-block:12px}.launch-banner-actions{align-items:flex-start;flex-direction:column;gap:7px;white-space:normal}.launch-banner-actions span{border-left:0;padding-left:0}.brand img{width:205px}.hero{min-height:auto;padding:65px 0}.hero-grid{gap:42px}.hero-visual{min-height:360px}.hero-mark{width:300px}.orbit.one{width:340px;height:340px}.orbit.two{width:270px;height:270px}.status-chip{font-size:.76rem}.status-chip.green{right:0;top:46px}.status-chip.red{left:0;bottom:40px}
  .section{padding:68px 0}.feature-band{padding:30px 23px}.metrics{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.store-card{padding:30px 24px;min-height:390px}.waitlist-row{grid-template-columns:1fr}.waitlist-row .btn{width:100%}
}
@media(max-width:760px){
  .guide-summary{grid-template-columns:1fr}.direction{grid-template-columns:1fr}.direction-arrow{transform:rotate(90deg)}.criteria{display:block;overflow-x:auto}
}

/* Homepage experience — October 2026 */
.home-revamp{background:#f5f6f2;color:#0a0d0b}
.home-revamp .site-header{background:#080a09;backdrop-filter:none;border-bottom-color:#171b18}
.home-revamp .nav-cta{background:var(--green);border-color:var(--green);color:#041108;padding-inline:18px}
.home-revamp .nav-cta:hover{background:#29d968;color:#041108}
.journey-hero{position:relative;min-height:calc(100svh - 132px);display:flex;align-items:center;overflow:hidden;background:#080b09;color:#fff}
.journey-hero-media,.journey-hero-shade{position:absolute;inset:0}
.journey-hero-media{background:url("../images/home/foremile-coastal-legacy-model-y-v2.jpg") center/cover no-repeat;transform:scale(1.015)}
.journey-hero-shade{background:linear-gradient(90deg,rgba(3,6,4,.96) 0%,rgba(3,6,4,.82) 31%,rgba(3,6,4,.22) 66%,rgba(3,6,4,.1) 100%),linear-gradient(0deg,rgba(3,6,4,.42),transparent 45%)}
.journey-hero-inner{position:relative;z-index:2;padding-block:clamp(80px,12vh,138px)}
.journey-copy{max-width:750px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#d8ddd9;margin-bottom:22px}
.hero-eyebrow span{width:28px;height:2px;background:var(--green)}
.journey-copy h1{max-width:760px;font-size:clamp(4.25rem,8.2vw,8.4rem);line-height:.86;letter-spacing:-.072em;text-wrap:balance}
.journey-copy h1 em{display:inline-block;color:#26d264;font-style:normal}
.hero-answer{font-size:clamp(1.38rem,2.15vw,2.08rem);font-weight:680;margin:27px 0 0;letter-spacing:-.025em}
.hero-answer strong{color:#26d264}
.journey-lede{max-width:650px;color:#c4cbc6;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.72;margin:22px 0 0}
.btn-glass{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,.16)}
.btn-arrow{gap:28px}.btn-arrow>span{font-size:1.2em}
.play-dot{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111;font-size:.58rem;padding-left:2px;margin-right:5px}
.hero-availability{display:flex;align-items:center;gap:9px;margin-top:28px;color:#adb6af;font-size:.82rem;font-weight:700}
.live-dot{width:8px;height:8px;border-radius:50%;background:#2bea6d;box-shadow:0 0 0 6px rgba(43,234,109,.12)}
.hero-scroll{position:absolute;z-index:3;right:36px;bottom:28px;display:flex;align-items:center;gap:14px;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl}
.hero-scroll i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-style:normal;font-size:1rem}

.freedom-strip{background:#0c100d;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:34px 0}
.freedom-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:stretch}
.freedom-intro,.freedom-item{display:flex;align-items:center;gap:17px;min-height:85px;padding:8px 25px;border-right:1px solid rgba(255,255,255,.12)}
.freedom-intro{padding-left:0}.freedom-item:last-child{border-right:0;padding-right:0}
.mini-mark{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;background:linear-gradient(145deg,#e50914 0 42%,#f5f5f5 42% 59%,#1db954 59%);border-radius:14px;color:#060806;font-size:1.55rem;font-weight:950;font-style:italic}
.freedom-intro strong{font-size:.98rem;line-height:1.25}.freedom-item>span{align-self:flex-start;color:#36d86c;font-size:.68rem;font-weight:900;letter-spacing:.08em;padding-top:4px}
.freedom-item p{margin:0;color:#929a94;font-size:.8rem;line-height:1.45}.freedom-item p strong{display:block;color:#fff;font-size:.9rem;margin-bottom:3px}

.product-tour{position:relative;background:#eef0eb;padding-block:clamp(82px,10vw,138px);overflow:hidden}
.product-tour:before{content:"";position:absolute;left:-10%;top:18%;width:44vw;height:44vw;background:radial-gradient(circle,rgba(29,185,84,.11),transparent 68%);pointer-events:none}
.tour-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;margin-bottom:65px}
.tour-heading h2,.network-top h2,.send-copy h2,.final-cta h2{font-size:clamp(3.2rem,6.2vw,6.7rem);line-height:.94;letter-spacing:-.065em}
.tour-heading h2 span,.network-top h2 span,.send-copy h2 span{color:#8b918c}
.tour-heading>p{margin:0 0 8px;color:#616862;font-size:1.08rem;line-height:1.75}
.green-kicker{color:#118b3c}
.app-carousel{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;min-height:720px;background:#0b0f0c;border-radius:38px;color:#fff;overflow:hidden;box-shadow:0 35px 90px rgba(13,24,17,.18)}
.carousel-copy{position:relative;z-index:2;padding:64px 30px 58px 58px;display:flex;flex-direction:column}
.carousel-progress{display:flex;align-items:center;gap:12px;color:#8e9790;font-size:.7rem;font-weight:900;letter-spacing:.12em}
.carousel-progress i{position:relative;display:block;width:160px;height:2px;background:#303631;overflow:hidden}.carousel-progress b{position:absolute;inset:0 auto 0 0;width:20%;background:#30df6a;transition:width .45s ease}
.carousel-copy-track{position:relative;flex:1;min-height:360px}
.carousel-copy-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .4s ease,transform .45s ease}
.carousel-copy-slide.is-active{opacity:1;transform:none;pointer-events:auto}
.slide-kicker{color:#31df6a;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.72rem;margin-bottom:18px}
.carousel-copy-slide h3{font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.05;max-width:440px}.carousel-copy-slide p{max-width:460px;color:#aeb6b0;line-height:1.75;font-size:1rem}
.carousel-controls{display:flex;gap:10px}.carousel-controls button{position:relative;display:grid;place-items:center;flex:0 0 51px;width:51px;height:51px;padding:0;border-radius:50%;border:1px solid #3a423c;background:transparent;color:#fff;font-size:0;cursor:pointer;transition:.2s ease}.carousel-controls button:before{content:"";width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor}.carousel-controls button[data-carousel-prev]:before{transform:rotate(-135deg);margin-left:4px}.carousel-controls button[data-carousel-next]:before{transform:rotate(45deg);margin-right:4px}.carousel-controls button:hover{background:#2bd766;border-color:#2bd766;color:#071008}
.carousel-stage{position:relative;display:grid;place-items:center;min-width:0;background:radial-gradient(circle at 50% 48%,#27472f 0,#132018 35%,#0d120e 67%)}
.carousel-stage:before{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.06);border-radius:50%}
.phone-glow{position:absolute;width:390px;height:560px;background:#25d766;filter:blur(90px);opacity:.18;border-radius:50%}
.phone-shell{position:relative;width:372px;height:650px;border:9px solid #202521;border-radius:52px;background:#050706;padding:12px 7px 7px;box-shadow:0 36px 85px rgba(0,0,0,.6),inset 0 0 0 1px #515952;overflow:hidden;transform:rotate(2deg)}
.phone-speaker{position:absolute;z-index:3;left:50%;top:7px;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#303731;box-shadow:0 0 0 2px #090c0a}
.carousel-images{position:relative;width:100%;height:100%;overflow:hidden;border-radius:38px;background:#080b09}
.carousel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transform:scale(.985);transition:opacity .5s ease,transform .7s ease}.carousel-image.is-active{opacity:1;transform:scale(1)}
.stage-note{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,15,11,.72);backdrop-filter:blur(12px);padding:10px 14px;color:#d9dfda;font-size:.72rem;font-weight:800}.stage-note span{width:7px;height:7px;border-radius:50%;background:#2cdf68}.note-two{bottom:19%;left:5%}
.carousel-dots{position:absolute;z-index:5;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.carousel-dots button{width:7px;height:7px;border:0;border-radius:99px;background:#5a625c;padding:0;cursor:pointer;transition:.3s ease}.carousel-dots button.is-active{width:28px;background:#2cdf68}

.network-story{background:#0b0e0c;color:#fff;padding-block:clamp(90px,11vw,145px);overflow:hidden}
.network-top{display:flex;justify-content:space-between;align-items:center;gap:60px}.network-top .kicker{color:#31d969}.network-top h2 span{color:#4f5751}
.network-orbit{position:relative;flex:0 0 auto;width:190px;height:190px;border:1px solid #293029;border-radius:50%;display:grid;place-items:center;animation:slowspin 18s linear infinite}.network-orbit:before{content:"";position:absolute;inset:28px;border:1px solid #222a23;border-radius:50%}.orbit-center{position:relative;z-index:2;display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:#27d563;color:#061008;font-size:2rem;font-weight:950;font-style:italic}.network-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.07)}.network-orbit i:nth-child(2){top:-6px}.network-orbit i:nth-child(3){right:-6px}.network-orbit i:nth-child(4){bottom:-6px}.network-orbit i:nth-child(5){left:-6px}
@keyframes slowspin{to{transform:rotate(360deg)}}
.network-marquee{margin:70px calc((100vw - min(calc(100vw - 40px),var(--max)))/-2) 42px;padding:23px 30px;border-block:1px solid #292f2b;display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;overflow:hidden;color:#828a84;font-size:clamp(1.25rem,2.3vw,2.1rem);font-weight:800;letter-spacing:-.03em}.network-marquee b{color:#2ddd68}
.story-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.story-card{position:relative;overflow:hidden;border:1px solid #272d28;border-radius:28px;background:#131714;padding:34px;min-height:340px}.story-number{font-size:.68rem;font-weight:900;color:#7c857e;letter-spacing:.1em;margin-bottom:60px}.story-card h3{font-size:clamp(1.7rem,2.5vw,2.65rem);line-height:1.08;max-width:570px}.story-card p{color:#919a93;max-width:590px}.story-large{grid-row:span 2;min-height:700px;display:flex;flex-direction:column}.story-large .route-art{margin-top:auto}.route-art{position:relative;height:260px;background:radial-gradient(circle at center,rgba(36,217,103,.11),transparent 63%);overflow:hidden}.route-art i{position:absolute;width:600px;height:180px;left:-40px;bottom:5px;border:5px solid transparent;border-top-color:#2bdf69;border-radius:50%;transform:rotate(-9deg);filter:drop-shadow(0 0 10px rgba(43,223,105,.45))}.pin{position:absolute;z-index:2;width:42px;height:48px;border-radius:50% 50% 50% 0;display:grid;place-items:center;background:#2bdf69;color:#061008;transform:rotate(-45deg);box-shadow:0 0 0 7px rgba(43,223,105,.1)}.pin::first-letter{transform:rotate(45deg)}.pin-a{left:13%;bottom:58px}.pin-b{left:51%;bottom:138px}.pin-c{right:9%;bottom:84px}
.story-green{background:#26cf60;color:#061108;border-color:#26cf60}.story-green .story-number,.story-green p{color:#0b5324}.story-green a{position:absolute;left:34px;right:34px;bottom:30px;display:flex;justify-content:space-between;border-top:1px solid rgba(4,42,17,.25);padding-top:17px;font-weight:900}.story-photo{background:linear-gradient(90deg,rgba(6,10,7,.82),rgba(6,10,7,.12)),url("../images/home/foremile-coastal-legacy-model-y-v2.jpg") 74% center/cover no-repeat;display:flex;align-items:end}.story-photo>div{max-width:410px}.story-photo .story-number{margin-bottom:25px}.story-photo p{color:#d3d8d4}

.level2-story{position:relative;background:#e9ece6;padding:clamp(90px,11vw,145px) 0 clamp(68px,7vw,94px);overflow:hidden}
.level2-story:before{content:"";position:absolute;right:-14vw;top:-12vw;width:45vw;height:45vw;border-radius:50%;background:radial-gradient(circle,rgba(35,209,96,.14),transparent 70%)}
.level2-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.level2-copy{scroll-margin-top:105px}
.level2-device{position:relative;max-width:510px;margin-inline:auto;border:1px solid #2a302b;border-radius:30px;background:#080b09;padding:16px 16px 18px;box-shadow:0 38px 90px rgba(18,32,21,.24);transform:rotate(-2deg)}
.level2-device:after{display:none}
.level2-device-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 5px 12px;color:#b3bbb5;font-size:.7rem}.level2-device-bar span{width:8px;height:8px;border-radius:50%;background:#293029}.level2-device-bar span:first-child{background:#e54b4b}.level2-device-bar span:nth-child(2){background:#e6bb42}.level2-device-bar span:nth-child(3){background:#2ac960}.level2-device-bar b{margin-left:auto;font-weight:800}
.level2-device img{width:100%;height:auto;max-height:720px;object-fit:contain;object-position:top;border-radius:17px;background:#090c0a}
.level2-copy h2{font-size:clamp(3.25rem,5.8vw,6.25rem);line-height:.94;letter-spacing:-.065em}.level2-copy h2 span{color:#148e41}
.level2-lede{font-size:1.08rem;color:#59615a;line-height:1.75;max-width:700px}
.level2-points{margin:35px 0 27px;border-top:1px solid #cbd1cb}.level2-points article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #cbd1cb}.level2-points article>span{color:#12883e;font-size:.71rem;font-weight:950;letter-spacing:.1em;padding-top:4px}.level2-points h3{font-size:1.15rem;letter-spacing:-.02em}.level2-points p{margin:5px 0 0;color:#687069;font-size:.9rem;line-height:1.55}.pricing-note{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;border-radius:18px;background:#d9f4e1;padding:21px 23px;margin-bottom:26px;color:#1b5d31}.pricing-note strong{font-size:1rem}.pricing-note span{font-size:.85rem;line-height:1.55}

.send-story{background:#f5f6f2;padding:clamp(76px,8vw,105px) 0 clamp(90px,11vw,145px)}
.send-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.send-copy>p{font-size:1.08rem;color:#656d66;line-height:1.75;max-width:630px}.send-steps{display:grid;gap:0;margin:35px 0}.send-steps>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-top:1px solid #d9ddd8}.send-steps span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#0e120f;color:#fff;font-size:.74rem;font-weight:900}.send-steps p{margin:0;color:#6b726c;font-size:.9rem}.send-steps strong{display:block;color:#101411;font-size:1rem;margin-bottom:2px}
.send-visual{position:relative;min-height:760px;display:grid;place-items:center;background:radial-gradient(circle,#d9e9dc 0,#eef1ec 56%,transparent 70%)}
.send-phone{width:390px;height:640px;border:10px solid #141814;border-radius:52px;overflow:hidden;background:#090c0a;box-shadow:0 42px 90px rgba(18,32,21,.25);transform:rotate(-4deg)}.send-phone img{width:100%;height:100%;object-fit:contain;object-position:center}
.send-card{position:absolute;right:0;bottom:105px;width:min(390px,63%);background:#fff;border-radius:22px;padding:23px;box-shadow:0 26px 70px rgba(18,36,23,.2);transform:rotate(2deg)}.send-card-top{display:flex;align-items:center;justify-content:space-between;color:#158b3f;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;font-weight:900;margin-bottom:17px}.send-card-top i{display:grid;place-items:center;width:27px;height:27px;background:#20c65a;color:#fff;border-radius:50%;font-style:normal}.send-card>strong{font-size:1.18rem}.send-card>p{color:#737b75;font-size:.86rem;margin:6px 0 18px}.send-card-button{display:flex;justify-content:space-between;background:#1dbe57;color:#061008;border-radius:12px;padding:12px 14px;font-weight:900;font-size:.83rem}

.final-cta{position:relative;min-height:690px;display:grid;place-items:center;overflow:hidden;background:#070a08;color:#fff;text-align:center}.final-cta-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,6,.68),rgba(5,8,6,.88)),url("../images/home/foremile-coastal-legacy-model-y-v2.jpg") center/cover no-repeat;filter:saturate(.85)}.final-cta-inner{position:relative;z-index:2;padding-block:100px}.final-cta-inner>img{width:72px;margin:0 auto 20px}.final-cta .kicker{color:#34df6e}.final-cta h2 span{color:#37df6e}.final-cta p{color:#cad0cb;font-size:1.05rem}.store-actions{display:flex;justify-content:center;gap:12px;margin-top:31px}.store-actions a{display:grid;min-width:176px;text-align:left;background:#fff;color:#090c0a;border-radius:13px;padding:10px 18px;transition:.2s ease}.store-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.store-actions small{font-size:.57rem;line-height:1;text-transform:uppercase;letter-spacing:.06em}.store-actions strong{font-size:1.22rem;line-height:1.2;letter-spacing:-.03em}

@media(max-width:1050px){
  .freedom-grid{grid-template-columns:1fr 1fr}.freedom-intro,.freedom-item{border-bottom:1px solid rgba(255,255,255,.12)}.freedom-item:nth-child(2){border-right:0}.freedom-item:nth-child(3),.freedom-item:nth-child(4){border-bottom:0}.freedom-item:nth-child(4){border-right:0}
  .app-carousel{grid-template-columns:.9fr 1.1fr}.phone-shell{width:340px;height:595px}.stage-note{display:none}
  .level2-grid{gap:50px}.send-grid{gap:30px}.send-card{right:-10px}
}
@media(max-width:800px){
  .journey-hero{min-height:780px}.journey-hero-media{background-position:64% center}.journey-hero-shade{background:linear-gradient(90deg,rgba(3,6,4,.94),rgba(3,6,4,.64) 75%,rgba(3,6,4,.32)),linear-gradient(0deg,rgba(3,6,4,.4),transparent)}.journey-copy{max-width:620px}.journey-copy h1{font-size:clamp(4rem,13.5vw,6.3rem)}.hero-scroll{display:none}
  .tour-heading,.send-grid,.level2-grid{grid-template-columns:1fr;gap:38px}.app-carousel{grid-template-columns:1fr}.carousel-copy{padding:45px 35px 15px}.carousel-copy-track{min-height:350px}.carousel-stage{min-height:720px}.carousel-dots{bottom:18px}
  .network-top{align-items:flex-start}.network-orbit{width:130px;height:130px}.story-grid{grid-template-columns:1fr}.story-large{grid-row:auto;min-height:620px}.story-green{min-height:360px}
  .level2-device{max-width:470px}.send-visual{min-height:720px}.send-card{right:7%}
}
@media(max-width:600px){
  .home-revamp .launch-banner{display:none}.journey-hero{min-height:calc(100svh - 78px);align-items:flex-end}.journey-hero-inner{padding-block:76px 58px}.journey-hero-media{background-position:86% center}.journey-hero-shade{background:linear-gradient(0deg,rgba(3,6,4,.98) 0%,rgba(3,6,4,.77) 54%,rgba(3,6,4,.15) 100%)}.journey-copy h1{font-size:clamp(3.7rem,17vw,5.1rem)}.journey-lede{font-size:.96rem;line-height:1.6}.journey-copy .hero-actions{display:grid}.journey-copy .btn{width:100%}.hero-answer{font-size:1.23rem}
  .freedom-grid{grid-template-columns:1fr}.freedom-intro,.freedom-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:20px 0}.freedom-item:nth-child(3){border-bottom:1px solid rgba(255,255,255,.12)}
  .tour-heading{margin-bottom:38px}.tour-heading h2,.network-top h2,.send-copy h2,.final-cta h2,.level2-copy h2{font-size:clamp(2.75rem,14vw,4.25rem)}.tour-heading>p{font-size:.98rem}.app-carousel{border-radius:25px}.carousel-copy{padding:36px 25px 5px}.carousel-progress i{width:100px}.carousel-copy-track{min-height:390px}.carousel-copy-slide h3{font-size:2rem}.carousel-stage{min-height:590px}.phone-shell{width:292px;height:520px;border-width:7px;border-radius:43px}.phone-speaker{top:8px}.carousel-dots{bottom:12px}
  .network-top{display:block}.network-orbit{display:none}.network-marquee{justify-content:flex-start;overflow:hidden;margin-top:50px;margin-bottom:28px}.story-card{padding:26px}.story-large{min-height:570px}.story-number{margin-bottom:38px}.route-art{height:210px}.story-green a{left:26px;right:26px}
  .level2-device{padding:11px;border-radius:22px;transform:none}.level2-device:after{right:10px;bottom:30px}.level2-device img{border-radius:13px}.pricing-note{grid-template-columns:1fr;gap:7px}.send-visual{min-height:600px}.send-phone{width:290px;height:490px;border-width:7px}.send-card{width:74%;right:0;bottom:55px;padding:18px}.send-card>strong{font-size:1rem}
  .final-cta{min-height:620px}.store-actions{flex-direction:column;align-items:center;width:100%}.store-actions a{width:min(100%,250px)}
}
@media(prefers-reduced-motion:reduce){.network-orbit{animation:none}.carousel-copy-slide,.carousel-image{transition:none}}

/* Supporting-page experience — October 2026 */
.inner-revamp{background:#f4f6f2;color:#0a0d0b}
.inner-revamp .site-header{background:#080a09;backdrop-filter:none;border-bottom-color:#171b18}
.inner-revamp .nav-cta{background:var(--green);border-color:var(--green);color:#041108;padding-inline:18px}
.inner-revamp .nav-cta:hover{background:#29d968;color:#041108}
.inner-hero{position:relative;overflow:hidden;background:#090c0a;color:#fff;padding:clamp(82px,9vw,132px) 0}
.inner-hero:before{content:"";position:absolute;width:720px;height:720px;right:-240px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(38,210,100,.2),transparent 68%);pointer-events:none}
.inner-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(48px,7vw,96px)}
.inner-hero h1{font-size:clamp(3.7rem,6.8vw,7.25rem);line-height:.9;letter-spacing:-.07em;text-wrap:balance}
.inner-hero h1 span{color:#32d96a}
.inner-hero .lede{color:#b8c0ba;font-size:1.08rem;line-height:1.72;max-width:680px}
.inner-hero-device{position:relative;min-height:650px;display:grid;place-items:center}
.inner-hero-device .phone-shell{width:350px;height:610px;transform:rotate(3deg)}
.inner-hero-device .phone-shell>img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:38px;background:#080b09}
.floating-proof{position:absolute;left:0;bottom:80px;width:270px;background:#fff;color:#0b0f0c;border-radius:20px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.35);transform:rotate(-2deg)}
.floating-proof span{display:block;color:#168b40;font-size:.7rem;font-weight:950;letter-spacing:.12em;margin-bottom:12px}.floating-proof strong,.floating-proof small{display:block}.floating-proof strong{font-size:1.06rem}.floating-proof small{margin-top:4px;color:#727973;line-height:1.45}
.inner-tour{padding-top:clamp(85px,10vw,132px)}
.inner-bento-section{background:#f4f6f2}
.inner-bento{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.inner-bento article{position:relative;overflow:hidden;border-radius:28px;padding:34px;min-height:320px}.inner-bento article:first-child{grid-row:span 2;min-height:658px;display:flex;flex-direction:column;justify-content:flex-end}.inner-bento span,.chapter-number{display:block;font-size:.7rem;font-weight:950;letter-spacing:.12em;margin-bottom:auto}.inner-bento h3{font-size:clamp(2rem,3.2vw,3.45rem);max-width:520px}.inner-bento p{max-width:520px;line-height:1.7}.bento-dark{background:#0c100d;color:#fff}.bento-dark p{color:#aeb7b0}.bento-dark:before{content:"";position:absolute;inset:30px 30px auto auto;width:230px;height:230px;border:1px solid #2a332c;border-radius:50%;box-shadow:inset 0 0 0 48px #111713,inset 0 0 0 49px #2a332c}.bento-green{background:#29d567;color:#061008}.bento-green p{color:#125c2e}.bento-photo{background:linear-gradient(90deg,rgba(4,8,5,.88),rgba(4,8,5,.15)),url("../images/home/foremile-coastal-legacy-model-y-v2.jpg") 70% center/cover;color:#fff}.bento-photo p{color:#d3dad4}

.features-hero .inner-hero-grid{grid-template-columns:.93fr 1.07fr}.feature-collage{position:relative;min-height:650px;display:grid;place-items:center}.feature-collage img{position:absolute;object-fit:contain;background:#080b09;border:8px solid #1c211d;border-radius:42px;box-shadow:0 35px 80px rgba(0,0,0,.52)}.collage-main{width:340px;height:600px;right:9%;transform:rotate(4deg)}.collage-side{width:260px;height:460px;left:1%;bottom:16px;transform:rotate(-7deg)}.collage-chip{position:absolute;left:15%;top:48px;background:#2ad769;color:#061008;border-radius:18px;padding:16px 19px;box-shadow:0 20px 45px rgba(0,0,0,.28)}.collage-chip b,.collage-chip span{display:block}.collage-chip span{font-size:.76rem;margin-top:3px;color:#155f31}
.feature-groups{padding-block:clamp(82px,10vw,140px)}.feature-chapter{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,8vw,110px);align-items:center;padding:74px;border:1px solid #dfe3dd;border-radius:34px;background:#fff;margin-bottom:26px;overflow:hidden}.feature-chapter.reverse .feature-chapter-copy{order:2}.feature-chapter.reverse .chapter-device{order:1}.feature-chapter-copy h2{font-size:clamp(2.6rem,4.7vw,5rem);margin:10px 0 22px}.feature-chapter-copy>p{color:#626963;line-height:1.75;font-size:1.04rem}.chapter-number{color:#118b3c;margin-bottom:35px}.chapter-device{position:relative;min-height:590px;display:grid;place-items:center;background:radial-gradient(circle,#dcece0,transparent 68%)}.chapter-device img{width:330px;height:570px;object-fit:contain;background:#090c0a;border:8px solid #1b201c;border-radius:42px;box-shadow:0 30px 70px rgba(15,34,20,.25)}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.feature-pills span{border:1px solid #d9dfd9;background:#f3f6f2;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.text-link{display:inline-block;margin-top:27px;color:#138a3e;font-weight:900}.dark-chapter{background:#0d100e;color:#fff;border-color:#242a25}.dark-chapter .feature-chapter-copy>p{color:#adb5af}.dark-chapter .feature-pills span{background:#161b17;border-color:#313a32;color:#dfe5e0}.dark-chapter .chapter-device{background:radial-gradient(circle,#24452e,transparent 68%)}.feature-proof{padding-block:clamp(80px,9vw,120px)}

.compact-send{min-height:650px;background:radial-gradient(circle,#223d29 0,#111812 54%,transparent 72%)}.compact-send .send-phone{width:340px;height:570px}.compact-send .send-card{right:-10px;bottom:70px}.connected-flow{background:#eef1ec;padding-block:clamp(88px,10vw,135px)}.flow-track{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #cdd4ce}.flow-track article{position:relative;padding:35px 26px 42px;border-right:1px solid #cdd4ce}.flow-track article:last-child{border-right:0}.flow-track article:not(:last-child):after{content:"→";position:absolute;right:-16px;top:42px;z-index:2;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#25d164;color:#061008;font-weight:950}.flow-track span{color:#118b3c;font-size:.7rem;font-weight:950;letter-spacing:.12em}.flow-track h3{margin-top:52px}.flow-track p{color:#646c66;font-size:.9rem;line-height:1.65}.privacy-control{padding-block:clamp(85px,10vw,135px)}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px}.control-grid article{border:1px solid #dce1dc;border-radius:24px;background:#fff;padding:30px;min-height:235px}.control-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#0d110e;color:#fff;font-weight:900;margin-bottom:38px}.control-grid p{color:#666d67;margin-bottom:0}
.tesla-ccs-visual{width:100%;max-width:560px;aspect-ratio:3/2;justify-self:end;overflow:hidden;border-radius:32px;box-shadow:0 30px 100px rgba(0,0,0,.35);background:#080b09}.tesla-ccs-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.guide-hero-art{position:relative;min-height:560px}.guide-hero-art>img{width:100%;height:500px;object-fit:cover;border-radius:32px;filter:saturate(.9);box-shadow:0 32px 80px rgba(0,0,0,.42)}.guide-direction-card{position:absolute;left:-35px;right:35px;bottom:15px;background:#fff;color:#0a0d0b;border-radius:20px;padding:21px 24px;box-shadow:0 22px 55px rgba(0,0,0,.3)}.guide-direction-card span,.guide-direction-card strong,.guide-direction-card small{display:block}.guide-direction-card span{color:#158b3f;text-transform:uppercase;font-size:.68rem;font-weight:950;letter-spacing:.1em}.guide-direction-card strong{font-size:1.2rem;margin:7px 0 3px}.guide-direction-card small{color:#727873}

.app-preview-strip{background:#0b0f0c;color:#fff;padding-block:clamp(85px,10vw,135px)}.app-preview-strip .section-head p{color:#aeb6b0}.preview-phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.preview-phone-grid figure{margin:0}.preview-phone{height:570px;border:8px solid #202620;border-radius:42px;background:#080b09;padding:7px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.38)}.preview-phone img{width:100%;height:100%;object-fit:contain;border-radius:30px}.preview-phone-grid figure:nth-child(2){transform:translateY(55px)}.preview-phone-grid figcaption{display:grid;grid-template-columns:34px 1fr;column-gap:10px;margin-top:22px;color:#8f9891;font-size:.84rem}.preview-phone-grid figcaption span{grid-row:1/3;color:#31db69;font-size:.7rem;font-weight:950}.preview-phone-grid figcaption strong{display:block;color:#fff;font-size:1rem}

.support-dashboard{border:1px solid #29302a;border-radius:28px;background:#111512;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.support-status{position:relative;padding:14px 16px 25px 36px;border-bottom:1px solid #2b322c;margin-bottom:8px}.support-status>span{position:absolute;left:12px;top:20px;width:9px;height:9px;border-radius:50%;background:#2bdd6a;box-shadow:0 0 0 6px rgba(43,221,106,.12)}.support-status b,.support-status small{display:block}.support-status small{color:#879087;margin-top:2px}.support-dashboard>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:19px 15px;border-bottom:1px solid #262d27}.support-dashboard>a:last-child{border-bottom:0}.support-dashboard>a:hover{background:#19201a;border-radius:14px}.support-dashboard i{color:#31dc69;font-style:normal;font-size:.7rem;font-weight:950}.support-dashboard b,.support-dashboard small{display:block}.support-dashboard small{color:#858f87;margin-top:2px}.support-dashboard strong{font-size:1.2rem}.support-card{background:#fff;transition:transform .2s ease,box-shadow .2s ease}.support-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,25,17,.09)}.support-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:46px;border-radius:14px;background:#0c100d;color:#fff;font-weight:950}.support-card:nth-child(2n) .support-icon{background:#2ad568;color:#061008}.support-card a{color:#118b3c}

@media(max-width:1000px){
  .inner-hero-grid,.feature-chapter{grid-template-columns:1fr}.inner-hero-device,.feature-collage{min-height:610px}.feature-chapter.reverse .feature-chapter-copy,.feature-chapter.reverse .chapter-device{order:initial}.flow-track{grid-template-columns:repeat(2,1fr)}.flow-track article:nth-child(2){border-right:0}.flow-track article:nth-child(-n+2){border-bottom:1px solid #cdd4ce}.flow-track article:nth-child(2):after{display:none}.preview-phone{height:500px}
}
@media(max-width:700px){
  .inner-revamp .launch-banner{display:none}.inner-hero{padding:66px 0}.inner-hero h1{font-size:clamp(3.4rem,16vw,5rem)}.inner-hero-grid{gap:35px}.inner-hero-device,.feature-collage{min-height:500px}.inner-hero-device .phone-shell{width:278px;height:485px;border-width:7px}.floating-proof{left:4px;bottom:35px;width:220px;padding:16px}.inner-bento{grid-template-columns:1fr}.inner-bento article:first-child{grid-row:auto;min-height:430px}.inner-bento article{min-height:280px}.bento-dark:before{width:160px;height:160px}.feature-chapter{padding:34px 24px}.feature-chapter-copy h2{font-size:2.7rem}.chapter-device{min-height:500px}.chapter-device img{width:276px;height:480px;border-width:7px}.collage-main{width:260px;height:460px;right:2%}.collage-side{width:190px;height:340px}.collage-chip{left:2%;top:18px}.compact-send{min-height:540px}.compact-send .send-phone{width:275px;height:460px}.compact-send .send-card{right:0;bottom:45px}.flow-track,.control-grid,.preview-phone-grid{grid-template-columns:1fr}.flow-track article{border-right:0;border-bottom:1px solid #cdd4ce}.flow-track article:not(:last-child):after{content:"↓";right:22px;top:auto;bottom:-16px}.flow-track article:nth-child(2):after{display:grid}.guide-hero-art{min-height:440px}.guide-hero-art>img{height:380px}.guide-direction-card{left:10px;right:10px}.preview-phone-grid{gap:50px}.preview-phone-grid figure:nth-child(2){transform:none}.preview-phone{height:540px;max-width:330px;margin-inline:auto}.support-dashboard{padding:14px}
}
