/*! 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-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@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:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000d;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--color-primary:#066fef;--color-primary-dark:#0457c8;--color-primary-light:#e8f1fd;--color-bg:#fff;--color-bg-subtle:#f7f8fc;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-body:#334155;--color-text-muted:#64748b;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#d97706;--color-info:#0284c7;--font-display:"Roboto", system-ui, sans-serif;--font-body:"Roboto", system-ui, sans-serif;--radius-full:9999px}}@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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.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}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1440px){.container{max-width:1440px}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.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}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.bg-error{background-color:var(--color-error)}.bg-success{background-color:var(--color-success)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--font-display:"Roboto", system-ui, sans-serif;--font-body:"Roboto", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.0625rem;--text-xl:1.1875rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:1.8;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0em;--tracking-wide:.02em;--tracking-wider:.06em;--tracking-widest:.1em;--prose-spacing:1.25em;--prose-width:68ch;--prose-width-wide:80ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--section-y-desktop:var(--space-20);--section-y-mobile:var(--space-12);--container-max:1320px;--container-px:1.25rem;--container-px-lg:2.5rem;--grid-gap:1.5rem;--grid-gap-lg:2rem;--transition-fast:.25s ease;--transition-base:.35s ease;--transition-slow:.45s ease;--z-base:0;--z-above:10;--z-nav:100;--z-overlay:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-body);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}body.menu-open{overflow:hidden}h1{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:.5em}h2{font-family:var(--font-display);font-size:clamp(var(--text-2xl),3vw,var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);color:var(--color-text-primary);margin-bottom:.5em}h3{font-family:var(--font-display);font-size:clamp(var(--text-xl),2vw,var(--text-3xl));font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--color-text-primary);margin-bottom:.4em}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);color:var(--color-text-primary);margin-bottom:.4em}h5{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}p{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-body);margin-bottom:var(--prose-spacing)}p.lead{font-size:var(--text-lg);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-body)}small,.text-small{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-muted)}.text-caption{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-loose);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none;transition:color .15s}a:hover{color:var(--color-primary-dark);text-underline-offset:3px;text-decoration:underline}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);font-size:.875em;font-weight:var(--weight-medium);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:4px;padding:.15em .4em}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem 1.5rem;line-height:1.7;overflow-x:auto}pre code{font-size:inherit;background:0 0;border:none;padding:0}blockquote{border-left:3px solid var(--color-primary);font-size:var(--text-lg);color:var(--color-text-muted);font-style:italic;line-height:var(--leading-relaxed);margin:1.5em 0;padding:.5em 0 .5em 1.25em}ul,ol{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-body);margin-bottom:var(--prose-spacing);padding-left:1.5em}li{margin-bottom:.35em}.label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted)}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-primary)}strong,b{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.container{width:100%;max-width:var(--container-max);padding-left:var(--container-px);padding-right:var(--container-px);margin-left:auto;margin-right:auto}@media(min-width:1024px){.container{padding-left:var(--container-px-lg);padding-right:var(--container-px-lg)}}.section{padding-top:var(--section-y-mobile);padding-bottom:var(--section-y-mobile)}@media(min-width:768px){.section{padding-top:var(--section-y-desktop);padding-bottom:var(--section-y-desktop)}}.section-alt{background-color:var(--color-bg-subtle)}.grid-2{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media(min-width:768px){.grid-2{gap:var(--grid-gap-lg);grid-template-columns:repeat(2,1fr)}}.grid-3{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media(min-width:768px){.grid-3{gap:var(--grid-gap-lg);grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);cursor:pointer;border:2px solid #0000;min-width:44px;min-height:44px;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-primary);border:2px solid var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);cursor:pointer;background-color:#0000;min-width:44px;min-height:44px;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-body);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);cursor:pointer;background-color:#0000;border:none;min-width:44px;min-height:44px;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-ghost:hover{background-color:var(--color-bg-subtle)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-slow)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-tinted{background:var(--color-bg-subtle);border:none}.input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.input:hover{border-color:#94a3b8}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #066fef26}.input::placeholder{color:var(--color-text-muted)}textarea.input{resize:vertical;min-height:120px}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.form-group{margin-bottom:var(--space-5)}.nav-header{z-index:var(--z-nav);background:var(--color-primary);height:76px;box-shadow:var(--shadow-md);border-bottom:1px solid #ffffff1f;padding-top:6px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-brand{align-items:center;gap:var(--space-3);color:#fff;font-weight:var(--weight-bold);font-size:var(--text-lg);text-decoration:none;display:flex}.nav-brand img{width:auto;height:36px}.nav-links{align-items:center;gap:var(--space-2);height:100%;margin:0;padding:0;list-style:none;display:none}@media(min-width:768px){.nav-links{display:flex}}.nav-link{color:#ffffffe0;font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-5);white-space:nowrap;border-radius:9999px;align-items:center;height:38px;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.nav-link:hover{color:#fff;background-color:#ffffff1a}.nav-link.active{color:#fff;font-weight:var(--weight-semibold);background-color:#ffffff2e}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.mobile-toggle{cursor:pointer;border-radius:var(--radius-md);color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mobile-toggle:hover{background-color:#ffffff1a}@media(min-width:768px){.mobile-toggle{display:none}}.mobile-toggle svg{width:24px;height:24px}.mobile-menu{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow);background:#0f172a80;position:fixed;inset:0}.mobile-menu[data-open=true]{opacity:1;visibility:visible}.mobile-menu-panel{background:var(--color-bg);width:min(320px,85vw);height:100%;box-shadow:var(--shadow-xl);padding:var(--space-6);transition:transform var(--transition-slow);position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-menu[data-open=true] .mobile-menu-panel{transform:translate(0)}.mobile-menu-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.mobile-close{cursor:pointer;border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-primary);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.mobile-close:hover{background-color:var(--color-bg-subtle)}.mobile-close svg{width:24px;height:24px}.mobile-nav{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.mobile-nav-link{padding:var(--space-3) var(--space-4);color:var(--color-text-body);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);min-height:44px;line-height:1.5;text-decoration:none;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-primary);background-color:var(--color-primary-light)}.hero{padding:var(--space-24) 0 var(--space-20);text-align:center;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);position:relative}.hero .container{max-width:var(--container-max)}.hero .hero-eyebrow{color:#fff;background:#fff3}.hero .hero-headline{color:#fff}.hero .hero-subtext{color:#ffffffd9}.hero .btn-primary{color:var(--color-primary);background-color:#fff}.hero .btn-primary:hover{color:var(--color-primary-dark);background-color:#ffffffe6}.hero .btn-secondary{color:#fff;border-color:#ffffff80}.hero .btn-secondary:hover{color:#fff;background-color:#ffffff26;border-color:#fff}@media(max-width:767px){.hero{padding:var(--space-12) 0 var(--space-10)}}.hero-eyebrow{align-items:center;gap:var(--space-2);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-6);display:inline-flex}.hero-headline{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);max-width:800px;margin:0 auto var(--space-6)}.hero-subtext{font-size:clamp(var(--text-base),2vw,var(--text-lg));font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:560px;margin:0 auto var(--space-8)}.hero .hero-keywords{color:#ffffffb3}.hero-keywords{font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:650px;margin:calc(-1 * var(--space-4)) auto var(--space-8);font-style:italic}.hero-actions{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.hero-tool-area{background:var(--color-bg);border:1px solid var(--color-border);max-width:1000px;padding:var(--space-6);box-shadow:var(--shadow-xl);border-radius:20px;margin:0 auto}.trust-line{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-sm);color:#ffffffa6;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);display:flex}.trust-line svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.action-cards{gap:var(--grid-gap-lg);grid-template-columns:1fr;display:grid}@media(min-width:768px){.action-cards{grid-template-columns:repeat(3,1fr)}}.action-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);color:inherit;text-decoration:none;display:block}.action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-card-icon{border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-5);background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.action-card h3{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.action-card p{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--leading-relaxed)}.level-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow-x:auto}.level-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.level-table thead{background:var(--color-bg-subtle)}.level-table th{padding:var(--space-4) var(--space-5);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:1px solid var(--color-border)}.level-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-body);vertical-align:middle}.level-table tbody tr:last-child td{border-bottom:none}.level-table tbody tr{transition:background-color var(--transition-fast)}.level-table tbody tr:hover{background-color:var(--color-bg-subtle)}.level-table a{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none;display:flex}.level-table a:hover{color:var(--color-primary-dark);text-decoration:underline}.level-emoji{font-size:1.25rem}.level-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);align-items:center;padding:2px 10px;display:inline-flex}.lab-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:640px){.lab-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lab-grid{grid-template-columns:repeat(4,1fr)}}.lab-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.lab-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);color:inherit;transform:translateY(-3px)}.lab-card-header{align-items:center;gap:var(--space-2);display:flex}.lab-card-icon{flex-shrink:0;font-size:1.25rem}.lab-card h3{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.lab-card p{font-size:var(--text-xs);color:var(--color-text-muted);text-align:left;margin:0;line-height:1.4}.interview-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media(min-width:640px){.interview-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.interview-grid{grid-template-columns:repeat(4,1fr)}}.interview-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.interview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.interview-card-icon{font-size:1.5rem}.interview-card h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.interview-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.interview-blurb{max-width:700px;margin:0 auto var(--space-8);text-align:center;font-size:var(--text-base);color:var(--color-text-muted);font-style:italic;line-height:var(--leading-relaxed)}.glossary-search-bar{max-width:480px;margin:0 auto var(--space-10);align-items:center;gap:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex}.glossary-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.glossary-search-bar svg{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.glossary-search-bar input{font-size:var(--text-base);color:var(--color-text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.glossary-search-bar input::placeholder{color:var(--color-text-muted)}.glossary-terms-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:768px){.glossary-terms-grid{grid-template-columns:repeat(3,1fr)}}.glossary-term-card{padding:var(--space-5);background:var(--color-bg);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);text-decoration:none;display:block}.glossary-term-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.glossary-term-card h4{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.glossary-term-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.glossary-cta{align-items:center;gap:var(--space-2);margin-top:var(--space-8);font-weight:var(--weight-semibold);color:var(--color-primary);font-size:var(--text-base);transition:gap var(--transition-fast);text-decoration:none;display:inline-flex}.glossary-cta:hover{gap:var(--space-3);color:var(--color-primary-dark)}.glossary-cta svg{width:18px;height:18px}.learn-teaser{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-8);text-align:center;max-width:900px;margin:0 auto}.learn-teaser h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--weight-extrabold);margin-bottom:var(--space-4);color:#fff}.learn-teaser p{font-size:var(--text-lg);color:#ffffffd9;max-width:520px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.learn-teaser .btn-learn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--weight-semibold);font-size:var(--text-base);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:#fff;text-decoration:none;display:inline-flex}.learn-teaser .btn-learn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-bar{gap:var(--space-6);text-align:center;grid-template-columns:repeat(2,1fr);display:none}@media(min-width:768px){.stats-bar{grid-template-columns:repeat(4,1fr)}}.stats-bar.is-visible{display:grid}.stat-item{padding:var(--space-6)}.stat-number{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--color-primary);line-height:var(--leading-none);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.blog-highlights{gap:var(--grid-gap-lg);grid-template-columns:1fr;display:grid}@media(min-width:768px){.blog-highlights{grid-template-columns:repeat(3,1fr)}}.steps-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid;position:relative}@media(min-width:768px){.steps-grid{gap:var(--grid-gap-lg);grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center;padding:var(--space-6);position:relative}.step-icon{border-radius:var(--radius-xl);background:var(--color-primary-light);width:64px;height:64px;color:var(--color-primary);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:inline-flex}.step-icon svg{width:28px;height:28px}.step-number{top:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.step-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.step-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}@media(min-width:768px){.step-card:not(:last-child):after{content:"";top:calc(var(--space-6) + 32px);right:calc(-1 * var(--grid-gap-lg) / 2);width:var(--grid-gap-lg);background:var(--color-border);height:2px;position:absolute;transform:translate(50%)}}.features-grid{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{gap:var(--grid-gap-lg);grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition-slow)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.feature-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.faq-list{gap:var(--space-3);flex-direction:column;max-width:768px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:box-shadow var(--transition-base);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-item summary{padding:var(--space-5) var(--space-6);cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;min-height:44px;transition:color var(--transition-fast);justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:"";display:none}.faq-item summary:hover{color:var(--color-primary)}.faq-chevron{width:20px;height:20px;color:var(--color-text-muted);transition:transform var(--transition-base);flex-shrink:0}.faq-list:not(.faq-js) .faq-item[open] .faq-chevron,.faq-list.faq-js .faq-item.is-open .faq-chevron{transform:rotate(180deg)}.faq-answer{transition:height var(--transition-base),opacity var(--transition-base);padding:0;overflow:hidden}.faq-answer-inner{padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--color-text-body);line-height:var(--leading-relaxed)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;line-height:var(--leading-relaxed);margin:0 auto}.blog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-card-image{aspect-ratio:16/9;background:var(--color-bg-subtle);overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog-card-body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card-category{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3);width:fit-content;display:inline-block}.blog-card-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--color-text-primary);margin-bottom:var(--space-2)}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--color-primary)}.blog-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);flex:1}.blog-card-meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.blog-card-cta{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);background:var(--color-bg-subtle);border-top:1px solid var(--color-border);transition:background-color var(--transition-base),color var(--transition-base);border-radius:0 0 var(--radius-lg) var(--radius-lg);text-decoration:none;display:flex}.blog-card-cta:hover{background-color:var(--color-primary);color:#fff}.blog-card-cta svg{transition:transform var(--transition-base)}.blog-card-cta:hover svg{transform:translate(4px)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);display:flex}.pagination-btn{min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-body);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination-btn:hover:not([disabled]):not(.active){background:var(--color-bg-subtle);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--weight-semibold)}.pagination-btn[disabled]{opacity:.4;cursor:not-allowed}.pagination-meta{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-10);margin-bottom:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.site-footer{background:var(--color-text-primary);color:#cbd5e1;padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:1fr;display:grid}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{align-items:center;gap:var(--space-3);color:#f1f5f9;font-weight:var(--weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-4);text-decoration:none;display:flex}.footer-brand img{width:auto;height:32px}.footer-desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#94a3b8;max-width:320px}.footer-heading{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#f1f5f9;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4)}.footer-links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-links a{color:#94a3b8;font-size:var(--text-sm);font-weight:var(--weight-normal);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:#f1f5f9}.footer-social{gap:var(--space-3);display:flex}.footer-social a{border-radius:var(--radius-md);color:#94a3b8;width:40px;height:40px;transition:background-color var(--transition-fast),color var(--transition-fast);background:#ffffff14;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--color-primary);color:#fff}.footer-social svg{width:18px;height:18px}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-8);font-size:var(--text-xs);color:#64748b;border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.lang-switcher{position:relative}.lang-switcher-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#94a3b8;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff26;min-height:36px;display:inline-flex}.lang-switcher-btn:hover{color:#f1f5f9;border-color:#ffffff4d}.lang-switcher-btn svg{width:16px;height:16px}.lang-dropdown{background:var(--color-text-primary);border-radius:var(--radius-md);width:200px;max-height:240px;box-shadow:var(--shadow-xl);padding:var(--space-2);margin-bottom:var(--space-2);z-index:var(--z-above);opacity:0;visibility:hidden;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);border:1px solid #ffffff26;position:absolute;bottom:100%;left:0;overflow-y:auto;transform:translateY(8px)}.lang-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown a{padding:var(--space-2) var(--space-3);color:#94a3b8;font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;display:block}.lang-dropdown a:hover,.lang-dropdown a.current{color:#f1f5f9;background:#ffffff14}.contact-form-wrapper{max-width:600px;margin:0 auto}.form-status{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-top:var(--space-4);display:none}.form-status.show{display:block}.form-status.success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.form-status.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.form-fallback{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.form-fallback a{color:var(--color-primary);font-weight:var(--weight-medium)}.page-header{text-align:center;padding:var(--space-16) 0 var(--space-10);background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);position:relative}.page-header h1{margin-bottom:var(--space-4);color:#fff}.page-header p{font-size:var(--text-lg);color:#ffffffd9;max-width:560px;margin:0 auto}.page-content{padding:var(--space-12) 0 var(--space-20)}.page-content .container{max-width:920px}.prose{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--leading-relaxed);max-width:100%}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);color:var(--color-text-primary);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.prose h2{font-size:var(--text-3xl);border-bottom:2px solid var(--color-border);margin-top:2.25em;margin-bottom:.75em;padding-bottom:.4em;position:relative}.prose h2:before{content:"";background:var(--color-primary);border-radius:2px;width:60px;height:2px;position:absolute;bottom:-2px;left:0}.prose h3{font-size:var(--text-2xl);border-left:3px solid var(--color-primary);margin-top:1.75em;margin-bottom:.5em;padding-left:.75em}.prose h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose p{margin-bottom:1.25em;font-size:1.0625rem;line-height:1.8}.prose ul{margin-bottom:var(--space-6);padding-left:0;list-style-type:none}.prose ul>li{margin-bottom:var(--space-3);padding-left:1.75em;line-height:1.75;position:relative}.prose ul>li:before{content:"";background:var(--color-primary);opacity:.7;border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.prose ul.quiz-options>li:before,.quiz-options li:before{content:none!important;display:none!important}.prose ul.quiz-options>li,.quiz-options li{padding-left:0!important}.prose ol{counter-reset:ol-counter;margin-bottom:var(--space-6);padding-left:0;list-style-type:none}.prose ol>li{margin-bottom:var(--space-3);counter-increment:ol-counter;padding-left:2.25em;line-height:1.75;position:relative}.prose ol>li:before{content:counter(ol-counter);background:var(--color-primary-light);width:1.5em;height:1.5em;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.8em;font-weight:600;display:flex;position:absolute;top:.15em;left:0}.prose li{margin-bottom:var(--space-3)}.prose a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline;transition:all .25s cubic-bezier(.4,0,.2,1)}.prose a:hover{color:var(--color-primary-dark)}.prose code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:.15em .4em}.prose pre{background:var(--color-text-primary);color:#e2e8f0;padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-muted);background:var(--color-bg-subtle);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:1.75em 0;padding:1.25rem 1.5rem;font-style:italic;position:relative}.prose blockquote:before{content:"“";color:var(--color-primary);opacity:.15;font-family:Georgia,serif;font-size:3em;line-height:1;position:absolute;top:-.25em;left:.25em}.prose blockquote p{font-size:var(--text-base);margin-bottom:0}.prose img{border-radius:var(--radius-lg);margin:var(--space-8) 0;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s}.prose img:hover{box-shadow:var(--shadow-lg);transform:scale(1.01)}.prose strong{color:var(--color-text-primary);font-weight:var(--weight-bold)}.prose table{border-collapse:separate;border-spacing:0;width:100%;margin-top:var(--space-8);margin-bottom:var(--space-10);font-size:var(--text-sm);line-height:var(--leading-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.prose th,.prose td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);text-align:left}.prose th{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);font-weight:var(--weight-semibold);color:#fff;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-4) var(--space-5)}.prose tr{transition:background-color .15s}.prose tbody tr:hover{background-color:var(--color-primary-light)}.prose tr:nth-child(2n){background-color:var(--color-bg-subtle)}.prose tr:last-child td{border-bottom:none}.blog-post-header{padding:var(--space-12) 0 var(--space-4);background:var(--color-bg)}.blog-post-header .container{max-width:920px}.back-link{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all .2s}.back-link:hover{color:var(--color-primary);text-decoration:none}.blog-meta-top{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.blog-meta-date,.blog-meta-author{position:relative}.blog-meta-date:before,.blog-meta-author:before{content:"·";margin-right:var(--space-2);color:var(--color-text-muted)}.blog-post-title{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin-top:var(--space-2);margin-bottom:var(--space-4)}.blog-post-description{font-size:var(--text-lg);font-style:italic;line-height:var(--leading-relaxed);color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:100%}.blog-post-featured-image{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);overflow:hidden}.blog-post-featured-image img{aspect-ratio:16/9;object-fit:cover;width:100%}.sitemap-section{margin-bottom:var(--space-10)}.sitemap-section h2{font-size:var(--text-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.sitemap-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.sitemap-list a{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-primary);font-size:var(--text-sm);transition:color var(--transition-fast);display:inline-flex}.sitemap-list a:hover{color:var(--color-primary-dark);text-decoration:underline}.error-page{text-align:center;min-height:60vh;padding:var(--space-12);flex-direction:column;justify-content:center;align-items:center;display:flex}.error-code{font-size:8rem;font-weight:var(--weight-bold);color:var(--color-primary-light);margin-bottom:var(--space-4);line-height:1}.error-page h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.error-page p{color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:400px}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);align-items:center;line-height:1;display:inline-flex}.badge-blue,.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-green,.badge-success{color:#16a34a;background:#dcfce7}.badge-gray{background:var(--color-bg-subtle);color:var(--color-text-muted)}.badge-warning{color:#d97706;background:#fef3c7}.badge-error{color:#dc2626;background:#fee2e2}.page-header .badge-primary{color:#fff;background:#ffffff2e;border:1px solid #ffffff59}.page-header .badge-warning{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf2466}.skip-link{top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:var(--weight-semibold);transition:top var(--transition-fast);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:no-preference){.fade-in{animation:.4s forwards fadeIn}.fade-in-up{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.feature-card.fade-in-up,.blog-card.fade-in-up{transition:all var(--transition-slow),opacity .5s ease,transform .5s ease}.faq-item.fade-in-up{transition:box-shadow var(--transition-base),opacity .5s ease,transform .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-bg-subtle:#1e293b;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-body:#cbd5e1;--color-text-muted:#94a3b8;--color-primary-light:#1e3a5f}.nav-header{background:#0f172a}.mobile-menu-panel,.hero-tool-area{background:#1e293b}.form-status.success{color:#4ade80;background:#052e16;border-color:#166534}.form-status.error{color:#f87171;background:#450a0a;border-color:#991b1b}}[dir=rtl]{text-align:right}[dir=rtl] .hero,[dir=rtl] .section-header,[dir=rtl] .page-header{text-align:center}[dir=rtl] .prose blockquote{border-left:none;border-right:4px solid var(--color-primary);padding-left:0;padding-right:var(--space-5)}[dir=rtl] .mobile-menu-panel{left:0;right:auto;transform:translate(-100%)}[dir=rtl] .mobile-menu[data-open=true] .mobile-menu-panel{transform:translate(0)}.reading-progress-bar{background-color:var(--color-primary);z-index:9999;width:0%;height:4px;transition:width .1s ease-out;position:fixed;top:0;left:0}.prose .info-box{display:none}.article-nav-box{background:linear-gradient(135deg,var(--color-primary-light) 0%,#066fef0a 100%);border:1px solid #066fef2e;border-left:4px solid var(--color-primary);border-radius:10px;margin:0 0 2rem;padding:1.25rem 1.5rem;box-shadow:0 2px 12px #066fef12}.article-nav-box-header{font-weight:700;font-size:var(--text-sm);color:var(--color-primary-dark);letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid #066fef26;align-items:center;gap:.5rem;margin-bottom:.875rem;padding-bottom:.75rem;display:flex}.article-nav-box-count{background:var(--color-primary);color:#fff;letter-spacing:.03em;text-transform:none;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.article-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.article-nav-item{margin:0;padding:0}.article-nav-link{color:var(--color-text-body);font-size:var(--text-sm);border-radius:6px;align-items:center;gap:.625rem;padding:.45rem .5rem;line-height:1.4;text-decoration:none;transition:background .18s,color .18s,padding-left .18s;display:flex;position:relative}.article-nav-link:hover{color:var(--color-primary);background:#066fef14;padding-left:.75rem;text-decoration:none}.article-nav-link:hover .article-nav-arrow{opacity:1;transform:translate(3px)}.article-nav-num{width:22px;min-width:22px;height:22px;color:var(--color-primary);font-variant-numeric:tabular-nums;background:#066fef1f;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .18s;display:inline-flex}.article-nav-link:hover .article-nav-num{background:var(--color-primary);color:#fff}.article-nav-text{flex:1;min-width:0}.article-nav-arrow{opacity:0;width:14px;min-width:14px;height:14px;color:var(--color-primary);transition:opacity .18s,transform .18s;transform:translate(0)}.term-definition-box{display:none}.term-quick-ref{background:linear-gradient(135deg,var(--color-primary-light) 0%,#066fef08 100%);border:1px solid #066fef2e;border-left:4px solid var(--color-primary);border-radius:10px;margin-bottom:1.75rem;padding:1.125rem 1.5rem;box-shadow:0 2px 12px #066fef0f}.term-quick-ref-header{font-weight:700;font-size:var(--text-sm);color:var(--color-primary-dark);letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid #066fef26;align-items:center;gap:.5rem;margin-bottom:.875rem;padding-bottom:.75rem;display:flex}.term-quick-ref-grid{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex}.term-quick-ref-item{flex-direction:column;gap:2px;display:flex}.term-quick-ref-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:10px;font-weight:600}.term-quick-ref-value{font-size:var(--text-sm);color:var(--color-text-heading);font-weight:600}.term-quick-ref-related-count{color:var(--color-primary)}.term-quick-ref-browse{background:var(--color-primary);color:#fff;letter-spacing:.01em;border-radius:6px;align-items:center;gap:5px;margin-top:.25rem;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.term-quick-ref-browse:hover{background:var(--color-primary-dark);color:#fff;text-decoration:none;transform:translateY(-1px)}@media(prefers-color-scheme:dark){.article-nav-box{border-color:#38bdf833;border-left-color:var(--color-primary);background:linear-gradient(135deg,#1e293bf2,#0f172acc)}.article-nav-box-header{color:#38bdf8;border-bottom-color:#38bdf826}.article-nav-num{color:#38bdf8;background:#38bdf826}.term-quick-ref{border-color:#38bdf833;border-left-color:var(--color-primary);background:linear-gradient(135deg,#1e293bf2,#0f172acc)}.term-quick-ref-header{color:#38bdf8;border-bottom-color:#38bdf826}}.article-layout{gap:var(--space-8);grid-template-columns:1fr;max-width:1200px;margin:0 auto;display:grid}@media(min-width:1024px){.article-layout{gap:var(--space-10);grid-template-columns:1fr 300px}}.article-main{min-width:0}.toc-sidebar{display:none}@media(min-width:1024px){.toc-sidebar{display:block;position:relative}}.toc-sticky{top:var(--space-8);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:calc(100vh - 4rem);position:sticky;overflow-y:auto}.toc-sticky::-webkit-scrollbar{width:4px}.toc-sticky::-webkit-scrollbar-track{background:0 0}.toc-sticky::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.toc-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-text-muted);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.toc-label svg{opacity:.6;width:14px;height:14px}.toc-list{border-left:2px solid var(--color-border);margin:0;padding:0;list-style:none}.toc-list li{margin:0}.toc-list a{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-muted);border-left:2px solid #0000;margin-left:-2px;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.toc-list a:hover{color:var(--color-primary);text-decoration:none}.toc-list a.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--weight-medium);background:var(--color-primary-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.toc-list .toc-h3{padding-left:var(--space-8);font-size:var(--text-xs)}.prose .callout{border-radius:var(--radius-lg);border:1px solid;border-left-width:4px;margin:2rem 0;padding:1.25rem 1.5rem;position:relative}.prose .callout-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:.5rem;display:flex}.prose .callout-tip{border-color:#bbf7d0;border-left-color:var(--color-success);background:#f0fdf4}.prose .callout-tip .callout-title{color:var(--color-success)}.prose .callout-warning{border-color:#fde68a;border-left-color:var(--color-warning);background:#fffbeb}.prose .callout-warning .callout-title{color:var(--color-warning)}.prose .callout-note{border-color:#bae6fd;border-left-color:var(--color-info);background:#f0f9ff}.prose .callout-note .callout-title{color:var(--color-info)}.prose .callout-danger{border-color:#fecaca;border-left-color:var(--color-error);background:#fef2f2}.prose .callout-danger .callout-title{color:var(--color-error)}.prose hr{background:linear-gradient(90deg,transparent,var(--color-border),var(--color-primary),var(--color-border),transparent);border:none;height:1px;margin:3rem 0}.stat-grid{gap:var(--space-4);margin:var(--space-8) 0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.stat-value{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-primary);margin-bottom:var(--space-2);line-height:1}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.article-share{align-items:center;gap:var(--space-3);padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--color-border);display:flex}.article-share-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);white-space:nowrap}.share-btn{border-radius:var(--radius-full);background:var(--color-bg-subtle);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:inline-flex}.share-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.share-btn svg{width:18px;height:18px}.alphabet-nav{gap:var(--space-1);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;display:flex}.alphabet-nav a{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.alphabet-nav a:hover,.alphabet-nav a.active{background:var(--color-primary);color:#fff;text-decoration:none;transform:scale(1.1)}.alphabet-nav a.disabled{opacity:.3;pointer-events:none}.glossary-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;background:var(--color-bg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.glossary-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));transform-origin:0;width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.glossary-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);text-decoration:none;transform:translateY(-4px)}.glossary-card:hover:before{transform:scaleX(1)}.glossary-letter{align-items:center;gap:var(--space-3);display:inline-flex;font-size:var(--text-3xl)!important;font-weight:800!important}.glossary-letter:after{content:"";background:linear-gradient(90deg,var(--color-primary),transparent);flex:1;min-width:40px;height:2px}.term-definition-box{background:linear-gradient(135deg,var(--color-primary-light) 0%,#f0f4ff 100%);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);border:1px solid #066fef26;position:relative;overflow:hidden}.term-definition-box:before{content:'"';color:var(--color-primary);opacity:.06;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:-10px;right:20px}.term-definition-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.term-definition-label svg{width:16px;height:16px}.term-definition-text{font-size:var(--text-lg);color:var(--color-text-body);margin:0;line-height:1.7}.page-content--wide .container{max-width:1060px}html{scroll-padding-top:var(--space-16)}.bacterial-explorer-container{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;padding:1.5rem;display:grid}@media(min-width:768px){.bacterial-explorer-container{grid-template-columns:1.2fr 1fr}}.explorer-visual{background:#0f172a;border-radius:8px;justify-content:center;align-items:center;min-height:320px;padding:1rem;display:flex;position:relative}.explorer-svg{width:100%;max-width:320px;height:auto}.svg-part{cursor:pointer;opacity:.4;transition:all .3s}.svg-part:hover,.svg-part.active{opacity:1;filter:drop-shadow(0 0 8px var(--glow-color,#0ea5e9))}#svg-flagellum{opacity:.3}#svg-flagellum:hover,#svg-flagellum.active{opacity:1}#svg-ribosomes{opacity:.5}#svg-ribosomes:hover,#svg-ribosomes.active{opacity:1}#svg-pili{opacity:.3}#svg-pili:hover,#svg-pili.active{opacity:1}.explorer-info{flex-direction:column;justify-content:center;display:flex}.info-title{color:var(--color-primary-dark,#066fef);align-items:center;gap:6px;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.info-desc{color:var(--color-text-body,#334155);min-height:120px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.parts-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.part-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-bg,#fff);color:var(--color-text-body,#334155);cursor:pointer;text-align:left;border-radius:6px;padding:.5rem;font-size:.85rem;font-weight:500;transition:all .2s}.part-btn:hover{background:var(--color-primary-light,#e8f1fd);color:var(--color-primary,#066fef);border-color:var(--color-primary,#066fef)}.part-btn.active{background:var(--color-primary,#066fef);color:#fff;border-color:var(--color-primary,#066fef)}@media(prefers-color-scheme:dark){.bacterial-explorer-container{background:#1e293b;border-color:#334155}.part-btn{color:#e2e8f0;background:#0f172a;border-color:#334155}.part-btn:hover{color:#38bdf8;background:#1e293b;border-color:#38bdf8}.part-btn.active{background:var(--color-primary,#066fef);color:#fff}.info-desc{color:#94a3b8}}.gram-comparator-container{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;margin:2rem 0;padding:1.5rem}.comparator-tabs{border-bottom:1px solid var(--color-border,#e2e8f0);gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.comparator-tab-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-bg,#fff);color:var(--color-text-body,#334155);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .2s}.comparator-tab-btn:hover{background:var(--color-primary-light,#e8f1fd);color:var(--color-primary,#066fef);border-color:var(--color-primary,#066fef)}.comparator-tab-btn.active[data-tab=positive]{color:#fff;background:#6366f1;border-color:#6366f1}.comparator-tab-btn.active[data-tab=negative]{color:#fff;background:#ec4899;border-color:#ec4899}.comparator-content-wrapper{grid-template-columns:1fr;gap:1.5rem;display:grid}@media(min-width:768px){.comparator-content-wrapper{grid-template-columns:1.2fr 1fr}}.comparator-visual{background:#0f172a;border-radius:8px;justify-content:center;align-items:center;min-height:280px;padding:1rem;display:flex}.comparator-svg{width:100%;max-width:320px;height:auto}.wall-layer{cursor:pointer;opacity:.8;transition:all .3s}.wall-layer:hover,.wall-layer.active{opacity:1;filter:drop-shadow(0 0 6px var(--hover-glow,#38bdf8))}.comparator-info{flex-direction:column;justify-content:center;display:flex}.comparator-info-title{color:var(--color-primary-dark,#066fef);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.comparator-info-desc{color:var(--color-text-body,#334155);min-height:100px;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.layer-buttons-grid{grid-template-columns:1fr;gap:.4rem;display:grid}.layer-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-bg,#fff);color:var(--color-text-body,#334155);cursor:pointer;text-align:left;border-radius:6px;padding:.45rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.layer-btn:hover{background:var(--color-primary-light,#e8f1fd)}.layer-btn.active{background:var(--theme-color,#066fef);color:#fff;border-color:var(--theme-color,#066fef)}@media(prefers-color-scheme:dark){.gram-comparator-container{background:#1e293b;border-color:#334155}.comparator-tab-btn,.layer-btn{color:#e2e8f0;background:#0f172a;border-color:#334155}.comparator-tab-btn:hover,.layer-btn:hover{color:#38bdf8;background:#1e293b;border-color:#38bdf8}.comparator-info-desc{color:#94a3b8}}.biofilm-timeline-container{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;margin:2rem 0;padding:1.5rem}.timeline-steps{justify-content:space-between;margin-bottom:2rem;padding:0 .5rem;display:flex;position:relative}.timeline-steps:before{content:"";background:var(--color-border,#e2e8f0);z-index:1;height:3px;position:absolute;top:15px;left:1rem;right:1rem}.timeline-progress-line{background:var(--color-primary,#066fef);z-index:1;width:0%;height:3px;transition:width .3s;position:absolute;top:15px;left:1rem}.step-node{z-index:2;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.step-circle{background:var(--color-bg,#fff);border:3px solid var(--color-border,#e2e8f0);width:32px;height:32px;color:var(--color-text-muted,#64748b);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.step-node:hover .step-circle{border-color:var(--color-primary-light,#e8f1fd);color:var(--color-primary,#066fef)}.step-node.active .step-circle{background:var(--color-primary,#066fef);border-color:var(--color-primary,#066fef);color:#fff;box-shadow:0 0 10px #066fef4d}.step-label{color:var(--color-text-muted,#64748b);text-align:center;white-space:nowrap;margin-top:.5rem;font-size:.75rem;font-weight:600}.step-node.active .step-label{color:var(--color-primary,#066fef)}.timeline-display{grid-template-columns:1fr;gap:1.5rem;display:grid}@media(min-width:768px){.timeline-display{grid-template-columns:1.2fr 1fr}}.timeline-visual{background:#0f172a;border-radius:8px;justify-content:center;align-items:center;min-height:240px;padding:1rem;display:flex}.timeline-svg{width:100%;max-width:280px;height:auto}.timeline-info{flex-direction:column;justify-content:center;display:flex}.timeline-info-title{color:var(--color-primary-dark,#066fef);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.timeline-info-desc{color:var(--color-text-body,#334155);min-height:120px;font-size:.95rem;line-height:1.6}@media(prefers-color-scheme:dark){.biofilm-timeline-container{background:#1e293b;border-color:#334155}.step-circle{color:#94a3b8;background:#0f172a;border-color:#334155}.timeline-info-desc{color:#94a3b8}.timeline-steps:before{background:#334155}}.sidebar-widget{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);background:#f8fafc}.sidebar-widget.quiz-widget{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md);text-align:left;border:none}.sidebar-widget.quiz-widget h3{font-size:var(--text-base);font-weight:var(--weight-bold);margin-top:0;margin-bottom:var(--space-2);color:#fff!important}.sidebar-widget.quiz-widget p{color:#cbd5e1;font-size:var(--text-sm);margin-bottom:var(--space-4);margin-top:0;line-height:1.5}.sidebar-btn-primary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fff;border:none;width:100%;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.sidebar-btn-primary:hover{color:var(--color-primary-dark);background:#f1f5f9;text-decoration:none;transform:translateY(-1px)}.sidebar-btn-primary svg{fill:currentColor;width:16px;height:16px}.sidebar-widget.related-posts-widget{text-align:left;background:#fff}.sidebar-widget.related-posts-widget .widget-title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-text-muted);margin-top:0;margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.sidebar-widget.related-posts-widget .widget-title svg{opacity:.6;width:14px;height:14px}.related-posts-list{gap:var(--space-4);flex-direction:column;display:flex}.related-post-card{gap:var(--space-3);color:inherit;text-decoration:none;transition:all .2s;display:flex}.related-post-card:hover{text-decoration:none}.related-post-card:hover .related-post-title{color:var(--color-primary)}.related-post-thumb{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-shrink:0;width:70px;height:50px;overflow:hidden}.related-post-thumb img{object-fit:cover;width:100%;height:100%}.related-post-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.related-post-cat{text-transform:uppercase;font-size:10px;font-weight:var(--weight-semibold);color:var(--color-primary);letter-spacing:var(--tracking-wider);margin-bottom:2px}.related-post-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}:global(.dark) .sidebar-widget{background:#1e293b;border-color:#334155}:global(.dark) .sidebar-widget.related-posts-widget{background:#1e293b}:global(.dark) .related-post-thumb{border-color:#334155}:global(.dark) .related-post-title{color:#cbd5e1}:global(.dark) .related-post-card:hover .related-post-title{color:#38bdf8}#main-content{min-height:70vh}.glossary-letter-group{scroll-margin-top:100px}.pagination{margin-top:var(--space-8);margin-bottom:var(--space-8)}@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-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.cookie-consent-wrapper[data-astro-cid-yh7wunid]{position:fixed;bottom:24px;left:24px;right:24px;z-index:99999;animation:cookieSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}.cookie-content[data-astro-cid-yh7wunid]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px -10px #0f172a26,0 1px 3px #0f172a0d;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:860px;margin:0 auto}.cookie-text-side[data-astro-cid-yh7wunid]{display:flex;align-items:center;gap:16px;flex:1}.cookie-icon[data-astro-cid-yh7wunid]{font-size:1.5rem;flex-shrink:0}.cookie-text[data-astro-cid-yh7wunid]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#334155;margin:0;text-align:left}.cookie-link[data-astro-cid-yh7wunid]{color:#066fef;text-decoration:underline;font-weight:600}.cookie-link[data-astro-cid-yh7wunid]:hover{color:#0457c8}.cookie-actions-side[data-astro-cid-yh7wunid]{display:flex;align-items:center;gap:12px;flex-shrink:0}.cookie-btn[data-astro-cid-yh7wunid]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:8px 16px;font-size:.8125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.cookie-btn-accept[data-astro-cid-yh7wunid]{background:#066fef;color:#fff}.cookie-btn-accept[data-astro-cid-yh7wunid]:hover{background:#0457c8}.cookie-btn-decline[data-astro-cid-yh7wunid]{background:transparent;color:#475569;border-color:#cbd5e1}.cookie-btn-decline[data-astro-cid-yh7wunid]:hover{background:#f8fafc;border-color:#94a3b8}.cookie-trigger-btn[data-astro-cid-yh7wunid]{position:fixed;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e8f1fd,#066fef);border:2px solid #0457c8;font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px #066fef33;z-index:99998;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:cookiePop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.cookie-trigger-btn[data-astro-cid-yh7wunid]:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 16px #066fef4d}@keyframes cookieSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cookiePop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.cookie-consent-wrapper[data-astro-cid-yh7wunid]{bottom:16px;left:16px;right:16px}.cookie-content[data-astro-cid-yh7wunid]{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.cookie-actions-side[data-astro-cid-yh7wunid]{width:100%;justify-content:flex-end}.cookie-btn[data-astro-cid-yh7wunid]{flex:1;text-align:center}.cookie-trigger-btn[data-astro-cid-yh7wunid]{bottom:16px;left:16px;width:42px;height:42px;font-size:1.25rem}}