@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:1440px){.container{max-width:1440px}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-secondary:#7c3aed;--color-secondary-hover:#6d28d9;--color-secondary-light:#ede9fe;--color-secondary-50:#f5f3ff;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-primary-soft:linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);--gradient-hero-border:linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #2563eb 100%);--color-bg:#fff;--color-bg-alt:#f8fafc;--color-bg-subtle:#f1f5f9;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-info:#3b82f6;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a0f, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a12, 0 8px 10px -6px #0f172a0a;--shadow-2xl:0 25px 50px -12px #0f172a26;--shadow-converter:0 20px 60px -10px #2563eb1f, 0 8px 20px -6px #7c3aed14;--shadow-card-hover:0 12px 24px -4px #0f172a14, 0 4px 8px -2px #0f172a0a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-base:1.0625rem;--font-size-lg:1.1875rem;--font-size-xl:1.3125rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--container-max:1200px;--container-narrow:800px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-24) 0}.section--alt{background-color:var(--color-bg-alt)}.section__header{text-align:center;max-width:640px;margin:0 auto var(--space-16)}.section__badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--gradient-primary-soft);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:500;display:inline-flex}.section__badge svg{width:14px;height:14px}.section__title{font-size:var(--font-size-4xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-4)}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}h1{font-weight:700;line-height:var(--leading-tight)}h2{font-weight:600;line-height:var(--leading-tight)}h3{font-weight:500;line-height:var(--leading-snug)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{z-index:1000;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-base),box-shadow var(--transition-base);background:#ffffffd9;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.nav__inner{width:100%;max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--color-text);font-weight:600;text-decoration:none;display:flex}.nav__logo-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.nav__links{align-items:center;gap:var(--space-8);display:flex}.nav__link{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav__link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav__link:hover{color:var(--color-primary)}.nav__link:hover:after{width:100%}.nav__cta{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-full);transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-weight:500;display:inline-flex}.nav__cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.nav__mobile-toggle{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);transition:background var(--transition-fast);justify-content:center;align-items:center;display:none}.nav__mobile-toggle:hover{background:var(--color-bg-subtle)}.nav__mobile-toggle svg{width:24px;height:24px}.nav__close-icon,.nav__links.is-open~.nav__mobile-toggle .nav__open-icon{display:none}.nav__links.is-open~.nav__mobile-toggle .nav__close-icon{display:block}.nav__dropdown{position:relative}.nav__dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;display:inline-flex}.nav__dropdown-trigger:after{display:none}.nav__dropdown-arrow{transition:transform var(--transition-fast);flex-shrink:0}.nav__dropdown.is-open .nav__dropdown-arrow,.nav__dropdown:hover .nav__dropdown-arrow{transform:rotate(180deg)}.nav__dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-2) 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:100;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nav__dropdown-menu:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--color-border);width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.nav__dropdown-menu:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid var(--color-surface);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.nav__dropdown:after{content:"";height:16px;display:none;position:absolute;top:100%;left:0;right:0}.nav__dropdown:hover:after{display:block}.nav__dropdown:hover .nav__dropdown-menu,.nav__dropdown.is-open .nav__dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.nav__dropdown-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:flex}.nav__dropdown-link:hover{background:var(--gradient-primary-soft);color:var(--color-primary)}.hero{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-20);background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0a,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed08,#0000 70%);width:500px;height:500px;position:absolute;bottom:-150px;left:-150px}.hero__content{text-align:center;max-width:700px;margin:0 auto var(--space-12);z-index:1;position:relative}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary);margin-bottom:var(--space-6);box-shadow:var(--shadow-xs);font-weight:500;display:inline-flex}.hero__badge-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero__title{font-size:var(--font-size-5xl);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-5);letter-spacing:0;overflow-wrap:break-word}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto}.converter{z-index:1;width:100%;max-width:680px;margin:0 auto;position:relative}.converter__card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-converter);border:1px solid var(--color-border);position:relative;overflow:hidden}.converter__card:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.converter__fields{align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-6);min-width:0;display:flex}.converter__field{flex:1;min-width:0;position:relative}.converter__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:500;display:block}.converter__input-wrap{align-items:center;display:flex;position:relative}.converter__input{width:100%;padding:var(--space-4) var(--space-4);font-size:var(--font-size-2xl);color:var(--color-text);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding-right:60px;font-weight:600}.converter__input:focus{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 3px #2563eb1a}.converter__input::placeholder{color:var(--color-text-light);font-weight:400}.converter__unit{right:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);pointer-events:none;font-weight:500;position:absolute}.converter__swap{border-radius:var(--radius-full);background:var(--gradient-primary-soft);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-primary);transition:transform var(--transition-base),box-shadow var(--transition-fast);cursor:pointer;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:0;display:flex}.converter__swap:hover{box-shadow:var(--shadow-md);transform:rotate(180deg)}.converter__swap svg{width:20px;height:20px}.converter__result-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--gradient-primary-soft);border-radius:var(--radius-md);margin-bottom:var(--space-6);min-width:0;display:flex}.converter__formula{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;min-width:0}.converter__formula strong{color:var(--color-primary);font-weight:600}.converter__copy-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;font-weight:500;display:inline-flex}.converter__copy-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.converter__copy-btn svg{width:14px;height:14px}.converter__actions{gap:var(--space-3);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;font-weight:500;display:inline-flex}.btn--primary{background:var(--gradient-primary);color:#fff;flex:1;box-shadow:0 2px 8px #2563eb33}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb4d}.btn--secondary{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);flex:1}.btn--secondary:hover{background:var(--color-bg-alt);border-color:var(--color-primary);color:var(--color-primary)}.btn svg{width:16px;height:16px}.trust-badges{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.trust-badge{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.trust-badge__icon{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.how-it-works__grid,.containers__grid,.info-cards__grid,.related-converters__grid{gap:var(--space-6);display:grid}.how-it-works__grid{grid-template-columns:repeat(3,1fr)}.step-card{min-height:260px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative}.step-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.step-card__number{top:var(--space-5);right:var(--space-5);border-radius:var(--radius-full);background:var(--color-bg-subtle);width:32px;height:32px;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.step-card__icon{width:44px;height:44px;padding:var(--space-2);margin-bottom:var(--space-6);border-radius:var(--radius-md);background:var(--gradient-primary-soft);color:var(--color-primary)}.step-card__title{margin-bottom:var(--space-3);font-size:var(--font-size-xl);color:var(--color-text)}.step-card__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.visual-converter{gap:var(--space-12);max-width:920px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:minmax(260px,.85fr) 1.15fr;align-items:center;margin:0 auto;display:grid}.measuring-cup{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.measuring-cup__container{aspect-ratio:5/7;width:min(100%,280px);padding:var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.measuring-cup__svg{width:100%;height:100%}.measuring-cup__value{align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary);font-weight:700;display:inline-flex}.scale-panel{min-width:0}.scale-panel__title{margin-bottom:var(--space-3);font-size:var(--font-size-2xl);color:var(--color-text)}.scale-panel__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.scale-input{max-width:260px;margin-bottom:var(--space-5);position:relative}.scale-input__field{width:100%;padding:var(--space-3) var(--space-12) var(--space-3) var(--space-4);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-xl);font-weight:600}.scale-input__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.scale-input__unit{top:50%;right:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none;font-weight:600;position:absolute;transform:translateY(-50%)}.scale-bar{border-radius:var(--radius-full);background:var(--color-bg-subtle);border:1px solid var(--color-border);height:14px;overflow:hidden}.scale-bar__fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width var(--transition-base)}.scale-bar__labels{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);display:flex}.scale-result{align-items:baseline;gap:var(--space-2);margin-top:var(--space-6);display:flex}.scale-result__value{font-size:var(--font-size-4xl);color:var(--color-primary);font-weight:700}.scale-result__unit{color:var(--color-text-muted);font-weight:500}.containers__grid{grid-template-columns:repeat(5,1fr)}.container-card{min-height:210px;padding:var(--space-6) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.container-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.container-card__icon{width:48px;height:48px;margin:0 auto var(--space-4);padding:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-primary-soft);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.container-card__name{color:var(--color-text);font-weight:600}.container-card__oz{margin-top:var(--space-2);color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700}.container-card__liters{color:var(--color-text-muted);font-size:var(--font-size-sm)}.container-card__action{margin-top:var(--space-4);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600}.info-cards__grid{grid-template-columns:repeat(2,1fr);align-items:start;max-width:960px;margin:0 auto}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.info-card.is-open{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.info-card__header{align-items:center;gap:var(--space-4);min-height:96px;padding:var(--space-5);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.info-card__icon,.info-card__toggle{flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card__icon{width:44px;height:44px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-primary-soft);color:var(--color-primary)}.info-card__title{color:var(--color-text);font-size:var(--font-size-base);font-weight:600}.info-card__teaser{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.info-card__toggle{width:28px;height:28px;color:var(--color-text-muted);transition:transform var(--transition-base),color var(--transition-fast)}.info-card.is-open .info-card__toggle{color:var(--color-primary);transform:rotate(180deg)}.info-card__body{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.info-card__body-inner{padding:0 var(--space-5) var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.info-card__body-inner p+p{margin-top:var(--space-3)}.related-converters__grid{grid-template-columns:repeat(3,1fr)}.related-card{align-items:center;gap:var(--space-4);min-height:120px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.related-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);color:var(--color-text);transform:translateY(-3px)}.related-card__icon{width:44px;height:44px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-primary-soft);color:var(--color-primary)}.related-card__name{font-weight:600}.related-card__desc{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.related-card__arrow{width:20px;height:20px;color:var(--color-text-light);transition:transform var(--transition-fast),color var(--transition-fast)}.related-card:hover .related-card__arrow{color:var(--color-primary);transform:translate(3px)}.definition-block{max-width:680px;margin:var(--space-10) auto 0}.definition-block__inner{padding:var(--space-6) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.definition-block__title{font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600}.definition-block__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.definition-block__text+.definition-block__text{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);color:var(--color-text);font-weight:500}.popular-units{max-width:680px;margin:var(--space-10) auto 0}.popular-units__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);text-align:center;font-weight:600}.popular-units__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.unit-conversion-diagram{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.unit-node{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.unit-node:hover,.unit-node--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #2563eb33}.unit-node__label{pointer-events:none}.unit-conversion-result{margin-top:var(--space-4);text-align:center;padding:var(--space-3) var(--space-5);background:var(--gradient-primary-soft);border-radius:var(--radius-md);border:1px solid var(--color-border)}.unit-conversion-result__text{font-size:var(--font-size-base);color:var(--color-primary);font-weight:600}.unit-explainer{gap:var(--space-12);margin-bottom:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.unit-explainer:last-child{margin-bottom:0}.unit-explainer--reverse{direction:rtl}.unit-explainer--reverse>*{direction:ltr}.unit-explainer__content{gap:var(--space-5);flex-direction:column;display:flex}.unit-explainer__title{font-size:var(--font-size-2xl);color:var(--color-text);font-weight:600}.unit-explainer__content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.sub-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.sub-section__title{font-size:var(--font-size-base);margin-bottom:var(--space-3);color:var(--color-text);font-weight:600}.conversion-examples{margin:var(--space-3) 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.conversion-examples li{padding:var(--space-2) var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-left:2px solid var(--color-primary)}.conversion-examples li strong{color:var(--color-primary)}.unit-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.unit-grid__item{padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast)}.unit-grid__item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.unit-grid__value{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:700;display:block}.unit-grid__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;display:block}.comparison-diagram{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.comparison-diagram__title{font-size:var(--font-size-base);margin-bottom:var(--space-5);text-align:center;font-weight:600}.comparison-bars{gap:var(--space-4);flex-direction:column;display:flex}.comparison-bar__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:500}.comparison-bar__track{background:var(--color-bg-subtle);border-radius:var(--radius-sm);height:36px;overflow:hidden}.comparison-bar__fill{border-radius:var(--radius-sm);height:100%;padding:0 var(--space-3);font-size:var(--font-size-xs);color:#fff;align-items:center;font-weight:600;transition:width 1s;display:flex}.comparison-bar__fill--us{background:var(--color-primary)}.comparison-bar__fill--imperial{background:var(--color-secondary)}.comparison-diagram__note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-4);line-height:var(--leading-relaxed);text-align:center}.container-sizes{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.container-sizes__title{font-size:var(--font-size-base);margin-bottom:var(--space-2);text-align:center;font-weight:600}.container-sizes__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.container-sizes__grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.container-size-btn{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-primary);flex-direction:column;display:flex}.container-size-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.container-size-btn__name{font-size:var(--font-size-xs);color:var(--color-text);font-weight:600}.container-size-btn__oz{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:700}.container-size-btn__litres{font-size:var(--font-size-xs);color:var(--color-text-muted)}.formula-section{max-width:800px;margin:0 auto var(--space-16)}.formula-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-6);font-weight:600}.formula-section p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-4)}.formula-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.formula-card:before{content:"";background:var(--gradient-primary);height:3px;position:absolute;top:0;left:0;right:0}.formula-card__equation{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.formula-card__var{font-size:var(--font-size-2xl);color:var(--color-text);padding:var(--space-2) var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-sm);font-weight:700}.formula-card__var-sm{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.formula-card__equals,.formula-card__operator{font-size:var(--font-size-2xl);color:var(--color-text-muted);font-weight:300}.formula-card__constant{font-size:var(--font-size-2xl);color:var(--color-primary);padding:var(--space-2) var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-sm);font-weight:700}.formula-card__constant-sm{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:700}.formula-card__reverse{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px dashed var(--color-border);display:flex}.formula-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.formula-card__reverse .formula-card__equals,.formula-card__reverse .formula-card__operator{font-size:var(--font-size-sm)}.manual-steps{max-width:800px;margin:0 auto}.manual-steps__title{font-size:var(--font-size-xl);margin-bottom:var(--space-6);font-weight:600}.manual-steps p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-4)}.step-calculator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.step-calculator__input-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-light);display:flex}.step-calculator__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.step-calculator__input{width:100px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-lg);color:var(--color-text);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);font-weight:600}.step-calculator__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.step-calculator__unit{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.step-calculator__steps{gap:var(--space-4);flex-direction:column;display:flex}.step-calc-item{align-items:flex-start;gap:var(--space-4);display:flex}.step-calc-item__number{border-radius:var(--radius-full);background:var(--color-bg-subtle);width:32px;height:32px;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.step-calc-item--final .step-calc-item__number{background:var(--color-primary);color:#fff}.step-calc-item__content{flex:1}.step-calc-item__text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.step-calc-item__result{font-size:var(--font-size-base);color:var(--color-text);font-family:Courier New,monospace;font-weight:600}.step-calc-item__result--highlight{font-size:var(--font-size-lg);color:var(--color-primary);font-family:var(--font-family)}.table-section__controls{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.table-search{flex:0 300px;position:relative}.table-search__input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);color:var(--color-text);padding-left:40px}.table-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.table-search__icon{left:var(--space-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.table-tabs{gap:var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:2px;display:flex}.table-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:6px;font-weight:500}.table-tab--active{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-xs)}.table-tab:hover:not(.table-tab--active){color:var(--color-text-secondary)}.conversion-table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;overflow:hidden}.conversion-table thead th{padding:var(--space-4) var(--space-5);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);text-align:left;font-weight:600}.conversion-table tbody td{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.conversion-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.conversion-table tbody tr:hover{background:var(--color-primary-50)}.conversion-table tbody tr:last-child td{border-bottom:none}.conversion-table .table__oz{color:var(--color-text);font-weight:600}.conversion-table .table__liters{color:var(--color-primary);font-weight:600}.conversion-table .table__notes{color:var(--color-text-muted);font-size:var(--font-size-xs)}.conversion-table .table__action{text-align:right}.conversion-table .table__use-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex}.conversion-table tbody tr:hover .table__use-btn{opacity:1}.conversion-table .table__use-btn:hover{background:var(--color-primary);color:#fff}.faq__list{gap:var(--space-3);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),border-color var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--color-primary-light)}.faq-item.is-open{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.faq-item__question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);font-size:var(--font-size-base);color:var(--color-text);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.faq-item__question:hover{color:var(--color-primary)}.faq-item__icon{width:24px;height:24px;color:var(--color-text-muted);transition:transform var(--transition-base),color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item.is-open .faq-item__icon{color:var(--color-primary);transform:rotate(45deg)}.faq-item__answer{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.faq-item__answer-inner{padding:0 var(--space-6) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.faq-item__answer-inner p+p{margin-top:var(--space-3)}.footer{padding:var(--space-16) 0 var(--space-8);color:#cbd5e1;background:#0f172a}.footer__grid{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:1.5fr 1fr 1fr 1.3fr;display:grid}.footer__col-title{font-size:var(--font-size-base);color:#f1f5f9;margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.footer__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.footer__brand-icon{background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-size:var(--font-size-sm);border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.footer__brand-name{font-size:var(--font-size-lg);color:#f1f5f9;font-weight:600}.footer__brand-name em{color:var(--color-primary);font-style:normal}.footer__tagline{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:#94a3b8;margin-bottom:var(--space-6)}.footer__social{gap:var(--space-3);display:flex}.footer__social-link{border-radius:var(--radius-full);color:#94a3b8;width:40px;height:40px;transition:all var(--transition-fast);border:1px solid #334155;justify-content:center;align-items:center;display:flex}.footer__social-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2563eb1a}.footer__link{font-size:var(--font-size-sm);color:#94a3b8;padding:var(--space-2) 0;transition:color var(--transition-fast);display:block}.footer__link:hover{color:#f1f5f9}.footer__contact-item{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:#94a3b8;padding:var(--space-3) 0;transition:color var(--transition-fast);display:flex}.footer__contact-item:hover{color:#f1f5f9}.footer__contact-item svg{color:var(--color-primary);flex-shrink:0}.footer__lang-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.footer__lang-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:#94a3b8;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:1px solid #334155;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:flex}.footer__lang-btn:hover{border-color:var(--color-primary);color:#f1f5f9;background:#2563eb14}.footer__lang-btn--active{border-color:var(--color-primary);color:#f1f5f9;background:#2563eb26}.footer__bottom{padding-top:var(--space-8);text-align:center;font-size:var(--font-size-sm);color:#64748b;border-top:1px solid #1e293b}.contact-form{gap:var(--space-4);margin-top:var(--space-6);background:var(--color-bg-alt);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-surface);transition:border-color var(--transition-fast);font-family:var(--font-family);outline:none}.form-input:focus{border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:120px}.form-status{font-size:var(--font-size-sm);min-height:24px;font-weight:500}.form-status--success{color:var(--color-success)}.form-status--error{color:#ef4444}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);color:var(--color-text);transform:translateY(-4px)}.blog-card__image{object-fit:cover;width:100%;height:200px}.blog-card__body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);font-weight:600;line-height:var(--leading-snug)}.blog-card__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);flex:1}.blog-card__cta{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);display:flex}.pagination__btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.pagination__btn:hover:not(.pagination__btn--disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination__btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.blog-post__hero{max-width:var(--container-narrow);margin:0 auto var(--space-10)}.blog-post__hero img{border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-6)}.blog-post__content{max-width:var(--container-narrow);margin:0 auto}.blog-post__content h2{font-size:var(--font-size-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-post__content h3{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-3)}.blog-post__content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.blog-post__content ul,.blog-post__content ol{margin-bottom:var(--space-4);padding-left:var(--space-6);list-style:outside}.blog-post__content li{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.results-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.sitemap-list{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.sitemap-item{padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.sitemap-item:hover{background:var(--color-surface);border-color:var(--color-primary);transform:translate(4px)}.sitemap-link{color:var(--color-text);font-weight:500}.sitemap-type{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll[data-delay="100"]{transition-delay:.1s}.animate-on-scroll[data-delay="200"]{transition-delay:.2s}.animate-on-scroll[data-delay="300"]{transition-delay:.3s}.animate-on-scroll[data-delay="400"]{transition-delay:.4s}.wave-path{transition:d var(--transition-base)}@media(max-width:768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem}.section{padding:var(--space-16) 0}.section__header{margin-bottom:var(--space-10)}.section__subtitle,.hero__subtitle,.unit-explainer__content p,.manual-steps p{overflow-wrap:break-word}.nav__links{display:none}.nav__links.is-open{top:var(--nav-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;left:0;right:0}.nav__mobile-toggle{display:flex}.nav__dropdown{position:static}.nav__dropdown:after{display:none!important}.nav__dropdown-trigger{justify-content:space-between;width:100%}.nav__dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:0 0;border:none;border-radius:0;min-width:0;padding:0;display:none;position:static;transform:none}.nav__dropdown-menu:before,.nav__dropdown-menu:after{display:none}.nav__dropdown.is-open .nav__dropdown-menu{padding-left:var(--space-4);padding-top:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.nav__dropdown-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.converter__fields{gap:var(--space-3);flex-direction:column}.converter__swap{align-self:center;transform:rotate(90deg)}.converter__swap:hover{transform:rotate(270deg)}.converter__card{padding:var(--space-6)}.hero__title .text-gradient{display:block}.visual-converter{gap:var(--space-10);padding:var(--space-6);grid-template-columns:1fr}.how-it-works__grid{grid-template-columns:1fr}.step-card{min-height:auto}.measuring-cup__container{width:min(100%,240px)}.scale-input{max-width:none}.unit-explainer{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:1fr}.unit-explainer--reverse{direction:ltr}.unit-grid,.container-sizes__grid{grid-template-columns:repeat(2,1fr)}.containers__grid{grid-template-columns:repeat(3,1fr)}.info-cards__grid,.related-converters__grid{grid-template-columns:1fr}.footer__grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.converter__actions{flex-direction:column}.trust-badges{gap:var(--space-4);flex-direction:column}.table-section__controls{flex-direction:column;align-items:stretch}.table-search{flex:1}.conversion-table{display:block;overflow-x:auto}.formula-card__equation{gap:var(--space-2)}.formula-card__var,.formula-card__constant,.formula-card__equals,.formula-card__operator{font-size:var(--font-size-xl)}.step-calculator__input-row{flex-wrap:wrap}.blog-grid{grid-template-columns:1fr}}@media(max-width:640px){html,body,.nav,main,.footer{width:100%;max-width:100%}.container{width:100%;max-width:100%;padding:0 var(--space-4);margin-left:auto;margin-right:auto}.nav__inner{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.hero *,.section *,.footer *{min-width:0}.hero__content,.section__header,.hero__subtitle,.section__subtitle,.definition-block,.popular-units,.converter,.formula-section,.manual-steps{max-width:100%}.hero__title .text-gradient{display:block}.converter__card,.definition-block__inner,.visual-converter,.comparison-diagram,.container-sizes,.formula-card,.step-calculator,.info-card,.faq-item{width:100%;max-width:100%}.converter__result-bar{flex-direction:column;align-items:stretch}.converter__copy-btn{justify-content:center}.unit-conversion-diagram,.table-tabs{grid-template-columns:1fr;width:100%;display:grid}.unit-node,.table-tab{width:100%}.unit-grid,.container-sizes__grid,.how-it-works__grid,.containers__grid{grid-template-columns:1fr}.formula-card__equation,.formula-card__reverse{flex-direction:column;align-items:stretch}.formula-card__var,.formula-card__constant{width:100%}.step-calculator__input-row{grid-template-columns:1fr;align-items:stretch;display:grid}.step-calculator__input{width:100%}.related-card{grid-template-columns:auto minmax(0,1fr)}.related-card__arrow{display:none}}@media(max-width:480px){:root{--font-size-5xl:1.875rem;--font-size-4xl:1.5rem;--font-size-2xl:1.25rem}.container,.nav__inner{padding:0 var(--space-4)}.nav__logo{font-size:var(--font-size-base)}.nav__logo-icon{width:32px;height:32px}.hero{padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:var(--space-12)}.hero__content{margin-bottom:var(--space-8)}.hero__badge,.section__badge{white-space:normal;text-align:center;letter-spacing:0;justify-content:center;max-width:100%}.hero__title{font-size:2rem;line-height:1.15}.section__title{overflow-wrap:break-word}.converter__card{padding:var(--space-4);border-radius:var(--radius-lg)}.hero__subtitle{font-size:var(--font-size-base)}.converter__input{font-size:var(--font-size-xl)}.converter__result-bar{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:flex-start}.converter__copy-btn{justify-content:center;align-self:stretch}.btn{width:100%;min-height:48px}.definition-block__inner,.visual-converter,.comparison-diagram,.container-sizes,.formula-card,.step-calculator{padding:var(--space-4);border-radius:var(--radius-md)}.popular-units,.definition-block{margin-top:var(--space-8)}.unit-conversion-diagram{justify-content:stretch}.unit-node{border-radius:var(--radius-sm);width:100%}.measuring-cup__container{width:min(100%,220px);padding:var(--space-3)}.measuring-cup__value{font-size:var(--font-size-base)}.scale-panel__title,.unit-explainer__title,.formula-section__title,.manual-steps__title{font-size:var(--font-size-xl)}.scale-result__value{font-size:var(--font-size-3xl)}.scale-bar__labels{font-size:.6875rem}.comparison-bar__fill{min-width:0;padding:0 var(--space-2);font-size:.75rem}.containers__grid,.unit-grid,.container-sizes__grid{grid-template-columns:1fr}.container-card,.container-size-btn{min-height:auto}.formula-card__equation,.formula-card__reverse{flex-direction:column;align-items:stretch}.formula-card__var,.formula-card__constant{width:100%}.step-calculator__input-row{grid-template-columns:1fr;align-items:stretch;display:grid}.step-calculator__input{width:100%}.step-calc-item{gap:var(--space-3)}.step-calc-item__result{overflow-wrap:anywhere}.table-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.table-tab{padding:var(--space-2)}.conversion-table{font-size:var(--font-size-xs)}.conversion-table thead th,.conversion-table tbody td{padding:var(--space-3);white-space:nowrap}.info-card__header{gap:var(--space-3);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto}.info-card__icon{width:36px;height:36px}.related-card{grid-template-columns:auto minmax(0,1fr)}.related-card__arrow{display:none}.footer__grid{gap:var(--space-8);grid-template-columns:1fr}.footer__lang-grid{grid-template-columns:repeat(3,1fr)}.footer__contact-item{overflow-wrap:anywhere;align-items:flex-start}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;transform:none}}.back-to-top{background:var(--color-primary);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .3s,visibility .3s,transform .3s,background .2s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 4px 14px #2563eb59}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}