:root{
  --bg:#07090d;--panel:#0e131b;--panel2:#151c27;--ink:#f7f0df;--muted:#aeb6c2;
  --red:#ef2b32;--yellow:#ffd54a;--green:#4cf0a2;--line:#2a3442;--blue:#6f7cff
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,#fff0 0 3px,#fff1 4px);z-index:10}
a{color:inherit}
.orientation-nav{position:sticky;top:0;z-index:20;min-height:82px;padding:12px clamp(16px,4vw,56px);display:flex;align-items:center;gap:28px;background:#07090df2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand img{width:47px;height:47px;object-fit:contain}.brand span{font-weight:1000;letter-spacing:.03em}.brand small{display:block;color:var(--yellow);font-size:9px;letter-spacing:.13em}
.orientation-nav nav{display:flex;gap:18px;margin-left:auto}.orientation-nav nav a{text-decoration:none;color:#c1c8d2;font-weight:900;font-size:11px;letter-spacing:.1em}.orientation-nav nav a:hover{color:var(--yellow)}
.portal-button,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:1000;letter-spacing:.06em}
.portal-button{padding:12px 16px;border:1px solid var(--yellow);color:var(--yellow);font-size:11px}
main{position:relative}
.hero{min-height:calc(100vh - 82px);padding:clamp(55px,8vw,110px) clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);gap:80px;align-items:center;background:radial-gradient(circle at 75% 20%,#5d111f55,transparent 30%),radial-gradient(circle at 20% 0,#252f40 0,transparent 33%)}
.eyebrow,.step-number{color:var(--yellow);font-size:11px;font-weight:1000;letter-spacing:.18em}
.hero h1,.step-copy h2,.complete h2{font-size:clamp(54px,8vw,112px);line-height:.84;margin:18px 0;font-weight:1000;letter-spacing:-.06em}.hero h1 span{color:var(--red)}
.lede{max-width:760px;color:#c9d0d9;font-size:clamp(17px,2vw,23px);line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{min-height:51px;padding:0 22px;border:1px solid #465161}.button.primary{background:var(--red);border-color:var(--red);color:white;box-shadow:0 7px 0 #7d0d12}.button.primary:hover{transform:translateY(-2px)}.button.ghost{background:#10151d}
.prelaunch{margin-top:30px;color:#8f99a7;font:800 10px monospace;letter-spacing:.11em}
.hero-card{max-width:470px;margin-left:auto;background:#ece6d6;color:#0c0e11;padding:20px;transform:rotate(1.4deg);box-shadow:18px 22px 0 #0007}.hero-card img{width:100%;height:160px;object-fit:contain;background:#0b0d11;margin:20px 0}.badge-head{display:flex;justify-content:space-between;border-bottom:4px solid #111;padding-bottom:10px;font-size:12px;font-weight:1000}.hero-card ol{list-style:none;padding:0;margin:0}.hero-card li{display:flex;align-items:center;gap:13px;padding:12px 4px;border-bottom:1px dashed #777;font:900 13px monospace}.hero-card li span{background:#111;color:#fff;padding:5px}
.orientation-step{min-height:760px;padding:100px clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.15fr);gap:clamp(50px,9vw,140px);align-items:center;border-top:1px solid var(--line);background:#0a0d12}
.orientation-step.reverse{grid-template-columns:minmax(420px,1.15fr) minmax(0,.78fr);background:#0d1118}.orientation-step.reverse .step-copy{order:2}.orientation-step.reverse .visual{order:1}
.step-copy h2{font-size:clamp(48px,6.4vw,90px);margin:15px 0 28px}.step-copy>p:not(.step-number):not(.note){font-size:18px;line-height:1.65;color:#c5ccd6}
.instructions{margin:28px 0;border-left:3px solid var(--red);padding-left:22px}.instructions p{color:#c3cad4;line-height:1.55;margin:14px 0}.instructions b{color:var(--yellow);margin-right:8px}.note{font-size:12px!important;color:#9ba5b2!important;background:#121821;border:1px solid #273443;padding:14px}
.text-link{display:inline-block;margin-top:12px;color:var(--yellow);font-weight:1000;font-size:12px;letter-spacing:.08em}
.visual{min-height:540px;display:grid;place-items:center;position:relative}.visual:before{content:"";position:absolute;width:75%;height:75%;background:radial-gradient(circle,#ef2b3229,transparent 67%);filter:blur(20px)}
.phone{position:relative;width:min(330px,90%);min-height:590px;border:8px solid #252a33;border-radius:50px;background:linear-gradient(150deg,#1f1838,#0d0d14 55%);padding:50px 24px 28px;text-align:center;box-shadow:0 40px 80px #000}.phone-top{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:110px;height:25px;background:#07080b;border-radius:20px}.phantom-mark{font-size:72px}.phone h3{font-size:17px;letter-spacing:.06em}.fake-balance{padding:25px;background:#ffffff0c;border:1px solid #ffffff15;border-radius:18px}.fake-balance small{display:block;color:#aaa}.fake-balance strong{font-size:40px}.wallet-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.wallet-buttons span{padding:12px 5px;background:#725cff;border-radius:10px;font-size:11px;font-weight:900}.security-card{margin-top:28px;padding:18px;text-align:left;border:1px solid #ffd54a44;background:#ffd54a0c}.security-card b{color:var(--yellow);font-size:10px}
.terminal-window{position:relative;width:min(680px,100%);min-height:440px;padding:70px 40px 40px;background:#030906;border:9px solid #242b30;border-radius:24px;box-shadow:0 40px 90px #000;text-align:center}.terminal-title{position:absolute;top:0;left:0;right:0;height:48px;padding:0 15px;display:flex;align-items:center;gap:8px;background:#141a1e;border-bottom:1px solid #333}.terminal-title span{width:10px;height:10px;border-radius:50%;background:#ef2b32}.terminal-title span:nth-child(2){background:#ffd54a}.terminal-title span:nth-child(3){background:#4cf0a2}.terminal-title b{margin-left:auto;font:700 10px monospace;color:#84908f}.sol-logo{font-size:90px;color:#7c72ff}.terminal-window>p{font:900 12px monospace;color:#55ffa7}.terminal-window>strong{font-size:70px}.flow-line{display:flex;justify-content:center;align-items:center;gap:16px;margin:35px 0;flex-wrap:wrap}.flow-line span{border:1px solid #3e5448;padding:12px 16px;color:#69ffb0;font:900 11px monospace}.flow-line i{color:#ffd54a}
.mint-step{background:#090c11}.mint-frame{position:relative;width:min(760px,100%);min-height:570px;padding:48px 22px 22px;background:#f1eee4;color:#111;border:10px solid #242a31;box-shadow:0 40px 90px #000}.mint-frame-label{position:absolute;top:0;left:0;right:0;background:#151a20;color:#ffd54a;padding:13px 18px;font:900 10px monospace;letter-spacing:.11em}.mint-loading{padding:90px 20px;text-align:center;color:#666;font-weight:900}
#launchmynft-embed{min-height:470px;position:relative}
.employee-badge{position:relative;width:min(400px,90%);background:#eee5d0;color:#0d1014;padding:22px;box-shadow:18px 22px 0 #0008;transform:rotate(-2deg);text-align:center}.employee-badge img{width:230px;aspect-ratio:1;object-fit:contain;background:#15181e;margin:24px auto 12px}.employee-badge h3{font-size:34px;margin:8px}.employee-badge p{font:900 14px monospace}.barcode{font:900 28px monospace;letter-spacing:2px;border-top:2px solid #111;padding-top:12px}
.ca-box{margin:28px 0;padding:24px;border:2px dashed var(--yellow);background:#ffd54a0a}.ca-box small,.ca-box span{display:block}.ca-box small{color:#adb5c0;font-size:10px;letter-spacing:.15em}.ca-box strong{display:block;color:var(--yellow);font-size:clamp(30px,4vw,55px);margin:8px 0}.ca-box span{color:#aab3bf;font-size:12px}
.swap-card{position:relative;width:min(460px,92%);padding:28px;border-radius:30px;background:linear-gradient(145deg,#201d37,#0c0d14);box-shadow:0 40px 90px #000}.swap-card>p{color:#b2a8ff;font-weight:1000;letter-spacing:.12em}.swap-card>div{padding:24px;border-radius:18px;background:#ffffff0b;margin:12px 0}.swap-card small{color:#9ca4b1}.swap-card strong{display:block;font-size:40px}.swap-arrow{display:block;text-align:center;font-size:30px;color:var(--yellow)}.swap-card button{width:100%;padding:16px;border:0;border-radius:14px;background:#3a344d;color:#8e879f;font-weight:1000}.swap-card .locked{display:block;text-align:center;margin-top:14px}
.reward-phases{display:grid;gap:14px;margin:30px 0}.reward-phases>div{padding:21px;border:1px solid var(--line);background:#111721}.reward-phases small{color:var(--yellow);font-weight:1000}.reward-phases strong{display:block;font-size:43px;margin:7px 0}.reward-phases p{margin:0;color:#adb7c3;line-height:1.5}
.paycheck{position:relative;width:min(620px,100%);padding:35px;background:#eee5d0;color:#111;box-shadow:18px 22px 0 #0007;transform:rotate(1deg)}.paycheck>div{display:flex;justify-content:space-between;border-bottom:3px solid #111;padding-bottom:15px;font-weight:1000}.paycheck>small{display:block;margin-top:25px}.paycheck>strong{display:block;font-size:58px;margin:8px 0}.paycheck p{font:900 12px monospace}.stamp{position:absolute;right:25px;bottom:25px;border:4px solid #c91d27;color:#c91d27;padding:10px;transform:rotate(-9deg);font-weight:1000}
.future{padding:70px clamp(22px,8vw,130px);display:flex;align-items:center;gap:40px;border-top:1px solid #3d3219;border-bottom:1px solid #3d3219;background:#151209}.future>div{margin-right:auto}.future h2{font-size:42px;margin:4px 0}.future p:not(.step-number){color:#bbb09c}.future>span{border:2px solid #ffd54a;color:#ffd54a;padding:12px;font:1000 11px monospace;transform:rotate(-3deg)}
.complete{min-height:650px;padding:80px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#3c0b0e,transparent 55%)}.complete img{width:100px}.complete>p{color:var(--yellow);font-weight:1000;letter-spacing:.18em}.complete h2{font-size:clamp(50px,7vw,95px)}.back-home{margin-top:25px;color:#9ba4af;font-size:11px;font-weight:900}
footer{padding:25px clamp(22px,5vw,70px);display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:#737e8c;font:800 10px monospace;letter-spacing:.08em}
@media(max-width:1050px){.orientation-nav nav{display:none}.hero,.orientation-step,.orientation-step.reverse{grid-template-columns:1fr}.orientation-step.reverse .step-copy,.orientation-step.reverse .visual{order:initial}.hero-card{margin:0}.visual{min-height:450px}}
@media(max-width:650px){.orientation-nav{padding:10px 14px}.portal-button{display:none}.brand small{font-size:7px}.hero{padding:55px 20px}.hero h1{font-size:58px}.orientation-step{padding:70px 20px}.step-copy h2{font-size:50px}.visual{min-height:390px}.phone{min-height:520px}.future{align-items:flex-start;flex-direction:column;gap:12px}.future>span{align-self:flex-start}footer{flex-direction:column}.hero-card{transform:none}.paycheck{transform:none}}


/* Shared Human Resources department tabs. */
.hr-department-tabs{position:sticky;top:82px;z-index:24;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #352b2c;background:#080b10;box-shadow:0 10px 30px #0008}
.hr-department-tabs a{min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;color:#818b98;text-decoration:none;font:900 10px monospace;letter-spacing:.1em;border-right:1px solid #352b2c;background:#0b0f15}.hr-department-tabs a:last-child{border-right:0}.hr-department-tabs a span{color:#5d6672}.hr-department-tabs a:hover{color:#fff;background:#121821}.hr-department-tabs a.active{color:#fff;background:#211114;box-shadow:inset 0 -3px 0 var(--red)}.hr-department-tabs a.active span{color:var(--yellow)}
@media(max-width:650px){.hr-department-tabs{top:70px}.hr-department-tabs a{min-height:44px;padding:8px 6px;font-size:8px;letter-spacing:.04em}}