/* The closed beta page: deep navy, cyan, and the existing artwork-led hero. */
.beta-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#beta-fields:disabled { opacity:.65; }
#beta-submit:disabled { cursor:wait; }
#submit-error { margin:16px 0; line-height:1.5; }
.form-disclosure .inline-link { font-size:inherit; display:inline; text-decoration:underline; }
:root {
  --bg:#101923;
  --surface:#172536;
  --surface-raised:#1c3044;
  --line:#34495e;
  --line-strong:#55758f;
  --ink:#f1f6fa;
  --muted:#adbed0;
  --accent:#a3edf4;
  --mint:var(--accent); /* Shared components use the original accent token. */
}
.header { max-width:1600px; height:92px; }
.header nav { gap:28px; font-size:13px; }
.header .button { font-size:13px; }
.new-hero { position:relative; isolation:isolate; min-height:720px; max-width:1600px; margin:auto; overflow:hidden; background:#18212a; }
.hero-image { position:absolute; inset:0; z-index:-2; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:center 40%; }
.new-hero:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#13191ff7 0%,#13191fec 20%,#13191fbc 37%,#13191f18 67%),linear-gradient(0deg,#13191f88,transparent 30%); }
.hero-content { padding-top:116px; padding-bottom:102px; }
.hero-content .eyebrow { color:#d8e8f1; letter-spacing:1.8px; font-size:11px; display:flex; align-items:center; gap:10px; }
.status-dot { height:6px; width:6px; background:var(--mint); border-radius:50%; box-shadow:0 0 15px #a3edf488; }
.new-hero h1 { font-size:clamp(58px,5.5vw,80px); line-height:1.07; letter-spacing:-4.4px; font-weight:650; margin:0 0 25px; max-width:680px; }
.new-hero h1 em { font-weight:inherit; font-style:normal; color:var(--mint); }
.new-hero .hero-description { color:#d0dce5; font-size:17px; max-width:410px; line-height:1.7; margin-bottom:30px; }
.new-hero .hero-actions { gap:22px; flex-direction:row; align-items:center; }
.hero-watch { display:inline-flex; align-items:center; gap:9px; font-size:13px; color:#d1e0ea; }
.hero-watch:hover { color:var(--mint); }
.hero-watch span { color:var(--mint); }
.new-hero .hero-note { color:#c2cedb; margin:17px 0 32px; gap:10px; }
.hero-note span { color:#8099b0; }
.new-hero .by-cubebrush { color:#bdccda; }
.hero-credit { position:absolute; right:45px; bottom:24px; display:flex; flex-direction:column; text-align:right; color:#eef1ed; font-size:11px; text-shadow:0 2px 8px #000; }
.hero-credit span:first-child { letter-spacing:1.8px; font-size:10px; margin-bottom:4px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:32px; }
.section-heading .eyebrow { color:var(--mint); font-size:11px; margin-bottom:15px; letter-spacing:1.8px; }
.section-heading h2 { font-size:42px; margin:0; line-height:1.15; letter-spacing:-1.8px; }
.section-heading>p { color:var(--muted); font-size:14px; line-height:1.8; margin:0 0 3px; }
.platform-section { padding-top:66px; padding-bottom:58px; }
.platform-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.platform-grid>li { position:relative; border:1px solid var(--line); border-top:3px solid #60758a; background:var(--surface); border-radius:8px; padding:25px; }
.platform-grid .platform-live { border-color:var(--line-strong); border-top-color:var(--mint); background:#1b3449; }
.platform-grid .platform-next { border-top-color:#ffbc82; }
.platform-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.platform-top img { filter:brightness(0) invert(1); opacity:.85; flex-shrink:0; }
.roadmap-stage { font-size:10px; letter-spacing:1.4px; color:var(--muted); }
.platform-live .roadmap-stage { color:var(--mint); }
.platform-next .roadmap-stage { color:#ffce9f; }
.platform-grid h3 { font:500 25px/1.3 var(--heading); letter-spacing:-.5px; margin:21px 0 10px; }
.platform-state { display:flex; align-items:center; gap:7px; font-size:10px; letter-spacing:1px; color:#c0cedc; }
.platform-live .platform-state { color:var(--mint); }
.platform-state i { width:5px; height:5px; background:var(--mint); border-radius:50%; }
.platform-grid p { font-size:13px; color:var(--muted); line-height:1.6; margin:10px 0 0; }
.platform-grid .inline-link { display:inline-block; font-size:12px; margin-top:16px; }
.roadmap-note { font-size:12px; color:var(--muted); margin:18px 0 0; }
.transition-section { padding-top:0; padding-bottom:65px; }
.transition-panel { padding:38px 42px 23px; grid-template-columns:1fr 1fr; gap:24px 65px; background:var(--surface); border-color:var(--line); }
.transition-copy .eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:19px; }
.transition-copy h2 { font-size:39px; line-height:1.16; letter-spacing:-1.6px; }
.transition-copy h2 span { color:#a8c9df; }
.transition-copy>p:not(.eyebrow),.transition-paths p { font-size:14px; line-height:1.8; }
.shortcut-row { margin-top:22px; }
.transition-paths h3 { font-size:19px; }
.transition-paths article+article { margin-top:17px; padding-top:17px; }
.format-tag { font-size:10px; }
.workflow-note { grid-column:1/-1; margin:0; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.8; }
.beta-section { padding:65px 0; background:#142335; border-color:var(--line); }
.beta-layout { grid-template-columns:1fr 1fr; gap:75px; }
.beta-copy { padding-top:18px; }
.beta-copy .eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:21px; }
.beta-copy h2 { font-size:46px; letter-spacing:-2px; }
.beta-copy>p:not(.eyebrow) { font-size:15px; max-width:450px; }
.beta-steps { margin:30px 0; }
.beta-steps li { margin:23px 0; }
.beta-steps h3 { font-size:15px; }
.beta-steps p { font-size:13px; }
.beta-copy>.beta-expectation { font-size:12px!important; }
.beta-form-card { padding:28px; background:var(--surface-raised); border-color:var(--line-strong); }
.form-title { font-size:10px; margin-bottom:19px; gap:9px; }
.preview-chip { font-size:10px; }
.beta-form-card>h3 { font-size:25px; }
.form-intro { font-size:14px; margin-bottom:22px; }
.field { margin-bottom:16px; }
.field label { font-size:13px; }
.field label span { font-size:11px; }
.field input,.field select,.field textarea { min-height:44px; padding:9px 12px; }
.field textarea { min-height:80px; }
.form-columns { grid-template-columns:1.12fr 1fr; }
.full { width:100%; }
.button.secondary { background:transparent; border-color:var(--line-strong); color:var(--mint); }
.button.secondary:hover { background:#263f57; border-color:var(--mint); }
.community-section { padding-top:65px; padding-bottom:0; }
.community-card { grid-template-columns:1.2fr 1fr; align-items:start; padding:38px 42px; gap:65px; background:#211b3b; border-color:#484069; }
.community-copy .eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:21px; }
.community-copy h2 { font-size:40px; line-height:1.16; letter-spacing:-1.6px; }
.community-copy>p:not(.eyebrow) { font-size:14px; }
.community-copy>.community-permission { font-size:12px; line-height:1.8; margin-top:19px; }
.discord-card { padding:25px; background:#2b2548; }
.discord-wordmark { font-size:24px; margin-bottom:20px; }
.discord-tag { font-size:10px; }
.discord-card h3 { font-size:18px; }
.discord-card>p { font-size:13px; margin-bottom:19px; }
.discord-access { padding-top:18px; margin-top:20px; }
.discord-access h4 { font-size:14px; }
.discord-access p,.discord-access .inline-link { font-size:13px; }
.discord-card>.discord-footnote { font-size:11px; margin-top:15px; }
.faq-section { padding-top:70px; padding-bottom:70px; grid-template-columns:1fr 1.45fr; gap:65px; }
.faq-section .eyebrow { font-size:10px; letter-spacing:1.5px; color:var(--mint); margin-bottom:20px; }
.faq-section h2 { font-size:40px; line-height:1.16; letter-spacing:-1.6px; }
.faq-intro { font-size:14px; line-height:1.8; color:var(--muted); max-width:260px; }
.faq-list summary { font-size:14px; padding:19px 0; }
.faq-list details p { font-size:14px; line-height:1.85; }
.faq-list .inline-link { font-size:inherit; }
.footer { padding-top:33px; padding-bottom:33px; }
.footer nav { gap:23px; }
.footer .preview-label { font-size:12px; }
/* Keep inherited component states in the same navy/cyan palette. */
.header nav { color:#c3d1df; }
h2 span { color:#a8bed0; }
.button { color:#102b3b; }
.button:hover { background:#c5f6fa; }
.inline-link { border-bottom-color:#82b9d270; }
.transition-copy>p:not(.eyebrow),.transition-paths p { color:var(--muted); }
.transition-paths article+article,.transition-paths article:first-child { border-color:var(--line); }
.shortcut-row { color:#b8ccde; }
.shortcut-row kbd { color:#d8edf8; background:#243c53; border-color:var(--line-strong); }
.format-tag { background:#243c53; border-color:var(--line-strong); color:#b6e6f4; }
.beta-copy h2 span { color:#a8c9df; }
.beta-copy>p:not(.eyebrow),.beta-steps p { color:var(--muted); }
.beta-steps li>span { color:var(--accent); border-color:var(--line-strong); }
.beta-copy>.beta-expectation { border-color:var(--line); color:var(--muted)!important; }
.form-title { color:#c6e6f5; }
.preview-chip { color:#bdd0e0; border-color:var(--line-strong); }
.form-intro,.field label span,.field-hint,.form-disclosure { color:var(--muted); }
.field input,.field select,.field textarea { background:#122236; color:var(--ink); border-color:var(--line-strong); }
.field input::placeholder,.field textarea::placeholder { color:#9bafc4; }
.confirmation-check { background:#24475e; border-color:#80bfd4; }
.beta-confirmation>p:not(.eyebrow) { color:#c2d9e8; }
/* Deep violet surfaces echo the navy palette; lavender accents remain. */
.discord-access .inline-link { border-bottom-color:#b3a4e570; }
.discord-button { color:#252039; }
.discord-button:hover { background:#d8d2ff; }
.faq-list details,.faq-list details:first-child { border-color:var(--line); }
.faq-list summary>span { color:var(--accent); }
.footer p,.footer nav { color:var(--muted); }
.footer p a { color:#d4e2ed; }
.footer .preview-label { color:#c3d8e8; }
.preview-label span { color:#a3bbce; }
.modal { background:var(--surface); border-color:var(--line-strong); }
.modal::backdrop { background:#060e19c9; }
.close-dialog { color:#c5deef; border-color:var(--line-strong); background:#243b52; }
.modal>p:not(.eyebrow),.modal .preview-notice,.compatibility-item p { color:var(--muted); }
.compatibility-item { border-color:var(--line); }
@media(min-width:1600px) { .new-hero { border-radius:10px; } }
@media(max-width:1100px) {
  .header nav { gap:19px; }
  .new-hero { min-height:680px; }
  .hero-content { padding-top:108px; padding-bottom:86px; }
  .new-hero h1 { font-size:65px; }
  .new-hero:before { background:linear-gradient(90deg,#13191ff5 0%,#13191feb 25%,#13191fa1 50%,#13191f10); }
  .new-hero .hero-actions { flex-wrap:wrap; }
  .platform-grid>li { padding:20px; }
  .transition-panel { gap:24px 35px; padding:32px 32px 23px; }
  .beta-layout { gap:40px; }
  .beta-copy h2 { font-size:40px; }
  .beta-form-card { padding:24px; }
  .form-columns { grid-template-columns:1fr; gap:0; }
  .community-card { gap:30px; padding:32px; }
  .faq-section { gap:35px; }
}
@media(max-width:760px) {
  .header { height:80px; }
  .header .button { font-size:12px; padding:9px 12px; gap:9px; }
  .new-hero { min-height:740px; display:flex; align-items:flex-start; }
  .hero-content { padding-top:52px; padding-bottom:260px; }
  .hero-image img { object-position:64% bottom; }
  .new-hero:before { background:linear-gradient(180deg,#11191ff2 0%,#11191feb 22%,#11191f99 50%,#11191f05 80%),linear-gradient(90deg,#11191f77,transparent); }
  .new-hero h1 { font-size:clamp(48px,10.5vw,70px); letter-spacing:-2.8px; max-width:600px; }
  .hero-content .eyebrow { font-size:9px; letter-spacing:1.1px; margin-bottom:22px; }
  .new-hero .hero-description { font-size:15px; max-width:340px; }
  .new-hero .hero-actions { gap:17px; }
  .hero-actions .button { font-size:13px; }
  .hero-watch { font-size:12px; }
  .new-hero .hero-note { font-size:11px; margin-bottom:22px; }
  .hero-credit { right:24px; bottom:20px; }
  .hero-credit span:first-child { display:none; }
  .section-heading { display:block; margin-bottom:26px; }
  .section-heading h2 { font-size:33px; letter-spacing:-1.2px; }
  .section-heading>p { margin:17px 0 0; font-size:14px; }
  .section-heading>p br { display:none; }
  .section-heading .eyebrow { font-size:10px; }
  .platform-section { padding-top:44px; padding-bottom:38px; }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .platform-grid>li { padding:20px 17px; }
  .platform-grid h3 { font-size:23px; margin-top:18px; }
  .platform-grid p { font-size:12px; }
  .platform-state { font-size:9px; letter-spacing:.7px; }
  .roadmap-stage { font-size:9px; letter-spacing:.8px; }
  .platform-top img { width:30px; height:30px; }
  .roadmap-note { font-size:11px; line-height:1.8; }
  .transition-section { padding-bottom:40px; }
  .transition-panel { grid-template-columns:1fr; padding:27px 24px 21px; gap:25px; }
  .transition-copy h2 { font-size:34px; }
  .transition-copy>p:not(.eyebrow),.transition-paths p { font-size:14px; }
  .transition-paths h3 { font-size:21px; }
  .transition-paths>.inline-link { font-size:13px; }
  .beta-section { padding:45px 0; }
  .beta-layout { grid-template-columns:1fr; gap:28px; }
  .beta-copy { padding-top:0; }
  .beta-copy h2 { font-size:37px; }
  .beta-steps { margin:26px 0; }
  .beta-form-card { padding:25px 22px; }
  .community-section { padding-top:40px; }
  .community-card { grid-template-columns:1fr; padding:27px 24px; gap:24px; }
  .community-copy h2 { font-size:34px; }
  .community-copy>.community-permission { font-size:12px; }
  .discord-card { padding:23px 20px; }
  .faq-section { grid-template-columns:1fr; gap:23px; padding-top:45px; padding-bottom:45px; }
  .faq-section h2 { font-size:34px; }
  .faq-intro { max-width:100%; }
  .faq-list summary { font-size:14px; }
  .footer { gap:22px; }
  .footer nav { gap:25px; }
}
@media(max-width:480px) {
  .new-hero { min-height:720px; }
  .hero-content { padding-bottom:260px; }
  .new-hero .hero-actions { gap:16px; align-items:flex-start; flex-direction:column; }
  .new-hero .hero-description { max-width:310px; }
  .hero-image img { object-position:64% center; }
  .new-hero .hero-note { margin-top:14px; font-size:10px; }
  .hero-watch { font-size:13px; }
  .new-hero .by-cubebrush { font-size:11px; }
  .new-hero .by-cubebrush strong { font-size:14px; }
  .hero-credit { font-size:10px; }
}
@media(max-width:360px) {
  .platform-grid { gap:9px; }
  .platform-grid>li { padding:16px 12px; }
  .platform-top { gap:5px; }
  .platform-top img { width:27px; height:27px; }
  .platform-state { font-size:8px; }
  .beta-form-card { padding:22px 17px; }
  .transition-panel,.community-card { padding-left:20px; padding-right:20px; }
}