/* Homepage capabilities, the queue note, Account help, the voices page and the release label.
   Layout only: every colour comes from the shared tokens (var(--line), var(--ink) and the rest). */
.capability-block{margin-top:56px;border-top:1px solid var(--line);padding-top:36px}
.capability-block>h3{font:400 clamp(28px,3vw,40px)/1.15 var(--sans);letter-spacing:-.03em;margin:0 0 24px}
.capability-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1099px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.capability-grid{grid-template-columns:minmax(0,1fr)}}
.capability-grid li{display:grid;gap:8px;align-content:start;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px}
.capability-grid strong{font:500 17px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.capability-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.explore-more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:26px;padding-top:18px;border-top:1px dashed var(--line)}
.explore-more .mono{font:11px var(--mono);letter-spacing:.08em;color:var(--quiet)}
.explore-more a{color:var(--ink);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:2px}
.explore-more a:hover{color:var(--orange);border-color:var(--orange)}
.technology-queue{max-width:760px;margin:26px auto 0;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}
.footer-bottom{flex-wrap:wrap;gap:8px 18px}
.footer-bottom .release-label{white-space:nowrap}
.help-jump{display:flex;flex-wrap:wrap;gap:8px 20px;margin:28px 0 6px}
.help-jump a{color:var(--ink);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:2px}
.help-jump a:hover{color:var(--orange);border-color:var(--orange)}
.help-section{border-top:1px solid var(--line);padding:34px 0 10px;scroll-margin-top:110px}
.help-section h2{font:400 clamp(26px,3vw,38px)/1.15 var(--sans);letter-spacing:-.03em;margin:0 0 14px}
.help-section h3{font:500 18px/1.3 var(--sans);letter-spacing:-.01em;margin:26px 0 8px}
.help-section p,.help-list,.help-steps{color:var(--muted);font-size:15px;line-height:1.75;max-width:780px}
.help-list,.help-steps{padding-left:20px}
.help-list li,.help-steps li{margin-bottom:8px}
.help-list strong,.help-steps strong{color:var(--ink);font-weight:550}
.help-messages{display:grid;gap:10px;margin:18px 0 8px;max-width:820px}
.help-messages div{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}
.help-messages dt{font-size:14px;line-height:1.55;color:var(--ink)}
.help-messages dd{margin:6px 0 0;color:var(--muted);font-size:13.5px;line-height:1.6}
.voices-page .voice-library{margin-top:32px}
@media (max-width:620px){.capability-block{margin-top:40px}}
/* Hero: the words in the middle and larger; the real workspace below them at full width. */
.hero.hero-stacked{height:auto;max-height:none;min-height:0;padding-bottom:70px}
.hero-stacked .hero-inner{display:block;height:auto;padding-top:168px;text-align:center}
.hero-stacked .hero-copy{width:auto;max-width:1080px;margin:0 auto}
.hero-stacked h1{font-size:clamp(60px,9vw,150px);line-height:.94;margin:30px 0 34px;white-space:normal}
.hero-stacked .hero-copy>p:not(.hero-micro){font-size:clamp(18px,1.75vw,24px);line-height:1.6;max-width:780px;margin:0 auto}
.hero-stacked .button-row{justify-content:center;margin-top:38px}
.hero-stacked .hero-micro{font-size:10px;margin-top:24px}
.hero-stacked .hero-art{left:50%;right:auto;top:30px;transform:translateX(-50%);width:1150px!important;height:900px!important}
.hero-stacked .hero-scroll{display:none}
.hero-workspace{position:relative;z-index:3;margin-top:84px}
.hero-workspace-frame{position:relative;width:100%;aspect-ratio:1440/900;border-radius:18px;overflow:hidden;border:1px solid #2c2622;box-shadow:0 34px 90px #00000059;background:#050505}
.hero-workspace-frame iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--ws-scale,.8));pointer-events:none}
.hero-workspace-note{margin:18px 0 0;text-align:center;font-size:10px;letter-spacing:.07em;color:#8f8277}
@media(max-width:900px){.hero-stacked .hero-inner{padding-top:140px}.hero-workspace{margin-top:56px}}
@media(max-width:620px){.hero-stacked h1{font-size:clamp(48px,14vw,72px)}.hero-workspace-frame{border-radius:10px}.hero-workspace-note{font-size:8px}}