/* SUBFORGE follows the studio product-page typography and palette. */
.subforge-page main [id] { scroll-margin-top: 144px; }
.subforge-page .hero-grid { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 48px; }
.subforge-page .hero h1 { font-size: clamp(3.2rem,5.1vw,5.4rem); }
.subforge-hero-art { min-width: 0; }
.subforge-page .media-card { border-color: #675731; }
.subforge-page .media-note { flex-wrap: wrap; }
.subforge-page .formats .coming-soon { border-color: #675731; color: #f3d27c; }
.subforge-manual-link { display: inline-block; margin-top: 12px; color: #f3d27c; font-size: .82rem; text-underline-offset: 4px; }
.subforge-modes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 56px; }
.subforge-modes article { border-top: 1px solid #b9ad91; padding-top: 24px; }
.subforge-modes h3 { font-size: 1.25rem; line-height: 1.3; }
.subforge-modes p { color: #62666c; }
.subforge-showcase { display: block; max-width: 1080px; margin: 0 auto 48px; }
.subforge-showcase img { display: block; width: 100%; height: auto; border: 1px solid #675731; border-radius: 10px; }
.subforge-control-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.subforge-control-grid article { border-top: 1px solid #675731; padding-top: 24px; }
.subforge-control-grid .number { color: #a5a9ae; font-size: .7rem; letter-spacing: .08em; }
.subforge-control-grid h3 { color: #f3d27c; font-size: 1.25rem; }
.subforge-control-grid p, .subforge-advanced { color: #b9bdc1; }
.subforge-advanced { margin-top: 30px; padding-top: 22px; border-top: 1px solid #34383d; font-size: .88rem; }
.subforge-advanced strong { color: #fffdf8; }
.subforge-windows { padding: 16px; border-left: 2px solid #a37c29; background: #f7f0da; color: #34373c; }
.subforge-page .section-dark .intro-split h2 { color: #fffdf8; }
.subforge-page .section-dark .readable p { color: #b9bdc1; }
.subforge-page .section-dark .readable strong { color: #fffdf8; }
.subforge-page #demo .eyebrow { color: #f3d27c; }
.subforge-page #workflow article, .subforge-page #workflow .workflow-grid, .subforge-page #faq details { border-color: #d4d0c7; }
.subforge-page #workflow h3 { color: #121315; }
.subforge-page #workflow p, .subforge-page #faq details p { color: #62666c; }
.subforge-page #workflow .step-number, .subforge-page #faq summary::after { color: #6d5118; }
.subforge-page .final-cta::after { content: "SUB"; }
.subforge-catalog-card .plugin-card__visual { --art-padding: 16px; }
@media (max-width:960px) { .subforge-page .hero-grid { grid-template-columns: 1fr; } .subforge-hero-art { width: 100%; max-width: 760px; margin: auto; } .subforge-modes { grid-template-columns: 1fr; gap: 12px; } .subforge-control-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .subforge-control-grid { grid-template-columns: 1fr; } .subforge-page .hero h1 { font-size: clamp(3rem,13.5vw,4rem); } .subforge-page .nav { gap: 10px; } .subforge-page .brand { gap: 8px; } .subforge-page .brand strong { font-size: .75rem; } .subforge-page .brand img { width: 30px; height: 30px; } }