:root {
  --bg: #07070a;
  --surface: #0d0d12;
  --surface-2: #121118;
  --text: #f5f3f5;
  --muted: #94909b;
  --pink: #ff1686;
  --pink-soft: #ff67ba;
  --violet: #9c5cff;
  --line: rgba(255,255,255,.1);
  --pink-line: rgba(255,22,134,.3);
  --display: 'Barlow Condensed', sans-serif;
  --body: 'Manrope', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: var(--body); }
main { position: relative; z-index: 1; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.container { width: min(1240px, calc(100% - 56px)); margin-inline: auto; }

.nav-wrap { position: fixed; z-index: 100; inset: 0 0 auto; border-bottom: 1px solid transparent; transition: .3s; }
.nav-wrap.scrolled { border-color: var(--line); background: rgba(7,7,10,.9); backdrop-filter: blur(18px); }
.nav { height: 86px; display: flex; align-items: center; gap: 42px; }
.brand { display: flex; align-items: center; text-decoration: none; }
.brand img { display: block; width: 115px; height: 58px; object-fit: contain; filter: drop-shadow(0 0 9px rgba(255,22,134,.4)); }
.nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.nav-links a { position: relative; color: #d4d1d6; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; text-decoration: none; text-transform: uppercase; }
.nav-links a::after { content: ''; position: absolute; right: 100%; bottom: -10px; left: 0; height: 1px; background: var(--pink); transition: right .25s; }
.nav-links a:hover::after { right: 0; }
.menu-button { display: none; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 32px; min-height: 52px; padding: 0 24px; border: 1px solid var(--pink); border-radius: 10px; background: var(--pink); box-shadow: 0 12px 35px rgba(255,22,134,.18); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 1.3px; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: .25s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 17px 40px rgba(255,22,134,.3); filter: brightness(1.08); }
.button.compact { min-height: 42px; padding-inline: 18px; border-color: var(--pink-line); background: rgba(255,22,134,.06); box-shadow: none; }
.button.compact:hover { border-color: var(--pink); background: rgba(255,22,134,.14); }

.hero { position: relative; min-height: 820px; height: 100vh; display: flex; align-items: center; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 75% 42%, rgba(156,92,255,.1), transparent 28%), radial-gradient(circle at 22% 75%, rgba(255,22,134,.1), transparent 27%), #07070a; }
.hero::before { content: ''; position: absolute; z-index: -2; inset: 0; opacity: .4; background-image: linear-gradient(115deg, transparent 0 48%, rgba(255,255,255,.025) 48.1% 48.2%, transparent 48.3%), linear-gradient(0deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 100% 100%, 100% 92px; mask-image: linear-gradient(to right,transparent,#000 45%,#000); }
.hero-ambient i { position: absolute; z-index: -1; display: block; border: 1px solid rgba(255,70,170,.17); border-radius: 50%; pointer-events: none; }
.hero-ambient i:first-child { top: -390px; right: -240px; width: 930px; height: 930px; box-shadow: inset 0 0 100px rgba(255,22,134,.03), 0 0 80px rgba(156,92,255,.04); }
.hero-ambient i:last-child { right: 10%; bottom: -280px; width: 700px; height: 430px; transform: rotate(-12deg); }
.hero-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 65px; align-items: center; padding-top: 68px; }
.hero-copyblock { position: relative; z-index: 3; }
.eyebrow, .kicker { color: var(--pink-soft); font-size: 9px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 35px; height: 1px; margin-right: 12px; background: var(--pink); vertical-align: middle; box-shadow: 0 0 8px var(--pink); }
.hero h1 { margin: 28px 0; font: 700 clamp(62px,6.4vw,96px)/.87 var(--display); letter-spacing: -2px; }
.hero h1 em { color: var(--pink); font-style: normal; text-shadow: 0 0 28px rgba(255,22,134,.22); }
.hero-copy { max-width: 530px; color: #a8a4ad; font-size: 14px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 34px; }
.text-link { padding: 14px 0 10px; border-bottom: 1px solid var(--pink); color: #dcd8dd; font-size: 9px; font-weight: 800; letter-spacing: 1.3px; text-decoration: none; text-transform: uppercase; }
.text-link span { margin-left: 14px; color: var(--pink-soft); }
.capability-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 65px; padding-top: 20px; border-top: 1px solid var(--line); }
.capability-strip div { display: flex; flex-direction: column; gap: 7px; }
.capability-strip small { color: var(--pink-soft); font-size: 8px; }
.capability-strip strong { color: #aaa6ae; font-size: 9px; font-weight: 600; letter-spacing: .5px; }
.hero-showcase { position: relative; min-width: 0; }
.showcase-frame { position: relative; height: 590px; overflow: hidden; border: 1px solid var(--pink-line); border-radius: 32px 112px 32px 32px; background: #09090d; box-shadow: 0 35px 80px #000a, 0 0 55px rgba(255,22,134,.08); }
.showcase-frame::before { content: ''; position: absolute; z-index: 2; inset: 0; background: linear-gradient(90deg,rgba(7,7,10,.28),transparent 32%), linear-gradient(0deg,rgba(7,7,10,.5),transparent 35%); pointer-events: none; }
.showcase-frame::after { content: ''; position: absolute; z-index: 3; top: 0; right: 110px; width: 150px; height: 2px; background: linear-gradient(90deg,transparent,var(--pink),transparent); box-shadow: 0 0 15px var(--pink); }
.showcase-frame img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.hero-showcase:hover .showcase-frame img { transform: scale(1.018); }
.showcase-frame > span { position: absolute; z-index: 4; right: 24px; bottom: 23px; color: #c3bdc5; font-size: 8px; font-weight: 700; letter-spacing: 1.5px; }
.showcase-caption { display: flex; justify-content: space-between; align-items: end; margin: -1px 32px 0; padding: 22px 0 0; border-top: 1px solid var(--pink-line); }
.showcase-caption div { display: flex; flex-direction: column; gap: 7px; }
.showcase-caption small { color: var(--pink-soft); font-size: 8px; font-weight: 800; letter-spacing: 1.5px; }
.showcase-caption strong { font: 600 22px/1 var(--display); }
.showcase-caption p { margin: 0; color: #807b84; font-size: 9px; }
.scroll { position: absolute; right: 24px; bottom: 32px; color: #66616b; font-size: 7px; letter-spacing: 2.5px; text-decoration: none; writing-mode: vertical-rl; }
.scroll i { display: inline-block; width: 1px; height: 40px; margin-top: 10px; background: var(--pink); }

.section { position: relative; padding: 125px 0; }
.section h2 { margin: 22px 0; font: 650 clamp(48px,5.2vw,74px)/.9 var(--display); letter-spacing: -1.5px; }
.section h2 span { color: var(--pink); }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 95px; }
.about { background: rgba(9,9,13,.72); }
.about::before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 85px; background: linear-gradient(var(--pink),transparent); }
.about-copy > p, .lead, .services-intro > p, .apply-box > div > p, .contact p { color: var(--muted); font-size: 14px; line-height: 1.85; }
.values { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 52px; }
.values article { padding-top: 20px; border-top: 1px solid var(--line); }
.values b { color: var(--pink-soft); font-size: 8px; }.values h3 { font: 600 17px/1.2 var(--display); }.values p { color: #7d7981; font-size: 10px; line-height: 1.6; }

.services { background: linear-gradient(180deg,rgba(7,7,10,.62),rgba(10,9,14,.72)); }
.services-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: end; }
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 58px; }
.service-card { position: relative; min-height: 340px; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(16,15,21,.75); transition: .3s; }
.service-card::after { content: ''; position: absolute; right: -60px; bottom: -90px; width: 160px; height: 160px; border: 1px solid rgba(255,22,134,.1); border-radius: 50%; }
.service-card:hover { transform: translateY(-7px); border-color: var(--pink-line); background: var(--surface-2); box-shadow: 0 25px 55px #0008; }
.service-number { position: absolute; top: 25px; right: 25px; color: #57535c; font-size: 8px; }
.service-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 46px; border: 1px solid var(--pink-line); border-radius: 14px; color: var(--pink-soft); font-size: 20px; }
.service-card h3 { font: 600 21px/1.2 var(--display); }.service-card p { color: #8d8992; font-size: 11px; line-height: 1.75; }.service-card > span { position: absolute; bottom: 26px; color: var(--pink-soft); font-size: 7px; font-weight: 800; letter-spacing: 1.4px; }
.services-cta { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; padding: 22px 25px; border: 1px solid var(--line); border-radius: 14px; background: #0e0d12; }.services-cta p { color: #8d8992; font-size: 12px; }

.services-subhead { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: end; margin-top: 100px; padding-top: 48px; border-top: 1px solid var(--line); }
.services-subhead h3 { margin: 16px 0 0; font: 650 clamp(34px,3.6vw,50px)/.92 var(--display); letter-spacing: -1px; }
.services-subhead h3 span { color: var(--pink); }
.services-subhead > p { color: var(--muted); font-size: 14px; line-height: 1.85; }
.debadge-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; margin-top: 40px; }
.debadge-card { position: relative; padding: 34px 32px 36px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(16,15,21,.75); transition: .3s; }
.debadge-card::after { content: ''; position: absolute; right: -70px; bottom: -100px; width: 190px; height: 190px; border: 1px solid rgba(255,22,134,.1); border-radius: 50%; }
.debadge-card:hover { transform: translateY(-7px); border-color: var(--pink-line); background: var(--surface-2); box-shadow: 0 25px 55px #0008; }
.debadge-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.debadge-index { color: #57535c; font-size: 8px; letter-spacing: 1px; }
.debadge-tag { padding: 7px 12px; border: 1px solid var(--pink-line); border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
.debadge-tag.friendly { border-color: rgba(156,92,255,.4); color: var(--violet); background: rgba(156,92,255,.08); }
.debadge-tag.non-tos { border-color: var(--pink-line); color: var(--pink-soft); background: rgba(255,22,134,.08); }
.debadge-card h3 { margin: 0 0 16px; font: 600 25px/1.05 var(--display); }
.debadge-card > p { margin: 0; color: #8d8992; font-size: 11px; line-height: 1.75; }
.debadge-list { display: grid; gap: 11px; margin: 26px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); list-style: none; }
.debadge-list li { position: relative; padding-left: 22px; color: #b4b0ba; font-size: 10px; font-weight: 600; letter-spacing: .4px; }
.debadge-list li::before { content: '✦'; position: absolute; left: 0; top: -1px; color: var(--pink-soft); font-size: 10px; }

.showroom { background: radial-gradient(circle at 85% 15%,rgba(156,92,255,.07),transparent 28%),rgba(7,7,10,.66); }
.section-head { display: flex; justify-content: space-between; align-items: end; }
.filters { display: flex; gap: 7px; margin-bottom: 28px; }.filters button { padding: 9px 15px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: #817d85; font-size: 8px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }.filters button.active,.filters button:hover{border-color:var(--pink);background:rgba(255,22,134,.08);color:var(--pink-soft)}
.showroom-carousel { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: 0 35px 85px #000b; }
.showroom-stage,.showroom-slide { min-height: 600px; }.showroom-slide { display:none;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr) }.showroom-slide.active{display:grid;animation:slide-in .45s ease both}.showroom-media{position:relative;min-height:600px;overflow:hidden;background:#08080b}.showroom-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,var(--surface)),linear-gradient(0deg,rgba(7,7,10,.4),transparent 35%);pointer-events:none}.showroom-media>img,.showroom-media .gallery-track img{display:block;width:100%;height:100%;object-fit:cover}.showroom-details{display:flex;justify-content:center;flex-direction:column;padding:55px 42px 86px}.vehicle-index{color:#5f5b64;font-size:8px;letter-spacing:1.7px}.showroom-details>small{margin-top:30px;color:var(--pink-soft);font-size:8px;font-weight:800;letter-spacing:2px}.showroom-details h3{margin:13px 0 20px;font:650 clamp(29px,3vw,43px)/1.04 var(--display)}.detail-line{width:48px;height:2px;margin-bottom:22px;background:var(--pink);box-shadow:0 0 9px rgba(255,22,134,.5)}.vehicle-description{color:#d3cfd4;font-size:10px;font-weight:700;line-height:1.8;text-transform:uppercase}.vehicle-copy{color:#85818a;font-size:11px;line-height:1.7}.showroom-controls{position:absolute;z-index:5;right:0;bottom:0;display:flex;align-items:center;width:min(39%,430px);height:68px;border-top:1px solid var(--line);background:#09090d}.showroom-controls>div{display:flex;flex:1;justify-content:center;align-items:center;gap:11px}.showroom-controls strong{color:var(--pink-soft);font:600 15px/1 var(--display)}.showroom-controls small{color:#68646c;font-size:9px}.showroom-controls span{width:40px;height:1px;background:#39363d}.showroom-arrow{align-self:stretch;width:68px;border:0;border-inline:1px solid var(--line);background:transparent;color:#fff;font-size:18px;cursor:pointer}.showroom-arrow:hover{background:var(--pink)}
.vehicle-gallery .gallery-track{position:absolute;inset:0}.vehicle-gallery .gallery-track img{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s}.vehicle-gallery .gallery-track img.active{opacity:1}.gallery-arrow{position:absolute;z-index:4;top:50%;width:40px;height:40px;border:1px solid var(--pink-line);border-radius:10px;background:rgba(7,7,10,.8);color:#fff;font-size:23px;transform:translateY(-50%);cursor:pointer}.gallery-arrow:hover{background:var(--pink)}.gallery-arrow.previous{left:16px}.gallery-arrow.next{right:16px}.gallery-dots{position:absolute;z-index:4;bottom:21px;left:50%;display:flex;gap:6px;transform:translateX(-50%)}.gallery-dots i{width:18px;height:2px;background:#ffffff55}.gallery-dots i.active{width:28px;background:var(--pink);box-shadow:0 0 8px var(--pink)}.view-label{position:absolute;z-index:4;left:22px;bottom:19px;color:#9b969e;font-size:7px;letter-spacing:1.4px}@keyframes slide-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

.banner { padding: 27px 0; overflow: hidden; border-block: 1px solid var(--line); background: rgba(12,11,16,.72); }.marquee{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee span{padding-right:24px;color:transparent;-webkit-text-stroke:1px rgba(255,103,186,.35);font:650 28px/1 var(--display);letter-spacing:5px}@keyframes marquee{to{transform:translateX(-50%)}}
.team{background:rgba(9,9,13,.72)}.team-grid.solo{display:grid;grid-template-columns:minmax(280px,360px);margin-top:50px}.team-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#0f0e13}.avatar{display:grid;height:225px;place-items:center;margin-bottom:23px;border-radius:14px;background:radial-gradient(circle,rgba(255,22,134,.22),#0c0b10 65%);color:transparent;-webkit-text-stroke:1px rgba(255,103,186,.55);font:700 58px/1 var(--display)}.team-card small{color:var(--pink-soft);font-size:7px;letter-spacing:1.7px}.team-card h3{font:600 23px/1 var(--display)}.team-card a{color:#8d8991;font-size:9px;text-decoration:none}
.apply{background:radial-gradient(circle at 10% 50%,rgba(255,22,134,.07),transparent 30%),rgba(8,8,11,.66)}.apply-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;padding:62px;border:1px solid var(--line);border-radius:22px;background:#0f0e13;box-shadow:0 30px 70px #0008}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{color:#96919a;font-size:8px;letter-spacing:1px;text-transform:uppercase}.wide{grid-column:1/-1}input,select,textarea{width:100%;margin-top:9px;padding:14px;outline:0;border:1px solid var(--line);border-radius:9px;background:#08080b;color:#fff;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--pink)}textarea{resize:vertical}.form-status{margin:0;color:var(--pink-soft);font-size:9px}
.contact{background:rgba(7,7,10,.6)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact-actions{padding-top:32px}.contact-row{display:flex;justify-content:space-between;padding:26px 3px;border-bottom:1px solid var(--line);text-decoration:none}.contact-row span{font:600 18px/1 var(--display)}.contact-row b{color:var(--pink-soft);font-size:9px}
footer{position:relative;z-index:1;padding:36px 0;border-top:1px solid var(--line);background:rgba(5,5,7,.82)}footer .container{display:flex;justify-content:space-between;align-items:center}footer .brand img{width:100px;height:55px;object-fit:contain}footer p,footer .container>a:last-child{color:#66626a;font-size:8px;text-decoration:none}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.hidden{display:none!important}.cursor-glow{position:fixed;z-index:1;width:300px;height:300px;border-radius:50%;background:rgba(255,22,134,.045);filter:blur(65px);pointer-events:none;transform:translate(-50%,-50%)}

@media(max-width:950px){.container{width:min(100% - 30px,720px)}.nav{height:72px}.nav>.button{display:none}.menu-button{display:block;margin-left:auto;width:38px;border:0;background:none}.menu-button span{display:block;height:1px;margin:8px;background:#fff}.nav-links{display:none}.nav.open .nav-links{display:flex;position:absolute;top:72px;left:0;right:0;padding:27px;flex-direction:column;background:rgba(7,7,10,.98);border-bottom:1px solid var(--line)}.hero{height:auto;min-height:0;padding:125px 0 85px}.hero-layout{grid-template-columns:1fr;gap:60px;padding-top:0}.hero h1{font-size:clamp(65px,14vw,95px)}.showcase-frame{height:500px}.capability-strip{margin-top:45px}.section{padding:90px 0}.split,.services-intro,.services-subhead,.apply-box,.contact-grid{grid-template-columns:1fr;gap:28px}.values,.services-grid,.debadge-grid{grid-template-columns:1fr}.section-head{display:block}.filters{overflow-x:auto}.showroom-stage,.showroom-slide{min-height:auto}.showroom-slide{grid-template-columns:1fr}.showroom-media{min-height:390px}.showroom-media::after{background:linear-gradient(0deg,var(--surface),transparent 30%)}.showroom-details{min-height:350px;padding:36px 28px 86px}.showroom-controls{width:100%}.apply-box{padding:36px 26px}.cursor-glow{display:none}}
@media(max-width:560px){.brand img{width:90px}.hero{padding-top:105px}.hero h1{font-size:58px;letter-spacing:-1px}.hero-copy{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.capability-strip{grid-template-columns:1fr;gap:12px}.capability-strip div{flex-direction:row;align-items:center;gap:12px}.showcase-frame{height:320px;border-radius:20px 55px 20px 20px}.showcase-caption{align-items:flex-start;flex-direction:column;gap:10px;margin-inline:15px}.section h2{font-size:48px}.showroom-media{min-height:260px}.showroom-details{min-height:390px;padding:28px 21px 86px}.showroom-arrow{width:58px}.view-label{display:none}form{grid-template-columns:1fr}form label{grid-column:1/-1}.services-cta{align-items:stretch;flex-direction:column;gap:16px}footer .container{gap:18px;flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:950px){.container{width:min(720px,calc(100% - 30px))}}

/* Refined MSX hero environment: generated background with live HTML content above it. */
.hero {
  background:
    linear-gradient(90deg, rgba(7,7,10,.42) 0%, rgba(7,7,10,.18) 46%, rgba(7,7,10,.08) 100%),
    linear-gradient(180deg, rgba(7,7,10,.1) 55%, rgba(7,7,10,.72) 100%);
}
.hero::after {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0;
  background: url('assets/msx-futuristic-hero-background.png') center / cover no-repeat;
  opacity: .5;
  pointer-events: none;
}
.hero::before {
  opacity: 1;
  background: radial-gradient(circle at 72% 48%, rgba(255,22,134,.08), transparent 34%);
  mask-image: none;
}

/* Interactive particle constellation — fixed behind the entire site */
.site-fx { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: .6; }
@media(prefers-reduced-motion:reduce){ .site-fx { display: none; } }

/* Commission status */
:root { --green: #35e08a; --green-soft: #7ff0b6; --green-line: rgba(53,224,138,.32); --amber: #ffb020; --amber-soft: #ffcf70; --amber-line: rgba(255,176,32,.32); }
.status { background: rgba(8,8,11,.6); }
.status::before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 85px; background: linear-gradient(var(--pink),transparent); }
.status-panel { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; gap: 58px; align-items: center; padding: 54px 56px; overflow: hidden; border: 1px solid var(--green-line); border-radius: 22px; background: linear-gradient(140deg, rgba(53,224,138,.07), rgba(15,14,19,.9) 45%), #0f0e13; box-shadow: 0 30px 70px #0009, 0 0 55px rgba(53,224,138,.05); }
.status-glow { position: absolute; z-index: 0; top: -140px; right: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(53,224,138,.18), transparent 68%); pointer-events: none; }
.status-lead, .status-body { position: relative; z-index: 1; }
.status-indicator { display: inline-flex; align-items: center; gap: 12px; margin-top: 20px; padding: 9px 16px 9px 14px; border: 1px solid var(--green-line); border-radius: 999px; background: rgba(53,224,138,.08); }
.status-dot { position: relative; width: 11px; height: 11px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.status-dot::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid var(--green); animation: status-pulse 2.1s ease-out infinite; }
.status-state { color: var(--green-soft); font-size: 9px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.status-title { margin: 24px 0 0; font: 650 clamp(40px,4.4vw,60px)/.9 var(--display); letter-spacing: -1.5px; }
.status-title span { color: var(--green); }
.status-message { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.status-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; padding: 26px 0; border-block: 1px solid var(--line); }
.status-meta small { display: block; margin-bottom: 9px; color: var(--green-soft); font-size: 8px; font-weight: 800; letter-spacing: 1.7px; }
.status-meta strong { color: #d3cfd4; font: 600 18px/1.1 var(--display); }
.status-panel .button { border-color: var(--green); background: var(--green); color: #05130c; box-shadow: 0 12px 35px rgba(53,224,138,.2); }
.status-panel .button:hover { box-shadow: 0 17px 40px rgba(53,224,138,.32); }
@keyframes status-pulse { 0% { transform: scale(.55); opacity: .9; } 100% { transform: scale(1.7); opacity: 0; } }

/* Closed / waitlist state */
.status-panel.closed { border-color: var(--amber-line); background: linear-gradient(140deg, rgba(255,176,32,.06), rgba(15,14,19,.9) 45%), #0f0e13; box-shadow: 0 30px 70px #0009, 0 0 55px rgba(255,176,32,.05); }
.status-panel.closed .status-glow { background: radial-gradient(circle, rgba(255,176,32,.16), transparent 68%); }
.status-panel.closed .status-indicator { border-color: var(--amber-line); background: rgba(255,176,32,.08); }
.status-panel.closed .status-dot { background: var(--amber); box-shadow: 0 0 12px var(--amber); }
.status-panel.closed .status-dot::after { border-color: var(--amber); }
.status-panel.closed .status-state { color: var(--amber-soft); }
.status-panel.closed .status-title span { color: var(--amber); }
.status-panel.closed .status-meta small { color: var(--amber-soft); }
.status-panel.closed .button { border-color: var(--amber); background: var(--amber); color: #17110a; box-shadow: 0 12px 35px rgba(255,176,32,.2); }
@media(max-width:950px){ .status-panel { grid-template-columns: 1fr; gap: 30px; padding: 40px 28px; } .status-meta { margin: 26px 0; } }