/* Public onboarding and small-screen layout; keep home artwork styles separate. */
.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px 26px}
.hero-actions .scene-link{font:500 18px/1.6 var(--ui)}
.quickstart{padding:32px;margin:28px 0 40px;background:#fffdf7;border:1px solid var(--line);border-radius:14px;scroll-margin-top:24px}
.quickstart h2{margin:0 0 22px;font:600 30px/1.5 var(--serif)}
.quickstart-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-left:24px}
.quickstart-steps li::marker{color:var(--green);font-weight:700}
.quickstart p{margin:8px 0 16px;color:#4e6266}
.quickstart-example{margin:26px 0;padding:20px;background:#edf3ec;border-radius:8px}
.quickstart blockquote{margin:12px 0;padding-left:16px;border-left:3px solid #748e7f}
@media(max-width:1039px){
  body{min-width:0}.page-width{width:calc(100% - 40px)}
  .header-inner{height:90px;gap:16px}.site-brand{gap:8px}.brand-name{font-size:26px}.site-brand .brand-mark{width:42px;height:38px}
  .header-inner nav{gap:16px;font-size:15px;flex-wrap:wrap;justify-content:flex-end}.header-auth{min-width:auto;padding:9px 16px}
  .hero{min-height:650px}.hero-content{width:100%;padding-top:54px}.hero h1{font-size:clamp(38px,6vw,56px);white-space:normal;letter-spacing:-1px}
  .hero-art{width:75%;height:650px;right:-10%;top:50px;opacity:.4}.hero-copy{font-size:21px}.art-caption{display:none}
  .research-value{gap:22px}.value-number{font-size:90px}.value-copy{padding-left:22px}.value-copy h2{font-size:24px}
  .features{grid-template-columns:1fr;gap:24px;padding-block:32px}.flow-arrow{display:none!important}.features h2{font-size:24px}.features p{font-size:16px}
  .fields-heading h2{font-size:30px}.fields-controls{gap:8px}.fields-controls button{width:44px;height:44px}
  .site-footer{gap:18px;flex-wrap:wrap;padding-block:24px}.guide-section{grid-template-columns:minmax(0,1fr);gap:20px}
  .prompt-layout{grid-template-columns:minmax(0,1fr);gap:24px}.prompt-sidebar{position:static}.prompt-toc{max-height:none;display:flex;flex-wrap:wrap;gap:8px}.prompt-toc p{width:100%}.prompt-toc a{min-height:44px}.prompt-full-copy{flex-wrap:wrap}.prompt-template summary span{float:none;display:block}
  .guide-nav{flex-wrap:wrap;gap:12px 22px}.guide-learning-link{flex-wrap:wrap;gap:16px}.quickstart-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .page-width{width:calc(100% - 32px)}.header-inner{height:auto;min-height:88px;padding-block:16px;flex-wrap:wrap}.header-inner nav{gap:18px}
  .hero{min-height:610px}.hero-content{padding-top:34px}.hero-copy{font-size:18px}.hero-copy br{display:none}.hero-art{top:120px;width:95%;height:500px}
  .hero-actions{gap:16px}.hero-actions .button{min-height:48px;padding:10px 22px}.helper{font-size:14px;margin-top:30px}
  .research-value{align-items:flex-start;flex-direction:column;padding-block:28px;gap:18px}.value-copy{border:0;padding:0}.value-number{font-size:78px}
  .fields-heading{align-items:flex-start;flex-direction:column;gap:18px}.field-item{width:275px;min-width:0}
  .quickstart{padding:22px 18px}.quickstart h2{font-size:26px}.quickstart-steps{grid-template-columns:minmax(0,1fr);gap:14px}
  .quickstart-example{padding:16px}.guide-heading{font-size:32px}.guide-lead{font-size:17px}.guide-nav a{min-height:44px;display:inline-flex;align-items:center}
}