/* One page, two visual worlds. All overrides are scoped to the chosen theme. */
@font-face {
  font-family: 'Block Arcade';
  src: url('/fonts/PressStart2P-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.block-only { display: none; }
.theme-switch, .footer-theme-switch {
  display: inline-flex; align-items: center; gap: 8px; background: transparent;
  color: #d6d3cd; font-size: 13px; padding: 8px 0;
}
.theme-switch { border: 1px solid #ffffff29; padding: 8px 12px; border-radius: 20px; }
.theme-switch-icon { color: #e7b56b; font-size: 17px; line-height: 1; }
.nav-actions { gap: 20px; }
.theme-switch:hover, .footer-theme-switch:hover { color: #fff; }
body.theme-choosing { overflow: hidden; }
.theme-dialog {
  width: min(1140px, calc(100% - 40px)); max-width: none; max-height: calc(100svh - 40px);
  padding: 30px 36px 22px; background: #0c0e15; color: #f4f1e9;
  border: 1px solid #ffffff26; border-radius: 18px; overflow-y: auto;
  box-shadow: 0 30px 160px #000c;
}
.theme-dialog::backdrop { background: #02030ae6; backdrop-filter: blur(12px); }
.theme-dialog-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.theme-dialog-top img { width: 112px; height: auto; }
.theme-close { background: #ffffff09; border: 1px solid #ffffff1f; border-radius: 50%; width: 36px; height: 36px; font-size: 24px; line-height: 1; }
.theme-overline { font: 10px/1.4 Consolas, monospace; letter-spacing: .16em; color: #a8aab8; margin-bottom: 14px; }
.theme-dialog #theme-question { font-size: clamp(28px, 4vw, 48px); line-height: 1.1; letter-spacing: -.04em; text-transform: none; font-weight: 400; }
.theme-dialog #theme-question:focus { outline: none; }
#theme-description { color: #a8aab8; font-size: 15px; margin-top: 12px; }
.theme-options { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 28px; }
.theme-option { display: grid; grid-template-rows: auto 1fr auto auto; min-width: 0; text-align: left; background: #10131c; border: 1px solid #ffffff24; border-radius: 9px; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.theme-option:focus-within, .theme-option:hover { border-color: var(--choice); box-shadow: 0 0 0 1px var(--choice); }
.theme-option-blocks { --choice: #aee070; }
.theme-option-space { --choice: #e7b56b; background: #13121a; }
.theme-option-index { display: block; color: var(--choice); font: 10px/1.4 Consolas, monospace; letter-spacing: .12em; margin: 22px 24px 14px; }
.theme-dialog .theme-option-question { font: 400 clamp(21px, 2.3vw, 29px)/1.12 Montreal, Arial, sans-serif; letter-spacing: -.035em; min-height: 98px; padding: 0 24px 20px; max-width: 430px; text-transform: none; text-shadow: none; }
.theme-dialog #theme-question { text-shadow: none; }
.theme-preview-window { --preview-width: 1440; --preview-height: 960; aspect-ratio: var(--preview-width) / var(--preview-height); overflow: hidden; width: 100%; background: #08090b; border-block: 1px solid #ffffff12; pointer-events: none; }
.theme-preview-window iframe { width: calc(var(--preview-width) * 1px); height: calc(var(--preview-height) * 1px); border: 0; display: block; transform: scale(var(--preview-scale, .34)); transform-origin: top left; pointer-events: none; }
.theme-option-cta { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 19px 24px; color: var(--choice); background: #ffffff03; font-size: 15px; }
.theme-option-cta span { font-size: 23px; }
.theme-option-cta:hover { background: #ffffff09; }
.theme-option-cta:focus-visible { outline: 2px solid var(--choice); outline-offset: -5px; }
.theme-explore { display: block; margin: 20px auto 0; padding: 7px; background: transparent; color: #a8aab8; font-size: 13px; }
.theme-explore span { margin-left: 10px; }
html[data-theme-preview] { overflow: hidden; }
html[data-theme-preview] body { pointer-events: none; }
html[data-theme-preview] .theme-switch { display: none; }

html[data-theme='blocks'] {
  --space: #0a0b11; --surface: #121420; --ink: #f6f5f1; --muted: #a1a3b1;
  --solar: #aee070; --line: #ffffff21; --cyan: #5fdbeb; --yellow: #f7d64b;
  --purple: #ce91e4; --red: #fb757c; --orange: #ffa249; --blue: #98b2fb;
}
html[data-theme='blocks'] .block-only { display: block; }
html[data-theme='blocks'] :is(.space-only, .ambient-gas, #cosmic-atmosphere, .hero-stars, .hero-light-stage, .scene-art, .blackhole-stage, .deep-space-coordinate, .horizon-coordinate, .space-credits) { display: none !important; }
html[data-theme='blocks'] body {
  background: #0a0b11;
  background-image: linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px);
  background-size: 48px 48px;
}
html[data-theme='blocks'] :is(.button, .price-card, .workflow-preview, .request-bubble, .theme-switch) { border-radius: 0; }
html[data-theme='blocks'] .button { background: var(--solar); border-color: var(--solar); box-shadow: 5px 5px 0 #aee0702a; font-family: Consolas, monospace; font-size: 14px; }
html[data-theme='blocks'] .button:hover { background: #c3f78b; transform: translate(-2px, -2px); box-shadow: 7px 7px 0 #aee0702a; }
html[data-theme='blocks'] .button-outline { background: transparent; color: var(--solar); }
html[data-theme='blocks'] .theme-switch-icon { color: var(--cyan); }
html[data-theme='blocks'] :is(.status-dot, .outcome-dot, .preview-dot) { border-radius: 0; box-shadow: none; }
html[data-theme='blocks'] .status-dot { width: 7px; height: 7px; background: var(--cyan); }
html[data-theme='blocks'] .hero {
  min-height: 840px; height: min(960px, 100svh); max-height: none;
  padding: 115px var(--gutter) 95px; justify-content: flex-start; text-align: left;
  background: transparent; border-bottom: 1px solid var(--line);
}
html[data-theme='blocks'] .hero::after { display: none; }
html[data-theme='blocks'] .hero-content { position: relative; inset: auto; text-align: left; padding: 0; margin: 0; width: 54%; max-width: 820px; }
html[data-theme='blocks'] .hero-eyebrow { position: static; width: auto; margin-bottom: 28px; justify-content: flex-start; color: var(--cyan); font-size: 10px; letter-spacing: .12em; }
html[data-theme='blocks'] .hero h1 { position: static; width: auto; max-width: none; transform: none; background: none; text-shadow: none; font-size: clamp(66px, 7.8vw, 118px); line-height: .99; font-weight: 500; letter-spacing: -.055em; text-transform: uppercase; }
html[data-theme='blocks'] h1 span { color: var(--solar); }
html[data-theme='blocks'] .hero-description { position: static; width: auto; transform: none; font-size: 19px; line-height: 1.6; max-width: 500px; color: #b4b6c4; margin-top: 30px; }
html[data-theme='blocks'] .hero-actions { position: static; width: auto; margin-top: 32px; justify-content: flex-start; gap: 26px; }
html[data-theme='blocks'] .hero-bottom { color: #8b90a7; }
.block-hero { position: absolute; right: var(--gutter); width: 36%; max-width: 504px; top: 53%; transform: translateY(-50%); }
.block-board-meta, .block-board-footer { display: flex; gap: 8px; align-items: center; font: 9px/1.4 Consolas, monospace; letter-spacing: .12em; color: #a1a3b1; padding: 13px 0; }
.block-board-meta { justify-content: space-between; border-bottom: 1px solid #ffffff24; }
.block-board-meta span:first-child { color: #5fdbeb; }
.block-board-footer { border-top: 1px solid #ffffff24; }
.block-board-footer span { margin-right: auto; }
.block-board-footer i { width: 6px; height: 6px; background: #5fdbeb; }
.block-board-footer i:nth-of-type(2) { background: #f7d64b; }
.block-board-footer i:nth-of-type(3) { background: #ce91e4; }
.block-board-footer i:nth-of-type(4) { background: #aee070; }
.block-board-footer i:nth-of-type(5) { background: #fb757c; }
.block-board-footer i:nth-of-type(6) { background: #ffa249; }
.block-board-footer i:nth-of-type(7) { background: #98b2fb; }
[data-block-art] svg { display: block; width: 100%; height: auto; }
.block-piece rect { stroke: #ffffff18; stroke-width: 1px; }
.block-outline { fill-opacity: .055; }
.block-outline rect { stroke: currentColor; color: #687594; stroke-width: 1px; }
.block-ghost { opacity: .17; }
.block-falling { animation: place-piece 9s steps(4, end) infinite; animation-play-state: paused; }
.blocks-running .block-falling { animation-play-state: running; }
@keyframes place-piece { 0%, 12% { transform: translateY(-108px); opacity: 1; } 75%, 89% { transform: translateY(144px); opacity: 1; } 94%, 100% { transform: translateY(144px); opacity: 0; } }
html[data-theme='blocks'] h2 { font-weight: 500; text-transform: uppercase; letter-spacing: -.04em; font-size: clamp(44px, 5vw, 74px); }
html[data-theme='blocks'] .muted { color: var(--blue); }
html[data-theme='blocks'] .section-label { color: var(--cyan); font-size: 10px; border-bottom: 1px solid #5fdbeb40; }
html[data-theme='blocks'] :is(.intro, .workflow, .work-anywhere, .pricing) { padding-top: 100px; padding-bottom: 100px; }
html[data-theme='blocks'] .scene-composition { position: relative; min-height: 360px; margin-bottom: 60px; }
.block-section-art { position: absolute; width: 38%; right: 0; top: 0; pointer-events: none; }
html[data-theme='blocks'] .intro-grid { display: grid; grid-template-columns: 1fr; gap: 34px; width: 58%; padding: 0; }
html[data-theme='blocks'] .intro-copy > p:first-child { font-size: 24px; margin-bottom: 18px; }
html[data-theme='blocks'] .intro-copy .body-muted { max-width: 480px; font-size: 17px; }
html[data-theme='blocks'] .possibility-list { margin-top: 0; gap: 20px; }
html[data-theme='blocks'] .possibility-list > div { padding: 28px; border: 1px solid var(--line); background: #10121b; border-top: 3px solid var(--cyan); }
html[data-theme='blocks'] .possibility-list > div:nth-child(2) { border-top-color: var(--purple); }
html[data-theme='blocks'] .possibility-list > div:nth-child(3) { border-top-color: var(--orange); }
html[data-theme='blocks'] .mini-number { color: var(--cyan); }
html[data-theme='blocks'] .workflow .muted { color: var(--purple); }
html[data-theme='blocks'] .workflow-heading { width: 63%; display: block; padding-top: 25px; margin-bottom: 0; }
html[data-theme='blocks'] .workflow-aside { margin-top: 28px; max-width: 500px; }
html[data-theme='blocks'] .workflow-layout { gap: 60px; }
html[data-theme='blocks'] .workflow-tab { padding: 30px 16px; }
html[data-theme='blocks'] .workflow-tab[aria-selected='true'] { background: #ce91e40c; border-left: 3px solid var(--purple); }
html[data-theme='blocks'] .workflow-preview { background: #10131e; border-color: #ce91e449; box-shadow: 10px 10px 0 #ce91e40c; }
html[data-theme='blocks'] .preview-header { border-bottom-color: #ce91e42f; }
html[data-theme='blocks'] .activity-symbol { color: var(--purple); }
html[data-theme='blocks'] .deep-space { min-height: 650px; background: #11141c; border-block: 1px solid var(--line); position: relative; overflow: hidden; }
.block-wall { position: absolute; bottom: 0; right: 0; width: 76%; max-width: 1200px; opacity: .5; mask-image: linear-gradient(90deg, transparent, #000 35%); }
html[data-theme='blocks'] .deep-space-copy { position: relative; padding-top: 100px; padding-bottom: 190px; margin: 0 auto; }
html[data-theme='blocks'] .deep-space-copy h2 { font-size: clamp(64px, 8vw, 112px); }
html[data-theme='blocks'] .deep-space-copy h2 span { color: var(--yellow); }
html[data-theme='blocks'] .deep-space-copy .body-muted { max-width: 500px; }
html[data-theme='blocks'] .work-anywhere .section-heading { width: 63%; display: block; padding-top: 30px; }
html[data-theme='blocks'] .work-anywhere .section-heading > p { margin-top: 30px; max-width: 470px; }
html[data-theme='blocks'] .surface-grid { gap: 20px; }
html[data-theme='blocks'] .surface-link { border: 1px solid var(--line); background: #10121b; padding: 30px; }
html[data-theme='blocks'] .surface-link svg { stroke: var(--cyan); stroke-linecap: square; stroke-linejoin: miter; }
html[data-theme='blocks'] .surface-link:nth-child(2) svg { stroke: var(--orange); }
html[data-theme='blocks'] .horizon { min-height: 610px; background: #0e111a; border-block-color: var(--line); }
html[data-theme='blocks'] .horizon::before { display: none; }
html[data-theme='blocks'] .horizon-content { padding-top: 90px; padding-bottom: 230px; position: relative; z-index: 2; }
.block-horizon { position: absolute; bottom: -25px; width: min(95%, 1100px); opacity: .7; }
html[data-theme='blocks'] .price-card { background: #11131c; border-color: #5fdbeb55; border-top: 4px solid var(--cyan); }
html[data-theme='blocks'] .price-card-plus { border-color: #ce91e455; border-top-color: var(--purple); }
html[data-theme='blocks'] .plan-tag { color: var(--purple); }
html[data-theme='blocks'] .price { color: var(--cyan); font-family: Consolas, monospace; }
html[data-theme='blocks'] .price-card-plus .price { color: var(--purple); }
html[data-theme='blocks'] .price-card li::before { content: '■'; font-size: 9px; margin-top: 4px; color: var(--cyan); }
html[data-theme='blocks'] .price-card-plus li::before { color: var(--purple); }
html[data-theme='blocks'] .faq { padding-top: 50px; padding-bottom: 100px; gap: 60px; min-height: 0; }
html[data-theme='blocks'] .faq h2 { font-size: clamp(36px, 4vw, 56px); }
.block-faq { width: 85%; margin-top: 32px; max-width: 330px; }
html[data-theme='blocks'] .faq summary span { color: var(--orange); }
html[data-theme='blocks'] .final-cta { border-top: 1px solid var(--line); padding-top: 70px; }
html[data-theme='blocks'] .final-cta h2 { max-width: 760px; }
html[data-theme='blocks'] .site-footer { border-top: 5px solid transparent; border-image: linear-gradient(90deg, #5fdbeb 14%, #f7d64b 14% 28%, #ce91e4 28% 42%, #aee070 42% 57%, #fb757c 57% 71%, #ffa249 71% 85%, #98b2fb 85%) 1; }
@media (max-width: 1100px) {
  .desktop-nav { margin-left: 0; gap: 22px; }
  .nav-actions { gap: 14px; }
  html[data-theme='blocks'] .hero { min-height: 760px; }
  html[data-theme='blocks'] .hero-content { width: 57%; }
  html[data-theme='blocks'] .hero h1 { font-size: 8.2vw; }
  html[data-theme='blocks'] .hero-description { font-size: 17px; }
  html[data-theme='blocks'] .hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
}
@media (max-width: 760px) {
  .theme-switch { padding: 7px 9px; font-size: 11px; }
  .theme-switch-icon { font-size: 15px; }
  .nav-actions { gap: 10px; }
  .nav-actions > .button-small { display: none; }
  .theme-dialog { width: calc(100% - 16px); max-height: calc(100svh - 16px); padding: 18px 12px 14px; }
  .theme-dialog-top { margin-bottom: 24px; }
  .theme-dialog-top img { width: 94px; }
  .theme-options { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-top: 22px; }
  .theme-dialog .theme-option-question { font-size: clamp(16px, 4.1vw, 20px); line-height: 1.18; min-height: 128px; padding: 0 12px 14px; }
  .theme-option-index { margin: 16px 12px 12px; font-size: 8px; }
  .theme-preview-window { --preview-width: 640; --preview-height: 1200; }
  .theme-option-cta { font-size: 12px; padding: 14px 12px; }
  .theme-option-cta span { font-size: 18px; }
  .theme-dialog #theme-question { font-size: 30px; }
  #theme-description { font-size: 14px; }
  .footer-theme-switch { margin-top: 14px; }
  html[data-theme='blocks'] .hero { display: block; height: auto; min-height: 0; padding-top: 154px; padding-bottom: 110px; }
  html[data-theme='blocks'] .hero-content { width: 100%; }
  html[data-theme='blocks'] .hero h1 { font-size: clamp(58px, 11.6vw, 84px); }
  html[data-theme='blocks'] .hero-eyebrow { font-size: 8px; }
  html[data-theme='blocks'] .hero-description { font-size: 17px; }
  html[data-theme='blocks'] .hero-description br { display: none; }
  html[data-theme='blocks'] .hero-actions { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .block-hero { position: relative; top: auto; right: auto; width: 100%; max-width: 440px; transform: none; margin: 48px auto 0; }
  html[data-theme='blocks'] .block-hero { order: 2; }
  html[data-theme='blocks'] .hero { display: flex; flex-direction: column; align-items: stretch; }
  html[data-theme='blocks'] .hero-content { order: 1; }
  html[data-theme='blocks'] .hero-bottom { bottom: 26px; }
  html[data-theme='blocks'] :is(.intro, .workflow, .work-anywhere, .pricing) { padding-top: 70px; padding-bottom: 65px; }
  html[data-theme='blocks'] .scene-composition { min-height: 0; margin-bottom: 32px; display: flex; flex-direction: column; }
  html[data-theme='blocks'] :is(.intro-grid, .workflow-heading, .work-anywhere .section-heading) { width: 100%; padding-top: 0; order: 1; }
  .block-section-art { position: relative; width: 100%; max-width: 370px; margin: 32px auto 0; order: 2; }
  html[data-theme='blocks'] .section-heading { margin-bottom: 0; }
  html[data-theme='blocks'] h2 { font-size: clamp(38px, 8vw, 54px); }
  html[data-theme='blocks'] .possibility-list { gap: 16px; }
  html[data-theme='blocks'] .possibility-list > div { padding: 22px; }
  html[data-theme='blocks'] .workflow-layout { gap: 26px; }
  html[data-theme='blocks'] .workflow-tab { padding: 18px 9px; }
  html[data-theme='blocks'] .workflow-tab[aria-selected='true'] { border-left: 0; border-top: 3px solid var(--purple); padding-top: 16px; }
  html[data-theme='blocks'] .deep-space { min-height: 620px; }
  html[data-theme='blocks'] .deep-space-copy { padding-top: 70px; padding-bottom: 230px; }
  .block-wall { width: 150%; max-width: none; opacity: .5; mask-image: linear-gradient(0deg, #000, transparent); }
  html[data-theme='blocks'] .surface-grid { gap: 16px; }
  html[data-theme='blocks'] .surface-link { padding: 24px; }
  html[data-theme='blocks'] .horizon { min-height: 500px; margin-top: 0; }
  html[data-theme='blocks'] .horizon-content { padding: 70px 24px 200px; }
  .block-horizon { width: 150%; max-width: none; }
  html[data-theme='blocks'] .faq { padding-top: 25px; padding-bottom: 65px; gap: 30px; }
  .block-faq { max-width: 230px; }
  html[data-theme='blocks'] .final-cta { padding-top: 55px; }
}
@media (prefers-reduced-motion: reduce) {
  .block-falling { animation: none; transform: translateY(144px); }
}

/* Blocks is an arcade interface: the type, panels and page itself form the field. */
html[data-theme='blocks'] { --space: #090d1c; --surface: #10182a; --solar: #f7d64b; --line: #364263; }
html[data-theme='blocks'] body {
  background-color: var(--space);
  background-image: linear-gradient(#789bdf0a 1px, transparent 1px), linear-gradient(90deg, #789bdf0a 1px, transparent 1px);
  background-size: 32px 32px;
  font-family: Consolas, 'Courier New', monospace;
}
html[data-theme='blocks'] :is(h1, h2, h3, .button, .desktop-nav a, .login-link, .section-label, .eyebrow, .plan-heading, .theme-switch, .workflow-tab strong, .mini-number, .price) {
  font-family: 'Block Arcade', Consolas, monospace;
  font-weight: 400; letter-spacing: -.025em;
}
html[data-theme='blocks'] :is(.theme-dialog h2, .theme-dialog h3) { font-family: Montreal, Arial, sans-serif; }
html[data-theme='blocks'] .theme-dialog { font-family: Montreal, Arial, sans-serif; }
html[data-theme='blocks'] .site-header { height: 96px; border-bottom: 2px solid #364263; background: #090d1cf2; gap: 20px; }
html[data-theme='blocks'] .desktop-nav { gap: 28px; }
html[data-theme='blocks'] .desktop-nav a { font-size: 9px; color: var(--cyan); }
html[data-theme='blocks'] .desktop-nav a:nth-child(2) { color: var(--purple); }
html[data-theme='blocks'] .desktop-nav a:nth-child(3) { color: var(--yellow); }
html[data-theme='blocks'] .login-link { font-size: 9px; }
html[data-theme='blocks'] .theme-switch { font-size: 8px; border: 2px solid #53648d; box-shadow: 3px 3px 0 #34435f; padding: 10px; }
html[data-theme='blocks'] .button { font-size: 11px; line-height: 1.6; min-height: 56px; color: #111729; background: var(--yellow); border: 2px solid #fff5b7; box-shadow: inset -4px -4px 0 #bb852b, inset 4px 4px 0 #fff09a, 6px 6px 0 #020611; padding: 14px 22px; }
html[data-theme='blocks'] .button:hover { background: #ffe377; box-shadow: inset -4px -4px 0 #bb852b, inset 4px 4px 0 #fff09a, 8px 8px 0 #020611; }
html[data-theme='blocks'] .button-small { min-height: 42px; font-size: 8px; padding: 10px 16px; gap: 16px; }
html[data-theme='blocks'] .text-link { color: var(--cyan); font-family: 'Block Arcade', Consolas, monospace; font-size: 9px; line-height: 1.8; }
html[data-theme='blocks'] .hero { min-height: 880px; height: min(980px, 110svh); padding: 154px 90px 200px; text-align: center; justify-content: center; border-bottom: 8px solid #506587; box-shadow: inset 0 -12px 0 #172c48; }
html[data-theme='blocks'] .hero-content { width: 100%; max-width: 1050px; text-align: center; }
html[data-theme='blocks'] .hero-eyebrow { justify-content: center; color: var(--cyan); font-size: 10px; margin-bottom: 35px; }
html[data-theme='blocks'] .hero h1 { font-size: clamp(38px, 4.25vw, 64px); line-height: 1.45; letter-spacing: -.055em; color: #f6f5f1; text-shadow: 4px 4px 0 #253759; }
html[data-theme='blocks'] .hero h1 span { color: var(--yellow); text-shadow: 4px 4px 0 #763d43, -2px 0 0 #ff877e; }
html[data-theme='blocks'] .hero-description { margin: 32px auto 0; max-width: 600px; color: #b4c4df; font-size: 17px; line-height: 1.8; }
html[data-theme='blocks'] .hero-actions { justify-content: center; flex-direction: row; align-items: center; gap: 36px; margin-top: 30px; }
html[data-theme='blocks'] .hero-actions .text-link { color: var(--cyan); font-size: 9px; }
html[data-theme='blocks'] .block-hero { position: absolute; inset: 100px 0 0; top: 100px; width: 100%; height: calc(100% - 100px); max-width: none; transform: none; margin: 0; z-index: 0; pointer-events: none; }
html[data-theme='blocks'] .block-art { position: absolute; inset: 0; }
html[data-theme='blocks'] .block-art svg { width: 100%; height: 100%; }
html[data-theme='blocks'] .block-board-meta { position: absolute; top: 20px; left: 24px; right: 24px; padding: 0; border: 0; font-family: 'Block Arcade', monospace; font-size: 8px; }
html[data-theme='blocks'] .block-board-footer { display: none; }
html[data-theme='blocks'] .hero-bottom { font-family: Consolas, monospace; left: 28px; right: 28px; bottom: 23px; padding: 8px 12px; background: #090d1ceb; border: 1px solid #364263; color: #d0dcf1; }
html[data-theme='blocks'] .block-piece rect { stroke: #ffffff44; stroke-width: 2px; }
html[data-theme='blocks'] .section-label { font-size: 9px; color: var(--cyan); line-height: 1.7; padding: 17px 20px; border: 2px solid #35516c; box-shadow: 5px 5px 0 #020611; margin-bottom: 48px; background: #111d30; }
html[data-theme='blocks'] .section-label > span:last-child { font-family: Consolas, monospace; font-size: 11px; }
html[data-theme='blocks'] h2 { font-size: clamp(27px, 3vw, 44px); line-height: 1.5; letter-spacing: -.05em; text-shadow: 3px 3px 0 #283751; }
html[data-theme='blocks'] h3 { font-size: 15px; line-height: 1.7; }
html[data-theme='blocks'] .scene-composition { min-height: 0; margin-bottom: 44px; }
html[data-theme='blocks'] .block-section-art { display: none; }
html[data-theme='blocks'] .intro-grid { width: 100%; grid-template-columns: 1.1fr 1fr; gap: 75px; }
html[data-theme='blocks'] .intro-grid h2 { color: var(--cyan); }
html[data-theme='blocks'] .intro-grid .muted { color: #f4f1e9; }
html[data-theme='blocks'] .intro-copy > p:first-child { font-family: Consolas, monospace; font-size: 21px; line-height: 1.6; }
html[data-theme='blocks'] .body-muted { font-family: Consolas, monospace; font-size: 16px; line-height: 1.8; color: #a5b4ce; }
html[data-theme='blocks'] .possibility-list > div { background: #111b2e; border: 2px solid #355c6e; border-top: 8px solid var(--cyan); box-shadow: 6px 6px 0 #030612; padding: 28px; }
html[data-theme='blocks'] .possibility-list > div:nth-child(2) { border-color: #5b456f; border-top-color: var(--purple); background: #1b172f; }
html[data-theme='blocks'] .possibility-list > div:nth-child(3) { border-color: #6b4d39; border-top-color: var(--orange); background: #241c25; }
html[data-theme='blocks'] .possibility-list h3 { font-size: 14px; margin-top: 24px; }
html[data-theme='blocks'] .possibility-list p { font-size: 15px; line-height: 1.8; }
html[data-theme='blocks'] .mini-number { font-size: 15px; }
html[data-theme='blocks'] .workflow .section-label { background: #221934; border-color: #68457d; color: var(--purple); }
html[data-theme='blocks'] .workflow-heading { display: flex; width: 100%; padding: 0; gap: 80px; align-items: center; }
html[data-theme='blocks'] .workflow-heading h2 { flex: 1.2; }
html[data-theme='blocks'] .workflow-aside { flex: 1; margin: 0; max-width: 430px; }
html[data-theme='blocks'] .workflow-choices { border: 2px solid #55416f; background: #151329; box-shadow: 6px 6px 0 #030612; }
html[data-theme='blocks'] .workflow-tab { padding: 30px 22px; }
html[data-theme='blocks'] .workflow-tab:first-child { border-top: 0; }
html[data-theme='blocks'] .workflow-tab strong { font-size: 12px; line-height: 1.8; }
html[data-theme='blocks'] .workflow-tab small { font-size: 14px; }
html[data-theme='blocks'] .workflow-tab[aria-selected='true'] { background: #382347; border-left: 5px solid var(--purple); color: #f7d2ff; }
html[data-theme='blocks'] .workflow-preview { border: 2px solid #685487; background: #17152a; box-shadow: 8px 8px 0 #030612; }
html[data-theme='blocks'] .preview-header { background: #27213b; border-bottom: 2px solid #685487; }
html[data-theme='blocks'] .request-bubble { background: #293c53; border: 2px solid #405a76; font-family: Consolas, monospace; }
html[data-theme='blocks'] .activity-line { color: var(--cyan); }
html[data-theme='blocks'] .file-line { border-bottom: 1px dashed #ffffff17; padding: 12px 0; }
html[data-theme='blocks'] .file-line > span:last-child { background: #98b2fb17; padding: 3px 6px; color: var(--blue); }
html[data-theme='blocks'] .deep-space { background: #11152b; border-block: 4px solid #5a496c; min-height: 670px; text-align: center; }
html[data-theme='blocks'] .deep-space::after { display: none; }
html[data-theme='blocks'] .deep-space-copy { padding-block: 90px 200px; }
html[data-theme='blocks'] .deep-space-copy h2 { font-family: 'Block Arcade', monospace; font-size: clamp(38px, 5vw, 70px); line-height: 1.5; }
html[data-theme='blocks'] .deep-space-copy .body-muted { max-width: 620px; margin: auto; }
html[data-theme='blocks'] .block-wall { width: 100%; max-width: none; opacity: .6; mask-image: linear-gradient(0deg, #000 20%, transparent); }
html[data-theme='blocks'] .work-anywhere .section-label { background: #17273b; border-color: #557fba; color: var(--blue); }
html[data-theme='blocks'] .work-anywhere .section-heading { display: flex; align-items: center; width: 100%; padding: 0; gap: 70px; }
html[data-theme='blocks'] .work-anywhere .section-heading h2 { max-width: 690px; }
html[data-theme='blocks'] .work-anywhere .section-heading > p { margin: 0; }
html[data-theme='blocks'] .surface-link { background: #101c31; border: 2px solid #3d617f; border-bottom: 8px solid #5fdbeb; box-shadow: 6px 6px 0 #030612; }
html[data-theme='blocks'] .surface-link:nth-child(2) { background: #291f27; border-color: #714f34; border-bottom-color: var(--orange); }
html[data-theme='blocks'] .surface-link:nth-child(3) { border-bottom-color: var(--blue); }
html[data-theme='blocks'] .surface-link h3 { font-size: 17px; }
html[data-theme='blocks'] .surface-link .text-link { font-size: 9px; }
html[data-theme='blocks'] .horizon { min-height: 540px; background: #11221f; border-block: 4px solid #386c54; }
html[data-theme='blocks'] .horizon h2 { font-size: clamp(28px, 3.5vw, 48px); line-height: 1.55; color: var(--lime, #aee070); }
html[data-theme='blocks'] .horizon-content { padding-block: 70px 180px; }
html[data-theme='blocks'] .block-horizon { bottom: -120px; opacity: .25; }
html[data-theme='blocks'] .pricing .section-label { color: var(--yellow); background: #26232a; border-color: #857038; }
html[data-theme='blocks'] .price-card { border: 2px solid #476575; border-top: 10px solid var(--cyan); box-shadow: 8px 8px 0 #030612; background: #101d2c; padding: 34px; }
html[data-theme='blocks'] .price-card-plus { border-color: #775384; border-top-color: var(--purple); background: #241a32; }
html[data-theme='blocks'] .plan-heading h3 { font-size: 23px; }
html[data-theme='blocks'] .plan-heading > span { font-family: Consolas, monospace; }
html[data-theme='blocks'] .price { font-size: clamp(34px, 4vw, 54px); line-height: 1.6; letter-spacing: -.06em; }
html[data-theme='blocks'] .price > span { font-family: Consolas, monospace; }
html[data-theme='blocks'] .price-card .button { font-size: 10px; border-radius: 0; }
html[data-theme='blocks'] .faq h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.55; }
html[data-theme='blocks'] .block-faq { display: none; }
html[data-theme='blocks'] .faq-list { border: 2px solid #535770; padding: 0 24px; background: #14182a; box-shadow: 6px 6px 0 #030612; }
html[data-theme='blocks'] .faq details:first-child { border-top: 0; }
html[data-theme='blocks'] .faq summary { font-family: Consolas, monospace; color: #d1dcf0; }
html[data-theme='blocks'] .faq summary span { font-family: 'Block Arcade', monospace; font-size: 15px; }
html[data-theme='blocks'] .final-cta { padding-block: 60px 80px; }
html[data-theme='blocks'] .final-cta h2 { font-size: clamp(28px, 3.2vw, 46px); line-height: 1.5; }
html[data-theme='blocks'] .site-footer { background: #101628; padding-top: 42px; }
@media (max-width: 1100px) {
  html[data-theme='blocks'] .desktop-nav { gap: 16px; }
  html[data-theme='blocks'] .desktop-nav a { font-size: 8px; }
  html[data-theme='blocks'] .hero { padding-inline: 70px; }
  html[data-theme='blocks'] .hero-content { width: 100%; }
  html[data-theme='blocks'] .hero h1 { font-size: 4.2vw; }
  html[data-theme='blocks'] .hero-description { max-width: 500px; }
  html[data-theme='blocks'] :is(.intro-grid, .workflow-layout) { gap: 35px; }
  html[data-theme='blocks'] .section-heading { gap: 35px; }
}
@media (max-width: 760px) {
  html[data-theme='blocks'] .site-header { height: 85px; }
  html[data-theme='blocks'] .theme-switch { font-family: Consolas, monospace; font-size: 11px; }
  html[data-theme='blocks'] .hero { min-height: 800px; height: 100svh; max-height: 1000px; padding: 145px 26px 190px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
  html[data-theme='blocks'] .hero-content { width: 100%; }
  html[data-theme='blocks'] .hero-eyebrow { font-size: 7px; line-height: 1.8; margin-bottom: 28px; }
  html[data-theme='blocks'] .hero h1 { font-size: clamp(22px, 4.7vw, 35px); line-height: 1.6; text-shadow: 2px 2px 0 #253759; }
  html[data-theme='blocks'] .hero h1 span { text-shadow: 2px 2px 0 #763d43; }
  html[data-theme='blocks'] .hero-description { font-size: 15px; line-height: 1.8; max-width: 420px; margin-top: 26px; }
  html[data-theme='blocks'] .hero-actions { flex-direction: column; gap: 25px; margin-top: 26px; }
  html[data-theme='blocks'] .hero-actions .button { font-size: 9px; padding: 14px 17px; gap: 23px; }
  html[data-theme='blocks'] .block-hero { position: absolute; inset: auto 0 25px; top: auto; width: 100%; height: 260px; opacity: .85; }
  html[data-theme='blocks'] .block-art svg { width: 100%; height: 100%; }
  html[data-theme='blocks'] .block-board-meta { display: none; }
  html[data-theme='blocks'] .hero-bottom { left: 16px; right: 16px; bottom: 15px; font-size: 8px; align-items: center; gap: 14px; }
  html[data-theme='blocks'] .hero-bottom > p { max-width: 180px; font-size: 9px; line-height: 1.6; }
  html[data-theme='blocks'] .hero-bottom .motion-toggle { flex-shrink: 0; font-size: 9px; letter-spacing: 0; padding: 7px 0; }
  html[data-theme='blocks'] h2 { font-size: clamp(21px, 4.6vw, 30px); line-height: 1.65; text-shadow: 2px 2px 0 #283751; }
  html[data-theme='blocks'] .section-label { font-size: 7px; line-height: 1.7; padding: 16px 12px; gap: 12px; }
  html[data-theme='blocks'] .section-label > span:last-child { font-size: 9px; }
  html[data-theme='blocks'] :is(.intro-grid, .workflow-heading, .work-anywhere .section-heading) { display: block; width: 100%; }
  html[data-theme='blocks'] :is(.intro-copy, .workflow-aside, .work-anywhere .section-heading > p) { margin-top: 30px; }
  html[data-theme='blocks'] .intro-copy > p:first-child { font-size: 18px; }
  html[data-theme='blocks'] .possibility-list > div { padding: 24px 18px; display: block; }
  html[data-theme='blocks'] .possibility-list h3 { font-size: 13px; line-height: 1.7; margin-top: 20px; }
  html[data-theme='blocks'] .workflow-choices { gap: 0; }
  html[data-theme='blocks'] .workflow-tab { padding: 16px 8px; }
  html[data-theme='blocks'] .workflow-tab strong { font-size: 8px; line-height: 1.8; }
  html[data-theme='blocks'] .workflow-tab[aria-selected='true'] { border-left: 0; padding-top: 14px; border-top: 2px solid var(--purple); }
  html[data-theme='blocks'] .workflow-tab .step-index { font-size: 10px; }
  html[data-theme='blocks'] .deep-space { min-height: 590px; }
  html[data-theme='blocks'] .deep-space-copy { padding: 60px 24px 210px; }
  html[data-theme='blocks'] .deep-space-copy h2 { font-size: clamp(28px, 6vw, 43px); line-height: 1.55; }
  html[data-theme='blocks'] .surface-link { display: block; padding: 28px 24px; }
  html[data-theme='blocks'] .surface-link svg { margin-bottom: 25px; }
  html[data-theme='blocks'] .surface-link h3 { font-size: 14px; line-height: 1.65; }
  html[data-theme='blocks'] .surface-link .text-link { font-size: 8px; }
  html[data-theme='blocks'] .horizon h2 { font-size: clamp(20px, 4.5vw, 30px); line-height: 1.7; }
  html[data-theme='blocks'] .horizon-content { padding: 55px 24px 180px; }
  html[data-theme='blocks'] .price-card { padding: 28px 22px; }
  html[data-theme='blocks'] .plan-heading h3 { font-size: 22px; }
  html[data-theme='blocks'] .price { font-size: 36px; line-height: 1.75; }
  html[data-theme='blocks'] .price > span { font-size: 12px; }
  html[data-theme='blocks'] .price-card .button { font-size: 9px; }
  html[data-theme='blocks'] .faq h2 { font-size: 26px; }
  html[data-theme='blocks'] .faq-list { padding-inline: 18px; }
  html[data-theme='blocks'] .final-cta h2 { font-size: 26px; }
}