/*! tailwindcss v4.2.3 | 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;--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:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--spacing:.25rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(0, 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-bg-primary:#0a0a0f;--color-bg-secondary:#12121c;--color-bg-card:#ffffff06;--color-bg-card-hover:#ffffff0a;--color-border-subtle:#ffffff0f;--color-border-medium:#ffffff1f;--color-gold:#dcb348;--color-gold-light:#eed27b;--color-gold-dark:#b89030;--color-amber:#d67a31;--color-green:#3ab56c;--color-red:#d85040;--color-text-primary:#fffffff2;--color-text-secondary:#ffffffa6;--color-text-muted:#fff6;--color-glass:#ffffff08;--color-glass-border:#ffffff0d;--shadow-glow:0 8px 32px #0006}}@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{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@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}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.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}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}.bg-glow{filter:blur(140px);opacity:.15;z-index:0;pointer-events:none;border-radius:50%;position:fixed}.bg-glow-1{background:radial-gradient(circle,var(--color-gold),transparent 70%);width:600px;height:600px;animation:12s ease-in-out infinite glowFloat;top:-200px;right:-200px}.bg-glow-2{background:radial-gradient(circle,var(--color-amber),transparent 70%);width:500px;height:500px;animation:15s ease-in-out infinite reverse glowFloat;bottom:20%;left:-150px}.bg-glow-3{background:radial-gradient(circle,var(--color-gold-dark),transparent 70%);width:400px;height:400px;animation:10s ease-in-out 3s infinite glowFloat;top:50%;right:10%}#particleCanvas{z-index:0;pointer-events:none;opacity:.6;position:fixed;inset:0}@keyframes glowFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,30px)scale(.95)}}#site-header{z-index:1000;padding:0 24px;position:fixed;top:0;left:0;right:0}#site-header:before{content:"";-webkit-backdrop-filter:blur(20px)saturate(1.2);border-bottom:1px solid var(--color-glass-border);z-index:-1;background:#07070dbf;position:absolute;inset:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;display:flex}.logo{color:var(--color-text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{width:38px;height:38px;animation:3s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 6px #f0b4294d);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #f0b42980);transform:scale(1.05)}}.logo-text{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo-accent{background:linear-gradient(135deg,var(--color-gold),var(--color-amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#main-nav{gap:6px;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--color-gold);background:#f0b42914}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--color-text-secondary);border-radius:2px;width:22px;height:2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block}.lang-switcher{align-items:center;display:flex;position:relative}.lang-btn{border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-sans);background:#ffffff0d;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.lang-btn:hover{border-color:var(--color-border-subtle);background:#ffffff1a}.lang-chevron{transition:transform .2s}.lang-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);opacity:0;visibility:hidden;grid-template-columns:1fr 1fr;width:320px;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.lang-switcher:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-switcher:hover .lang-chevron{transform:rotate(180deg)}.lang-option{color:var(--color-text-secondary);text-align:left;border-radius:4px;padding:8px 12px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.lang-option:hover,.lang-option.active{color:var(--color-gold);background:#f0b4291a}@media(max-width:768px){#main-nav{display:none}.mobile-menu-btn{display:flex}}section{z-index:1;padding:24px;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:20px}.section-tag{color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;background:#f0b42914;border:1px solid #f0b4291f;border-radius:100px;margin-bottom:16px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800}.text-gradient{background:linear-gradient(135deg,var(--color-gold),var(--color-amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subsection-title{border-left:3px solid var(--color-gold);margin:40px 0 20px;padding-left:16px;font-size:1.25rem;font-weight:700}.hero-calc-section{padding-top:80px!important;padding-bottom:0!important}.hero-intro{text-align:center;margin-bottom:24px}.hero-badge{color:var(--color-gold);background:#f0b42914;border:1px solid #f0b42926;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px 6px 10px;font-size:.8rem;font-weight:500;animation:.6s ease-out fadeInUp;display:inline-flex}.badge-dot{background:var(--color-gold);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 #f0b42966}50%{opacity:.7;box-shadow:0 0 0 6px #f0b42900}}.hero-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.hero-title-accent{background:linear-gradient(135deg,var(--color-gold),var(--color-amber),var(--color-gold-light));-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:var(--color-text-secondary);max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.7;animation:.6s ease-out .2s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 26px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden}.btn-ghost{background:var(--color-glass);color:var(--color-text-primary);border:1px solid var(--color-glass-border)}.btn-ghost:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-subtle)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-icon{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon:hover{color:var(--color-red);background:#e74c3c14;border-color:#e74c3c4d}.calc-layout{grid-template-columns:1fr 380px;align-items:start;gap:28px;display:grid}.calc-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glow);overflow:hidden}.calc-card-header{border-bottom:1px solid var(--color-glass-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.calc-card-header h3{font-size:1rem;font-weight:600}.calc-table-header{border-bottom:1px solid var(--color-glass-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;background:#ffffff05;grid-template-columns:40px 1fr 120px 120px 120px 40px;gap:8px;padding:12px 24px;font-size:.72rem;font-weight:600;display:grid}.optional{text-transform:none;letter-spacing:0;opacity:.6;font-weight:400}.calc-rows{max-height:480px;overflow-y:auto}.calc-rows::-webkit-scrollbar{width:4px}.calc-rows::-webkit-scrollbar-track{background:0 0}.calc-rows::-webkit-scrollbar-thumb{background:#f0b42933;border-radius:4px}.calc-row{border-bottom:1px solid #ffffff08;grid-template-columns:40px 1fr 120px 120px 120px 40px;align-items:center;gap:8px;padding:8px 24px;transition:background .2s;animation:.3s ease-out rowSlideIn;display:grid}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.calc-row:hover{background:#ffffff05}.row-num{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.calc-input{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:8px 12px;font-size:.875rem;transition:all .2s}.calc-input:focus{border-color:var(--color-gold);background:#ffffff0f;box-shadow:0 0 0 3px #f0b4291a}.calc-input::placeholder{color:var(--color-text-muted)}.calc-input[type=number]{padding-right:6px}.calc-input[type=number]::-webkit-inner-spin-button{margin-left:6px}.calc-input[type=number]::-webkit-outer-spin-button{margin-left:6px}.calc-input.input-label{font-size:.8rem}.calc-input.input-value,.calc-input.input-weight{font-family:var(--font-mono);text-align:left;font-size:.85rem}.product-display{font-family:var(--font-mono);color:var(--color-gold);text-align:right;opacity:.8;font-size:.85rem;font-weight:500}.btn-remove-row{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-remove-row:hover{color:var(--color-red);background:#e74c3c1a}.calc-add-row{gap:10px;padding:16px 24px;display:flex}.btn-add{color:var(--color-gold);border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-weight:500;font-family:var(--font-sans);background:#f0b4290f;border:1px dashed #f0b42933;align-items:center;gap:6px;padding:8px 18px;transition:all .2s;display:inline-flex}.btn-add:hover{background:#f0b4291f;border-color:#f0b42959}.flow-diagram-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:20px;overflow:hidden}#flow-canvas{width:100%;height:auto;display:block}.flow-legend{justify-content:center;gap:20px;padding:8px 0 4px;display:flex}.flow-legend-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.7rem;display:flex}.flow-legend-dot{border-radius:3px;width:10px;height:10px}.flow-legend-input{background:var(--color-gold)}.flow-legend-product{background:var(--color-amber)}.flow-legend-result{background:var(--color-green)}.calc-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:92px}.result-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glow);padding:24px;position:relative;overflow:hidden}.result-card-glow{pointer-events:none;background:radial-gradient(circle,#ffffff08,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.result-header{color:var(--color-gold);align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;font-weight:600;display:flex}.result-value-wrap{text-align:center;border-bottom:1px solid var(--color-glass-border);margin-bottom:16px;padding:16px 0}.result-value{font-size:2.6rem;font-weight:800;font-family:var(--font-mono);background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.result-details{flex-direction:column;gap:10px;display:flex}.result-detail{justify-content:space-between;align-items:center;display:flex}.detail-label{color:var(--color-text-muted);font-size:.78rem}.detail-value{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.82rem;font-weight:500}.viz-card-inline{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glow);overflow:hidden}.calc-viz-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;display:grid}.viz-card-header{border-bottom:1px solid var(--color-glass-border);background:#ffffff04;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.viz-card-header h4{font-size:.85rem;font-weight:600}.viz-badge{color:var(--color-green);text-transform:uppercase;letter-spacing:.06em;background:#2ecc711a;border:1px solid #2ecc7133;border-radius:100px;padding:3px 10px;font-size:.63rem;font-weight:600;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.6}}.viz-card-body{padding:20px}.donut-container{width:180px;height:180px;margin:0 auto 16px;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-value{font-size:1.5rem;font-weight:800;font-family:var(--font-mono);color:var(--color-gold);display:block}.donut-center-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.donut-legend{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:.7rem;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:8px;height:8px}.bar-chart{flex-direction:column;gap:10px;min-height:100px;display:flex}.bar-group{flex-direction:column;gap:4px;display:flex}.bar-label-row{justify-content:space-between;display:flex}.bar-label{color:var(--color-text-secondary);font-size:.72rem;font-weight:500}.bar-value-label{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.68rem}.bar-track{background:#ffffff0a;border-radius:5px;width:100%;height:22px;overflow:hidden}.bar-fill{border-radius:5px;align-items:center;height:100%;padding-left:8px;transition:width .8s cubic-bezier(.4,0,.2,1);display:flex}.bar-fill-label{color:#0a0a0fcc;white-space:nowrap;font-size:.65rem;font-weight:600}.gauge-container-sm{text-align:center}.gauge-svg{width:100%;max-width:280px;height:auto}#gauge-fill{transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}#gauge-needle{transform-origin:150px 155px;transition:transform 1s cubic-bezier(.4,0,.2,1)}.gauge-value-display{text-align:center;margin-top:-6px}.gauge-value{font-family:var(--font-mono);color:var(--color-gold);font-size:1.6rem;font-weight:700}.gauge-stats-sm{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.gauge-stat{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.gs-label{color:var(--color-text-muted);font-size:.7rem}.gs-value{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.78rem;font-weight:600}.viz-empty{min-height:100px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.viz-empty svg{opacity:.3}.presets-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glow);padding:20px}.presets-title{color:var(--color-text-secondary);margin-bottom:12px;font-size:.82rem;font-weight:600}.preset-buttons{flex-direction:column;gap:7px;display:flex}.preset-btn{border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.82rem;font-weight:500;font-family:var(--font-sans);text-align:left;background:#ffffff08;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.preset-btn:hover{border-color:var(--color-border-medium);color:var(--color-text-primary);background:#ffffff0d}.preset-icon{font-size:1.1rem}.presets-mobile{margin-top:16px;display:none}.presets-desktop{display:block}.content-with-diagram{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.content-text h3{color:var(--color-text-primary);margin-top:28px;margin-bottom:12px;font-size:1.15rem;font-weight:700}.content-text h3:first-child{margin-top:0}.content-text p{color:var(--color-text-secondary);margin-bottom:14px;font-size:.95rem;line-height:1.75}.content-text strong{color:var(--color-gold);font-weight:600}.interactive-diagram{position:sticky;top:100px}.diagram-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);overflow:hidden}.diagram-header{border-bottom:1px solid var(--color-glass-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.diagram-header h4{font-size:.88rem;font-weight:600}.balance-beam-body{padding:20px}.beam-controls{gap:16px;margin-bottom:12px;display:flex}.beam-side{border-radius:var(--radius-sm);border:1px solid var(--color-glass-border);background:#ffffff05;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.beam-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.beam-wt-label{margin-top:4px}.beam-input{max-width:100%;font-family:var(--font-mono);text-align:center;font-size:.85rem}.beam-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.beam-slider::-webkit-slider-thumb{appearance:none;background:var(--color-gold);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 0 10px #f0b42966}.beam-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.beam-slider::-moz-range-thumb{background:var(--color-gold);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #f0b42966}.beam-slider-val{font-family:var(--font-mono);color:var(--color-gold);text-align:center;font-size:.9rem;font-weight:700}.beam-visual{margin:8px 0}.beam-svg{width:100%;height:auto}#beam-bar-group{transform-origin:200px 155px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.beam-results{gap:10px;margin-bottom:12px;display:flex}.beam-result-item{border:1px solid var(--color-glass-border);text-align:center;background:#ffffff08;border-radius:6px;flex:1;padding:8px 10px}.beam-result-highlight{background:#f0b4290a;border-color:#f0b42933}.beam-result-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.65rem;display:block}.beam-result-value{font-family:var(--font-mono);color:var(--color-gold);font-size:.95rem;font-weight:700}.beam-insight{border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#f0b4290d;border:1px solid #f0b4291a;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.82rem;line-height:1.5;display:flex}.beam-insight svg{flex-shrink:0;margin-top:2px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);z-index:1;-webkit-backdrop-filter:blur(12px);padding:24px;transition:all .4s;position:relative;overflow:hidden}.step-card:hover{border-color:var(--color-border-medium);transform:translateY(-4px);box-shadow:0 10px 30px #0003}.step-number{background:linear-gradient(135deg,var(--color-gold),var(--color-amber));color:#0a0a0f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:1.1rem;font-weight:800;display:flex}.step-card h3{margin-bottom:10px;font-size:1.05rem;font-weight:700}.step-card p{color:var(--color-text-secondary);margin-bottom:16px;font-size:.88rem;line-height:1.65}.step-visual{text-align:center}.step-mock-input{border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:10px;padding:10px 18px;display:inline-flex}.smi-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.smi-value{font-family:var(--font-mono);color:var(--color-gold);font-size:1.1rem;font-weight:700}.smi-typing{animation:2s ease-in-out infinite typingPulse}.smi-delay{animation-delay:.5s}@keyframes typingPulse{0%,to{opacity:1}50%{opacity:.4}}.step-mock-result{border-radius:var(--radius-md);background:#f0b42914;border:1px solid #f0b42933;flex-direction:column;align-items:center;padding:14px 24px;display:inline-flex}.smr-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.smr-value{font-family:var(--font-mono);color:var(--color-gold);font-size:1.6rem;font-weight:800}.formula-display-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-glow);margin-bottom:16px;padding:40px}.formula-display{text-align:center;margin-bottom:28px;overflow-x:auto}.formula-big{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:inline-flex}.fb-bar-text{color:var(--color-gold);font-size:1.8rem;font-style:italic;font-weight:700}.fb-equals{color:var(--color-text-muted);font-size:1.4rem}.fb-fraction{flex-direction:column;align-items:center;gap:2px;display:flex}.fb-num,.fb-den{font-family:var(--font-mono);color:var(--color-text-secondary);padding:4px 14px;font-size:.95rem}.fb-line{background:var(--color-gold);width:100%;height:2px}.formula-legend{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:20px;display:flex}.fl-item{align-items:center;gap:8px;display:flex}.fl-symbol{font-family:var(--font-mono);color:var(--color-gold);background:#f0b42914;border-radius:5px;padding:3px 8px;font-size:.9rem;font-weight:600}.fl-desc{color:var(--color-text-muted);font-size:.82rem}.formula-explain{text-align:center;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:.9rem}.formula-live-body{padding:24px 20px}.fl-inputs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.fl-input-pair{border-radius:var(--radius-sm);border:1px solid var(--color-glass-border);background:#ffffff08;align-items:center;gap:6px;padding:8px 12px;display:flex}.fl-input-pair label{color:var(--color-text-muted);font-size:.78rem;font-weight:600;font-family:var(--font-mono)}.fl-x,.fl-w{max-width:60px;font-family:var(--font-mono);text-align:center;font-size:.85rem}.fl-calculation{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.fl-step{border-radius:var(--radius-sm);background:#ffffff05;align-items:baseline;gap:10px;padding:10px 14px;display:flex}.fl-step-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:100px;font-size:.75rem;font-weight:600}.fl-step-val{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.88rem}.fl-step-val strong{color:var(--color-gold)}.fl-step-result{background:#f0b4290a;border:1px solid #f0b42926}.fl-step-result .fl-step-val strong{font-size:1.05rem}.fl-pipeline-wrap{border-radius:var(--radius-sm);margin-bottom:18px;overflow:hidden}#formula-pipeline-canvas{width:100%;height:auto;display:block}.fl-bar-visual{margin-top:8px}.fl-bar-track{background:#ffffff0f;border-radius:4px;height:8px;margin-bottom:6px;position:relative}.fl-bar-marker{background:var(--color-gold);border-radius:50%;width:16px;height:16px;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 12px #f0b42966}.fl-bar-labels{color:var(--color-text-muted);font-size:.7rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.fl-bar-result{color:var(--color-gold);font-weight:700}.hiw-wrapper{max-width:900px;margin:0 auto}.hiw-steps-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:28px;display:flex}.hiw-step-btn{background:var(--color-glass);border:1px solid var(--color-glass-border);color:var(--color-text-muted);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;transition:all .4s;display:flex}.hiw-step-btn:hover{color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.hiw-step-btn.active{border-color:var(--color-border-medium);color:var(--color-text-primary);box-shadow:var(--shadow-glow);background:#ffffff0d}.step-num{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:flex}.hiw-step-btn.active .step-num{background:var(--color-gold);color:#0a0a0f}.step-connector{background:var(--color-glass-border);width:28px;height:2px;transition:background .4s}.step-connector.active{background:linear-gradient(90deg,var(--color-gold),#f0b42933)}.hiw-diagram-area{min-height:300px;position:relative}.hiw-panel{animation:.5s ease-out panelFadeIn;display:none}.hiw-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hiw-panel-content{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.hiw-visual{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:250px;padding:28px;display:flex}.hiw-explanation{padding:4px 0}.hiw-explanation h4{margin-bottom:10px;font-size:1.05rem;font-weight:700}.hiw-explanation p{color:var(--color-text-secondary);font-size:.92rem;line-height:1.7}.hiw-controls{justify-content:center;gap:12px;margin-top:32px;display:flex}.animate-in{animation:.5s ease-out both fadeInUp;animation-delay:var(--delay,0s)}.data-flow-diagram{align-items:flex-start;gap:16px;width:100%;display:flex}.df-column{flex:1}.df-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.72rem;font-weight:600}.df-item{color:var(--color-text-secondary);background:#ffffff0a;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:7px;padding:9px 12px;font-size:.82rem;display:flex}.df-value{border-color:#f0b42926}.df-weight{border-color:#e67e2226}.df-icon{font-size:.95rem}.df-arrow-col{align-items:center;padding-top:28px;display:flex}.multiply-diagram{flex-direction:column;gap:14px;width:100%;display:flex}.mult-row{background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.mult-val{font-family:var(--font-mono);color:var(--color-gold);text-align:right;min-width:36px;font-size:1.05rem;font-weight:600}.mult-op,.mult-eq{color:var(--color-text-muted);font-size:.95rem}.mult-weight{font-family:var(--font-mono);color:var(--color-amber);text-align:center;min-width:20px;font-size:1.05rem;font-weight:600}.mult-result{font-family:var(--font-mono);color:var(--color-gold-light);text-align:left;background:#f0b42914;border-radius:5px;min-width:44px;padding:3px 8px;font-size:1.05rem;font-weight:700}.sum-diagram{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sum-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.sum-item{font-family:var(--font-mono);color:var(--color-gold);background:#f0b42914;border:1px solid #f0b42926;border-radius:6px;padding:8px 16px;font-size:1.2rem;font-weight:600}.sum-item.weight-item{color:var(--color-amber);background:#e67e2214;border-color:#e67e2226}.sum-plus{color:var(--color-text-muted);font-size:1.1rem}.sum-line{background:linear-gradient(90deg,transparent,var(--color-gold),transparent);width:80%;height:2px}.sum-total{flex-direction:column;align-items:center;gap:3px;display:flex}.sum-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.sum-value{font-family:var(--font-mono);color:var(--color-gold);font-size:1.4rem;font-weight:800}.divide-diagram{justify-content:center;align-items:center;gap:22px;width:100%;display:flex}.divide-fraction{flex-direction:column;align-items:center;gap:3px;display:flex}.divide-num,.divide-den{font-family:var(--font-mono);color:var(--color-gold);padding:5px 18px;font-size:1.3rem;font-weight:700}.divide-bar{background:var(--color-gold);border-radius:2px;width:100%;height:3px}.divide-eq{color:var(--color-text-muted);font-size:1.4rem}.divide-result{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0b4291f,#e67e2214);border:2px solid #f0b4294d;flex-direction:column;align-items:center;padding:14px 24px;display:flex;box-shadow:0 0 40px #f0b4291a}.divide-result-val{font-family:var(--font-mono);color:var(--color-gold);font-size:1.8rem;font-weight:800}.divide-result-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.mistakes-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.mistake-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:24px 20px}.mistake-card h4{margin-bottom:8px;font-size:.92rem;font-weight:600}.mistake-card p{color:var(--color-text-secondary);font-size:.82rem;line-height:1.6}.mistake-icon{margin-bottom:10px;font-size:1.4rem}.mistake-bad .mistake-icon{color:var(--color-red)}.mistake-good .mistake-icon{color:var(--color-green)}.mistake-bad{border-color:#e74c3c1f}.mistake-good{background:#2ecc7108;border-color:#2ecc7126}.examples-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.example-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:28px}.example-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.example-icon{font-size:1.6rem}.example-header h3{font-size:1.1rem;font-weight:700}.example-card>p{color:var(--color-text-secondary);margin-bottom:18px;font-size:.88rem;line-height:1.6}.example-table-interactive{border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.et-header,.et-row,.et-footer{grid-template-columns:1fr .8fr .8fr .8fr;align-items:center;padding:8px 14px;font-size:.8rem;display:grid}.et-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0a;font-size:.68rem;font-weight:600}.et-row{color:var(--color-text-secondary);border-top:1px solid #ffffff0a}.et-footer{border-top:2px solid var(--color-border-subtle);color:var(--color-gold);font-weight:700}.ex-input{font-family:var(--font-mono);text-align:left;max-width:80px;font-size:.8rem;padding:5px 8px!important}.ex-val-input{color:var(--color-gold)!important}.ex-wt-input{color:var(--color-amber)!important}.ex-prod{font-family:var(--font-mono);color:var(--color-text-secondary);text-align:right}.example-result{border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#f0b4290f;border:1px solid #f0b4291f;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.88rem;display:flex}.ex-result-val{font-family:var(--font-mono);color:var(--color-gold)}.ex-result-val strong{font-size:1.05rem}.example-viz{justify-content:center;margin-bottom:14px;display:flex}.ex-mini-donut-container{width:120px;height:120px;position:relative}.ex-donut{width:100%;height:100%;transform:rotate(-90deg)}.ex-donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ex-donut-val{font-family:var(--font-mono);color:var(--color-gold);font-size:.9rem;font-weight:700;display:block}.ex-donut-label{color:var(--color-text-muted);font-size:.6rem}.example-note{color:var(--color-text-muted);border-left:3px solid var(--color-gold);background:#ffffff05;border-radius:6px;padding:10px 14px;font-size:.82rem;line-height:1.6}.use-cases-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.use-case-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:default;padding:28px 22px;transition:all .4s}.use-case-card:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.uc-icon{margin-bottom:14px;font-size:2rem}.use-case-card h3{margin-bottom:8px;font-size:.95rem;font-weight:600}.use-case-card p{color:var(--color-text-muted);margin-bottom:12px;font-size:.82rem;line-height:1.65}.uc-mini-demo{border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);background:#ffffff05;padding:12px}.uc-demo-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.uc-demo-label{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:120px;font-size:.7rem;overflow:hidden}.uc-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.uc-slider::-webkit-slider-thumb{appearance:none;background:var(--color-gold);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #f0b4294d}.uc-slider::-moz-range-thumb{background:var(--color-gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.uc-demo-val{font-family:var(--font-mono);color:var(--color-gold);text-align:right;min-width:35px;font-size:.75rem;font-weight:600}.uc-demo-result{color:var(--color-text-muted);background:#f0b4290f;border:1px solid #f0b4291f;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.72rem;display:flex}.uc-demo-result-val{font-family:var(--font-mono);color:var(--color-gold);font-size:.85rem;font-weight:700}.notes-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.note-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-items:flex-start;gap:14px;padding:24px;display:flex}.note-icon{flex-shrink:0;font-size:1.4rem}.note-content{flex:1}.note-card p{color:var(--color-text-secondary);margin-bottom:12px;font-size:.88rem;line-height:1.65}.note-card strong{color:var(--color-text-primary)}.note-demo{border:1px solid var(--color-glass-border);background:#ffffff05;border-radius:6px;padding:10px}.note-demo-bar{background:#ffffff0d;border-radius:4px;height:8px;margin-bottom:6px;display:flex;overflow:hidden}.note-bar-fill{background:var(--color-gold);height:100%;transition:width .6s}.note-bar-fill-2{background:var(--color-amber)}.note-bar-fill-3{background:var(--color-gold-dark)}.note-demo-text{color:var(--color-text-muted);font-size:.72rem;font-family:var(--font-mono)}.note-toggle-btn{border:1px solid var(--color-glass-border);color:var(--color-text-secondary);font-size:.78rem;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:6px 12px;transition:all .2s;display:flex}.note-toggle-btn:hover{border-color:var(--color-border-subtle)}.note-toggle-track{background:#ffffff1a;border-radius:10px;width:36px;height:20px;margin-left:auto;transition:background .3s;position:relative}.note-toggle-thumb{background:var(--color-text-muted);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:2px}.note-toggle-btn.active .note-toggle-track{background:#f0b42933}.note-toggle-btn.active .note-toggle-thumb{background:var(--color-gold);left:18px}.note-toggle-result{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono);line-height:1.5}.note-toggle-result strong{color:var(--color-gold)}.note-range-bar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.note-range-min,.note-range-max{color:var(--color-text-muted);font-size:.68rem;font-family:var(--font-mono);white-space:nowrap}.note-range-track{background:#ffffff14;border-radius:3px;flex:1;height:6px;position:relative}.note-range-marker{background:var(--color-gold);border-radius:50%;width:16px;height:16px;transition:left .6s;animation:2s ease-in-out infinite markerGlow;position:absolute;top:-5px;transform:translate(-50%);box-shadow:0 0 10px #f0b42966}@keyframes markerGlow{0%,to{box-shadow:0 0 10px #f0b42966}50%{box-shadow:0 0 20px #f0b42999}}.note-pull-viz{text-align:center}.note-pull-bar{background:linear-gradient(90deg,#e67e224d,#f0b429cc);border-radius:3px;height:6px;margin-bottom:8px;position:relative}.note-pull-marker{transition:left .6s;position:absolute;top:-8px}.note-pull-arrow{color:var(--color-gold);font-size:1.2rem;animation:1.5s ease-in-out infinite pullArrow}@keyframes pullArrow{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.faq-list{flex-direction:column;gap:10px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--color-border-medium)}.faq-q{width:100%;color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.faq-q h3{font-size:.95rem;font-weight:600}.faq-chevron{color:var(--color-text-muted);flex-shrink:0;margin-left:12px;transition:transform .2s}.faq-item.open .faq-chevron{color:var(--color-gold);transform:rotate(180deg)}.faq-a{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;padding:0 22px 18px}.faq-a p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.related-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);color:inherit;padding:28px 24px;text-decoration:none;transition:all .4s;display:block}.related-card:hover{border-color:var(--color-border-medium);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.related-icon{margin-bottom:14px;font-size:2rem}.related-card h3{color:var(--color-gold);margin-bottom:8px;font-size:1rem;font-weight:700}.related-card p{color:var(--color-text-muted);font-size:.82rem;line-height:1.6}#site-footer{z-index:1;border-top:1px solid var(--color-glass-border);padding:0 24px;position:relative}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding:50px 0 36px;display:grid}.footer-tagline{color:var(--color-text-muted);max-width:280px;margin-top:12px;font-size:.85rem;line-height:1.6}.footer-links-group h5{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:.78rem;font-weight:600}.footer-links-group a{color:var(--color-text-muted);padding:4px 0;font-size:.82rem;text-decoration:none;transition:all .2s;display:block}.footer-links-group a:hover{color:var(--color-gold);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--color-glass-border);text-align:center;padding:20px 0}.footer-bottom p{color:var(--color-text-muted);font-size:.78rem}.footer-contact{flex-direction:column;gap:12px;margin-top:24px;display:flex}.footer-contact a{color:var(--color-text-secondary);font-size:.88rem;font-family:var(--font-mono);align-items:center;gap:10px;text-decoration:none;transition:color .2s;display:inline-flex}.footer-contact a:hover{color:var(--color-gold)}.footer-contact svg{width:18px;height:18px;color:var(--color-gold)}.footer-phone{color:var(--color-text-secondary);font-size:.88rem;font-family:var(--font-mono);align-items:center;gap:10px;display:inline-flex}.footer-socials{gap:14px;margin-top:28px;display:flex}.footer-socials a{border:1px solid var(--color-glass-border);width:40px;height:40px;color:var(--color-text-secondary);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.footer-socials a:hover{color:var(--color-gold);background:#f0b4291a;border-color:#f0b4294d;transform:translateY(-4px);box-shadow:0 6px 16px #f0b42933}.footer-socials svg{fill:currentColor;width:18px;height:18px}.back-to-top{border:1px solid var(--color-glass-border);width:48px;height:48px;color:var(--color-gold);cursor:pointer;opacity:0;visibility:hidden;z-index:999;-webkit-backdrop-filter:blur(12px);background:#07070dd9;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 4px 24px #0006}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{color:var(--color-gold-light);background:#f0b4291f;border-color:#f0b42966;transform:translateY(-4px);box-shadow:0 8px 30px #f0b4294d}@media(max-width:1024px){.calc-layout{grid-template-columns:1fr}.calc-viz-grid{grid-template-columns:repeat(2,1fr)}.calc-sidebar{position:static}.presets-mobile{display:block}.presets-desktop{display:none}.content-with-diagram{grid-template-columns:1fr;gap:32px}.interactive-diagram{position:static}.use-cases-grid,.notes-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}}@media(max-width:768px){#main-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border);background:#07070df2;flex-direction:column;padding:16px;display:none;position:absolute;top:72px;left:0;right:0}#main-nav.open,.mobile-menu-btn{display:flex}.steps-grid{grid-template-columns:1fr}.hiw-panel-content{grid-template-columns:1fr;gap:20px}.hiw-step-btn{padding:8px 12px;font-size:.72rem}.step-text{display:none}.step-connector{width:14px}.examples-grid,.notes-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:40px}.footer-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-contact{align-items:center}.footer-socials{justify-content:center}.footer-links-group{text-align:center}.use-cases-grid,.calc-viz-grid{grid-template-columns:1fr}.calc-table-header,.calc-row{grid-template-columns:30px 1fr 80px 80px 80px 30px;padding:8px 16px;font-size:.65rem}section,.formula-display-card{padding:24px 16px}.divide-diagram{flex-direction:column;gap:14px}.beam-controls{flex-direction:column}}@media(max-width:480px){.calc-table-header,.calc-row{grid-template-columns:24px 1fr 1fr 30px;gap:4px}.col-product,.product-display,.col-label,.calc-input.input-label{display:none}.result-value{font-size:2rem}.beam-results{flex-direction:column}.uc-demo-label{min-width:80px;font-size:.6rem}.back-to-top{width:42px;height:42px;bottom:20px;right:20px}}.static-page-hero{padding-top:120px!important;padding-bottom:20px!important}.static-hero-content{text-align:center;max-width:720px;margin:0 auto}.static-hero-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.15;animation:.6s ease-out .1s both fadeInUp}.static-hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.75;animation:.6s ease-out .2s both fadeInUp}.static-last-updated{color:var(--color-gold);background:#f0b4290f;border:1px solid #f0b4291f;border-radius:100px;margin-top:16px;padding:5px 14px;font-size:.75rem;font-weight:500;animation:.6s ease-out .3s both fadeInUp;display:inline-block}.static-page-section{padding-top:16px!important;padding-bottom:40px!important}.static-content-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.static-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1)}.static-card:hover{border-color:var(--color-border-medium);transform:translateY(-3px);box-shadow:0 12px 40px #00000040}.static-card-featured{background:linear-gradient(135deg,#f0b4290a,#d67a3105);border-color:#f0b4291f;grid-column:1/-1}.static-card-icon{margin-bottom:16px;font-size:2rem}.static-card h2{color:var(--color-text-primary);margin-bottom:12px;font-size:1.15rem;font-weight:700}.static-card h3{color:var(--color-gold);margin-top:18px;margin-bottom:8px;font-size:.95rem;font-weight:600}.static-card p{color:var(--color-text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.75}.static-card p:last-child{margin-bottom:0}.static-card strong{color:var(--color-gold)}.static-feature-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.static-feature-list li{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;transition:all .2s;display:flex}.static-feature-list li:hover{background:#ffffff0a;border-color:#ffffff14}.feature-check{color:var(--color-gold);flex-shrink:0;font-size:.85rem;font-weight:600}.static-cta-section{padding-bottom:60px!important}.static-cta-card{text-align:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,#f0b4290f,#d67a3108);border:1px solid #f0b42926;padding:48px 32px}.static-cta-card h2{margin-bottom:10px;font-size:1.8rem;font-weight:800}.static-cta-card p{color:var(--color-text-secondary);margin-bottom:24px;font-size:1rem}.static-cta-btn{background:linear-gradient(135deg,var(--color-gold),var(--color-amber));color:#0a0a0f;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #f0b4294d}.static-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f0b42973}.static-cta-btn svg{transition:transform .3s}.static-cta-btn:hover svg{transform:translate(3px)}.contact-layout{grid-template-columns:1fr 1fr;gap:28px;display:grid}.contact-info-column,.contact-details-column{flex-direction:column;gap:24px;display:flex}.contact-link{color:var(--color-gold);font-family:var(--font-mono);border-radius:var(--radius-sm);background:#f0b4290f;border:1px solid #f0b4291f;align-items:center;gap:10px;margin-top:4px;padding:10px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.contact-link:hover{background:#f0b4291f;border-color:#f0b42940;transform:translate(4px)}.contact-link svg{color:var(--color-gold);flex-shrink:0}.contact-faq-list{flex-direction:column;gap:16px;display:flex}.contact-faq-item{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0d;padding:16px}.contact-faq-item h3{color:var(--color-text-primary);margin-bottom:6px;font-size:.88rem;font-weight:600}.contact-faq-item p{color:var(--color-text-muted);margin-bottom:0;font-size:.82rem;line-height:1.6}.response-times{flex-direction:column;gap:8px;display:flex}.response-row{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.response-label{color:var(--color-text-secondary);font-size:.82rem}.response-value{font-family:var(--font-mono);color:var(--color-gold);font-size:.8rem;font-weight:600}.legal-content{flex-direction:column;gap:8px;max-width:860px;margin:0 auto;display:flex}.legal-section{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px 32px;transition:all .3s;position:relative}.legal-section:hover{border-color:var(--color-border-medium)}.legal-number{font-family:var(--font-mono);color:#f0b42933;letter-spacing:.05em;font-size:.75rem;font-weight:700;position:absolute;top:28px;right:28px}.legal-section h2{margin-bottom:12px;padding-right:40px;font-size:1.1rem;font-weight:700}.legal-section h3{color:var(--color-text-secondary);margin-top:16px;margin-bottom:8px;font-size:.92rem;font-weight:600}.legal-section p{color:var(--color-text-secondary);margin-bottom:10px;font-size:.88rem;line-height:1.75}.legal-section p:last-child{margin-bottom:0}.legal-section ul{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.legal-section ul:last-child{margin-bottom:0}.legal-section li{color:var(--color-text-secondary);padding-left:20px;font-size:.86rem;line-height:1.65;position:relative}.legal-section li:before{content:"";background:var(--color-gold);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.legal-section li strong{color:var(--color-text-primary)}.legal-section a{color:var(--color-gold);border-bottom:1px solid #f0b4294d;text-decoration:none;transition:all .2s}.legal-section a:hover{border-bottom-color:var(--color-gold)}.privacy-highlight-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.privacy-highlight-card{text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px 20px;transition:all .4s}.privacy-highlight-card:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.privacy-highlight-icon{margin-bottom:14px;font-size:2rem}.privacy-highlight-card h3{margin-bottom:8px;font-size:.92rem;font-weight:700}.privacy-highlight-card p{color:var(--color-text-muted);font-size:.8rem;line-height:1.6}@media(max-width:1024px){.static-content-grid,.privacy-highlight-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.static-content-grid{grid-template-columns:1fr}.static-card-featured{grid-column:auto}.contact-layout{grid-template-columns:1fr}.privacy-highlight-grid{grid-template-columns:1fr 1fr}.legal-section{padding:22px 20px}.legal-number{top:22px;right:20px}}@media(max-width:480px){.privacy-highlight-grid{grid-template-columns:1fr}.static-cta-card{padding:32px 20px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:#f0b42926;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f0b4294d}::selection{color:var(--color-text-primary);background:#f0b42940}@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}@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}