:root{
  --bg:#030914;--bg2:#061326;--panel:#09182f;--panel2:#061126;
  --red:#ef111c;--blue:#1775ff;--white:#f8fbff;--muted:#aab8cc;
  --line:rgba(132,166,221,.22);--green:#17db89;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -8%,#14356e 0,#07152c 31%,#030914 74%);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}.app-shell{width:min(520px,100%);min-height:100vh;margin:auto;background:linear-gradient(180deg,rgba(3,9,20,.97),rgba(2,7,17,.99));box-shadow:0 0 70px rgba(0,0,0,.5);padding-bottom:82px}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;position:sticky;top:0;z-index:20;background:rgba(3,9,20,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand-icon{width:54px;height:54px;border-radius:14px}.icon-btn{border:0;background:transparent;color:#fff;font-size:26px;padding:8px}.account-pill{border:1px solid #267cff;background:#07162d;color:white;border-radius:999px;padding:9px 14px;font-size:.76rem;font-weight:800}
.screen{display:none}.screen.active{display:block}
.hero{padding:24px 18px 18px;text-align:center}.hero-copy{padding:9px 8px 16px}.hero-logo{width:190px;height:190px;border-radius:42px;object-fit:cover;box-shadow:0 18px 40px rgba(0,0,0,.35)}.eyebrow{font-size:.74rem;letter-spacing:.17em;font-weight:900;color:#d7e5ff;margin:14px 0 8px}.hero h1{font-size:3.2rem;line-height:.93;letter-spacing:-.06em;margin:0 0 14px;font-weight:950}.hero h1 span{color:var(--red)}.lead{margin:0 auto;color:#d9e1ef;font-size:1.04rem;line-height:1.5;max-width:390px}.vehicle-image{width:100%;display:block;border-radius:22px;margin:18px 0 16px;border:1px solid rgba(69,126,218,.26);box-shadow:0 22px 45px rgba(0,0,0,.4)}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{width:100%;padding:15px 14px;border-radius:13px;text-transform:uppercase;font-weight:900;letter-spacing:.02em;border:0;margin-top:10px}.primary{background:linear-gradient(90deg,#e40012,#ff1727);color:white;box-shadow:0 10px 26px rgba(239,17,28,.23)}.secondary{background:#071426;color:white;border:1px solid rgba(175,196,229,.34)}.outline{background:transparent;color:#fff;border:1px solid #247dff}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 18px}.benefit-grid article,.waitlist-card,.panel,.info-grid article,.notice{background:linear-gradient(145deg,#0b1e3b,#050e1e);border:1px solid var(--line);border-radius:18px}.benefit-grid article{padding:17px 12px;text-align:center}.benefit-icon{width:44px;height:44px;border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;font-weight:900;font-size:1.25rem}.benefit-grid h3{margin:0;text-transform:uppercase;font-size:.85rem}.benefit-grid p{margin:6px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}
.waitlist-card{margin:18px;padding:21px;text-align:center}.waitlist-card h2{font-size:1.5rem;margin:5px 0 8px}.waitlist-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}
.content-screen{padding:28px 18px}.page-heading h1{font-size:2.35rem;line-height:1.04;margin:7px 0 12px}.page-heading>p:not(.eyebrow){color:var(--muted);line-height:1.55}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 12px}.segment{padding:12px;border-radius:12px;border:1px solid var(--line);background:#071326;color:#9fadc1;font-weight:800}.segment.active{background:#143f84;border-color:#2f86ff;color:white}
.panel{padding:18px;margin-top:14px}.form label{display:block;margin:0 0 14px;color:#e7eef9;font-weight:750}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:13px;background:#020a18;color:#fff;border:1px solid rgba(114,157,221,.34);border-radius:12px;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:#2682ff;box-shadow:0 0 0 3px rgba(38,130,255,.15)}.check{display:flex!important;gap:10px;color:var(--muted)!important;font-size:.8rem;line-height:1.45;font-weight:500!important}.check input{width:20px;height:20px;margin:2px 0 0;flex:none}.link-btn{width:100%;border:0;background:transparent;color:#75aaff;padding:14px 0 2px}.hidden{display:none}.status-card{margin-top:18px;padding:18px;border-radius:16px;background:rgba(8,69,48,.65);border:1px solid rgba(23,219,137,.42)}.status-card strong{color:#72f5b8}.status-card p{margin-bottom:0;color:#d7f6e7;line-height:1.5}.user-banner{padding:12px 14px;margin:17px 0;border-radius:13px;background:#082044;border:1px solid #1d6bc7;color:#dceaff;font-size:.83rem}.account-panel p{color:var(--muted)}.notice{padding:18px;margin-top:14px}.notice p{color:var(--muted);line-height:1.5;margin-bottom:0}.info-grid{display:grid;gap:13px;margin-top:22px}.info-grid article{padding:18px}.info-grid h2{margin:0 0 8px}.info-grid p{margin:0;color:var(--muted);line-height:1.5}
.bottom-nav{position:fixed;z-index:30;left:50%;transform:translateX(-50%);bottom:0;width:min(520px,100%);height:76px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(2,8,19,.95);backdrop-filter:blur(18px);border-top:1px solid rgba(126,157,205,.2)}.nav{border:0;background:transparent;color:#a9b5c8;font-size:.68rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav span{font-size:1.25rem}.nav.active{color:#ff2633}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#10264b;border:1px solid #347fe9;color:#fff;border-radius:13px;padding:12px 16px;transition:.25s;z-index:50;max-width:88%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:390px){.hero h1{font-size:2.85rem}.hero-logo{width:165px;height:165px}.page-heading h1{font-size:2.05rem}}

.password-wrap{position:relative;margin-top:7px}
.form .password-wrap input{margin-top:0;padding-right:78px}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:1px solid rgba(82,140,230,.5);background:#0a2248;color:#eaf2ff;border-radius:9px;padding:8px 11px;font-weight:800;font-size:.74rem}
.password-help{margin:-5px 0 14px;color:#9eadc3;font-size:.76rem;line-height:1.4}
.password-help.good{color:#23df91}.password-help.bad{color:#ff6670}

.submit-note{color:#9fb0c8;font-size:.78rem;line-height:1.45;margin:4px 0 2px}
.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 0,#123369,#06142b 35%,#030914 80%)}
.success-box{width:min(460px,100%);background:linear-gradient(145deg,#0b1f3d,#051020);border:1px solid rgba(76,140,238,.35);border-radius:24px;padding:28px;text-align:center;box-shadow:0 25px 60px rgba(0,0,0,.4)}
.success-box img{width:120px;height:120px;border-radius:28px}
.success-box h1{font-size:2rem;margin:18px 0 10px}
.success-box p{color:#b8c5d8;line-height:1.55}
.success-check{width:70px;height:70px;border-radius:50%;margin:16px auto;background:#075634;border:2px solid #20df8c;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#7cf4bd}

/* MEC Connect V6 final iPhone/Safari layout hardening */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  overscroll-behavior-x:none;
}
.app-shell{
  width:100%;
  max-width:520px;
  min-width:0;
  overflow-x:hidden;
}
main,.screen,.content-screen,.panel,.form,.mobile-form,
.page-heading,.user-banner,.status-card,.notice,.info-grid,
.waitlist-card,.benefit-grid,.hero{
  min-width:0;
  max-width:100%;
}
.content-screen{
  width:100%;
  padding:24px 14px 104px;
  overflow-x:hidden;
}
.page-heading{
  padding:0 2px;
}
.panel,
.mobile-form{
  width:100%;
  margin:14px 0 0;
  padding:18px 14px;
  border-radius:18px;
  overflow:hidden;
}
.form label,
.mobile-form label{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 0 16px;
  overflow-wrap:anywhere;
}
.form input,
.form select,
.form textarea,
.mobile-form input,
.mobile-form select,
.mobile-form textarea{
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:7px 0 0 !important;
  padding:14px 14px;
  border-radius:13px;
  font-size:16px; /* prevents iOS auto-zoom */
  line-height:1.25;
  -webkit-appearance:none;
  appearance:none;
}
.form textarea,
.mobile-form textarea{
  resize:vertical;
  min-height:108px;
}
.form select,
.mobile-form select{
  padding-right:44px;
  background-image:
    linear-gradient(45deg,transparent 50%,#d8e6ff 50%),
    linear-gradient(135deg,#d8e6ff 50%,transparent 50%);
  background-position:
    calc(100% - 20px) 52%,
    calc(100% - 14px) 52%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}
.password-wrap{
  width:100%;
  min-width:0;
}
.form .password-wrap input{
  width:100% !important;
  padding-right:82px !important;
}
.password-toggle{
  right:7px;
  max-width:70px;
  white-space:nowrap;
}
.check{
  width:100%;
  align-items:flex-start;
  gap:11px;
}
.check input{
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  -webkit-appearance:auto;
  appearance:auto;
}
.btn{
  width:100%;
  max-width:100%;
  min-height:54px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.user-banner{
  width:100%;
  margin:14px 0;
  padding:13px;
  overflow-wrap:anywhere;
}
.topbar{
  width:100%;
  max-width:520px;
  padding-left:14px;
  padding-right:14px;
}
.bottom-nav{
  width:100%;
  max-width:520px;
}
.nav{
  min-width:0;
  padding:4px 2px;
}
.nav span{
  line-height:1;
}
.hero{
  width:100%;
  padding-left:14px;
  padding-right:14px;
}
.vehicle-image{
  width:100%;
  max-width:100%;
  height:auto;
}
.benefit-grid{
  width:100%;
  padding:0 14px;
  gap:10px;
}
.waitlist-card{
  margin:16px 14px;
}
.toast{
  width:auto;
  max-width:calc(100% - 28px);
  overflow-wrap:anywhere;
}
.submit-note{
  margin:4px 0 0;
}
@media(max-width:390px){
  .content-screen{padding-left:10px;padding-right:10px}
  .panel,.mobile-form{padding-left:12px;padding-right:12px}
  .page-heading h1{font-size:1.95rem}
  .topbar{padding-left:10px;padding-right:10px}
  .account-pill{padding:9px 12px}
}
@supports(padding:max(0px)){
  .content-screen{
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
  }
  .topbar{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
}

/* Final production experience */
.splash-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 25%,#113a7a 0,#06142b 35%,#020711 82%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .45s ease,visibility .45s ease}
.splash-screen img{width:170px;height:170px;border-radius:38px;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.splash-screen h1{font-size:2.25rem;margin:18px 0 4px}.splash-screen p{color:#b8c7dc;margin:0}
.splash-loader{width:46px;height:4px;background:rgba(255,255,255,.18);border-radius:999px;margin-top:24px;overflow:hidden}
.splash-loader:after{content:"";display:block;width:55%;height:100%;background:#ef111c;border-radius:inherit;animation:splashLoad .8s ease-in-out infinite alternate}
.splash-hide{opacity:0;visibility:hidden}@keyframes splashLoad{from{transform:translateX(-70%)}to{transform:translateX(140%)}}
.menu-overlay{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.66);backdrop-filter:blur(7px)}
.side-menu{width:min(330px,87vw);height:100%;background:linear-gradient(180deg,#0b1e3c,#030914);padding:calc(env(safe-area-inset-top) + 26px) 22px 28px;box-shadow:30px 0 80px rgba(0,0,0,.48);display:flex;flex-direction:column}
.side-menu img{width:76px;height:76px;border-radius:19px}.side-menu h2{margin:12px 0 24px}
.side-menu button,.side-menu a{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(151,181,226,.15);background:transparent;color:#f3f7ff;padding:15px 2px;text-decoration:none;font-weight:750}
.side-menu small{margin-top:auto;color:#8190a7}.menu-close{position:absolute;right:18px;top:calc(env(safe-area-inset-top) + 12px);font-size:2rem!important;width:auto!important;border:0!important}
.menu-open{overflow:hidden}
.dashboard-welcome{display:flex;align-items:center;gap:13px;padding:17px;margin-top:15px;background:linear-gradient(145deg,#0b1e3b,#050e1e);border:1px solid var(--line);border-radius:18px}
.dashboard-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a7bff,#08449e);font-size:1.45rem;font-weight:900}
.dashboard-welcome h2,.dashboard-welcome p{margin:0}.dashboard-welcome p{color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}
.dashboard-card{padding:16px;background:linear-gradient(145deg,#0b1e3b,#050e1e);border:1px solid var(--line);border-radius:17px}
.dashboard-card span,.dashboard-card small,.dashboard-card strong{display:block}.dashboard-icon{font-size:1.3rem;margin-bottom:9px}.dashboard-card small{color:var(--muted);margin-bottom:5px}.dashboard-card strong{font-size:.9rem}
.admin-center a{display:flex;align-items:center;justify-content:center;text-decoration:none}
.screen.active{animation:screenIn .22s ease}@keyframes screenIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:370px){.dashboard-grid{grid-template-columns:1fr}}

.success-next{margin:18px 0;padding:16px;background:#07172d;border:1px solid rgba(71,132,225,.3);border-radius:15px;text-align:left}
.success-next h2{font-size:1.05rem;margin:0 0 6px}.success-next p{margin:0}.success-time{padding:12px;border-radius:12px;background:rgba(24,112,255,.08)}
.success-box a{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* Launch fixes */
.hero,.vehicle-image,.benefit-grid,.benefit-grid article,.waitlist-card,.official-link-card{overflow:visible!important}
.benefit-grid article{min-height:166px;padding-bottom:24px}
.benefit-grid h3,.benefit-grid p{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.official-link-card{margin:18px 14px 28px;padding:22px 18px;background:linear-gradient(145deg,#0b1e3b,#050e1e);border:1px solid rgba(55,128,244,.38);border-radius:20px;text-align:center}
.official-link-card h2{margin:5px 0 8px;font-size:1.55rem}
.official-link-card p{color:#aab8cc;line-height:1.5}
.official-link-card a{display:block;color:#6ea7ff;font-weight:900;text-decoration:none;overflow-wrap:anywhere;margin:10px 0}
.mobile-form > input:not([type="hidden"]){display:none!important}

/* MEC Connect Early Access — final mobile polish */
.benefit-grid{
  align-items:stretch;
}
.benefit-grid article{
  height:auto !important;
  min-height:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:visible !important;
}
.benefit-grid h3,
.benefit-grid p{
  display:block !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  white-space:normal !important;
  word-break:normal;
  overflow-wrap:anywhere;
}
.benefit-grid p{
  padding-bottom:2px;
}
.mobile-form > input:not([type="hidden"]),
.mobile-form input[name="_honey"],
.mobile-form input[name="bot-field"]{
  display:none !important;
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.official-link-card{
  overflow:hidden !important;
}
.official-link-card a{
  font-size:.98rem;
}
@media(max-width:429px){
  .benefit-grid{
    grid-template-columns:1fr !important;
  }
  .benefit-grid article{
    min-height:0 !important;
    padding:18px 16px 20px !important;
  }
  .benefit-grid p{
    font-size:.82rem;
    line-height:1.5;
  }
}
@media(min-width:430px){
  .benefit-grid article{
    min-height:158px !important;
  }
}

/* Definitive launch fixes */
input[type="hidden"],
.form input[type="hidden"],
.mobile-form input[type="hidden"]{
  display:none !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  position:absolute !important;
  left:-99999px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.vehicle-image{
  display:block;
  width:100%;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  overflow:hidden;
}
.hero{
  overflow:visible !important;
}

/* True final fix: clean image + fully visible feature wording */
.vehicle-image{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1400 / 525;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  overflow:hidden !important;
}
.benefit-grid{
  grid-template-columns:1fr 1fr !important;
  align-items:stretch !important;
}
.benefit-grid article{
  height:auto !important;
  min-height:170px !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
.benefit-grid h3,
.benefit-grid p{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  white-space:normal !important;
  text-overflow:clip !important;
}
@media(max-width:390px){
  .benefit-grid{
    grid-template-columns:1fr !important;
  }
  .benefit-grid article{
    min-height:0 !important;
  }
}

/* MEC Connect dark production design — actual working app */
:root{
  --bg:#020611;
  --panel:#07162b;
  --panel2:#091d38;
  --text:#f7f9ff;
  --muted:#aebbd0;
  --line:rgba(114,153,214,.24);
  --blue:#1475ff;
  --red:#f01520;
}

html,body{
  background:
    radial-gradient(circle at 8% 7%,rgba(240,21,32,.18),transparent 28%),
    radial-gradient(circle at 93% 18%,rgba(20,117,255,.18),transparent 30%),
    linear-gradient(180deg,#020611 0%,#030914 48%,#020611 100%) !important;
  color:var(--text) !important;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(120deg,transparent 0 46%,rgba(20,117,255,.035) 47%,transparent 49%),
    linear-gradient(55deg,transparent 0 58%,rgba(240,21,32,.035) 59%,transparent 61%);
}

.app-shell,main,.screen,.content-screen{background:transparent!important}

.topbar,.bottom-nav{
  background:rgba(2,8,20,.93)!important;
  border-color:rgba(113,151,211,.22)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.topbar .icon-btn,.account-pill,.nav{color:#eef4ff!important}
.nav.active{color:var(--red)!important}

.dark-launch-hero{
  padding:28px 14px 18px!important;
  text-align:center;
  overflow:visible!important;
}

.logo-stage{
  position:relative;
  width:min(310px,86vw);
  margin:0 auto 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}

.logo-stage:before{
  content:"";
  position:absolute;
  inset:4% 2%;
  z-index:-2;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.28) 0,rgba(255,255,255,.12) 35%,transparent 70%);
  filter:blur(18px);
}

.logo-glow{
  position:absolute;
  z-index:-3;
  width:165px;
  height:165px;
  border-radius:50%;
  filter:blur(55px);
  opacity:.48;
}
.logo-glow-red{left:-20px;background:rgba(240,21,32,.72)}
.logo-glow-blue{right:-20px;background:rgba(20,117,255,.68)}

.dark-launch-hero .hero-logo{
  width:min(290px,82vw)!important;
  height:auto!important;
  border-radius:36px!important;
  box-shadow:
    0 0 28px rgba(255,255,255,.18),
    0 0 62px rgba(20,117,255,.16),
    0 0 70px rgba(240,21,32,.12)!important;
}

.brand-tagline{
  margin:11px 0 18px;
  color:#f02a34;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.18em;
}

.launch-headline{
  margin:0 auto 13px!important;
  font-size:clamp(1.8rem,8vw,2.65rem)!important;
  line-height:1.02!important;
  font-weight:950!important;
  font-style:italic;
  color:#fff!important;
  text-shadow:0 4px 22px rgba(255,255,255,.14);
}
.launch-headline span{color:var(--red)!important}

.dark-launch-hero .lead{
  max-width:640px;
  margin:0 auto 22px!important;
  color:#c1cde0!important;
  line-height:1.55!important;
}

.vehicle-image{
  display:block!important;
  width:100%!important;
  max-width:820px!important;
  height:auto!important;
  margin:0 auto!important;
  border-radius:24px!important;
  border:1px solid rgba(89,139,215,.3)!important;
  box-shadow:
    0 26px 55px rgba(0,0,0,.55),
    0 0 32px rgba(20,117,255,.1)!important;
}

.hero-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  width:100%!important;
  margin:18px 0 0!important;
}

.matched-benefits{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  padding:0 14px 22px!important;
  margin:0!important;
}

.matched-benefits article{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:190px!important;
  height:auto!important;
  padding:20px 14px 21px!important;
  border-radius:20px!important;
  text-align:center!important;
  overflow:visible!important;
  background:linear-gradient(160deg,rgba(10,29,55,.96),rgba(3,11,25,.98))!important;
  border:1px solid rgba(91,135,205,.32)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 38px rgba(0,0,0,.38)!important;
}

.matched-benefits .benefit-icon{
  width:58px!important;
  height:58px!important;
  min-height:58px!important;
  margin:0 auto 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  color:white!important;
  background:radial-gradient(circle at 35% 30%,#ff3f48,#be050e 66%,#670006)!important;
  border:3px solid rgba(177,210,255,.55)!important;
  box-shadow:
    0 0 0 5px rgba(20,117,255,.12),
    0 0 24px rgba(240,21,32,.48)!important;
  font-size:1.45rem!important;
  font-weight:950!important;
}

.matched-benefits h3{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:1rem!important;
  line-height:1.18!important;
  font-weight:950!important;
  font-style:italic;
  text-transform:uppercase;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  text-shadow:0 3px 12px rgba(255,255,255,.12);
}

.matched-benefits h3:after{
  content:"";
  display:block;
  width:34px;
  height:3px;
  margin:10px auto 0;
  border-radius:999px;
  background:var(--red);
}

.matched-benefits p{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  color:#d3dceb!important;
  font-size:.8rem!important;
  line-height:1.5!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}

.panel,.mobile-form,.waitlist-card,.notice,.status-card,.dashboard-welcome,
.dashboard-card,.official-link-card{
  background:linear-gradient(160deg,rgba(10,29,55,.97),rgba(3,11,25,.99))!important;
  border:1px solid rgba(91,135,205,.27)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
  color:#f4f8ff!important;
}

.form input,.form select,.form textarea,
.mobile-form input,.mobile-form select,.mobile-form textarea{
  background:#020b19!important;
  color:#f7f9ff!important;
  border:1px solid rgba(83,126,193,.45)!important;
}
.form input::placeholder,.form textarea::placeholder{color:#8492a8!important}

.page-heading p,.panel p,.notice p,.waitlist-card p,.official-link-card p{
  color:#aebbd0!important;
}

.segmented{background:#061329!important;border-color:rgba(83,126,193,.3)!important}
.segment{color:#adbbcf!important}
.segment.active{color:white!important;background:linear-gradient(145deg,#1d65d8,#103f91)!important}

.btn.primary{
  background:linear-gradient(145deg,#ff1925,#d6000b)!important;
  box-shadow:0 14px 30px rgba(240,21,32,.28)!important;
}
.btn.secondary,.btn.outline{
  color:#f5f8ff!important;
  background:rgba(7,23,45,.76)!important;
  border-color:rgba(72,127,213,.6)!important;
}

.side-menu{
  background:linear-gradient(180deg,#081b34,#020711)!important;
  color:#fff!important;
}
.side-menu button,.side-menu a{color:#f5f8ff!important}

.success-page{
  background:
    radial-gradient(circle at 10% 10%,rgba(240,21,32,.16),transparent 28%),
    radial-gradient(circle at 90% 18%,rgba(20,117,255,.16),transparent 30%),
    #020611!important;
}
.success-box{
  background:linear-gradient(160deg,#0a1d37,#030b19)!important;
  color:#fff!important;
  border-color:rgba(91,135,205,.28)!important;
}
.success-box p{color:#adbbcf!important}

input[type="hidden"],
.mobile-form input[type="hidden"]{
  display:none!important;
  position:absolute!important;
  left:-99999px!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:390px){
  .matched-benefits{grid-template-columns:1fr!important}
  .matched-benefits article{min-height:0!important}
  .hero-actions{grid-template-columns:1fr!important}
}