: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}}:root{--dce-font-family: "Inter", system-ui, -apple-system, sans-serif;--dce-color-bg: #fdfdfd;--dce-color-primary: #e05d36;--dce-color-primary-hover: #c24a26;--dce-color-primary-light: rgba(224, 93, 54, .08);--dce-color-text-main: #1f2937;--dce-color-text-muted: #6b7280;--dce-color-border: #e5e7eb;--dce-color-card-bg: #ffffff;--dce-color-accent-bg: #f8fafc;--dce-color-accent-border: #cbd5e1;--dce-radius-lg: 16px;--dce-radius-md: 10px;--dce-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--dce-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--dce-transition: all .25s cubic-bezier(.4, 0, .2, 1)}.dce-calc-wrapper{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;font-family:var(--dce-font-family);background-color:var(--dce-color-bg);color:var(--dce-color-text-main)}.dce-calc-header{text-align:center;margin-bottom:3rem;animation:dce-fade-in .6s ease-out forwards}.dce-calc-header h1{font-size:clamp(2.25rem,4vw,3rem);font-weight:850;letter-spacing:-.03em;color:var(--dce-color-text-main);margin-bottom:.75rem;background:linear-gradient(135deg,var(--dce-color-text-main) 30%,#4b5563 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dce-calc-header p{font-size:1.15rem;color:var(--dce-color-text-muted);max-width:700px;margin:0 auto;line-height:1.6}.dce-calc-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:2.5rem;align-items:start}@media(max-width:1024px){.dce-calc-grid{grid-template-columns:1fr;gap:2rem}}.dce-input-section{background:var(--dce-color-card-bg);border:1px solid var(--dce-color-border);border-radius:var(--dce-radius-lg);box-shadow:var(--dce-shadow-md);padding:2.5rem;transition:var(--dce-transition)}.dce-input-section:hover{box-shadow:0 20px 25px -5px #0000000a,0 10px 10px -5px #0000000a}.dce-fieldset{margin-bottom:2.5rem;border:none;padding:0}.dce-fieldset:last-of-type{margin-bottom:0}.dce-fieldset-title{font-size:1.35rem;font-weight:800;color:var(--dce-color-text-main);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f1f5f9;letter-spacing:-.01em}.dce-input-group,.input-group{margin-bottom:1.5rem}.dce-calc-wrapper label{display:block;font-weight:650;color:var(--dce-color-text-main);margin-bottom:.6rem;font-size:.95rem}.dce-calc-wrapper input[type=number],.dce-calc-wrapper input[type=text],.dce-calc-wrapper select{width:100%;padding:.85rem 1.15rem;border:1px solid #d1d5db;border-radius:var(--dce-radius-md);font-size:1rem;transition:var(--dce-transition);background-color:#fafafa;color:var(--dce-color-text-main);box-shadow:inset 0 1px 2px #00000005;box-sizing:border-box}.dce-calc-wrapper input:focus,.dce-calc-wrapper select:focus{outline:none;border-color:var(--dce-color-primary);background-color:#fff;box-shadow:0 0 0 4px #e05d361f}.dce-input-help{display:block;font-size:.85rem;color:var(--dce-color-text-muted);margin-top:.4rem;line-height:1.4}.input-row{display:flex;flex-wrap:wrap;gap:1rem}.input-field{flex:1;min-width:120px}.unit-select{flex:0 0 120px;display:flex;align-items:flex-end}.dce-radio-toggle{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.5rem}.dce-radio-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:550;color:#4b5563;transition:var(--dce-transition)}.dce-radio-label input[type=radio],.dce-radio-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--dce-color-primary);cursor:pointer}.dce-actions{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--dce-color-border)}.dce-btn-reset{background:transparent;color:var(--dce-color-text-muted);border:1px solid var(--dce-color-accent-border);padding:.75rem 1.5rem;border-radius:var(--dce-radius-md);font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--dce-transition)}.dce-btn-reset:hover{background:#f1f5f9;color:var(--dce-color-text-main);border-color:#94a3b8;transform:translateY(-1px)}.dce-results-section{background:var(--dce-color-accent-bg);border:1px solid var(--dce-color-accent-border);border-radius:var(--dce-radius-lg);padding:2.5rem;box-shadow:var(--dce-shadow-sm);position:sticky;top:2.5rem;transition:var(--dce-transition)}.dce-results-section:hover{box-shadow:var(--dce-shadow-md)}#dce-page-sidebar .dce-results-section,aside .dce-results-section{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;position:static!important;margin-bottom:2rem!important}#dce-page-sidebar .dce-results-section:hover,aside .dce-results-section:hover{box-shadow:none!important}#dce-page-sidebar .dce-breakdown,aside .dce-breakdown{background:transparent!important;border:none!important;box-shadow:none!important;margin-top:1rem!important;padding:0!important}#dce-page-sidebar .dce-breakdown-row,aside .dce-breakdown-row{padding:.85rem 0!important;border-bottom:1px solid #e2e8f0!important;background:transparent!important}#dce-page-sidebar .dce-breakdown-row:last-child,aside .dce-breakdown-row:last-child{border-bottom:none!important}#dce-page-sidebar .dce-results-section h3,#dce-page-sidebar #calculator-results h3,aside .dce-results-section h3,aside #calculator-results h3{font-size:1.25rem!important;font-weight:900!important;color:var(--on-surface, #191c1e)!important;display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:1rem!important}#dce-page-sidebar .dce-calculator-note,aside .dce-calculator-note{font-size:.75rem!important;color:#64748b!important;margin-top:1.25rem!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:.75rem 1rem!important;border-radius:8px!important;line-height:1.4!important}.dce-results-header{margin-bottom:2rem;text-align:center}.dce-results-title{font-size:1rem;font-weight:850;color:#475569;text-transform:uppercase;letter-spacing:.08em}.dce-primary-result{font-size:clamp(2.5rem,5vw,3.25rem);font-weight:900;color:var(--dce-color-primary);margin:.5rem 0;line-height:1;letter-spacing:-.03em}.dce-primary-result-label{font-size:.95rem;color:var(--dce-color-text-muted);font-weight:600}.dce-breakdown{margin-top:2rem;background:var(--dce-color-card-bg);border-radius:var(--dce-radius-md);border:1px solid var(--dce-color-border);overflow:hidden;box-shadow:inset 0 2px 4px #00000003}.dce-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;border-bottom:1px solid var(--dce-color-border)}.dce-breakdown-row:last-child{border-bottom:none}.dce-row-label{color:#475569;font-weight:550;font-size:.95rem}.dce-row-value{font-weight:800;color:var(--dce-color-text-main)}.dce-row-highlight{background:var(--dce-color-primary-light)}.dce-row-highlight .dce-row-label{color:var(--dce-color-primary-hover);font-weight:700}.dce-row-highlight .dce-row-value{color:var(--dce-color-primary-hover);font-size:1.05rem}.dce-calculator-note{margin-top:2rem;font-size:.85rem;color:var(--dce-color-text-muted);line-height:1.5}.dce-bag-size-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.dce-bag-option{border:1px solid var(--dce-color-accent-border);background-color:var(--dce-color-card-bg);padding:1rem;border-radius:var(--dce-radius-md);cursor:pointer;text-align:center;transition:var(--dce-transition)}.dce-bag-option:hover{background-color:#f8fafc;border-color:#94a3b8}.dce-bag-option.selected{background-color:var(--dce-color-primary-light);border-color:var(--dce-color-primary);box-shadow:0 0 0 3px #e05d361f}.dce-bag-size{font-weight:800;font-size:1.1rem;color:var(--dce-color-text-main);margin-bottom:.25rem}.dce-bag-weight{font-size:.75rem;color:var(--dce-color-text-muted);font-weight:500}.dce-hidden{display:none!important}@keyframes dce-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.source-calculator-shell .calculator-page{padding:32px 24px 56px}@media(max-width:900px){.source-calculator-shell .calculator-page{padding-top:24px;padding-bottom:40px}}