:root{--bg-base: #ffffff;--bg-subtle: #f8fafc;--bg-dark: #05080f;--text-main: #0f172a;--text-muted: #475569;--text-light: #94a3b8;--border-light: #e2e8f0;--border-dark: #1e293b;--accent-primary: #e05d36;--accent-hover: #c24a26;--accent-subtle: #fff1ec;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--container-max: 1200px;--radius-sm: 6px;--radius-md: 8px;--shadow-subtle: 0 4px 12px -2px rgba(15, 23, 42, .05);--shadow-hover: 0 12px 32px -8px rgba(15, 23, 42, .1);--transition-base: .25s cubic-bezier(.25, .1, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{padding-top:56px}@media(max-width:768px){body{padding-top:52px}}a{color:inherit;text-decoration:none;transition:color .2s ease,border-color .2s ease}h1,h2,h3,h4{font-family:var(--font-display)}p{color:var(--text-muted);line-height:1.7}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section-tag{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:6px 16px;margin-bottom:24px;background:var(--bg-base);color:var(--text-muted);border:1px solid var(--border-light);border-radius:999px;box-shadow:0 1px 2px #0f172a05}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:clamp(2.25rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:20px}.section-header p{font-size:1.15rem;max-width:600px;margin:0 auto;color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-sm);border:1px solid transparent;box-shadow:inset 0 1px #ffffff26,0 2px 4px #e05d3633;transition:all var(--transition-base);cursor:pointer;text-decoration:none}.btn-primary:hover{background:var(--accent-hover);box-shadow:inset 0 1px #ffffff26,0 4px 12px #e05d364d;transform:translateY(-1px)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:10px;background:#ffffff08;color:#fff;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base);text-decoration:none}.btn-hero-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:1px solid var(--border-light);background:var(--bg-base);color:var(--text-main);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-subtle)}.btn-outline:hover{border-color:var(--text-main);background:var(--bg-subtle)}.btn-block{width:100%;justify-content:center;padding:16px;margin-top:8px;font-size:1rem}.section-cta{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-header{background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px #0000000a,0 1px 6px -1px #00000008;position:fixed;width:100%;top:0;z-index:1000;height:56px;display:flex;align-items:center;transition:all .2s ease}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.header-logo{display:flex;align-items:center}.header-logo img{height:22px}.header-nav{display:flex;align-items:center;gap:2px}.nav-dropdown{position:relative}.nav-trigger{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.82rem;font-weight:500;color:#475569;padding:6px 11px;border-radius:8px;transition:all .12s ease;letter-spacing:-.005em}.nav-trigger:hover{color:#0f172a;background:#00000008}.nav-trigger i,.nav-trigger svg{width:10px;height:10px;transition:transform .15s cubic-bezier(.16,1,.3,1);opacity:.4}.nav-dropdown.open .nav-trigger i,.nav-dropdown.open .nav-trigger svg{transform:rotate(180deg);opacity:.7}.nav-dropdown.open .nav-trigger{color:#0f172a;background:#0000000a}.mega-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:660px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 0 0 .5px #0000000a,0 2px 4px #0000000d,0 8px 20px -4px #00000014,0 24px 48px -8px #0000001f;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s,transform .12s cubic-bezier(.2,.9,.3,1);transform:translate(-50%) translateY(6px);transform-origin:top center;z-index:100;overflow:visible}.nav-dropdown.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.mega-menu-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;padding:0}.mega-col{padding:0 20px}.mega-col+.mega-col{border-left:1px solid rgba(0,0,0,.06)}.mega-col h5{font-family:var(--font-display);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:6px;padding-bottom:0;border-bottom:none}.mega-col a{display:block;font-size:.8rem;font-weight:450;color:#334155;padding:4px 8px;margin:0 -8px;border-radius:5px;transition:background .1s,color .1s;line-height:1.4}.mega-col a:hover{color:#0f172a;background:#f1f5f9}.mega-link-all{display:inline-flex!important;align-items:center;gap:4px;font-size:.75rem!important;font-weight:600!important;color:var(--accent-primary)!important;margin-top:8px;padding:4px 8px!important;border-top:none}.mega-link-all:hover{background:#e05d360d!important;gap:6px!important}.mega-link-all i,.mega-link-all svg{width:11px;height:11px;transition:transform .12s}.mega-link-all:hover i,.mega-link-all:hover svg{transform:translate(2px)}.mega-col-cta{background:#f8fafc;border-radius:0 14px 14px 0;padding:24px;margin:0;border-left:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center}.mega-col-cta h5{border-bottom:none;padding-bottom:0}.mega-cta-count{display:block;font-size:.75rem;color:#64748b;margin-bottom:16px;line-height:1.5}.mega-cta{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--accent-primary);padding:8px 14px;border-radius:8px;background:#e05d3612;border:1px solid rgba(224,93,54,.1);transition:all .15s;white-space:nowrap}.mega-cta:hover{background:#e05d3621;border-color:#e05d3638;gap:8px}.mega-cta svg{width:13px;height:13px;flex-shrink:0;transition:transform .15s}.mega-cta:hover svg{transform:translate(2px)}.mega-menu-wide{position:fixed;top:60px;left:50%;width:min(820px,calc(100vw - 40px));transform:translate(-50%) translateY(8px);overflow:hidden}.nav-dropdown.open .mega-menu-wide{transform:translate(-50%) translateY(0)}.mega-menu-wide .mega-menu-inner{grid-template-columns:repeat(3,1fr) 180px;align-items:start;padding:0}.mega-menu-wide .mega-col{padding:24px 20px}.mega-menu-wide .mega-col-cta{align-self:stretch;padding:24px 20px}.mega-menu-compact{position:fixed;top:60px;left:50%;width:min(740px,calc(100vw - 40px));transform:translate(-50%) translateY(8px);overflow:hidden}.nav-dropdown.open .mega-menu-compact{transform:translate(-50%) translateY(0)}.mega-menu-compact .mega-menu-inner{grid-template-columns:1fr 1fr 190px;padding:0}.mega-menu-compact .mega-col,.mega-menu-compact .mega-col-cta{padding:24px 22px}.mega-menu-glossary{width:380px;padding:0;overflow:hidden}.glossary-dropdown-inner{display:flex;flex-direction:column}.glossary-search-wrap{padding:14px 14px 0}.glossary-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid transparent;border-radius:8px;transition:border-color .15s,box-shadow .15s,background .15s}.glossary-search-box:focus-within{border-color:#e05d364d;box-shadow:0 0 0 3px #e05d360f;background:#fff}.glossary-search-icon{flex-shrink:0;color:#94a3b8;width:15px;height:15px}.glossary-search-box input{flex:1;border:none;background:transparent;font-family:var(--font-sans);font-size:.84rem;color:var(--text-main);outline:none}.glossary-search-box input::-moz-placeholder{color:#94a3b8;font-size:.82rem}.glossary-search-box input::placeholder{color:#94a3b8;font-size:.82rem}.glossary-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;font-family:var(--font-sans);font-size:.65rem;font-weight:600;color:#94a3b8;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;padding:0 4px}.glossary-results{max-height:260px;overflow-y:auto;margin-top:6px;padding:0 6px}.glossary-results-empty,.glossary-no-results{padding:20px 4px;font-size:.8rem;color:#94a3b8;text-align:center}.glossary-result-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:7px;text-decoration:none;transition:background .08s}.glossary-result-item:hover{background:#f1f5f9}.glossary-result-name{font-size:.84rem;font-weight:500;color:var(--text-main)}.glossary-result-cat{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;background:#f1f5f9;padding:2px 7px;border-radius:4px}.glossary-result-item:hover .glossary-result-cat{background:#fff}.glossary-popular{padding:12px 14px;border-top:1px solid rgba(0,0,0,.05)}.glossary-popular h5{font-family:var(--font-display);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px}.glossary-tags{display:flex;flex-wrap:wrap;gap:5px}.glossary-tags a{display:inline-block;font-size:.75rem;font-weight:500;color:#475569;padding:3px 10px;background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:6px;transition:all .1s;text-decoration:none}.glossary-tags a:hover{color:var(--accent-primary);border-color:#e05d3633;background:#e05d360a}.glossary-browse-all{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px 14px;font-size:.78rem;font-weight:600;color:var(--accent-primary);border-top:1px solid rgba(0,0,0,.05);text-decoration:none;transition:background .1s,gap .1s}.glossary-browse-all:hover{background:#e05d3608;gap:7px}.glossary-browse-all svg{transition:transform .12s}.glossary-browse-all:hover svg{transform:translate(2px)}.header-actions{display:flex;align-items:center}.header-cta-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent-primary);color:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:600;padding:7px 16px;border-radius:8px;transition:all .15s ease;letter-spacing:-.01em;box-shadow:0 1px 2px #e05d3626,0 0 0 1px #e05d361a}.header-cta-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px #e05d3640,0 0 0 1px #e05d3626;transform:translateY(-.5px)}.header-cta-btn i,.header-cta-btn svg{width:13px;height:13px;transition:transform .12s}.header-cta-btn:hover i,.header-cta-btn:hover svg{transform:translate(1px)}.mobile-nav-cta{display:none}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-main);padding:8px}.mobile-menu-toggle i,.mobile-menu-toggle svg{width:22px;height:22px}@media(max-width:768px){.site-header{height:52px}.header-logo img{height:19px}.mobile-menu-toggle{padding:6px}.header-nav{display:none;position:fixed;top:52px;left:0;right:0;height:calc(100vh - 52px);height:calc(100dvh - 52px);background:var(--bg-base);flex-direction:column;align-items:stretch;gap:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:999}.header-nav.mobile-open{display:flex}.mobile-menu-toggle{display:block}.nav-dropdown{border-bottom:1px solid var(--border-light);width:100%}.nav-dropdown:last-child{border-bottom:none}.nav-trigger{width:100%;justify-content:space-between;padding:12px 16px;font-size:.92rem;font-weight:600;color:var(--text-main);border-radius:0}.nav-trigger:hover{background:var(--bg-subtle)}.mega-menu{position:static;transform:none!important;width:100%;box-shadow:none;border:none;border-radius:0;padding:0;margin-top:0;opacity:0;visibility:hidden;pointer-events:none;max-height:0;overflow:hidden;transition:max-height .2s cubic-bezier(.16,1,.3,1),opacity .15s ease,padding .2s ease,visibility .15s;background:#fafbfc}.nav-dropdown.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;max-height:800px;padding:8px 0 0}.mega-menu-inner{display:flex;flex-direction:column;gap:0;width:100%;padding:0}.mega-col{min-width:0;border-left:none;padding:0 16px}.mega-col+.mega-col{border-left:none;padding-left:16px}.mega-col h5{margin-bottom:6px;margin-top:12px;color:#94a3b8;font-size:.6rem;padding:0}.mega-col:first-child h5{margin-top:4px}.mega-col a{display:block;padding:9px 0;font-size:.88rem;border-radius:0;margin:0;border-bottom:1px solid rgba(226,232,240,.5)}.mega-col a:last-child{border-bottom:none}.mega-col a:hover{background:transparent;color:var(--accent-primary)}.mega-col-cta{margin:8px 0 0;padding:16px;border-radius:0;border-left:none;background:#f1f5f9;border-color:#e2e8f0}.mega-col-cta h5{margin-top:0}.mega-col-cta a{border-bottom:none}.header-actions,.mobile-nav-cta{display:none}.header-nav.mobile-open .mobile-nav-cta{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--accent-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:14px 16px;margin:0;width:100%;text-decoration:none;text-align:center;flex-shrink:0}.header-nav.mobile-open .mobile-nav-cta:hover{background:var(--accent-hover)}.mobile-nav-cta i,.mobile-nav-cta svg{width:14px;height:14px}}.breadcrumb-container{background-color:var(--bg-base);padding:16px 0;font-size:.875rem;color:var(--text-muted)}.breadcrumb{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:"/";margin-left:12px;color:var(--text-light)}.breadcrumb-link{color:var(--text-muted);transition:color .2s ease}.breadcrumb-link:hover{color:var(--accent-primary)}.breadcrumb-current{color:var(--text-main);font-weight:500}@media(max-width:640px){.breadcrumb-container{padding:12px 0}.breadcrumb{font-size:.78rem;gap:4px 8px}.breadcrumb-item:not(:last-child):after{margin-left:8px}.breadcrumb-current{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.site-footer{background:var(--bg-base);border-top:1px solid var(--border-light);padding-top:80px}.footer-main{padding-bottom:64px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px}.footer-brand img{height:28px;margin-bottom:24px}.footer-brand p{font-size:.95rem;line-height:1.6;color:var(--text-muted);max-width:320px}.footer-column h4{color:var(--text-main);font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:24px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:14px}.footer-column ul li a{font-size:.95rem;color:var(--text-muted);transition:color .2s ease}.footer-column ul li a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-light);padding:32px 0;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-light)}.footer-legal{display:flex;gap:32px}.footer-legal a:hover{color:var(--text-main)}.promo-banner{background:var(--bg-subtle);border-bottom:1px solid var(--border-light);padding:16px 0;text-align:center;font-size:.9rem;color:var(--text-muted)}.promo-banner a{color:var(--text-main);font-weight:500;text-decoration:underline;text-decoration-color:var(--border-light);text-underline-offset:4px}.promo-banner a:hover{color:var(--accent-primary);text-decoration-color:var(--accent-primary)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1 / -1}.site-footer{padding-top:56px}.footer-main{padding-bottom:40px}.footer-column h4{margin-bottom:16px;font-size:.9rem}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{font-size:.88rem}.footer-legal{gap:20px}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-legal{gap:16px;flex-wrap:wrap;justify-content:center}}.hub-hero{background:var(--bg-dark);padding:80px 24px 60px;text-align:center}.hub-hero h1{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:16px;line-height:1.1}.hub-hero p{font-size:1.1rem;color:var(--text-light);max-width:560px;margin:0 auto;line-height:1.6}.hub-hero .hub-count{display:none}.featured-grid,.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:var(--container-max);margin:0 auto;padding:48px 24px 96px}.featured-card a,.article-card-featured a{display:flex;flex-direction:column;height:100%;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px 24px 20px;text-decoration:none;transition:all .2s ease}.featured-card a:hover,.article-card-featured a:hover{box-shadow:var(--shadow-hover);border-color:#cbd5e1}.card-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;color:var(--text-light)}.card-tag:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.card-tag-calculator:before{background:var(--accent-primary)}.card-tag-article:before{background:var(--text-light)}.card-tag-template:before{background:#059669}.card-tag-glossary:before{background:#7c3aed}.featured-card h3,.article-card-featured h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:6px;line-height:1.35;letter-spacing:-.01em}.featured-card p,.article-card-featured p{font-size:.85rem;color:var(--text-muted);line-height:1.55;flex-grow:1;margin-bottom:16px}.featured-card .read-more,.article-card-featured .read-more{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--accent-primary);transition:gap .15s ease;margin-top:auto}.featured-card a:hover .read-more,.article-card-featured a:hover .read-more{gap:8px}.hub-section-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main);margin-bottom:20px;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding:0 24px}@media(max-width:768px){.featured-grid,.articles-grid{grid-template-columns:1fr;padding:32px 16px 64px}.hub-hero{padding:56px 16px 48px}}.glossary-letter-nav{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:var(--container-max);margin:0 auto 48px;padding:16px 24px;background:var(--bg-base);border-bottom:1px solid var(--border-light);position:sticky;top:72px;z-index:10}.glossary-letter-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;background:transparent;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--text-muted);text-decoration:none;transition:all .15s ease;border:none}.glossary-letter-link:hover{background:var(--bg-dark);color:#fff}.glossary-letter-group{max-width:var(--container-max);margin:0 auto 24px;padding:0 24px}.glossary-letter-group-inner{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:28px 32px}.glossary-letter-group h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bg-dark);display:inline-block}.glossary-term-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 40px}.glossary-term-list li{padding:10px 0;border-bottom:1px solid var(--border-light)}.glossary-term-list li:last-child{border-bottom:none}.glossary-term-list a{display:flex;align-items:center;gap:8px;color:var(--text-main);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s ease}.glossary-term-list a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border-light);flex-shrink:0;transition:background .15s ease}.glossary-term-list a:hover{color:var(--accent-primary)}.glossary-term-list a:hover:before{background:var(--accent-primary)}@media(max-width:640px){.glossary-term-list{grid-template-columns:1fr}.glossary-letter-nav{gap:1px;padding:12px 16px}.glossary-letter-link{width:30px;height:30px;font-size:.7rem}.glossary-letter-group-inner{padding:20px}}.calculator-page{padding:64px 24px 120px}.bf-calc-header{text-align:center;margin-bottom:48px;max-width:var(--container-max);margin-left:auto;margin-right:auto}.bf-calc-header h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;color:var(--text-main);margin-bottom:16px}.bf-calc-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.bf-app-window{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:460px 1fr;gap:32px;align-items:start}@media(max-width:1024px){.bf-app-window{grid-template-columns:1fr}}.bf-panel-config{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:32px}.bf-config-body{display:flex;flex-direction:column;gap:0}.bf-config-section{margin-bottom:32px}.bf-config-section:last-child{margin-bottom:0}.bf-input-group{margin-bottom:20px}.bf-input-group:last-child{margin-bottom:0}.bf-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.bf-input-header label{margin-bottom:0}.input-method-group{margin-top:8px}.input-method-group.hidden{display:none}.bf-area-summary{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-top:12px}.bf-area-summary-label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.bf-area-summary-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-main)}.bf-area-summary-unit{font-size:.85rem;color:var(--text-muted)}.bf-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}@media(max-width:600px){.bf-custom-grid{grid-template-columns:1fr}}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapsible-content.open{max-height:500px}.bf-btn-text{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 0;transition:color var(--transition-base)}.bf-btn-text:hover{color:var(--accent-hover)}.bf-slider-val{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-main);min-width:40px;text-align:right}.bf-config-section-title{font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.input-group{margin-bottom:16px}.input-group:last-child{margin-bottom:0}.input-group>label{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.input-group small,.helper-text,.sub-label{display:block;margin-top:8px;font-size:.85rem;color:var(--text-muted);line-height:1.5}.bf-select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;text-overflow:ellipsis;transition:all var(--transition-base)}.bf-select:focus{background-color:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 3px #e05d361a}.input-row{display:flex;flex-wrap:wrap;gap:12px}.input-field{flex:1 1 90px;min-width:0;position:relative}.input-row .input-field>label,.input-row>.input-field label{font-size:.78rem;font-weight:500;color:var(--text-muted);margin-bottom:4px}.input-field input,.input-group>input{width:100%;padding:12px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);outline:none;transition:all var(--transition-base)}.input-field input:focus,.input-group>input:focus{background:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 3px #e05d361a}.unit-select{width:110px;flex-shrink:0}.unit-select select{width:100%;height:100%;padding:0 12px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--text-muted);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.bf-panel-config input[type=number],.bf-panel-config input[type=text]{width:100%;padding:12px 16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);outline:none;transition:all var(--transition-base)}.bf-panel-config input[type=number]:focus,.bf-panel-config input[type=text]:focus{background:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 3px #e05d361a}.bf-panel-config select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;transition:all var(--transition-base)}.bf-panel-config select:focus{background-color:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 3px #e05d361a}.bf-panel-config label{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-main);margin-bottom:10px}.bf-inline-input select{width:auto;min-width:60px;padding:8px 28px 8px 12px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--text-muted);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all var(--transition-base)}.bf-inline-input select:focus{background-color:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 3px #e05d361a}.bf-inline-input input{width:80px}.radio-group{display:flex;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:4px;gap:4px}.radio-group label{flex:1;text-align:center;position:relative;cursor:pointer}.radio-group input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-group span{display:block;padding:8px 12px;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text-muted);border-radius:4px;transition:all var(--transition-base)}.radio-group input[type=radio]:checked~span{background:var(--bg-base);color:var(--text-main);font-weight:600;box-shadow:0 1px 3px #0f172a14}.bag-size-row,.sheet-size-row{display:flex;gap:8px}.bag-option,.sheet-option{flex:1;text-align:center;padding:12px 8px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.bag-option:hover,.sheet-option:hover{border-color:#cbd5e1}.bag-option.selected,.sheet-option.selected,.radio-option.selected,.brick-option.selected,.bf-product-card.active,.product-card.active{background:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 2px #e05d3626}.radio-group:has(.radio-option){flex-wrap:wrap;gap:8px;padding:0;background:none;border:none;border-radius:0}.radio-option{flex:1 1 auto;min-width:120px;text-align:center;padding:12px 8px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:.9rem;font-weight:500;color:var(--text-main)}.radio-option:hover{border-color:#cbd5e1}.radio-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-option label{cursor:pointer;display:block}.brick-size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.brick-option{padding:12px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-align:center}.brick-option:hover{border-color:#cbd5e1}.bag-size,.sheet-size{font-weight:600;font-size:.95rem;color:var(--text-main)}.bag-weight,.sheet-dimensions{font-size:.75rem;color:var(--text-muted);margin-top:2px}.brick-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.brick-dimensions{font-size:.75rem;color:var(--text-muted);margin-top:2px}.brick-coverage{font-size:.7rem;color:var(--text-light);margin-top:2px}.areas-container{display:flex;flex-direction:column;gap:12px}.area-card{padding:16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.area-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}@media(max-width:480px){.area-inputs{grid-template-columns:1fr}}.bf-panel-config label:has(>input[type=radio]){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);margin-right:6px;margin-top:6px}.bf-panel-config label:has(>input[type=radio]:checked){background:var(--bg-base);border-color:var(--accent-primary);color:var(--text-main);font-weight:600}.bf-panel-config label>input[type=radio]{width:14px;height:14px;accent-color:var(--accent-primary);margin:0}.calculator-results{margin-top:0}.add-opening-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed var(--border-light);border-radius:var(--radius-sm);color:var(--accent-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 16px;margin-top:8px;transition:all var(--transition-base)}.add-opening-btn:hover{border-color:var(--accent-primary);background:#e05d360a}.inline-label{font-size:.85rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.tooltip{position:relative;cursor:help;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.75rem;color:var(--text-light);vertical-align:middle;margin-left:4px}.tooltip:hover{color:var(--accent-primary)}.tooltiptext{visibility:hidden;position:absolute;z-index:10;bottom:125%;left:0;background:var(--bg-dark);color:#f8fafc;font-size:.8rem;font-weight:400;line-height:1.5;padding:10px 14px;border-radius:var(--radius-sm);white-space:normal;width:260px;box-shadow:0 4px 12px #00000026;opacity:0;transition:opacity .2s ease;pointer-events:none}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.diagram-note{font-size:.8rem;color:var(--text-light);font-style:italic;margin-top:8px}.sub-label{font-size:.8rem;color:var(--text-muted);margin-top:4px}.optional-label{font-size:.8rem;color:var(--text-light);font-weight:400}.mt-input{margin-top:16px}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-group label{font-size:.9rem;color:var(--text-main);cursor:pointer}.calculator-buttons{display:flex;gap:12px;margin-top:32px}.calculator-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:10px 24px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);outline:none;min-height:42px}.calculator-buttons .btn-primary{background:var(--accent-primary);color:#fff;border:1px solid transparent;flex:2}.calculator-buttons .btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #e05d3626}.calculator-buttons .btn-outline,.calculator-buttons .btn-lg:not(.btn-primary){background:var(--bg-base);border:1px solid var(--border-light);color:var(--text-muted);flex:1}.calculator-buttons .btn-outline:hover,.calculator-buttons .btn-lg:not(.btn-primary):hover{background:var(--bg-subtle);border-color:#cbd5e1;color:var(--text-main)}.hidden{display:none!important}.bf-panel-dashboard{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-hover);padding:32px;position:sticky;top:100px;min-width:0;overflow:hidden}.bf-panel-dashboard.bf-needs-calc .results-grid,.bf-panel-dashboard.bf-needs-calc .bf-data-grid,.bf-panel-dashboard.bf-needs-calc .bf-cost-section,.bf-panel-dashboard.bf-needs-calc .calculator-note,.bf-panel-dashboard.bf-needs-calc .bf-doc-header{opacity:.25;pointer-events:none;transition:opacity .3s ease}.bf-panel-dashboard.bf-needs-calc:after{content:"Hit Calculate to see your estimate";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-muted);text-align:center;padding:14px 24px;background:var(--bg-base);border-radius:var(--radius-sm);border:1px dashed var(--border-light);z-index:2;white-space:nowrap}.bf-panel-dashboard h3{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px}.result-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--border-light);min-width:0;overflow:hidden}.result-label{font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-value{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;line-height:1.2}.total-cost-item{grid-column:1 / -1;background:var(--bg-subtle);padding:20px;border-radius:var(--radius-sm);border:1px dashed var(--border-light);border-bottom:none;margin-top:4px}.total-cost-item .result-label{color:var(--accent-primary)}.total-cost-item .result-value{font-size:2.25rem}.calculator-note{font-size:.85rem;color:var(--text-muted);line-height:1.6;padding-top:24px;border-top:1px solid var(--border-light)}.calculator-note strong{color:var(--text-main);font-weight:600}.disclaimer-section{margin-top:24px;padding:20px;background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:.85rem;color:var(--text-muted);line-height:1.6}.disclaimer-section h4{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-main);margin-bottom:12px}.disclaimer-section p{margin-bottom:8px}.disclaimer-section p:last-child{margin-bottom:0}.bf-inline-input{display:flex;align-items:center;gap:12px}.bf-inline-input label{font-weight:500;font-size:.9rem;color:var(--text-main);white-space:nowrap}.bf-inline-input input{width:100px;padding:8px 12px;text-align:center;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);outline:none;transition:all var(--transition-base)}.bf-inline-input input:focus{background:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 0 3px #e05d361a}.bf-inline-input .bf-unit{font-size:.85rem;color:var(--text-muted)}.bf-tabs{display:flex;gap:4px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:4px}.bf-tab{flex:1;text-align:center;padding:8px 12px;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all var(--transition-base);border:none;background:transparent}.bf-tab.active{background:var(--bg-base);color:var(--text-main);font-weight:600;box-shadow:0 1px 3px #0f172a14}.bf-thickness-presets{display:flex;gap:8px;flex-wrap:wrap}.thickness-preset,.bf-thickness-btn{padding:8px 16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.bf-thickness-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#e05d360d;font-weight:600}.bf-slider-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bf-slider-group input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border-light);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bf-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 6px #e05d364d}.bf-toggle-row{display:flex;align-items:center;gap:12px}.bf-toggle{position:relative;width:44px;height:24px;background:var(--border-light);border-radius:12px;cursor:pointer;transition:background .2s ease}.bf-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.bf-toggle.active{background:var(--accent-primary)}.bf-toggle.active:after{transform:translate(20px)}.bf-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bf-product-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.bf-product-card:hover{border-color:#cbd5e1;background:var(--bg-base)}.bf-product-icon{width:40px;height:40px;background:#fff;border:1px solid var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.bf-product-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.bf-product-detail{font-size:.8rem;color:var(--text-muted)}.bf-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.bf-data-item{display:flex;flex-direction:column}.bf-data-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:6px}.bf-data-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.bf-data-subtext{font-size:.8rem;color:var(--text-light);margin-top:2px}.bf-data-highlight{background:var(--bg-subtle);padding:20px;border-radius:var(--radius-sm);border:1px dashed var(--border-light);grid-column:1 / -1}.bf-data-highlight .bf-data-label{color:var(--accent-primary)}.bf-data-highlight .bf-data-value{font-size:2.5rem}.bf-info-section{margin-bottom:48px}.bf-info-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:32px;color:var(--text-main)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.info-card{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px}.info-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}.info-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.bf-material-links{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.bf-material-links h4{font-family:var(--font-display);font-size:.9rem;font-weight:600;margin-bottom:12px;color:var(--text-main)}.bf-material-links ul{list-style:none;padding:0;margin:0}.bf-material-links li{margin-bottom:8px}.bf-material-links a{font-size:.9rem;color:var(--accent-primary);text-decoration:none;transition:color var(--transition-base)}.bf-material-links a:hover{color:var(--accent-hover);text-decoration:underline}.resources-section{padding:80px 0 0;max-width:var(--container-max);margin:0 auto}.resources-header{text-align:center;margin-bottom:40px}.resources-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.related-resources-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.related-resources-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.related-resources-list{grid-template-columns:1fr}}.related-item a{display:flex;flex-direction:column;height:100%;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-subtle);text-decoration:none}.related-item a:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#cbd5e1}.resource-tag{align-self:flex-start;font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;margin-bottom:16px;background:var(--bg-subtle);color:var(--text-muted);border-radius:4px}.related-item h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:12px;line-height:1.4}.related-item p{font-size:.9rem;color:var(--text-muted);margin:0;flex-grow:1}.mt-input{margin-top:1.25rem}.optional-label{font-weight:400;font-size:.85em;color:var(--text-muted)}@keyframes bf-results-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.bf-panel-dashboard{position:static;animation:bf-results-reveal .4s cubic-bezier(.16,1,.3,1) forwards}.bf-panel-dashboard.bf-needs-calc{display:none}.bf-panel-dashboard.bf-needs-calc:after{display:none}.bf-data-grid,.bf-product-grid{grid-template-columns:1fr}.calculator-buttons{position:sticky;bottom:0;z-index:50;background:var(--bg-base);padding:16px 20px;margin:32px -20px 0;border-top:1px solid var(--border-light);box-shadow:0 -4px 12px #0f172a0f}}@media(max-width:768px){.calculator-page{padding:48px 16px 100px}.bf-calc-header{margin-bottom:32px}.bf-calc-header p{font-size:.95rem}.bf-panel-config,.bf-panel-dashboard{padding:24px}}@media(max-width:640px){.results-grid{grid-template-columns:1fr}.bf-calc-header h1{font-size:1.75rem}.bf-panel-config,.bf-panel-dashboard{padding:20px 16px}.calculator-buttons{flex-direction:column;gap:16px;margin:32px -16px 0;padding:16px}.input-field input,.input-group>input,.bf-select{min-height:48px;font-size:16px}.calculator-buttons .btn{min-height:52px;font-size:1rem}.result-value{font-size:1.25rem}.total-cost-item .result-value{font-size:1.75rem}.input-row{flex-direction:column}.unit-select{width:100%}.bag-size-row,.sheet-size-row{flex-wrap:wrap}.calculator-content{padding:0 16px}}.subtotal-item{padding-top:16px;border-top:1px solid var(--border-light);margin-top:8px}.final-price-item{background:var(--bg-subtle);padding:20px;border-radius:var(--radius-sm);border:1px dashed var(--border-light);margin-top:8px}.final-price-item .result-label{color:var(--accent-primary)}.final-price-item .result-value{font-size:2.75rem}.bf-doc-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.bf-doc-title-group h2{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.bf-doc-title-icon{flex-shrink:0;color:var(--accent-primary)}.bf-doc-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:4px}.bf-doc-meta{font-size:.8rem;color:var(--text-light);margin-top:4px;font-variant-numeric:tabular-nums}.bf-dashboard-content{padding:4px 0}.bf-toggle-label{font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.3}.bf-toggle-hint{font-size:.8rem;color:var(--text-muted);line-height:1.3;margin-top:1px}.bf-toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0;margin:0}.bf-cost-section{margin-top:32px;padding:24px;background:var(--bg-subtle);border-radius:var(--radius-md)}.bf-cost-section h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:16px}.bf-cost-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;color:var(--text-main);border-bottom:1px solid var(--border-light)}.bf-cost-row:last-child{border-bottom:none}.bf-cost-row-value{font-weight:600;font-family:var(--font-display)}.bf-cost-total{font-weight:700;border-top:2px solid var(--text-main);border-bottom:none;padding-top:12px;margin-top:4px;font-size:1.1rem}.bf-cost-total .bf-cost-row-value{font-size:1.25rem;color:var(--accent-primary)}.bf-dash-actions{display:flex;gap:12px;margin-top:32px}.bf-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:12px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;min-height:48px;flex:1;transition:all var(--transition-base);box-shadow:inset 0 1px #ffffff26,0 2px 4px #e05d3633}.bf-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 4px 12px #e05d364d}.bf-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-base);color:var(--text-main);font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;min-height:48px;flex:1;transition:all var(--transition-base)}.bf-btn-secondary:hover{border-color:var(--text-main);background:var(--bg-subtle)}#copy-feedback{text-align:center;font-size:.8rem;color:#16a34a;font-weight:600;transition:opacity .3s ease}@media print{body{padding-top:0}.site-header,.site-footer,.breadcrumb-container,.no-print,#bf-bridge-bar{display:none!important}.bf-app-window{grid-template-columns:1fr}.bf-panel-config{display:none}.bf-panel-dashboard{border:none;box-shadow:none;padding:0}.calculator-page{padding:0}}.text-green-600{color:#16a34a}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.opacity-0{opacity:0}.transition-opacity{transition:opacity .2s ease}.calculator-content{padding:0 24px}.input-unit{position:absolute;right:12px;bottom:12px;font-size:.9rem;font-weight:500;color:var(--text-muted);pointer-events:none;line-height:1}.input-group,.input-field{position:relative}.input-group:has(.input-unit) input,.input-field:has(.input-unit) input,.bf-panel-config div:has(>input+.input-unit) input{padding-right:32px}.bf-social-proof{max-width:var(--container-max);margin:0 auto 32px;text-align:center;padding:.625rem 1rem;font-size:.8rem;color:var(--text-muted, #6B7280);letter-spacing:.01em}.bf-social-dot{margin:0 .4rem;color:var(--text-tertiary, #9CA3AF)}.bf-template-xsell{max-width:var(--container-max);margin:2rem auto 0;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border-light, #E5E7EB);border-radius:8px;transition:border-color .15s}.bf-template-xsell:hover{border-color:var(--accent-primary, #E05D36)}.bf-template-xsell-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #F9FAFB);border-radius:8px;color:var(--accent-primary, #E05D36)}.bf-template-xsell-icon svg{width:20px;height:20px}.bf-template-xsell-text{flex:1;min-width:0}.bf-template-xsell-title{margin:0;font-weight:600;font-size:.95rem}.bf-template-xsell-pitch{margin:.125rem 0 0;color:var(--text-muted, #6B7280);font-size:.8rem}.bf-template-xsell-btn{flex-shrink:0;display:inline-flex;align-items:center;padding:0 1.25rem;background:var(--accent-primary, #E05D36);color:#fff;border-radius:6px;text-decoration:none;font-weight:500;min-height:44px;font-size:.85rem;white-space:nowrap}.bf-template-xsell-btn:hover{opacity:.9}@media(max-width:640px){.bf-template-xsell{flex-direction:column;text-align:center;padding:1.25rem}.bf-template-xsell-btn{width:100%;justify-content:center}}.bf-xsell-section{max-width:var(--container-max);margin:3rem auto 0;padding:2rem 0}.bf-xsell-section h3{margin:0 0 .25rem;font-size:1.25rem}.bf-xsell-section>p{margin:0 0 1rem;color:var(--text-secondary, #6B7280)}.bf-xsell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.bf-xsell-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--border-light, #E5E7EB);border-radius:8px;text-decoration:none;color:inherit;transition:border-color .15s}.bf-xsell-card:hover{border-color:var(--accent-primary, #E05D36)}.bf-xsell-title{font-weight:600}.bf-xsell-desc{font-size:.85rem;color:var(--text-secondary, #6B7280)}#bf-oneclick-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-top:1rem;background:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-radius:8px;font-size:.9rem}.bf-oneclick-label{color:var(--text-secondary, #6B7280)}.bf-oneclick-btn{padding:0 1rem;background:var(--accent-primary, #E05D36);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;min-height:48px;font-size:.9rem;white-space:nowrap}.bf-oneclick-btn:hover{opacity:.9}.bf-oneclick-btn:disabled{opacity:.6;cursor:not-allowed}.bf-calc-pulse{animation:bf-pulse 1.5s ease-in-out infinite}@keyframes bf-pulse{0%,to{transform:scale(1);box-shadow:0 0 #e05d3666}50%{transform:scale(1.02);box-shadow:0 0 0 8px #e05d3600}}@media(max-width:640px){.bf-social-proof{font-size:.7rem;padding:.5rem .75rem;margin-bottom:24px}.bf-xsell-grid{grid-template-columns:1fr}#bf-oneclick-bar{flex-direction:column;text-align:center}}.source-calculator-shell .calculator-page{padding:32px 24px 56px}.source-calculator-shell .bf-social-proof{justify-content:center;margin-top:0}.source-calculator-shell .bf-template-xsell,.source-calculator-shell .bf-xsell-section{display:none!important}@media(max-width:900px){.source-calculator-shell .calculator-page{padding-top:24px;padding-bottom:40px}}