@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");:root{--primary:#163e56;--primary-hover:#123247;--primary-active:#0d2738;--accent:#245876;--on-primary:#fff;--secondary:#3f5361;--secondary-hover:#31424e;--accent-cta:#3b2f73;--accent-cta-hover:#2f255c;--bg:#f4f7fa;--surface:#fff;--surface-2:#eef3f7;--text-dark:#000;--text-muted:#000;--text-soft:#000;--heading-1:#2b1f5b;--heading-2:#3b2f73;--heading-3:#51448a;--heading-4:#6a5aa0;--border:#d5e0e8;--border-strong:#c2d0da;--border-focus:rgba(22,62,86,.32);--highlight-bg:#eaf2f7;--highlight-border:#c8d8e3;--shadow-sm:0 1px 2px 0 rgba(15,23,42,.04);--shadow-md:0 2px 6px -1px rgba(15,23,42,.06),0 1px 3px -1px rgba(15,23,42,.04);--shadow-lg:0 8px 20px -4px rgba(15,23,42,.08),0 3px 6px -2px rgba(15,23,42,.04);--shadow-glow:0 2px 12px rgba(14,116,144,.1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-dark);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;letter-spacing:-.018em;margin:0}h1,h2,h3,h4,h5,h6{color:var(--heading-1)}h1{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2;margin-bottom:10px;font-weight:800}h1 em,h1 strong{color:var(--primary);font-style:normal}h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:8px;color:var(--heading-2);font-weight:800;letter-spacing:-.02em;border-left:2px solid #86a6b8;padding-left:10px}h3{font-size:1.05rem;margin-bottom:6px;color:var(--heading-3)}h3,h4{font-weight:700}h4{font-size:.95rem;color:var(--heading-4);letter-spacing:-.005em}p{color:var(--text-muted);margin:0 0 16px;font-size:1.05rem}a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}a:hover{color:var(--primary-hover)}button,input,select{font-family:inherit;outline:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}.container.narrow{max-width:800px}.band{padding:28px 0}.band.white{background:var(--surface)}.band.facts{padding:24px 0}.section-heading{text-align:center;margin-bottom:18px;position:relative;padding-bottom:8px}.section-heading:after{content:"";display:block;width:40px;height:3px;background:var(--primary);border-radius:2px;margin:8px auto 0}.section-heading.compact{margin-bottom:14px}.section-heading p{margin-bottom:0;font-size:.92rem;color:var(--text-muted)}.eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin-bottom:6px;display:block}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-wrap{position:relative;justify-content:space-between;height:64px;gap:24px}.brand,.nav-wrap{display:flex;align-items:center}.brand{font-size:1.25rem;font-weight:800;color:var(--text-dark);gap:8px;text-decoration:none!important;letter-spacing:-.02em}.brand span{color:var(--text-muted);font-weight:500}.brand-mark{width:22px;height:22px;border-radius:5px;background:var(--primary);display:inline-block}.nav-links{position:static;display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-left:auto;flex:1 1}.nav-links a,.nav-links span{color:var(--text-muted);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dark);line-height:1;box-shadow:var(--shadow-sm);cursor:default}.lang-select{background:transparent;border:none;color:var(--text-muted);font-size:.95rem}.btn,.lang-select{font-weight:600;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-strong);padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-dark);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease;letter-spacing:.005em;text-decoration:none;box-shadow:none}.btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,#3b2f73,#51448a);color:var(--on-primary);border-color:#2f255c;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:linear-gradient(135deg,#2f255c,#44397a);border-color:#241c47;color:var(--on-primary)}.btn.primary:active{background:#241c47;border-color:#1c1637}.btn.secondary{background:var(--secondary);color:#fff;border-color:var(--secondary);box-shadow:var(--shadow-sm)}.btn.secondary:hover{background:var(--secondary-hover);border-color:var(--secondary-hover);color:#fff}.btn.accent{background:linear-gradient(135deg,#51448a,#6a5aa0);color:#fff;border-color:#44397a}.btn.accent:hover{background:linear-gradient(135deg,#44397a,#5a4c92);color:#fff;border-color:#372f63}.menu-toggle{display:none;background:transparent;border:none;font-size:1rem;cursor:pointer;color:var(--text-dark)}.hero{text-align:center;padding-top:16px;padding-bottom:14px}.hero .eyebrow{display:none}.direct-answer{background:var(--highlight-bg);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 16px;margin:0 auto 14px;font-weight:500;color:var(--text-dark);font-size:.92rem;line-height:1.5;box-shadow:var(--shadow-sm);max-width:800px;text-align:center}.converter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--shadow-glow);padding:18px 22px;max-width:1000px;margin:0 auto}.preset-row{flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset-btn,.preset-row{display:flex;justify-content:center}.preset-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .18s ease;flex:1 1;min-width:110px;box-shadow:var(--shadow-sm)}.preset-btn .preset-icon{display:none}.preset-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.preset-btn.active{border-color:var(--primary);background:var(--highlight-bg);box-shadow:0 0 0 1px var(--primary)}.preset-btn span{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.preset-btn.active span{color:var(--primary)}.preset-btn b{font-size:.92rem;color:var(--text-dark);font-weight:700;line-height:1.1}.preset-btn.active b{color:var(--primary)}.input-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;align-items:end;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:4px;text-align:left}.field>span{font-size:.72rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em}.input-wrap{position:relative}.field select,.input-wrap input{width:100%;height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 38px 0 14px;font-size:.95rem;color:var(--text-dark);background:var(--surface);transition:all .2s;font-weight:600;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.field select:focus,.input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-focus);background:var(--surface)}.input-wrap b{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;font-weight:600;pointer-events:none}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer}.result-row{display:flex;justify-content:space-between;align-items:center;background:var(--highlight-bg);padding:14px 18px;border-radius:var(--radius-sm);border:1px solid var(--highlight-border);gap:16px}.result-row>div{display:flex;flex-direction:column;gap:2px;text-align:left}.result-row span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.result-row span,.result-row strong{color:var(--primary);font-weight:800}.result-row strong{font-size:clamp(1.1rem,3vw,1.4rem);letter-spacing:-.02em;line-height:1.15;word-break:break-word;overflow-wrap:anywhere}.result-row em{font-size:.78rem;color:var(--text-muted);font-style:normal;font-weight:500}.btn{padding:10px 18px;font-size:.85rem}.action-row{display:flex;gap:12px}.slider-shell{display:flex;align-items:center;gap:16px;position:relative}.formula-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:none}.formula-slider::-webkit-scrollbar{display:none}.formula-card{flex:0 0 280px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .2s;text-align:left}.formula-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.formula-label{font-size:.75rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:inline-block;background:var(--highlight-bg);padding:4px 10px;border-radius:4px}.formula-code{display:block;background:var(--bg);padding:16px;border-radius:var(--radius-sm);font-size:.95rem;color:var(--primary);margin-bottom:16px}.formula-code,.slider-btn{font-family:monospace;border:1px solid var(--border);font-weight:700}.slider-btn{background:var(--surface);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dark);flex-shrink:0;box-shadow:var(--shadow-sm);transition:all .3s ease;font-size:1.2rem}.slider-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px var(--highlight-bg);transform:scale(1.05)}.scroll-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;color:var(--primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.scroll-arrow-line{flex:1 1;max-width:400px;height:2px;background:var(--primary);position:relative}.scroll-arrow-line:after{content:"";position:absolute;right:0;top:-5px;border-left:10px solid var(--primary);border-top:6px solid transparent;border-bottom:6px solid transparent}.method-stack{display:grid;grid-gap:24px;gap:24px;max-width:960px;margin:0 auto}.method-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-bottom:14px}.method-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px 16px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s;text-align:left;position:relative;overflow:hidden}.method-num{display:inline-block;font-size:.75rem;font-weight:800;color:var(--primary);background:var(--highlight-bg);padding:4px 10px;border-radius:999px;letter-spacing:.08em;margin-bottom:10px}.method-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .25s ease}.method-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(79,70,229,.15);border-color:var(--primary)}.method-card:hover:before{opacity:1}.method-icon{display:none}.method-card h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:10px;font-weight:800;line-height:1.3}.method-card p{font-size:.95rem;margin-bottom:16px;line-height:1.5}.method-card ol,.method-card p{font-weight:500;color:var(--text-muted)}.method-card ol{margin:16px 0 0;counter-reset:method-step;list-style:none;padding-left:0}.method-card li{margin-bottom:10px;line-height:1.55;padding-left:32px;position:relative;counter-increment:method-step}.method-card li:before{content:counter(method-step);position:absolute;left:0;top:1px;width:22px;height:22px;font-size:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.highlight-text,.method-card li:before{background:var(--highlight-bg);color:var(--primary);font-weight:700}.highlight-text{padding:2px 6px;border-radius:4px;font-family:monospace;display:inline-block}.inline-cta{text-align:center;margin:18px 0;display:flex;justify-content:center}.mega-cta{display:inline-flex;align-items:center;gap:12px;padding:16px 36px!important;font-size:1rem!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important;border-radius:999px!important;background:linear-gradient(135deg,#3b2f73,#5a4c92)!important;color:#fff!important;border:1px solid #2f255c!important;box-shadow:0 10px 24px rgba(59,47,115,.36);transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;animation:mega-pulse 2.4s ease-in-out infinite}.mega-cta:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#2f255c,#51448a)!important;box-shadow:0 14px 32px rgba(59,47,115,.48)}.mega-cta .cta-emoji{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}@keyframes mega-pulse{0%,to{box-shadow:0 10px 24px rgba(59,47,115,.36)}50%{box-shadow:0 10px 26px rgba(59,47,115,.52),0 0 0 6px rgba(106,90,160,.18)}}.uses-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.use-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.use-icon{display:none}.use-icon svg{width:24px;height:24px}.use-card h3{color:var(--text-dark);font-size:.95rem;margin-bottom:6px}.use-card h3,.use-card p{transition:color .3s;z-index:2;position:relative}.use-card p{font-size:.82rem;color:var(--text-muted);line-height:1.45;margin:0}.use-card:before{content:"";position:absolute;inset:0;background:var(--primary);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.use-card:hover:before{transform:scaleY(1)}.use-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(79,70,229,.3);border-color:var(--primary)}.use-card:hover h3,.use-card:hover p{color:#fff}.use-card:hover .use-icon{background:hsla(0,0%,100%,.2);color:#fff}.dpi-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.dpi-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 16px;font-size:.85rem;cursor:pointer;transition:all .2s;color:var(--text-muted);font-weight:600;box-shadow:var(--shadow-sm)}.dpi-tab:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.dpi-tab.active{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}.how-layout,.table-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:16px;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm);align-items:stretch}.how-tabs,.range-list{display:flex;flex-direction:column;gap:4px;max-height:560px;overflow-y:auto;padding-right:8px;border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.how-tabs::-webkit-scrollbar,.range-list::-webkit-scrollbar{width:6px}.how-tabs::-webkit-scrollbar-thumb,.range-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.how-tab,.range-item{background:transparent;border:0;cursor:pointer;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-muted);line-height:1.35;transition:all .18s ease;position:relative;display:block;width:100%}.how-tab.active,.how-tab:hover,.range-item.active,.range-item:hover{background:var(--highlight-bg);color:var(--primary)}.how-tab.active,.range-item.active{font-weight:700;box-shadow:inset 3px 0 0 var(--primary)}.how-answer,.range-content{padding:4px;min-height:0}.how-answer h3,.range-content h3{text-align:left;font-size:1.1rem;color:var(--text-dark);margin-bottom:12px;font-weight:800}.how-answer p,.range-content .table-note{text-align:left;font-size:1rem;color:var(--text-muted);line-height:1.65;margin-bottom:14px}.how-answer .answer-intro{background:var(--highlight-bg);border-left:3px solid var(--primary);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-dark);font-weight:500;margin-bottom:16px}.how-answer ol{padding-left:20px;text-align:left}.how-answer ol li{margin-bottom:8px;color:var(--text-muted);line-height:1.55}.answer-takeaway{background:linear-gradient(135deg,var(--highlight-bg),#fff);border:1px solid var(--highlight-border);border-left:4px solid var(--primary);border-radius:var(--radius-md);padding:16px 20px;margin:18px 0;position:relative}.answer-takeaway .takeaway-label{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:6px}.answer-takeaway p{margin:0;color:var(--text-dark);font-weight:600;font-size:.95rem;line-height:1.5}.answer-takeaway{padding:12px 16px;margin:12px 0}.answer-example{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px dashed var(--primary);border-radius:var(--radius-sm);padding:10px 14px;margin:12px 0;flex-wrap:wrap}.answer-example .example-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-shrink:0}.answer-example .example-value{font-size:1.05rem;font-weight:700;color:var(--text-dark)}.answer-example .highlight-math{font-size:1rem;padding:6px 14px;border-radius:8px}.answer-tip{display:block;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-sm);padding:10px 14px;margin:16px 0 24px}.answer-tip .tip-label{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:6px}.answer-tip p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.55}.answer-cta-wrap{display:block;margin:18px 0 4px;padding:16px 18px;background:var(--highlight-bg);border-radius:var(--radius-md);border:1px solid var(--highlight-border);text-align:center;clear:both;width:100%;box-sizing:border-box}.answer-cta-wrap .cta-prompt{display:block;margin:0 auto 10px;font-size:.98rem;font-weight:700;color:var(--text-dark);text-align:center;max-width:100%}.answer-cta-wrap .answer-cta{display:inline-block;margin:0 auto}.answer-cta-wrap .cta-subtext{display:block;margin:14px auto 0;font-size:.82rem;color:var(--text-muted);text-align:center;letter-spacing:.02em}.answer-cta{display:inline-block;padding:14px 32px;background:var(--primary);color:#fff!important;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;letter-spacing:.02em;text-decoration:none!important;box-shadow:0 4px 14px rgba(79,70,229,.25);transition:all .2s ease;text-align:center;border:0;max-width:100%;white-space:normal;line-height:1.3}.answer-cta:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px rgba(79,70,229,.35)}.answer-cta .cta-text{display:inline}.howuse-steps{list-style:none;counter-reset:howuse-counter;padding:20px 0 12px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;max-width:880px;margin:0 auto;text-align:left}.howuse-steps li{counter-increment:howuse-counter;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px 14px 52px;position:relative;font-size:.95rem;color:var(--text-muted);line-height:1.5;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease}.howuse-steps li:before{content:counter(howuse-counter);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem}.howuse-steps li:hover{border-color:var(--primary);transform:translateY(-1px)}.howuse-steps li strong{color:var(--text-dark)}.howuse-steps li code{background:var(--highlight-bg);color:var(--primary);padding:1px 6px;border-radius:4px;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,monospace}@media (max-width:768px){.howuse-steps{grid-template-columns:1fr;padding:12px 0}}.faq-container{max-width:900px;margin:0 auto}.faq-tabs-scroll{overflow-x:auto;padding-bottom:14px;margin-bottom:24px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) var(--highlight-bg)}.faq-tabs-scroll::-webkit-scrollbar{display:block;height:8px}.faq-tabs-scroll::-webkit-scrollbar-track{background:var(--highlight-bg);border-radius:4px;margin:0 8px}.faq-tabs-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px}.faq-tabs-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.faq-tabs{display:flex;gap:12px;min-width:max-content;justify-content:flex-start;padding:4px}.faq-cat-tab{background:var(--surface);border:1px solid var(--border);padding:12px 24px;font-size:.95rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s;border-radius:999px}.faq-cat-tab:hover{background:var(--highlight-bg);color:var(--primary);border-color:var(--primary)}.faq-cat-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(79,70,229,.2)}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.faq-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.faq-question{width:100%;text-align:left;background:none;border:none;padding:20px 24px;font-size:1.05rem;font-weight:700;color:var(--text-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .3s}.faq-item.open .faq-question{color:var(--primary)}.faq-question b{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;position:relative;margin-left:16px;flex-shrink:0;color:var(--text-muted);transition:transform .3s}.faq-question b:before{content:"";width:12px;height:12px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);display:block;margin-top:-6px;transition:border-color .3s}.faq-item.open .faq-question b{transform:rotate(180deg);color:var(--primary)}.faq-answer{display:none;padding:0 24px 20px;font-size:1rem;color:var(--text-muted);margin:0;line-height:1.6;background:transparent;border-top:1px solid transparent}.faq-item.open .faq-answer{display:block;animation:slideDown .3s ease forwards;border-top-color:var(--border);padding-top:20px}.highlight-math{background:var(--highlight-bg);color:var(--primary);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;border:1px solid rgba(79,70,229,.2)}.range-select{display:none}.range-buttons{display:contents}.conv-cards{display:none}.conv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.conv-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:nowrap}.conv-cm,.conv-px{font-weight:800;color:var(--text-dark);font-size:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex;align-items:baseline;gap:4px;min-width:0;overflow-wrap:anywhere}.conv-cm em,.conv-px em{font-style:normal;font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.conv-px{color:var(--primary);background:var(--highlight-bg);padding:4px 10px;border-radius:6px;border:1px solid var(--highlight-border)}.conv-eq{font-weight:700;font-size:.95rem;flex-shrink:0}.conv-eq,.conv-note{color:var(--text-muted)}.conv-note{margin:6px 0 0;font-size:.72rem;text-align:right}.table-card{padding:4px;min-height:0}.table-card h3{text-align:left;font-size:1.1rem;color:var(--text-dark);margin-bottom:8px;font-weight:800}.table-card .table-note{text-align:left;font-size:.9rem;color:var(--text-muted);line-height:1.55;margin-bottom:10px}.table-note{background:var(--highlight-bg);border-left:3px solid var(--primary);padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.table-scroll{overflow-x:auto;margin-top:24px;border:1px solid var(--border);border-radius:var(--radius-sm)}.conversion-table{width:100%;border-collapse:collapse;font-size:1rem}.conversion-table td,.conversion-table th{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border)}.conversion-table th{font-weight:700;color:var(--text-dark);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg)}.conversion-table td:nth-child(2){font-weight:700;color:var(--primary)}.conversion-table tr:last-child td{border-bottom:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:var(--bg);border-top:1px solid var(--border);padding:28px 0 0;margin-top:24px}.footer-layout{display:flex;gap:28px;margin-bottom:20px}.footer-main{flex:1.5 1}.footer-buttons{display:flex;gap:14px;margin-bottom:14px}.footer-desc{font-size:.86rem;color:var(--text-muted);line-height:1.55}.footer-language-switch{margin-top:16px}.footer-lang-switcher{min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dark)}.footer-langs-grid{flex:2 1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.lang-col h4{font-size:.92rem;color:var(--text-dark);font-weight:700;margin-bottom:8px}.lang-list{display:flex;flex-direction:column;gap:6px}.lang-list a{color:var(--text-muted);font-size:.85rem;font-weight:500}.lang-list a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding:12px 0;text-align:center}.footer-copyright{font-size:.82rem;color:var(--text-muted)}.answer-block{background:var(--surface);padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;border:1px solid var(--border);transition:all .3s ease}.answer-block:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--primary)}.answer-block h2,.answer-block h3{color:var(--primary);font-size:1.05rem;margin-bottom:8px;font-weight:800}.answer-block p{font-size:.92rem;line-height:1.55;color:var(--text-dark);margin-bottom:8px}.definition-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-top:14px}.def-card{background:var(--surface);padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .3s ease}.def-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--primary)}.def-card h3{color:var(--primary);font-size:1rem;margin-bottom:8px;font-weight:800}.def-card p{font-size:.9rem;line-height:1.55;color:var(--text-dark);margin:0}@media (max-width:1024px){.footer-layout{flex-direction:column}.uses-grid{grid-template-columns:repeat(2,1fr)}.how-layout{gap:24px}.definition-grid,.how-layout,.method-row{grid-template-columns:1fr}}@media (max-width:768px){body{overflow-x:hidden}.container{width:100%;padding:0 12px}.nav-wrap{position:relative;height:48px}.brand{font-size:1.05rem}.brand-mark{width:20px;height:20px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;transform:none;background:var(--surface);padding:24px;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:101}.nav-links.open{display:flex}.menu-toggle{display:block;padding:4px 10px;font-size:.85rem}.hero{padding-top:8px;padding-bottom:8px}.hero .eyebrow{display:none}h1{font-size:1.15rem;margin-bottom:6px;line-height:1.2;letter-spacing:-.01em}.direct-answer{margin:0 auto 8px;padding:8px 12px;font-size:.78rem;line-height:1.35;border-left-width:3px;border-radius:var(--radius-sm)}.band{padding:24px 0}.converter-card{padding:10px;border-radius:var(--radius-md)}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:12px;flex-direction:row;overflow:visible;padding:0}.preset-btn{padding:8px 4px;min-width:0;flex:unset;border-radius:10px;gap:2px;box-shadow:var(--shadow-sm)}.preset-btn .preset-icon{width:22px;height:22px;margin-bottom:2px}.preset-btn span{font-size:.65rem;text-transform:none;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preset-btn b,.preset-btn span{line-height:1.1;white-space:nowrap}.preset-btn b{font-size:.7rem}.how-layout,.table-layout{display:block;gap:14px;padding:12px}.range-list{display:block;border:0;padding:0;margin-bottom:12px;max-height:none;overflow:visible}.range-list .range-buttons{display:none}.range-list .range-select{display:block;width:100%;padding:14px 16px;font-size:.95rem;font-weight:700;color:var(--primary);background:var(--highlight-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230E7490' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right 16px center;border:2px solid var(--primary);border-radius:var(--radius-md);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:var(--shadow-sm)}.how-tabs{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:unset;flex-wrap:unset;grid-gap:6px;gap:6px;overflow:visible;border-right:0;border-bottom:1px solid var(--border);padding:0 0 12px;margin-bottom:14px;max-height:220px;overflow-y:auto}.how-tab{flex:unset;white-space:normal;padding:9px 10px;font-size:.78rem;text-align:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);line-height:1.25}.how-tab.active{box-shadow:0 0 0 2px var(--primary);background:var(--highlight-bg);color:var(--primary);font-weight:700}.table-card{padding:4px 0;overflow:hidden}.table-card h3{font-size:1rem;line-height:1.3;word-break:break-word}.table-card .table-note{font-size:.85rem;padding:10px 12px}.table-scroll{display:none}.conv-cards{display:block;margin-top:12px}.dpi-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:16px}.dpi-tab{padding:8px 6px;font-size:.78rem;text-align:center}.input-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.field span{font-size:.72rem;margin-bottom:2px}.field select,.input-wrap input{height:38px;font-size:.9rem;padding:0 36px 0 10px}.input-wrap b{font-size:.7rem;right:8px}.result-row{flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:var(--radius-sm)}.result-row>div:first-child span{font-size:.7rem}.result-row strong{font-size:1rem}.result-row em{font-size:.7rem}.action-row{width:100%;gap:6px}.action-row .btn{flex:1 1;padding:9px 8px;font-size:.78rem;letter-spacing:.02em;text-transform:none}.uses-grid{grid-template-columns:1fr}.method-card{padding:24px}.table-card{padding:20px}.inline-cta .btn{width:100%}.footer-langs-grid{grid-template-columns:1fr}.faq-question{padding:16px 20px;font-size:.95rem}.faq-answer{padding:0 20px 16px;font-size:.95rem}.faq-item.open .faq-answer{padding-top:16px}.faq-cat-tab,.how-tab{padding:10px 16px;font-size:.9rem}.definition-card,.formula-card{padding:20px}}@media (max-width:420px){.container{padding:0 10px}h1{font-size:1.05rem}.direct-answer{font-size:.72rem;padding:7px 10px}.converter-card{padding:10px}.preset-btn{padding:7px 3px}.preset-btn span{font-size:.6rem}.preset-btn b{font-size:.65rem}.preset-btn .preset-icon{width:20px;height:20px}.field select,.input-wrap input{height:36px;font-size:.85rem}.field span{font-size:.68rem}.action-row .btn{padding:8px 6px;font-size:.72rem}.result-row strong{font-size:.95rem}.how-tabs,.range-list{grid-template-columns:1fr}.dpi-tabs{grid-template-columns:repeat(3,1fr)}.conversion-table{min-width:380px;font-size:.78rem}.table-card h3{font-size:.92rem}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){.hero{padding-top:6px;padding-bottom:6px}h1{font-size:1rem;margin-bottom:4px}.direct-answer{display:none}}