.forma-page { --blue:#6157d9; --blue-soft:#f0edff; }
.forma-page section[id], .forma-page #top { scroll-margin-top:100px; }
.forma-page .header-status { justify-self:end; }
.forma-page .coming-soon { color:#6157d9; background:#eeebff; }
.forma-page .btn-primary { background:linear-gradient(135deg,#6157d9,#7c70ed); box-shadow:0 10px 26px #6157d926; }
.studio-hero { padding-top:82px; text-align:center; }
.studio-product { display:flex; align-items:center; justify-content:center; gap:12px; font-size:13px; font-weight:700; letter-spacing:.12em; color:#6157d9; }
.studio-hero h1 { margin:28px 0 24px; font-size:clamp(40px,5.4vw,68px); line-height:1.08; letter-spacing:-.045em; }
.studio-hero h1 span { color:var(--blue); }
.studio-lead { max-width:800px; margin:0 auto; color:var(--muted); font-size:19px; line-height:1.75; }
.studio-actions { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:28px; }
.studio-release-note { font-size:13px; color:var(--muted); margin:18px 0 42px; line-height:1.7; }
.studio-main-screen { padding:10px; border:1px solid #dedbf4; border-radius:22px; background:#f0edff; box-shadow:0 28px 70px #6157d91c; }
.studio-main-screen img { border-radius:13px; }
.studio-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.studio-feature-grid .feature-card { padding:28px; }
.studio-feature-grid h3 { margin:20px 0 12px; }
.studio-tag { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.07em; }
.studio-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.studio-gallery .screen-card { transform:none; }
.studio-gallery .screenshot-link { background:#f0edff; }
.studio-details { display:grid; gap:12px; }
.studio-details details { background:white; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.studio-details summary { position:relative; padding:23px 58px 23px 26px; font-size:18px; font-weight:650; cursor:pointer; list-style:none; }
.studio-details summary::-webkit-details-marker { display:none; }
.studio-details summary::after { content:'+'; position:absolute; right:26px; color:var(--blue); font-size:22px; top:19px; }
.studio-details details[open] summary::after { content:'−'; }
.studio-details summary:hover { background:#f9f8ff; }
.studio-details summary:focus-visible { outline:3px solid var(--blue); outline-offset:-4px; }
.detail-body { padding:0 26px 24px; color:#59647a; font-size:15px; line-height:1.8; max-width:960px; }
.detail-body ul { margin:0; padding-left:21px; }
.detail-body li + li { margin-top:7px; }
.detail-body p { margin:18px 0 0; padding-top:16px; border-top:1px solid var(--line); font-size:14px; }
.studio-soon { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:38px; background:linear-gradient(135deg,#f0edff,#fff); border:1px solid var(--line); border-radius:26px; }
.studio-soon h2 { font-size:36px; margin:0; letter-spacing:-.035em; }
.studio-soon p { color:var(--muted); line-height:1.7; margin-bottom:0; }
@media(max-width:980px) { .studio-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .studio-gallery { gap:18px; } }
@media(max-width:680px) {
  .studio-hero { padding-top:48px; }
  .studio-hero h1 { font-size:39px; }
  .studio-lead { font-size:16px; }
  .studio-product { font-size:11px; }
  .studio-feature-grid, .studio-gallery { grid-template-columns:1fr; }
  .studio-main-screen { padding:5px; border-radius:12px; }
  .studio-main-screen img { border-radius:8px; }
  .studio-actions { flex-wrap:wrap; gap:12px; }
  .studio-soon { padding:26px; align-items:flex-start; flex-direction:column; }
  .studio-soon h2 { font-size:30px; }
  .studio-details summary { font-size:16px; padding-left:20px; }
  .detail-body { padding:0 20px 22px; }
  .forma-page .header-status { display:none; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .forma-page .btn { transition:none; } }