:root,[data-theme=dark],html.dark{--theme-mode: dark;--primary: #0070f3;--primary-hover: #0761d1;--primary-light: rgba(0, 112, 243, .15);--accent: #50e3c2;--accent-light: rgba(80, 227, 194, .15);--bg-main: #000000;--bg-card: #0a0a0c;--bg-card-hover: #121216;--bg-surface: #08080a;--bg-footer: #000000;--bg-footer-border: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--border-focus: #0070f3;--hairline: rgba(255, 255, 255, .1);--hairline-soft: rgba(255, 255, 255, .06);--text-main: #fafafa;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #000000;--badge-bg: rgba(0, 112, 243, .12);--badge-text: #38bdf8;--shell-bg: rgba(255, 255, 255, .025);--shell-border: rgba(255, 255, 255, .08);--shell-radius: 20px;--core-radius: calc(var(--shell-radius) - 4px);--core-highlight: inset 0 1px 1px 0 rgba(255, 255, 255, .1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--transition-spring: all .35s cubic-bezier(.32, .72, 0, 1);--transition-fast: all .18s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .6), inset 0 1px 1px rgba(255, 255, 255, .08);--shadow-lg: 0 16px 36px -6px rgba(0, 0, 0, .8), inset 0 1px 1px rgba(255, 255, 255, .12);--glow-primary: 0 0 32px -4px rgba(0, 112, 243, .35);--radius: 14px;--radius-sm: 6px;--radius-full: 9999px;--font-sans: "Geist", "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Geist", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--content-max-width: 1200px;--content-narrow-max-width: 920px;--page-padding: clamp(.875rem, 3vw, 1.5rem);--section-gap: clamp(2.5rem, 5vw, 4.5rem)}[data-theme=light],html.light{--theme-mode: light;--primary: #171717;--primary-hover: #000000;--primary-light: #f2f2f2;--accent: #0070f3;--accent-light: #e0f2fe;--bg-main: #fafafa;--bg-card: #ffffff;--bg-card-hover: #f7f7f8;--bg-surface: #f4f4f6;--bg-footer: #fafafa;--bg-footer-border: #ebebeb;--border-color: #ebebeb;--border-subtle: #f2f2f2;--border-focus: #0070f3;--hairline: #ebebeb;--hairline-soft: #f2f2f2;--text-main: #171717;--text-primary: #171717;--text-secondary: #4d4d4d;--text-muted: #8f8f8f;--text-inverse: #ffffff;--badge-bg: #f4f4f5;--badge-text: #171717;--shell-bg: rgba(0, 0, 0, .02);--shell-border: rgba(0, 0, 0, .06);--core-highlight: inset 0 1px 1px 0 rgba(255, 255, 255, .9);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--glow-primary: 0 0 24px -4px rgba(0, 112, 243, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease;overflow-x:clip;max-width:100vw}body{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-main);background-image:radial-gradient(at 50% 0%,rgba(2,132,199,.08) 0px,transparent 65%);background-attachment:fixed;color:var(--text-main);overflow-x:clip;max-width:100vw;position:relative}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6,span,a,li,blockquote,dt,dd{overflow-wrap:anywhere;word-break:normal}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.025em;text-wrap:balance}p{color:var(--text-secondary);max-width:80ch}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.data-table,.metric-val,.result-value,.conv-val,.step-math,.tabular-nums,.stat-number,.stat-value{font-variant-numeric:tabular-nums}button:active,.calc-btn:active,.reset-btn:active,.copy-btn:active,.preset-chip:active,.badge:active{transform:scale(.98)}.compare-box,.formula-card,.info-box,.feature-item,.content-card,.faq-item,.related-card,.disclaimer-box,.seo-article{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}.compare-box p,.info-box p,.feature-item p,.content-card p,.faq-answer,.disclaimer-box p,.seo-article p{color:var(--text-secondary)!important}.compare-box h3,.info-box h3,.content-card h2,.content-card h3,.faq-question,.seo-article h2,.seo-article h3{color:var(--text-main)!important}.unit-badge{background-color:var(--badge-bg)!important;color:var(--badge-text)!important;border:1px solid var(--border-color)!important}.data-table{background-color:var(--bg-card)!important;color:var(--text-main)!important}.data-table th{background-color:var(--bg-surface)!important;color:var(--text-main)!important;border-bottom:2px solid var(--border-color)!important}.data-table td{color:var(--text-secondary)!important;border-bottom:1px solid var(--border-subtle)!important}.code-box,pre,code{background-color:var(--bg-surface)!important;border-color:var(--border-color)!important}svg.w-3\.5,.w-3\.5{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;flex-shrink:0}svg.w-4,.w-4{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;flex-shrink:0}svg.w-5,.w-5{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex-shrink:0}svg.w-6,.w-6{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-shrink:0}.tool-page-header .hero-badge svg,.tool-page-header [class*=rounded-full] svg,.step-num svg,.hero-badge svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;flex-shrink:0}.content-section h2,.content-section h3{color:var(--text-main)!important}.content-section p{color:var(--text-secondary)!important}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--page-padding)}.container-narrow{width:100%;max-width:var(--content-narrow-max-width);margin-inline:auto;padding-inline:var(--page-padding)}.site-header{position:sticky;top:clamp(.5rem,1.5vw,1rem);z-index:100;width:min(var(--content-max-width),calc(100% - clamp(1rem,3vw,2.5rem)));margin-inline:auto;border-radius:var(--radius-full);background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hairline);box-shadow:0 8px 32px -4px #0009,inset 0 1px 1px #ffffff14;transition:all .3s var(--ease-spring)}:root[data-theme=light] .site-header,html.light .site-header{background:#fafafad1;border:1px solid var(--hairline);box-shadow:0 8px 24px -4px #0000000d,inset 0 1px 1px #ffffffe6}.double-bezel-shell{background:var(--shell-bg);border:1px solid var(--shell-border);padding:7px;border-radius:var(--shell-radius);box-shadow:0 10px 30px -4px #00000040;transition:all .4s var(--ease-spring)}.double-bezel-core{background:var(--bg-card);border-radius:var(--core-radius);border:1px solid var(--border-color);box-shadow:var(--core-highlight);transition:all .3s var(--ease-spring)}.eyebrow-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);margin-bottom:1rem}.btn-island{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem .75rem 1.4rem;border-radius:var(--radius-full);font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:all .35s var(--ease-spring);text-decoration:none}.btn-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff2e;box-shadow:inset 0 1px 1px #ffffff40;transition:transform .35s var(--ease-spring);flex-shrink:0}.btn-island:hover .btn-icon-circle{transform:translate(2px,-1px) scale(1.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding-block:.35rem;padding-inline:clamp(.5rem,1.5vw,1rem);gap:clamp(.5rem,2vw,1.25rem)}.header-right-actions{display:flex;align-items:center;gap:clamp(.4rem,1.5vw,.75rem)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);color:var(--text-main);cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 10px #00000026,inset 0 1px #ffffff14;transition:all .25s cubic-bezier(.16,1,.3,1)}:root[data-theme=light] .theme-toggle-btn,html.light .theme-toggle-btn{background:#ffffffd9;border-color:#cbd5e1cc;box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffffe6}.theme-toggle-btn:hover{border-color:#f59e0b99;color:#f59e0b;box-shadow:0 0 18px #f59e0b59;transform:rotate(20deg) scale(1.06)}:root[data-theme=light] .theme-toggle-btn:hover,html.light .theme-toggle-btn:hover{border-color:#0284c7;color:#0284c7;box-shadow:0 0 16px #0284c74d;transform:rotate(-20deg) scale(1.06)}.sun-icon{display:none;transition:transform .3s ease}.moon-icon{display:block;transition:transform .3s ease}:root[data-theme=dark] .sun-icon,html.dark .sun-icon{display:block;color:#f59e0b;filter:drop-shadow(0 0 6px rgba(245,158,11,.6))}:root[data-theme=dark] .moon-icon,html.dark .moon-icon{display:none}:root[data-theme=light] .sun-icon,html.light .sun-icon{display:none}:root[data-theme=light] .moon-icon,html.light .moon-icon{display:block;color:#0284c7;filter:drop-shadow(0 0 6px rgba(2,132,199,.5))}.brand-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;white-space:nowrap;min-width:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.brand-logo:hover{transform:translateY(-1.5px)}.brand-icon-emblem{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.brand-tool-img{width:38px;height:38px;object-fit:contain;transition:transform .25s cubic-bezier(.16,1,.3,1);display:block}.brand-img-dark{display:block!important}.brand-img-light{display:none!important}:root[data-theme=light] .brand-img-dark,html.light .brand-img-dark,[data-theme=light] .brand-img-dark{display:none!important}:root[data-theme=light] .brand-img-light,html.light .brand-img-light,[data-theme=light] .brand-img-light{display:block!important}.brand-logo:hover .brand-icon-emblem{transform:translateY(-1.5px)}.brand-logo:hover .brand-tool-img{transform:rotate(-8deg) scale(1.08)}.brand-text-wrap{display:inline-flex;align-items:baseline;user-select:none}.brand-title-main{font-size:clamp(1.15rem,2.2vw,1.34rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1}:root[data-theme=light] .brand-title-main,html.light .brand-title-main{color:#0f172a}.brand-title-tools{font-weight:800;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:initial}:root[data-theme=light] .brand-title-tools,html.light .brand-title-tools{color:#0f172a}.brand-title-hub{font-size:clamp(1.15rem,2.2vw,1.34rem);font-weight:900;letter-spacing:-.02em;margin-left:1px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:initial;line-height:1;filter:none}:root[data-theme=light] .brand-title-hub,html.light .brand-title-hub{color:#0f172a;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:initial;filter:none}.header-left{display:flex;align-items:center;gap:1.5rem}.main-nav{display:flex;align-items:center;gap:.75rem}.nav-dropdown-wrapper{position:relative;display:inline-block}.nav-dropdown-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.4rem .85rem;min-height:36px;border-radius:var(--radius-sm);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);font-family:inherit}:root[data-theme=light] .nav-dropdown-btn,html.light .nav-dropdown-btn{color:#4d4d4d}.nav-dropdown-btn:hover,.nav-dropdown-wrapper:hover .nav-dropdown-btn,.nav-dropdown-wrapper.active .nav-dropdown-btn{color:var(--text-main);background:var(--hairline-soft);border-color:var(--hairline)}.nav-dropdown-btn .chevron-icon{transition:transform .2s cubic-bezier(.16,1,.3,1);color:var(--text-muted)}.nav-dropdown-wrapper:hover .chevron-icon,.nav-dropdown-wrapper.active .chevron-icon{transform:rotate(180deg);color:var(--text-main)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;transform:translateY(6px);width:min(420px,calc(100vw - 2rem));max-width:calc(100vw - 2rem);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 16px 40px -8px #0009,0 0 0 1px var(--hairline);padding:.85rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;z-index:250;overflow:hidden}:root[data-theme=light] .nav-dropdown-menu,html.light .nav-dropdown-menu{background:#fff;border-color:#ebebeb;box-shadow:0 12px 32px -4px #00000014,0 0 0 1px #ebebeb}.nav-dropdown-wrapper:after{content:"";position:absolute;top:100%;left:0;width:100%;height:12px}.nav-dropdown-wrapper:hover .nav-dropdown-menu,.nav-dropdown-wrapper.active .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;border-radius:8px;text-decoration:none;color:var(--text-main);transition:all .15s cubic-bezier(.16,1,.3,1);border:1px solid transparent;background:transparent}.dropdown-item:hover{background:var(--hairline-soft);border-color:var(--hairline)}:root[data-theme=light] .dropdown-item:hover,html.light .dropdown-item:hover{background:#f4f4f6;border-color:#ebebeb}.dropdown-item-icon{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--hairline);color:var(--text-main);transition:transform .18s ease}.dropdown-item:hover .dropdown-item-icon{transform:scale(1.05)}.icon-blue{background:#0070f31f;color:#0070f3;border-color:#0070f340}.icon-purple{background:#7928ca1f;color:#7928ca;border-color:#7928ca40}.icon-amber{background:#f5a6231f;color:#f5a623;border-color:#f5a62340}.icon-emerald{background:#50e3c21f;color:#50e3c2;border-color:#50e3c240}.icon-blue-accent{background:#0070f31f;color:#0070f3;border-color:#0070f340}.icon-cyan{background:#00dfd81f;color:#00dfd8;border-color:#00dfd840}.icon-slate{background:#8e8e8e1f;color:var(--text-muted);border-color:var(--hairline)}.dropdown-item-text{flex:1;min-width:0}.dropdown-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.dropdown-item-name{font-size:.85rem;font-weight:600;color:var(--text-main);line-height:1.3}.dropdown-item-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:500;padding:.1rem .4rem;border-radius:4px;line-height:1.2;border:1px solid var(--hairline);background:var(--bg-surface);color:var(--text-muted)}.badge-cyan{color:#00dfd8}.badge-indigo{color:#818cf8}.badge-amber{color:#f5a623}.badge-emerald{color:#50e3c2}.badge-blue{color:#0070f3}.badge-slate{color:var(--text-muted)}.dropdown-item-desc{font-size:.75rem;color:var(--text-muted);line-height:1.35;margin:0;white-space:normal}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:.4rem .75rem;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.nav-link:hover{color:var(--text-main);background-color:var(--hairline-soft)}.nav-link.active{color:var(--text-main);font-weight:600}.header-cta{display:inline-flex;align-items:center;gap:.45rem;background:#fafafa!important;color:#000!important;padding:.45rem 1.15rem;min-height:38px;border-radius:9999px;font-weight:600;font-size:.85rem;box-shadow:0 1px 3px #0006;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.2);cursor:pointer;text-decoration:none}:root[data-theme=light] .header-cta,html.light .header-cta{background:#171717!important;color:#fff!important;border:1px solid #171717;box-shadow:0 1px 3px #0000001f}.header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003;opacity:.95}.header-cta:active{transform:scale(.98)}.cta-sparkle{font-size:.95rem;line-height:1}.cta-arrow-icon{transition:transform .2s ease}.header-cta:hover .cta-arrow-icon{transform:translate(2px)}.mobile-menu-btn{display:none;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);font-size:1.25rem;cursor:pointer;padding:.45rem .55rem;min-width:40px;min-height:40px;border-radius:var(--radius-sm);transition:all .2s ease;align-items:center;justify-content:center}.mobile-menu-btn:hover{border-color:var(--primary);color:#38bdf8}.mobile-drawer{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:1rem var(--page-padding) max(1.5rem,env(safe-area-inset-bottom,1.5rem));max-height:calc(100vh - 72px);overflow-y:auto;z-index:99}.mobile-drawer.open,.mobile-drawer.active{display:flex;flex-direction:column;gap:.35rem;animation:drawerSlideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer .nav-link{display:block;padding:.65rem .85rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .15s ease}.mobile-drawer .nav-link:hover{color:#38bdf8;background:var(--bg-surface)}@media(max-width:860px){.main-nav,.header-cta{display:none}.mobile-menu-btn{display:inline-flex}}.hero-section{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(2rem,4vw,3.5rem);background:radial-gradient(circle at 50% -10%,rgba(2,132,199,.18),transparent 70%),radial-gradient(circle at 80% 20%,rgba(15,118,110,.1),transparent 50%);border-bottom:1px solid var(--border-color);text-align:center;position:relative;transition:background .2s ease,border-color .2s ease}:root[data-theme=light] .hero-section,html.light .hero-section{background:radial-gradient(circle at 50% -10%,rgba(2,132,199,.08),transparent 70%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.05),transparent 50%),#f8fafc}.hero-content{max-width:880px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--badge-bg);border:1px solid rgba(2,132,199,.3);color:var(--badge-text);padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.hero-title{font-size:clamp(2rem,4.5vw + .5rem,3.75rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;margin-bottom:1.25rem;color:var(--text-main)}:root[data-theme=dark] .hero-title,html.dark .hero-title{color:#f8fafc;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] .hero-title,html.light .hero-title{color:#0f172a;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#0f172a}.hero-description{font-size:clamp(1rem,1.2vw + .5rem,1.125rem);color:var(--text-muted);max-width:760px;margin:0 auto 2.25rem;line-height:1.7}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:.875rem 1.75rem;border-radius:var(--radius);font-weight:600;font-size:1rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0284c759;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-2px);box-shadow:0 6px 20px #0284c780}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#1e293bb3;backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-main);padding:.875rem 1.75rem;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:all .2s ease}.btn-secondary:hover{background-color:#334155e6;border-color:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:scale(.98)}.section{padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:1px solid var(--border-color)}.section-header{margin-bottom:2.5rem}.section-title{font-size:clamp(1.4rem,2.5vw + .25rem,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text-main)}.section-subtitle{font-size:1.0625rem;color:var(--text-muted)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}.tool-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-decoration:none;cursor:pointer;color:inherit}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s ease}.tool-card:hover{transform:translateY(-4px);border-color:#0284c780;background:var(--bg-card-hover);box-shadow:0 12px 30px #00000059,0 0 20px #0284c726}.tool-card:hover:before{opacity:1}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.875rem}.card-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0284c733,#0f766e1a);border:1px solid rgba(2,132,199,.25);color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.tool-card:hover .card-icon{transform:scale(1.08);border-color:#38bdf880;background:linear-gradient(135deg,#0284c759,#0f766e33)}.card-title{font-size:1.125rem;font-weight:700;color:var(--text-main);text-transform:capitalize;line-height:1.35;transition:color .2s ease}.tool-card:hover .card-title{color:#38bdf8}.card-desc{font-size:.9375rem;color:var(--text-muted);margin-bottom:0;line-height:1.6}.tool-card:hover .card-cta{gap:.625rem;color:#7dd3fc}.filter-pills{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:1.75rem}.filter-pill{background:var(--bg-card);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.filter-pill:hover{background-color:#334155cc;color:var(--text-main);border-color:#fff3}.filter-pill.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#fff3;box-shadow:0 2px 10px #0284c759}.filter-count{font-size:.75rem;padding:.125rem .45rem;border-radius:var(--radius-full);background:#ffffff26;font-family:var(--font-mono)}.search-wrapper{margin-bottom:1.5rem;position:relative;max-width:680px}.search-input{width:100%;background-color:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:var(--text-main);padding:.95rem 4rem .95rem 3.25rem;border-radius:var(--radius);font-size:1rem;outline:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c740,var(--shadow-md);background-color:#1e293bf2}.search-icon{position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-kbd{position:absolute;right:1.125rem;top:50%;transform:translateY(-50%);background-color:#0f172acc;border:1px solid var(--border-color);color:var(--text-muted);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);pointer-events:none}.empty-state{display:none;text-align:center;padding:3.5rem 1.5rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius);margin-top:1.5rem}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-main)}.empty-state p{color:var(--text-muted);font-size:.9375rem;margin-bottom:1.25rem}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumbs a{color:var(--text-muted);transition:color .15s ease}.breadcrumbs a:hover{color:#38bdf8}.breadcrumbs .separator{color:#475569}.breadcrumbs .current{color:var(--text-main);font-weight:600}.category-block{margin-bottom:3.5rem}.category-block:last-child{margin-bottom:0}.category-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.category-title{font-size:1.375rem;font-weight:700;margin-bottom:.25rem}.category-desc{font-size:.9375rem;color:var(--text-muted)}.category-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1rem}.category-link-item{background-color:var(--bg-card);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.9375rem;transition:all .2s ease}.category-link-item:hover{border-color:#0284c766;background-color:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.seo-article{background-color:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.75rem);color:var(--text-muted);box-shadow:var(--shadow-sm)}.seo-article h2{color:var(--text-main);font-size:clamp(1.35rem,2.5vw + .25rem,1.75rem);margin-bottom:1.25rem;letter-spacing:-.01em}.seo-article h3{color:var(--text-main);font-size:1.25rem;margin:2rem 0 .75rem}.seo-article p{margin-bottom:1.25rem;line-height:1.75}.seo-article p:last-child{margin-bottom:0}.seo-article a{color:#38bdf8;font-weight:500;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.seo-article a:hover{color:#7dd3fc}.calc-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(1.25rem,3vw,2rem);margin-top:2rem}.calc-card{background-color:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius);padding:clamp(1.25rem,3.5vw,2.25rem);box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.35rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.form-input,.form-select{width:100%;background-color:#0b0f19cc;border:1px solid var(--border-color);color:var(--text-main);padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:1rem;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c740;background-color:#0f172af2}.calc-btn{width:100%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:.9rem;border-radius:var(--radius);font-weight:600;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:1rem;margin-top:1rem;box-shadow:0 4px 15px #0284c759;transition:all .2s ease}.calc-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-2px);box-shadow:0 6px 20px #0284c780}.calc-btn:active{transform:scale(.98)}.result-box{background-color:#0b0f19e6;border:1px solid rgba(2,132,199,.5);border-radius:var(--radius);padding:1.75rem;text-align:center;margin-top:1.5rem;box-shadow:var(--glow-primary);position:relative}.result-val{font-size:clamp(1.85rem,5vw,2.5rem);font-weight:800;color:#38bdf8;font-family:var(--font-mono);letter-spacing:-.02em}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1.5rem;border-radius:var(--radius);border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;background-color:var(--bg-card)}.data-table th,.data-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background-color:#0f172af2;color:var(--text-main);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em}.data-table tr:hover{background-color:var(--bg-card-hover)}.back-to-top{position:fixed;bottom:clamp(1.25rem,3vw,2rem);right:clamp(1.25rem,3vw,2rem);width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #38bdf873,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .25s cubic-bezier(.16,1,.3,1);z-index:95}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:linear-gradient(135deg,#0369a1,#0284c7);transform:translateY(-4px) scale(1.06);box-shadow:0 8px 30px #38bdf8b3,0 0 20px #2563eb66}.back-to-top:active{transform:scale(.92)}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#065f46e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(16,185,129,.5);color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.875rem;box-shadow:0 12px 30px #00000073,0 0 25px #10b9814d;display:flex;align-items:center;gap:.65rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;max-width:min(400px,calc(100vw - 2rem))}.toast-notification.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.site-footer{background-color:var(--bg-footer);border-top:1px solid var(--bg-footer-border);padding:clamp(2.5rem,5vw,4.5rem) 0 max(2rem,env(safe-area-inset-bottom,2rem));margin-top:auto;transition:background-color .2s ease,border-color .2s ease}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.25rem;margin-bottom:3.5rem}@media(min-width:600px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2.5rem}}@media(min-width:960px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:clamp(2.5rem,4vw,3.5rem)}}.footer-col h4{color:var(--text-main);font-size:1rem;font-weight:700;margin-bottom:1.25rem;letter-spacing:-.01em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-muted);font-size:.875rem;transition:all .2s ease}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--text-muted)}.faq-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;margin-top:2rem;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #00000040;backdrop-filter:blur(12px)}.faq-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.6),transparent)}.faq-section-header{margin-bottom:1.5rem}.faq-section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);border-radius:9999px;color:#38bdf8;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.faq-header-flex{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.faq-section-title{font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin-bottom:.35rem}.faq-section-subtitle{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0}.faq-count-pill{padding:.35rem .85rem;background:#ffffff0a;border:1px solid var(--border-color);border-radius:9999px;font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.faq-accordion-list{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}.faq-accordion-item{background:#0f172a99;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.faq-accordion-item:hover{border-color:#38bdf866;background:#0f172ad9;transform:translateY(-1px);box-shadow:0 6px 20px -4px #0000004d}.faq-accordion-item[open]{border-color:#38bdf8a6;background:linear-gradient(180deg,#0f172af2,#0a101efa);box-shadow:0 10px 30px -4px #00000080,0 0 0 1px #38bdf833,inset 0 1px #ffffff0d}.faq-accordion-header,.faq-summary,.faq-accordion-item>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;font-size:1.025rem;font-weight:600;color:var(--text-main);cursor:pointer;user-select:none;list-style:none!important;list-style-type:none!important;transition:all .2s ease;position:relative}.faq-accordion-header::-webkit-details-marker,.faq-summary::-webkit-details-marker,.faq-accordion-item>summary::-webkit-details-marker,.faq-accordion-header::marker,.faq-summary::marker,.faq-accordion-item>summary::marker{display:none!important;content:""!important}.faq-accordion-header:hover,.faq-summary:hover,.faq-accordion-item>summary:hover{color:#38bdf8}.faq-accordion-item[open]>summary,.faq-accordion-item[open] .faq-accordion-header,.faq-accordion-item[open] .faq-summary{color:#f8fafc;font-weight:700}.faq-q-left{display:flex;align-items:center;gap:.85rem;flex:1;text-align:left}.faq-q-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 .4rem;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);border-radius:6px;font-size:.725rem;font-weight:800;color:#38bdf8;letter-spacing:.02em;flex-shrink:0}.faq-accordion-item[open] .faq-q-badge{background:#38bdf838;border-color:#38bdf880;color:#fff;box-shadow:0 0 10px #38bdf859}.faq-q-text{flex:1;line-height:1.45}.faq-icon-circle{width:32px;height:32px;min-width:32px;border-radius:50%;background:#ffffff0a;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.faq-accordion-item:hover .faq-icon-circle{border-color:#38bdf866;color:#38bdf8;background:#38bdf814}.faq-chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-accordion-item[open] .faq-chevron-icon{transform:rotate(180deg)}.faq-accordion-item[open] .faq-icon-circle{background:linear-gradient(135deg,#0284c7,#38bdf8);border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf880}.faq-summary:not(:has(.faq-icon-circle)):after,.faq-accordion-header:not(:has(.faq-icon-circle)):after,.faq-accordion-item>summary:not(:has(.faq-icon-circle)):after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:1rem;flex-shrink:0}.faq-accordion-item[open]>summary:not(:has(.faq-icon-circle)):after,.faq-accordion-item[open] .faq-summary:not(:has(.faq-icon-circle)):after,.faq-accordion-item[open] .faq-accordion-header:not(:has(.faq-icon-circle)):after{transform:rotate(-135deg);color:#38bdf8}.faq-accordion-body,.faq-body,.faq-accordion-item>div:not(.faq-accordion-header):not(.faq-summary){padding:1.1rem 1.35rem 1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.75;border-top:1px solid rgba(255,255,255,.06);animation:faqFadeSlide .25s ease-out}@keyframes faqFadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-accordion-body p,.faq-body p,.faq-answer-inner p{margin:0;color:var(--text-secondary)}.faq-accordion-body p+p,.faq-body p+p{margin-top:.75rem}:global([data-theme=light]) .faq-section-card,:global(.light) .faq-section-card,[data-theme=light] .faq-section-card,.light .faq-section-card,html[data-theme=light] .faq-section-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px -2px #0000000d!important}:global([data-theme=light]) .faq-section-title,[data-theme=light] .faq-section-title,.light .faq-section-title,html[data-theme=light] .faq-section-title{color:#0f172a!important}:global([data-theme=light]) .faq-section-subtitle,[data-theme=light] .faq-section-subtitle,.light .faq-section-subtitle,html[data-theme=light] .faq-section-subtitle{color:#64748b!important}:global([data-theme=light]) .faq-count-pill,[data-theme=light] .faq-count-pill,.light .faq-count-pill,html[data-theme=light] .faq-count-pill{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#0284c7!important}:global([data-theme=light]) .faq-accordion-item,:global(.light) .faq-accordion-item,[data-theme=light] .faq-accordion-item,.light .faq-accordion-item,html[data-theme=light] .faq-accordion-item{background:#fff!important;background-image:none!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 4px #0000000a!important}:global([data-theme=light]) .faq-accordion-item:hover,:global(.light) .faq-accordion-item:hover,[data-theme=light] .faq-accordion-item:hover,.light .faq-accordion-item:hover,html[data-theme=light] .faq-accordion-item:hover{background:#f8fafc!important;background-image:none!important;border-color:#0284c7!important;box-shadow:0 4px 14px #0284c714!important}:global([data-theme=light]) .faq-accordion-item[open],:global(.light) .faq-accordion-item[open],[data-theme=light] .faq-accordion-item[open],.light .faq-accordion-item[open],html[data-theme=light] .faq-accordion-item[open]{background:#fff!important;background-image:none!important;border:1.5px solid #0284c7!important;box-shadow:0 6px 20px #0284c71a!important}:global([data-theme=light]) .faq-accordion-header,:global([data-theme=light]) .faq-summary,:global([data-theme=light]) .faq-accordion-item>summary,[data-theme=light] .faq-accordion-header,[data-theme=light] .faq-summary,[data-theme=light] .faq-accordion-item>summary,.light .faq-accordion-header,.light .faq-summary,.light .faq-accordion-item>summary,html[data-theme=light] .faq-accordion-header,html[data-theme=light] .faq-summary,html[data-theme=light] .faq-accordion-item>summary{color:#0f172a!important}:global([data-theme=light]) .faq-accordion-item[open]>summary,:global([data-theme=light]) .faq-accordion-item[open] .faq-accordion-header,:global([data-theme=light]) .faq-accordion-item[open] .faq-summary,[data-theme=light] .faq-accordion-item[open]>summary,[data-theme=light] .faq-accordion-item[open] .faq-accordion-header,[data-theme=light] .faq-accordion-item[open] .faq-summary,.light .faq-accordion-item[open]>summary,.light .faq-accordion-item[open] .faq-accordion-header,.light .faq-accordion-item[open] .faq-summary,html[data-theme=light] .faq-accordion-item[open]>summary{color:#0284c7!important}:global([data-theme=light]) .faq-q-text,[data-theme=light] .faq-q-text,.light .faq-q-text,html[data-theme=light] .faq-q-text{color:#0f172a!important}:global([data-theme=light]) .faq-q-badge,[data-theme=light] .faq-q-badge,.light .faq-q-badge,html[data-theme=light] .faq-q-badge{background:#e0f2fe!important;border-color:#bae6fd!important;color:#0284c7!important}:global([data-theme=light]) .faq-accordion-item[open] .faq-q-badge,[data-theme=light] .faq-accordion-item[open] .faq-q-badge,.light .faq-accordion-item[open] .faq-q-badge,html[data-theme=light] .faq-accordion-item[open] .faq-q-badge{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important;box-shadow:0 2px 6px #0284c74d!important}:global([data-theme=light]) .faq-accordion-body,:global([data-theme=light]) .faq-body,:global([data-theme=light]) .faq-accordion-item>div:not(.faq-accordion-header):not(.faq-summary),[data-theme=light] .faq-accordion-body,.light .faq-accordion-body,html[data-theme=light] .faq-accordion-body{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;color:#334155!important}:global([data-theme=light]) .faq-accordion-body p,:global([data-theme=light]) .faq-body p,:global([data-theme=light]) .faq-answer-inner p,[data-theme=light] .faq-accordion-body p,.light .faq-accordion-body p,html[data-theme=light] .faq-accordion-body p{color:#334155!important}:global([data-theme=light]) .faq-icon-circle,[data-theme=light] .faq-icon-circle,.light .faq-icon-circle,html[data-theme=light] .faq-icon-circle{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important}:global([data-theme=light]) .faq-accordion-item:hover .faq-icon-circle,[data-theme=light] .faq-accordion-item:hover .faq-icon-circle,.light .faq-accordion-item:hover .faq-icon-circle{background:#e0f2fe!important;border-color:#0284c7!important;color:#0284c7!important}:global([data-theme=light]) .faq-accordion-item[open] .faq-icon-circle,[data-theme=light] .faq-accordion-item[open] .faq-icon-circle,.light .faq-accordion-item[open] .faq-icon-circle{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important}@media(max-width:640px){.faq-section-card{padding:1.25rem}.faq-accordion-header,.faq-summary,.faq-accordion-item>summary{padding:1rem 1.1rem;font-size:.95rem}.faq-accordion-body,.faq-body{padding:.85rem 1.1rem 1.1rem}}.related-tools-section{margin:3.5rem 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem;margin-top:1.5rem}.related-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.35rem 1.5rem;display:flex;align-items:flex-start;gap:1.15rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.related-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.related-card:hover{transform:translateY(-3px);border-color:#38bdf873;box-shadow:0 12px 28px -6px #00000073}.related-card:hover:before{background:linear-gradient(90deg,#38bdf8,#818cf8)}.related-icon{font-size:1.75rem;line-height:1;flex-shrink:0;padding-top:.15rem}.related-info strong{display:block;font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:.35rem;transition:color .2s ease}.related-card:hover .related-info strong{color:#38bdf8}.related-info span{display:block;font-size:.875rem;color:var(--text-muted);line-height:1.55}.tool-page-header{padding:clamp(2.5rem,5vw,4rem) 0 clamp(1.5rem,3vw,2.25rem);text-align:center}.tool-page-header .tool-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.28);box-shadow:0 0 20px #38bdf826;padding:.32rem 1rem;border-radius:var(--radius-full);margin-bottom:1.25rem}.tool-h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;color:var(--text-main);letter-spacing:-.035em;line-height:1.15;text-wrap:balance;max-width:860px;margin:0 auto .85rem}.tool-page-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--text-muted);max-width:760px;margin:0 auto;line-height:1.65}.tool-engine-section{padding:0 0 clamp(2rem,4vw,3rem)}.tool-content-section{padding:2rem 0 clamp(3rem,6vw,5.5rem)}.tool-content-stack{display:flex;flex-direction:column;gap:clamp(1.75rem,3.5vw,2.75rem);width:100%;max-width:var(--content-narrow-max-width, 920px);margin-inline:auto}.content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--core-highlight),var(--shadow-sm);transition:var(--transition-spring)}.content-card:hover{border-color:#38bdf840;box-shadow:var(--core-highlight),0 16px 36px -8px #0006}.content-card h2{font-size:clamp(1.25rem,2.5vw + .25rem,1.55rem);font-weight:800;color:var(--text-main);letter-spacing:-.025em;margin-bottom:1.15rem;display:flex;align-items:center;gap:.6rem}.content-card p{color:var(--text-secondary);font-size:.9625rem;line-height:1.75;margin-bottom:.85rem}.content-card p:last-child{margin-bottom:0}.step-guide-list{margin:1rem 0 0 1.5rem;display:flex;flex-direction:column;gap:.85rem}.step-guide-list li{color:var(--text-secondary);font-size:.95rem;line-height:1.65;padding-left:.25rem}.step-guide-list li strong{color:var(--text-main)}.formula-box{background:var(--bg-surface);border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:14px;padding:clamp(.95rem,2.5vw,1.35rem) clamp(1.15rem,3vw,1.65rem);margin:1.5rem 0;font-family:var(--font-mono);font-size:clamp(.95rem,2.5vw,1.15rem);color:#38bdf8;display:flex;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 2px #0003}[data-theme=light] .formula-box,html.light .formula-box{color:#0284c7;background:#f1f5f9;box-shadow:inset 0 1px 2px #0000000a}.example-box{background:#38bdf80a;border:1px solid rgba(56,189,248,.22);border-radius:18px;padding:clamp(1.25rem,3vw,1.75rem);margin:1.25rem 0 0;box-shadow:var(--core-highlight)}.example-box h4{font-size:1.15rem;font-weight:750;color:var(--text-main);margin-bottom:.85rem;letter-spacing:-.015em}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1rem;margin:1.25rem 0;padding:1.15rem;background:var(--bg-card);border-radius:14px;border:1px solid var(--border-subtle);box-shadow:var(--core-highlight)}.example-stat-label{font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.example-stat-val{font-size:1.1rem;font-weight:750;color:var(--primary);font-family:var(--font-mono)}[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .header-inner,[dir=rtl] .header-left,[dir=rtl] .brand-logo{flex-direction:row}[dir=rtl] .nav-dropdown-menu{left:0;right:auto;text-align:right}[dir=rtl] .dropdown-item{flex-direction:row;text-align:right}[dir=rtl] .footer-links{text-align:right}[dir=rtl] .breadcrumbs-list{flex-direction:row}[dir=rtl] .breadcrumbs-separator{transform:scaleX(-1)}[dir=rtl] .input-with-addon,[dir=rtl] .form-label{flex-direction:row-reverse}[dir=rtl] .card-arrow svg,[dir=rtl] .tool-link-arrow svg,[dir=rtl] .cluster-link-arrow svg{transform:scaleX(-1)}[dir=rtl] .faq-summary{flex-direction:row-reverse;text-align:right}[dir=rtl] .faq-header-left{flex-direction:row-reverse}[dir=rtl] .faq-badge-q{margin-left:.75rem;margin-right:0}[dir=rtl] .faq-answer{padding-right:3.5rem;padding-left:1rem;text-align:right}[dir=rtl] .explanation-box{border-left:none;border-right:4px solid #0284c7;flex-direction:row;text-align:right}[dir=rtl] .chart-header,[dir=rtl] .models-title-row{flex-direction:row-reverse}[dir=rtl] .model-head{flex-direction:row-reverse;text-align:right}[dir=rtl] .model-specs{flex-direction:row}.calc-btn,.reset-btn,.copy-btn,.preset-chip,.unit-badge,button{transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}[data-theme=light] .presets-container,html.light .presets-container{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .presets-container .presets-label,html.light .presets-container .presets-label{color:#475569!important}[data-theme=light] .preset-chip,html.light .preset-chip{background:#fff!important;border-color:#cbd5e1!important;color:#1e293b!important}[data-theme=light] .preset-chip:hover,html.light .preset-chip:hover{background:#e0f2fe!important;border-color:#0284c7!important;color:#0284c7!important}[data-theme=light] .primary-result-box,html.light .primary-result-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border:1px solid #7dd3fc!important;box-shadow:0 4px 18px #0284c71f,inset 0 1px 2px #fffc!important}[data-theme=light] .primary-result-box .result-caption,html.light .primary-result-box .result-caption{color:#0369a1!important;font-weight:700!important}[data-theme=light] .primary-result-box .result-value,html.light .primary-result-box .result-value{color:#0c4a6e!important}[data-theme=light] .primary-result-box .unit-text,html.light .primary-result-box .unit-text{color:#0284c7!important}[data-theme=light] .primary-result-box .result-secondary,html.light .primary-result-box .result-secondary{color:#475569!important}[data-theme=light] .tool-mode-selector-group,html.light .tool-mode-selector-group{background:linear-gradient(135deg,#f0f9ff,#f8fafc)!important;border-color:#bae6fd!important}[data-theme=light] .tool-mode-title,html.light .tool-mode-title{color:#0369a1!important}[data-theme=light] .tool-mode-badge,html.light .tool-mode-badge{background:#e0f2fe!important;color:#0284c7!important;border-color:#7dd3fc!important}[data-theme=light] .tool-mode-select,html.light .tool-mode-select{background-color:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .copy-btn,html.light .copy-btn{background:#fff!important;border-color:#cbd5e1!important;color:#334155!important}[data-theme=light] .copy-btn:hover,html.light .copy-btn:hover{background:#e0f2fe!important;border-color:#0284c7!important;color:#0284c7!important}[data-theme=light] .reset-btn,html.light .reset-btn{background:#f8fafc!important;border-color:#cbd5e1!important;color:#475569!important}[data-theme=light] .reset-btn:hover,html.light .reset-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important;color:#0f172a!important}[data-theme=light] .metric-box,html.light .metric-box{background:#f0f9ff!important;border-color:#bae6fd!important}[data-theme=light] .metric-label,html.light .metric-label{color:#0369a1!important}[data-theme=light] .metric-val,html.light .metric-val{color:#0c4a6e!important}[data-theme=light] .conv-item,html.light .conv-item{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .conv-val,html.light .conv-val{color:#0f172a!important}@media print{.site-header,.site-footer,.back-to-top,.toast-notification,.theme-toggle-btn,.mobile-toggle-btn,.mobile-drawer,.presets-container,.button-row,.pde-top-actions,.pde-toolbar,.pde-sidebar,.pde-footer-bar,.nav-mesh-grid,.footer-ambient-glow,.footer-top-accent{display:none!important}body,html,main,.section,.container,.calc-card,.double-bezel-shell,.double-bezel-core{background:#fff!important;color:#0f172a!important;box-shadow:none!important;border-color:#cbd5e1!important}h1,h2,h3,h4,p,span,strong,td,th,li{color:#0f172a!important;text-shadow:none!important}svg text{fill:#0f172a!important}.calc-card,.dimension-card,.table-wrapper,.seo-article{page-break-inside:avoid;break-inside:avoid}body:before{content:"Plumbing Tools Hub • Engineering Takeoff & Calculation Sheet (https://plumbingtoolshub.com)";display:block;font-size:10pt;font-weight:700;color:#475569;border-bottom:1px solid #cbd5e1;padding-bottom:6px;margin-bottom:16px}}@media screen and (max-width:768px){input,select,textarea,.calc-input,.calc-select,.calc-input-compact,.calc-select-compact{font-size:16px!important}}@media(pointer:coarse){button,.calc-btn,.btn-primary,.btn-secondary,.btn-submit-primary,.preset-chip,.theme-toggle-btn,.mobile-toggle-btn,.footer-link-item,.nav-item,.faq-accordion-header{min-height:44px}}.table-wrapper,.data-table-container,.calc-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.3) transparent}.table-wrapper::-webkit-scrollbar,.data-table-container::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-thumb,.data-table-container::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:9999px}.button-row,.error-btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.btn-primary,.btn-secondary,.btn-primary-action,.btn-secondary-action{max-width:100%}.responsive-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2.5vw,1.5rem)}@media(max-width:640px){:root{--page-padding: .85rem;--section-gap: 2rem}.site-header{width:calc(100% - 1rem);top:.4rem}.header-inner{min-height:48px;padding-inline:.5rem}.brand-icon-emblem{width:32px;height:32px}.brand-tool-img{width:22px;height:22px}.brand-title-main{font-size:.95rem}.theme-toggle-btn,.mobile-menu-btn{width:34px;height:34px}.tool-h1{font-size:clamp(1.4rem,6vw,1.85rem)!important;line-height:1.2!important}.tool-page-subtitle{font-size:.875rem!important;line-height:1.5!important}.hero-title{font-size:clamp(1.65rem,7vw,2.25rem)!important}.hero-eyebrow-badge,.eyebrow-pill{font-size:.65rem!important;padding:.2rem .6rem!important}.content-card{padding:1rem .85rem!important;border-radius:10px!important;margin-bottom:1.25rem!important}.content-card-title{font-size:1.15rem!important}.step-guide-item{padding:.75rem .85rem!important;gap:.65rem!important}.step-num{width:24px!important;height:24px!important;font-size:.75rem!important}.step-title{font-size:.875rem!important}.step-desc{font-size:.8125rem!important}.formula-box{padding:.75rem .85rem!important}.formula-code{font-size:.85rem!important}.related-grid{grid-template-columns:1fr!important;gap:.75rem!important}.related-card{padding:.85rem 1rem!important;border-radius:10px!important}.related-info strong{font-size:.95rem!important}.related-info p{font-size:.8rem!important}}@media(max-width:380px){:root{--page-padding: .65rem}.brand-title-main{font-size:.85rem}.tool-h1{font-size:1.35rem!important}.content-card{padding:.85rem .65rem!important}}.site-footer[data-astro-cid-sz7xmlte]{position:relative;background:var(--bg-footer);border-top:1px solid var(--hairline);color:var(--text-secondary);padding-bottom:clamp(1.25rem,3vw,2rem);margin-top:auto;transition:background-color .2s ease,border-color .2s ease}.footer-top-accent[data-astro-cid-sz7xmlte]{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,112,243,.4) 30%,rgba(80,227,194,.4) 60%,transparent 100%)}.footer-inner[data-astro-cid-sz7xmlte]{position:relative;z-index:1;padding-top:clamp(1.5rem,3vw,2.25rem);max-width:var(--content-max-width, 1200px)}.footer-brand-header[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--hairline)}.footer-brand-left[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.brand-link[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1)}.brand-link[data-astro-cid-sz7xmlte]:hover{transform:translateY(-1px)}.brand-icon-box[data-astro-cid-sz7xmlte]{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-tool-img-footer[data-astro-cid-sz7xmlte]{width:26px;height:26px;object-fit:contain;display:block}.brand-img-dark[data-astro-cid-sz7xmlte]{display:block!important}.brand-img-light[data-astro-cid-sz7xmlte]{display:none!important}:root[data-theme=light] .brand-img-dark[data-astro-cid-sz7xmlte],html.light .brand-img-dark[data-astro-cid-sz7xmlte],[data-theme=light] .brand-img-dark[data-astro-cid-sz7xmlte]{display:none!important}:root[data-theme=light] .brand-img-light[data-astro-cid-sz7xmlte],html.light .brand-img-light[data-astro-cid-sz7xmlte],[data-theme=light] .brand-img-light[data-astro-cid-sz7xmlte]{display:block!important}.brand-title[data-astro-cid-sz7xmlte]{font-size:1.05rem;font-weight:600;color:var(--text-main);letter-spacing:-.025em}.brand-title-tools[data-astro-cid-sz7xmlte],.brand-title-hub[data-astro-cid-sz7xmlte]{color:var(--text-main)}.status-badge[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--hairline);padding:.15rem .5rem;border-radius:4px;letter-spacing:.03em}.pulse-dot[data-astro-cid-sz7xmlte]{width:5px;height:5px;border-radius:50%;background:#50e3c2;box-shadow:0 0 5px #50e3c2}.brand-desc[data-astro-cid-sz7xmlte]{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;max-width:680px;margin:0}.footer-grid-4col[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.75rem);margin-bottom:1.5rem}.col-header[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.4rem;margin-bottom:.65rem}.col-header[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-main);margin:0}.col-dot[data-astro-cid-sz7xmlte]{width:5px;height:5px;border-radius:50%;flex-shrink:0}.dot-cyan[data-astro-cid-sz7xmlte]{background:#50e3c2}.dot-emerald[data-astro-cid-sz7xmlte]{background:#10b981}.dot-amber[data-astro-cid-sz7xmlte]{background:#f5a623}.dot-indigo[data-astro-cid-sz7xmlte]{background:#7928ca}.footer-links[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.footer-link-item[data-astro-cid-sz7xmlte]{font-size:.78rem;color:var(--text-secondary);text-decoration:none;line-height:1.35;transition:color .15s ease,transform .15s ease;display:inline-block}.footer-link-item[data-astro-cid-sz7xmlte]:hover{color:var(--text-main);transform:translate(2px)}.footer-utility-strip[data-astro-cid-sz7xmlte]{padding-top:1rem;margin-bottom:1rem;border-top:1px solid var(--hairline)}.utility-links[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem}.utility-link-item[data-astro-cid-sz7xmlte]{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.utility-link-item[data-astro-cid-sz7xmlte]:hover{color:var(--text-main)}.footer-bottom-bar[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.85rem;border-top:1px solid var(--hairline-soft);font-size:.72rem;color:var(--text-muted)}.copyright[data-astro-cid-sz7xmlte]{margin:0}.brand-highlight[data-astro-cid-sz7xmlte]{color:var(--text-main);font-weight:600}.tagline[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-family:var(--font-mono)}.tagline-icon[data-astro-cid-sz7xmlte]{color:#50e3c2;display:flex;align-items:center}@media(max-width:860px){.footer-grid-4col[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(2,1fr);gap:1.25rem 1rem}}@media(max-width:540px){.footer-inner[data-astro-cid-sz7xmlte]{padding-top:1.25rem}.footer-brand-header[data-astro-cid-sz7xmlte]{margin-bottom:1.25rem;padding-bottom:1rem}.footer-grid-4col[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(2,1fr);gap:1rem .75rem}.col-header[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-size:.68rem}.footer-link-item[data-astro-cid-sz7xmlte]{font-size:.74rem}.utility-links[data-astro-cid-sz7xmlte]{justify-content:flex-start;gap:.4rem .85rem}.footer-bottom-bar[data-astro-cid-sz7xmlte]{flex-direction:column;align-items:flex-start;gap:.4rem}}@media(max-width:360px){.footer-grid-4col[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:1rem}}