.btb-page{--btb-bg:#f5f6fa;--btb-surface:#fff;--btb-text:#111827;--btb-muted:#5b6473;--btb-border:#e5e7eb;--btb-accent:#6f2bd6;--btb-accent-strong:#4b178f;--btb-accent-soft:#f2e9ff;--btb-shadow:0 20px 60px #11182714;background:radial-gradient(circle at 100% -10%,#6f2bd62e,transparent 40%),radial-gradient(circle at -5% 0%,#9b51e01a,transparent 35%),var(--btb-bg);min-height:100vh;color:var(--btb-text);padding-bottom:4rem}.btb-shell{max-width:1240px;margin:0 auto;padding:0 1.25rem}.btb-hero{padding:6.2rem 1.25rem 2.25rem}.btb-pill{color:#5a229f;text-transform:uppercase;letter-spacing:.08em;background:#f6eeff;border:1px solid #dbc5ff;border-radius:999px;align-items:center;padding:.38rem .78rem;font-size:.75rem;font-weight:700;display:inline-flex}.btb-hero h1{letter-spacing:-.02em;margin:.92rem 0 .8rem;font-size:clamp(2rem,4.3vw,3.35rem);line-height:1.1}.btb-hero p{max-width:820px;color:var(--btb-muted);margin:0;font-size:clamp(1rem,1.65vw,1.1rem);line-height:1.7}.btb-workspace{grid-template-columns:1fr;gap:1.05rem;display:grid}.btb-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.btb-output-card--full{grid-column:1/-1}.btb-card{background:var(--btb-surface);border:1px solid var(--btb-border);box-shadow:var(--btb-shadow);border-radius:22px}.btb-form-card,.btb-preview-card,.btb-output-card{padding:1.35rem}.btb-section{margin-top:1rem}.btb-cta-wrap{max-width:1120px;margin-top:1rem;margin-left:auto;margin-right:auto}.btb-section-head h2,.btb-head h2{letter-spacing:-.015em;margin:0;font-size:1.34rem}.btb-section-head p,.btb-head p{color:var(--btb-muted);margin:.42rem 0 0;font-size:.96rem;line-height:1.58}.btb-form{gap:.84rem;margin-top:1rem;display:grid}.btb-field{gap:.38rem;display:grid}.btb-field span{color:#1d2939;font-size:.86rem;font-weight:600}.btb-field input,.btb-field textarea,.btb-field select{border:1px solid var(--btb-border);width:100%;color:var(--btb-text);background:#fff;border-radius:12px;outline:none;padding:.78rem .9rem;font-size:.96rem;line-height:1.5;transition:border-color .18s,box-shadow .18s}.btb-field textarea{resize:vertical;min-height:108px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btb-field input:focus,.btb-field textarea:focus,.btb-field select:focus{border-color:#a66be9;box-shadow:0 0 0 4px #6f2bd629}.btb-grid-two,.btb-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.84rem;display:grid}.btb-toggle-row{gap:.56rem;display:grid}.btb-toggle{color:#374151;align-items:center;gap:.56rem;font-size:.92rem;font-weight:500;display:flex}.btb-toggle input{width:17px;height:17px;accent-color:var(--btb-accent)}.btb-actions{align-items:center;gap:.62rem;margin-top:.2rem;display:flex}.btb-btn,.btb-copy-btn{appearance:none;cursor:pointer;border:none;border-radius:11px;padding:.72rem 1rem;font-size:.92rem;font-weight:700;transition:transform .16s,filter .16s}.btb-btn:hover,.btb-copy-btn:hover{transform:translateY(-1px)}.btb-btn-primary{color:#fff;background:linear-gradient(135deg,var(--btb-accent)0%,var(--btb-accent-strong)100%)}.btb-btn-ghost,.btb-copy-btn{color:#334155;background:#fafafa;border:1px solid #d9deea}.btb-preview-wrap{margin-top:1rem}.btb-preview-shell{background:linear-gradient(#fffffffa 0%,#f9f3fff2 100%);border:1px solid #ece8f6;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px #fffc}.btb-preview-shell--empty,.btb-preview-shell--loading{min-height:520px}.btb-browser-bar{background:#ffffffd6;border-bottom:1px solid #e4dff1e0;align-items:center;gap:.3rem;padding:.82rem .92rem;display:flex}.btb-browser-bar span{background:#7355a857;border-radius:999px;width:7px;height:7px}.btb-preview-empty-state,.btb-preview-loading-state{text-align:center;place-items:center;min-height:470px;padding:2rem;display:grid}.btb-preview-spinner{border:4px solid #6f2bd629;border-top-color:#6f2bd6;border-radius:999px;width:56px;height:56px;animation:.88s linear infinite btb-spin}.btb-preview-loading-kicker{color:#5a229f;letter-spacing:.08em;text-transform:uppercase;background:#f6eeff;border:1px solid #dbc5ff;border-radius:999px;justify-content:center;align-items:center;margin-top:1rem;padding:.34rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.btb-preview-empty-state h3{margin:0;font-size:1.3rem}.btb-preview-loading-state h3{color:#17122c;margin:.82rem 0 0;font-size:1.32rem}.btb-preview-empty-state p{max-width:520px;color:var(--btb-muted);margin:.62rem 0 0;line-height:1.65}.btb-preview-loading-state p{max-width:560px;color:var(--btb-muted);margin:.62rem 0 0;line-height:1.68}.btb-preview-body{gap:.9rem;padding:1.05rem;display:grid}.btb-preview-header{gap:.86rem;padding:.1rem;display:grid}.btb-preview-overview{grid-template-columns:minmax(0,1.7fr) minmax(280px,.95fr);align-items:start;gap:.85rem;display:grid}.btb-preview-overview-main{gap:.7rem;display:grid}.btb-preview-summary-card{background:linear-gradient(#ffffffeb 0%,#f3edfff5 100%);border:1px solid #ece7f6;border-radius:20px;padding:1rem;box-shadow:0 14px 34px #4a189214}.btb-preview-summary-kicker,.btb-preview-outline-map-head span{color:#5f21b7;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:700}.btb-preview-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.82rem;display:grid}.btb-preview-summary-grid div{background:#ffffffc2;border:1px solid #ebe3f8;border-radius:15px;gap:.14rem;padding:.78rem;display:grid}.btb-preview-summary-grid strong{color:#20163a;text-transform:capitalize;font-size:.96rem}.btb-preview-summary-grid span{color:#687184;text-transform:uppercase;letter-spacing:.05em;font-size:.74rem}.btb-preview-meta-row{flex-wrap:wrap;gap:.46rem;display:flex}.btb-preview-kicker,.btb-preview-meta-chip{border-radius:999px;align-items:center;padding:.38rem .68rem;font-size:.78rem;font-weight:700;display:inline-flex}.btb-preview-kicker{color:#5f21b7;background:#f3ebff;border:1px solid #ddc9ff}.btb-preview-meta-chip{color:#576171;background:#ffffffdb;border:1px solid #ebe7f4}.btb-preview-body h3{letter-spacing:-.02em;color:#17122c;margin:0;font-size:clamp(1.55rem,2.1vw,2rem);line-height:1.08}.btb-preview-intro{color:var(--btb-muted);margin:0;font-size:1rem;line-height:1.72}.btb-preview-architecture{background:linear-gradient(#ffffffe6 0%,#f5efffe0 100%);border:1px solid #ece7f6;border-radius:20px;padding:1rem}.btb-preview-architecture-head{gap:.2rem;display:grid}.btb-preview-architecture-head span,.btb-section-card-summary span,.btb-section-card-prompts span,.btb-preview-cta-head span{color:#5f21b7;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:700}.btb-preview-architecture-head strong,.btb-preview-cta-head strong{color:#1f1636;font-size:.95rem}.btb-preview-architecture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;margin-top:.86rem;display:grid}.btb-preview-architecture-grid article{background:#ffffffdb;border:1px solid #eee7fb;border-radius:16px;gap:.34rem;padding:.86rem;display:grid}.btb-preview-architecture-grid article span{color:#20163a;font-size:.9rem;font-weight:700}.btb-preview-architecture-grid article p{color:var(--btb-muted);margin:0;font-size:.9rem;line-height:1.58}.btb-preview-outline-map{background:#ffffffd6;border:1px solid #ece7f6;border-radius:20px;padding:1rem}.btb-preview-outline-map-head{gap:.18rem;display:grid}.btb-preview-outline-map-head strong{color:#1f1636;font-size:.95rem}.btb-preview-outline-map-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;margin-top:.9rem;display:grid}.btb-preview-outline-item{background:linear-gradient(#fffffff2 0%,#faf6ffe6 100%);border:1px solid #ece7f6;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:.68rem;padding:.84rem;display:grid}.btb-preview-outline-item>span{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#6f2bd6 0%,#4b178f 100%);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.8rem;font-weight:800;display:inline-flex}.btb-preview-outline-item div{gap:.28rem;display:grid}.btb-preview-outline-item strong{color:#1f1636;font-size:.96rem}.btb-preview-outline-item p{color:var(--btb-muted);margin:0;font-size:.9rem;line-height:1.58}.btb-preview-section-stack{gap:.72rem;display:grid}.btb-section-card{background:#ffffffd6;border:1px solid #ece7f6;border-radius:18px;padding:.96rem}.btb-section-card-head{align-items:flex-start;gap:.68rem;display:flex}.btb-section-card-head span{color:#fff;background:linear-gradient(135deg,#6f2bd6 0%,#491892 100%);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;display:inline-flex}.btb-section-card h4{letter-spacing:-.015em;margin:.14rem 0 0;font-size:1rem}.btb-section-card-titlewrap{gap:.04rem;display:grid}.btb-section-card-titlewrap small{color:#738096;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.btb-section-card-summary{margin-top:.74rem}.btb-section-card-summary p{margin-top:.3rem}.btb-section-card-prompts{margin-top:.84rem}.btb-section-card p,.btb-preview-cta-block p,.btb-card p,.btb-timeline-content p{color:var(--btb-muted);margin:.56rem 0 0;line-height:1.64}.btb-section-card ul,.btb-preview-faq-block ul{color:#374151;gap:.38rem;margin:.76rem 0 0;padding-left:1rem;font-size:.92rem;line-height:1.56;display:grid}.btb-section-card--pillar{background:linear-gradient(#ffffffe6 0%,#f8f2ffe6 100%)}.btb-section-card--tutorial{background:linear-gradient(#ffffffe6 0%,#f2f9ffeb 100%)}.btb-section-card--explainer{background:linear-gradient(#ffffffe6 0%,#f3fff9eb 100%)}.btb-section-card--list{background:linear-gradient(#ffffffe6 0%,#fff8f0eb 100%)}.btb-preview-faq-block,.btb-preview-cta-block{background:#ffffffdb;border:1px solid #ece7f6;border-radius:20px;padding:1rem}.btb-preview-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.btb-preview-faq-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.btb-preview-faq-head span{color:#5f21b7;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.btb-preview-faq-head strong{color:#1e1634;font-size:.9rem}.btb-preview-cta-block span{color:#5f21b7;letter-spacing:.06em;text-transform:uppercase;background:#f4ebff;border:1px solid #ddc9ff;border-radius:999px;padding:.32rem .62rem;font-size:.76rem;font-weight:700;display:inline-flex}.btb-preview-cta-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.btb-preview-cta-block h4,.btb-card h3,.btb-timeline-content h3,.btb-output-head h3{letter-spacing:-.02em;margin:.72rem 0 0;font-size:1.04rem}.btb-preview-cta-block button{color:#fff;background:linear-gradient(135deg,var(--btb-accent)0%,var(--btb-accent-strong)100%);border:none;border-radius:12px;min-height:44px;margin-top:.84rem;padding:.72rem 1rem;font-size:.92rem;font-weight:700}.btb-output-head{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.btb-output-head p{color:var(--btb-muted);margin:.34rem 0 0;font-size:.92rem}.btb-output-card pre{color:#263244;white-space:pre-wrap;word-break:break-word;background:#faf8ff;border:1px solid #ede7f7;border-radius:16px;margin:.95rem 0 0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.64;overflow-x:auto}.btb-head{margin-bottom:.92rem}.btb-timeline{gap:.72rem;display:grid}.btb-timeline-item{grid-template-columns:74px minmax(0,1fr);gap:.82rem;display:grid}.btb-timeline-badge{color:#fff;background:linear-gradient(135deg,#6f2bd6 0%,#4b178f 100%);border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 16px 28px #6f2bd62e}.btb-timeline-content{box-shadow:var(--btb-shadow);background:#ffffffeb;border:1px solid #ece7f6;border-radius:18px;padding:1rem}.btb-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.86rem;display:grid}.btb-faq-card{background:radial-gradient(circle at 100% 0,#a66be91f,#0000 36%),linear-gradient(#fffffff5 0%,#faf6fff5 100%);border:1px solid #e7def7;border-radius:20px;padding:1.2rem;box-shadow:0 18px 42px #11182712}.btb-faq-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.btb-faq-card-head span{color:#6126b7;letter-spacing:.06em;text-transform:uppercase;background:#f5edff;border:1px solid #d9c1ff;border-radius:999px;align-items:center;padding:.34rem .64rem;font-size:.75rem;font-weight:800;display:inline-flex}.btb-faq-card-head strong{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;font-size:.74rem;font-weight:700}.btb-faq-card h3{color:#17122c;letter-spacing:-.02em;margin:.92rem 0 0;font-size:1.08rem;line-height:1.35}.btb-faq-card p{color:var(--btb-muted);margin:.62rem 0 0;font-size:.97rem;line-height:1.7}@keyframes btb-spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.btb-workspace,.btb-output-grid{grid-template-columns:1fr}.btb-output-card--full{grid-column:auto}}@media (max-width:780px){.btb-grid-two,.btb-faq-grid,.btb-preview-architecture-grid,.btb-preview-outline-map-list,.btb-preview-footer-grid,.btb-timeline-item,.btb-preview-overview,.btb-preview-summary-grid{grid-template-columns:1fr}.btb-timeline-badge{width:48px;height:48px}}@media (max-width:640px){.btb-hero{padding:6rem 1rem 1.75rem}.btb-form-card,.btb-preview-card,.btb-output-card{padding:1rem}.btb-actions,.btb-output-head{flex-direction:column;align-items:stretch}.btb-btn,.btb-copy-btn{width:100%}.btb-preview-body{padding:.82rem}}