/* Preserve the live page's content diagrams; align the surrounding presentation. */
/* New builder FAQs reuse the existing Website/Game Builder accordion anatomy. */
.bp-builder-faq{--brand:#1a73e8}
.bp-builder-faq .sec-eyebrow{text-transform:uppercase;text-align:center;margin-bottom:8px}
.bp-builder-faq .sec-h{text-align:center;margin-inline:auto}
.bp-builder-faq .qa-wrap{max-width:920px;margin:0 auto}
.bp-builder-faq .qa{overflow:hidden;margin-bottom:10px}
.bp-builder-faq .qa summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bp-builder-faq .qa summary::-webkit-details-marker{display:none}
.bp-builder-faq .qa summary::marker{content:""}
.bp-builder-faq .qa summary .plus{color:var(--brand);font-size:22px;transition:transform .2s;flex:0 0 auto}
.bp-builder-faq .qa[open] summary .plus{transform:rotate(45deg)}
.bp-builder-faq .qa .ans{padding:16px 20px 18px}
.bp-live-content{--hero-a:#286ad9;--hero-b:#7b8dbd;--shadow:none;--shadow-lg:none;--card2:#f6f7f9;--card:#fff;color:var(--ink)}
.bp-live-content>section{width:min(calc(100% - 2*var(--gutter)),1296px);margin-inline:auto;padding:64px 0;border-top:1px solid var(--line);background:#fff!important}
.bp-live-content .wrap{width:100%;max-width:none;padding:0;margin-inline:auto}
.bp-live-content .feat{padding-block:0;border-top:0}
.bp-live-content .feat .row{gap:clamp(30px,6vw,96px);padding:64px 0;border-top:1px solid var(--line);align-items:center}
.bp-live-content h2{font-size:clamp(28px,3vw,38px)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:1.15!important;margin-bottom:24px!important;color:var(--ink)!important}
.bp-live-content .copy p,.bp-live-content .lead,.bp-live-content .tl{font-size:16px;line-height:1.85;max-width:900px}
.bp-live-content .copy h2{max-width:620px}.bp-live-content p+p{margin-top:16px}
.bp-live-content .mk{max-width:580px;box-shadow:none;border:0;background:#f5f7fb;border-radius:22px;padding:28px}
.bp-live-content .mk-row{background:#fff;border-radius:12px;margin-bottom:10px;padding:13px 14px}
.bp-live-content .mk-title{margin-bottom:18px;gap:12px;flex-wrap:wrap}.bp-live-content .mk-title b{font-weight:600}
.bp-live-content .mk-log{background:#1c2330}.bp-live-content .mk-spin{animation:none}
.bp-live-content .mock{min-width:0}.bp-live-content .mk-bars{gap:8px;height:110px}
.bp-live-content .steps .grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.bp-live-content .step,.bp-live-content .agent,.bp-live-content .cap-card,.bp-live-content .loop-step{background:#fff;box-shadow:none;border-radius:0;border:0;border-top:1px solid var(--line);padding:24px 0}
.bp-live-content .step .n,.bp-live-content .loop-step .n{color:var(--muted);font-weight:500;margin-bottom:20px}
.bp-live-content h3,.bp-live-content h4{font-weight:500;letter-spacing:-.025em;line-height:1.3}.bp-live-content .step h4{font-size:19px;margin-bottom:12px}
.bp-live-content .faq details{border-bottom:1px solid var(--line);padding:22px 0}.bp-live-content .faq summary{font-weight:500;font-size:16px;line-height:1.6}.bp-live-content .faq details p{margin-top:16px;font-size:14px;max-width:900px;line-height:1.85}
.bp-live-content .team-eyebrow{color:var(--muted)!important}.bp-live-content .agents-grid{gap:28px}.bp-live-content .agent b{font-weight:600;font-size:16px}.bp-live-content .agent span{font-size:14px;line-height:1.8}
.bp-live-content .agent .ai-role-kind{display:block;color:#286ad9;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.025em;margin-bottom:10px}
.bp-live-content .runbox{background:#f6f7f9;border:0;border-radius:18px;padding:26px;margin-top:26px}.bp-live-content .runbox ul{padding-left:20px}.bp-live-content .runbox li{line-height:1.85}
.bp-live-content .btn-primary,.bp-live-content .mk-btn{background:#15171c;color:#fff;box-shadow:none}.bp-live-content .btn:hover{transform:none;box-shadow:none}
.bp-live-content .card,.bp-live-content .tile,.bp-live-content .feature,.bp-live-content .usecase{box-shadow:none}
.bp-live-content .cta-line{margin-top:22px}.bp-live-content a{overflow-wrap:anywhere}
.bp-live-content table{max-width:100%}.bp-live-content img{max-width:100%;height:auto}
.bp-live-content .cap-links a{box-shadow:none;color:var(--ink);border:1px solid var(--line)}
.bp-main>.bp-cta h2{color:var(--ink);font-size:clamp(32px,4vw,48px);max-width:none}.bp-main>.bp-cta p{color:var(--muted)}
.bp-hero .grad{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
@media(max-width:900px){.bp-live-content .feat .row{grid-template-columns:1fr;gap:32px}.bp-live-content .feat .row.flip .copy{order:1}.bp-live-content .feat .row.flip .mock{order:2}.bp-live-content .mk{max-width:none}}
@media(max-width:600px){.bp-live-content>section{padding:42px 0}.bp-live-content .feat{padding-block:0}.bp-live-content .feat .row{padding:42px 0}.bp-live-content h2{font-size:29px!important;margin-bottom:20px!important}.bp-live-content .copy p,.bp-live-content .tl{font-size:15px}.bp-live-content .mk{padding:20px;border-radius:18px}.bp-live-content .mk-row{padding:12px;gap:8px}.bp-live-content .mk-row b{font-size:12px}.bp-live-content .mk-badge{font-size:10px;padding:3px 7px}.bp-live-content .steps .grid{grid-template-columns:1fr}.bp-live-content .runbox{padding:20px}}
/* Builder feature rows and FAQ panels retain their content, with the same rhythm. */
.bp-hero,.bp-hero .bp-intro h1{text-align:left}.bp-hero .bp-intro h1{margin:0}
.bp-live-content .sec-eyebrow,.bp-live-content .eyebrow-l{color:var(--muted)!important;font-size:12px;font-weight:500;letter-spacing:.07em}
.bp-live-content .sec-lead{font-size:16px;line-height:1.8;max-width:760px;margin:18px auto 36px!important}
.bp-live-content div.feat{padding:48px 0;gap:clamp(30px,6vw,80px);border-top:1px solid var(--line)}
.bp-live-content .txt h3{font-size:clamp(24px,2.2vw,30px);margin:14px 0}.bp-live-content .txt p{font-size:15px;line-height:1.85}
.bp-live-content .shotframe{border:0;box-shadow:none;border-radius:20px}.bp-live-content .shotframe img{display:block;width:100%;border-radius:20px}
.bp-live-content .cap-card h3{font-size:20px;margin-bottom:12px}.bp-live-content .cap-card p,.bp-live-content .step p{font-size:14px;line-height:1.85}
.bp-live-content .qa{background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0;box-shadow:none}
.bp-live-content .qa summary{color:var(--ink);font-weight:500;font-size:16px;line-height:1.6}.bp-live-content .qa .ans{font-size:14px;line-height:1.85;padding-top:16px;color:var(--muted)}
@media(max-width:600px){.bp-live-content div.feat{padding:35px 0}.bp-live-content .sec-lead{font-size:15px}.bp-live-content .txt h3{font-size:25px}.bp-live-content .txt p{font-size:14px}}
.bp-live-hero-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 3px 12px;margin-top:28px;scrollbar-width:thin;max-width:100%}.bp-live-hero-chips .chip{white-space:nowrap;flex:none;background:#fff;border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:999px;font-size:12px;box-shadow:none}
/* Generated Godot hero illustrations share the existing two square frames. */
.bp-live-content .gl-sprite-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bp-live-content .gl-sprite-panel{border-radius:12px;background:#1b2030;aspect-ratio:1;position:relative;overflow:hidden;display:flex;justify-content:center}
.bp-live-content .gl-sprite-frame{position:relative;width:100%;height:100%;aspect-ratio:1;overflow:hidden}
.bp-live-content .gl-sprite-frame img{display:block;width:100%;height:100%;object-fit:contain}
.bp-live-content .gl-sprite-panel small{position:absolute;bottom:8px;left:10px;color:#e5ecfa;font-size:10.5px;font-weight:600}
/* One Three.js playfield before and after replacing its blockout assets. */
.bp-live-content .gl-blockout-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.bp-live-content .gl-blockout-frame{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin:0;background:#e7e9f0}
.bp-live-content .gl-blockout-frame img{display:block;width:100%;height:100%;object-fit:cover}
.bp-live-content .gl-blockout-frame figcaption{position:absolute;bottom:8px;left:8px;max-width:calc(100% - 16px);padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.94);color:#253044;font-size:10.5px;font-weight:600;line-height:1.4}
/* Matched Blender colour and normal illustrations retain the two square frames. */
.bp-live-content .gl-pass-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.bp-live-content .gl-pass-frame{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;margin:0;background:#1b2030}
.bp-live-content .gl-pass-frame img{display:block;width:100%;height:100%;object-fit:contain}
.bp-live-content .gl-pass-frame figcaption{position:absolute;bottom:8px;left:10px;color:#e5ecfa;font-size:10.5px;font-weight:600;line-height:1.4}
/* Keep the concept pack's original two large / four small sheet arrangement. */
.bp-live-content .gl-concept-pack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bp-live-content .gl-concept-sheet{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;margin:0;background:#f1eee6}
.bp-live-content .gl-concept-sheet:nth-child(-n+2){grid-column:span 2}
.bp-live-content .gl-concept-sheet img{display:block;width:100%;height:100%;object-fit:cover}
.bp-live-content .gl-concept-sheet figcaption{position:absolute;bottom:4px;left:4px;max-width:calc(100% - 8px);padding:2px 4px;border-radius:3px;background:rgba(255,255,255,.92);color:#253044;font-size:9.5px;font-weight:700;line-height:1.2}
.bp-live-content .gl-concept-probe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.bp-live-content .gl-concept-probe-frame{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;margin:0;background:#f1eee6}
.bp-live-content .gl-concept-probe-frame:last-child{background:#12141d}
.bp-live-content .gl-concept-probe-frame img{display:block;width:100%;height:100%;object-fit:contain}
.bp-live-content .gl-concept-probe-frame figcaption{position:absolute;bottom:8px;left:10px;color:#59617a;font-size:10.5px;font-weight:600;line-height:1.4}
.bp-live-content .gl-concept-probe-frame:last-child figcaption{color:#e5ecfa}