@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-input: #16162a;--glass: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.06);--gold: #d4a855;--gold-light: #f0d68a;--gold-dark: #b8922e;--accent: #6c63ff;--accent-glow: rgba(108,99,255,.3);--text-primary: #e8e6f0;--text-secondary: #8a8a9a;--text-muted: #5a5a6a;--success: #4ade80;--error: #f87171;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow-gold: 0 0 40px rgba(212,168,85,.08);--transition: .3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(212,168,85,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,85,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{to{background-position:60px 60px}}.bg-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.bg-orb--1{width:500px;height:500px;background:#6c63ff14;top:-100px;right:-100px;animation:orbFloat 15s ease-in-out infinite}.bg-orb--2{width:400px;height:400px;background:#d4a8550f;bottom:-50px;left:-50px;animation:orbFloat 20s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.nav{position:sticky;top:0;z-index:100;background:#0a0a0fcc;backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:0 2rem}.nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav__logo{display:flex;align-items:center;gap:6px;font-weight:800;font-size:1.2rem;color:var(--gold);text-decoration:none;letter-spacing:-.5px}.nav__logo-big{font-weight:900;font-size:1.3rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav__logo-number{font-weight:700;font-size:1.2rem;color:var(--gold)}.nav__logo-calc{font-weight:500;font-size:1.2rem;color:var(--text-secondary)}.nav__links{display:flex;gap:2rem;list-style:none}.nav__links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color var(--transition);position:relative}.nav__links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gold);transition:width var(--transition)}.nav__links a:hover{color:var(--gold)}.nav__links a:hover:after{width:100%}.nav__menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.hero{position:relative;z-index:1;text-align:center;padding:1.5rem 2rem .5rem;max-width:900px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:6px;background:#d4a8551a;border:1px solid rgba(212,168,85,.2);border-radius:50px;padding:6px 16px;font-size:.78rem;color:var(--gold);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1.5px}.hero__badge .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin-bottom:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--gold) 50%,var(--text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes shimmer{to{background-position:200% center}}.hero p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.calc-section{position:relative;z-index:1;max-width:800px;margin:0 auto 1.5rem;padding:0 1.5rem}.calc-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.calc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.input-group{margin-bottom:1.2rem}.input-group label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.input-group label .label-icon{width:28px;height:28px;border-radius:8px;background:#d4a8551a;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--gold);font-size:.85rem}.input-group textarea{width:100%;min-height:70px;padding:14px 16px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1rem;resize:vertical;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8551a}.input-group textarea::placeholder{color:var(--text-muted)}.precision-row{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.precision-row label{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.precision-row input{width:auto;min-width:60px;padding:10px 12px;text-align:center;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--gold);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;outline:none;transition:border-color var(--transition),width .2s ease}.precision-row input:focus{border-color:var(--gold)}.precision-row span{font-size:.8rem;color:var(--text-muted)}.ops-label{text-align:center;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:.8rem}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-bottom:1.5rem}.op-btn{padding:12px 8px;border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:var(--bg-input);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.op-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d4a8551a,#6c63ff1a);opacity:0;transition:opacity var(--transition)}.op-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 20px #d4a85526}.op-btn:hover:before{opacity:1}.op-btn:active{transform:translateY(0)}.op-btn span{position:relative;z-index:1}.result-box{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:1.2rem 1.5rem;min-height:60px;position:relative;display:none}.result-box.active{display:block;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-box__label{font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:6px}.result-box__value{font-family:JetBrains Mono,monospace;font-size:1.05rem;color:var(--success);word-break:break-all;line-height:1.5}.result-box__meta{display:flex;gap:1rem;margin-top:10px;flex-wrap:wrap}.result-box__meta span{font-size:.75rem;color:var(--text-muted);background:#ffffff08;padding:4px 10px;border-radius:4px}.result-box__actions{position:absolute;top:12px;right:12px;display:flex;gap:6px}.result-box__actions button{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;padding:6px 10px;color:var(--text-secondary);font-size:.72rem;cursor:pointer;transition:all var(--transition)}.result-box__actions button:hover{color:var(--gold);border-color:var(--gold)}.result-box.error .result-box__value{color:var(--error)}.diagram-section{position:relative;z-index:1;max-width:900px;margin:0 auto 4rem;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-size:1.8rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.section-header h2 .gold{color:var(--gold)}.section-header p{color:var(--text-secondary);font-size:.95rem}.diagram-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;position:relative;overflow:hidden}.diagram-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.pipeline{display:flex;align-items:stretch;gap:0;position:relative;flex-wrap:wrap;justify-content:center}.pipeline-step{flex:1;min-width:140px;max-width:200px;text-align:center;padding:1.5rem .8rem;position:relative}.pipeline-step__icon{width:56px;height:56px;border-radius:14px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;background:linear-gradient(135deg,#d4a85526,#6c63ff26);border:1px solid rgba(212,168,85,.2);transition:all .5s ease}.pipeline-step.active .pipeline-step__icon{background:linear-gradient(135deg,var(--gold-dark),var(--accent));border-color:var(--gold);box-shadow:0 0 30px #d4a8554d;transform:scale(1.1)}.pipeline-step__title{font-weight:700;font-size:.85rem;margin-bottom:4px;color:var(--text-primary);transition:color .3s}.pipeline-step.active .pipeline-step__title{color:var(--gold)}.pipeline-step__desc{font-size:.72rem;color:var(--text-muted);line-height:1.4}.pipeline-arrow{display:flex;align-items:center;color:var(--text-muted);font-size:1.2rem;padding:0 4px;align-self:center;transition:color .5s}.pipeline-arrow.active{color:var(--gold)}.data-flow{margin-top:2rem;padding:1.5rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--glass-border);min-height:120px;position:relative;overflow:hidden}.data-flow__title{font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:1rem}.data-flow__content{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--accent);text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.data-flow__content .step-label{font-size:.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.data-flow__content .step-value{font-size:1rem;color:var(--text-primary);word-break:break-all}.data-flow__progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--accent));transition:width .8s ease}.demo-btn-row{text-align:center;margin-top:1.2rem}.demo-btn{padding:10px 28px;border-radius:50px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--bg-primary);font-weight:700;font-size:.85rem;border:none;cursor:pointer;transition:all var(--transition);letter-spacing:.5px}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a8554d}.features-section{position:relative;z-index:1;max-width:1000px;margin:0 auto 4rem;padding:0 1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.feature-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.8rem;transition:all var(--transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity var(--transition)}.feature-card:hover{border-color:#d4a85533;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card__icon{width:48px;height:48px;border-radius:12px;background:#d4a8551a;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.feature-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.table-section{position:relative;z-index:1;max-width:800px;margin:0 auto 4rem;padding:0 1.5rem}.table-wrap{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden}.table-wrap table{width:100%;border-collapse:collapse;font-size:.88rem}.table-wrap th{background:#d4a85514;text-align:left;padding:14px 20px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--gold);border-bottom:1px solid var(--glass-border)}.table-wrap td{padding:12px 20px;border-bottom:1px solid var(--glass-border);color:var(--text-secondary)}.table-wrap td:first-child{font-family:JetBrains Mono,monospace;color:var(--text-primary);font-weight:600}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tr:hover td{background:#ffffff05}.faq-section{position:relative;z-index:1;max-width:800px;margin:0 auto 4rem;padding:0 1.5rem}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.faq-item:hover{border-color:#d4a85533}.faq-item.active{border-color:#d4a8554d;box-shadow:0 0 30px #d4a8550f}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;background:none;border:none;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:color var(--transition);gap:1rem}.faq-question:hover{color:var(--gold)}.faq-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d4a8551a;color:var(--gold);font-size:1.1rem;font-weight:700;transition:transform .4s cubic-bezier(.4,0,.2,1),background .3s}.faq-item.active .faq-icon{transform:rotate(45deg);background:#d4a85533}.faq-answer{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),padding .45s cubic-bezier(.4,0,.2,1);padding:0 1.5rem}.faq-item.active .faq-answer{max-height:300px;padding:0 1.5rem 1.2rem}.faq-answer p{font-size:.88rem;color:var(--text-secondary);line-height:1.7}.faq-answer strong{color:var(--gold-light);font-weight:600}.footer{position:relative;z-index:1;border-top:1px solid var(--glass-border);padding:3rem 2rem 2rem}.footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border)}.footer__brand{display:flex;flex-direction:column;gap:1rem}.footer__desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6;max-width:300px}.footer__social{display:flex;gap:.8rem}.footer__social a{width:36px;height:36px;border-radius:8px;background:#d4a8551a;border:1px solid rgba(212,168,85,.2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:.7rem;font-weight:700;text-decoration:none;transition:all var(--transition)}.footer__social a:hover{background:#d4a85533;transform:translateY(-2px)}.footer__nav-group h4{font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:1rem;font-weight:700}.footer__nav-group ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer__nav-group a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color var(--transition)}.footer__nav-group a:hover{color:var(--gold)}.footer__locale{max-width:1200px;margin:1.5rem auto;display:flex;align-items:center;gap:.8rem}.footer__locale label{color:var(--text-muted);font-size:.82rem;font-weight:600}.footer__locale select{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--text-primary);padding:8px 12px;font-size:.82rem;cursor:pointer;outline:none}.footer__bottom{max-width:1200px;margin:0 auto;text-align:center;padding-top:1.5rem}.footer__bottom p{color:var(--text-muted);font-size:.82rem}.footer a{color:var(--gold);text-decoration:none}.content-page{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:3rem 1.5rem}.content-page h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-page .subtitle{color:var(--text-secondary);margin-bottom:2rem}.content-page h2{font-size:1.3rem;font-weight:700;color:var(--gold);margin:2rem 0 .8rem}.content-page h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .5rem}.content-page p,.content-page li{color:var(--text-secondary);font-size:.92rem;line-height:1.8;margin-bottom:1rem}.content-page ul,.content-page ol{padding-left:1.5rem}.content-page a{color:var(--gold)}.content-page strong{color:var(--text-primary)}.contact-form{max-width:600px}.contact-form .form-group{margin-bottom:1.2rem}.contact-form label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:border-color var(--transition)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8551a}.contact-form textarea{min-height:140px;resize:vertical}.contact-form .submit-btn{padding:14px 32px;border-radius:50px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--bg-primary);font-weight:700;font-size:.9rem;transition:all var(--transition)}.contact-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a8554d}.contact-form .form-status{margin-top:1rem;font-size:.85rem;min-height:1.5rem}.contact-form .form-status.success{color:var(--success)}.contact-form .form-status.error{color:var(--error)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.blog-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.blog-card:hover{border-color:#d4a85533;transform:translateY(-4px)}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-card__body{padding:1.5rem}.blog-card__title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.blog-card__title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition)}.blog-card__title a:hover{color:var(--gold)}.blog-card__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.blog-card__cta{color:var(--gold);font-size:.85rem;font-weight:600;text-decoration:none}.blog-card__cta:hover{text-decoration:underline}.pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination a,.pagination span{padding:8px 16px;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:all var(--transition)}.pagination a:hover{border-color:var(--gold);color:var(--gold)}.pagination .active{background:#d4a85526;border-color:var(--gold);color:var(--gold)}.pagination .disabled{opacity:.4;pointer-events:none}.results-meta{text-align:center;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.sitemap-links{list-style:none;padding:0}.sitemap-links li{margin-bottom:.5rem}.sitemap-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition)}.sitemap-links a:hover{color:var(--gold)}.hero-intro{color:var(--text-secondary);font-size:.95rem;line-height:1.8;max-width:800px;margin:1.2rem auto 0;text-align:left}.hero-intro strong{color:var(--text-secondary);font-weight:700}.content-section{position:relative;z-index:1;max-width:900px;margin:0 auto 3rem;padding:0 1.5rem}.content-block{margin-bottom:2rem}.content-block h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.content-block p{color:var(--text-secondary);font-size:.92rem;line-height:1.8;margin-bottom:1rem}.content-block p strong{color:var(--text-secondary);font-weight:700}.content-block code{background:#d4a8551a;color:var(--gold);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85em}.content-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.content-list li{position:relative;padding:1rem 1rem 1rem 1.5rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.7;transition:border-color var(--transition),transform var(--transition)}.content-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--accent));border-radius:3px 0 0 3px}.content-list li:hover{border-color:#d4a85533;transform:translate(4px)}.content-list li strong{color:var(--text-secondary);font-weight:700}.interactive-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;margin-bottom:2.5rem;position:relative;transition:border-color var(--transition),box-shadow var(--transition)}.interactive-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--accent),transparent)}.interactive-card:hover{border-color:#d4a85526;box-shadow:0 0 50px #d4a8550f}.interactive-card__header{display:flex;align-items:center;gap:10px;padding:1.2rem 1.5rem;background:#d4a8550a;border-bottom:1px solid var(--glass-border)}.interactive-card__icon{font-size:1.3rem}.interactive-card__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}.interactive-card__body{padding:1.5rem}.converter-input-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:1.2rem;flex-wrap:wrap}.converter-input-row label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;flex:0 0 100%;margin-bottom:4px}.converter-input{flex:1;min-width:200px;padding:12px 16px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.converter-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8551a}.converter-input::placeholder{color:var(--text-muted)}.converter-btn{padding:12px 24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--bg-primary);font-weight:700;font-size:.85rem;border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}.converter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a85540}.converter-btn:active{transform:translateY(0)}.converter-result{min-height:80px;padding:1.2rem;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:1rem;position:relative}.converter-result__placeholder{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem 0}.converter-result__notation{font-family:JetBrains Mono,monospace;font-size:1.1rem;color:var(--success);margin-bottom:8px;word-break:break-all}.converter-result__detail{font-size:.82rem;color:var(--text-muted);margin-top:4px}.converter-result__words{font-size:1rem;color:var(--gold-light);line-height:1.6;word-break:break-word}.converter-result__error{color:var(--error);font-size:.88rem}.converter-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.converter-examples__label{font-size:.78rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.example-chip{padding:6px 14px;background:#d4a85514;border:1px solid rgba(212,168,85,.15);border-radius:50px;color:var(--gold);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.example-chip:hover{background:#d4a85526;border-color:#d4a8554d;transform:translateY(-1px)}.visualizer-desc{color:var(--text-secondary);font-size:.88rem;margin-bottom:1.2rem}.scale-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}.scale-tab{padding:8px 18px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.scale-tab:hover{border-color:#d4a8554d;color:var(--gold)}.scale-tab.active{background:#d4a8551f;border-color:var(--gold);color:var(--gold);box-shadow:0 0 15px #d4a8551a}.scale-display{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:1.5rem;text-align:center;transition:all .4s ease}.scale-display__number{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;word-break:break-all;transition:all .4s ease}.scale-display__name{font-size:1rem;color:var(--gold);font-weight:600;margin-bottom:4px;transition:all .4s ease}.scale-display__power{font-family:JetBrains Mono,monospace;font-size:.88rem;color:var(--accent);margin-bottom:1.2rem;transition:all .4s ease}.scale-display__facts{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.scale-fact{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffffff05;border-radius:var(--radius-xs);justify-content:center;transition:all var(--transition)}.scale-fact:hover{background:#d4a8550d}.scale-fact__icon{font-size:1rem}.scale-fact__text{font-size:.82rem;color:var(--text-secondary)}.scale-bar-container{margin-top:.5rem}.scale-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;position:relative}.scale-bar__fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--accent));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.scale-bar__fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:4px;background:var(--gold-light);border-radius:2px;box-shadow:0 0 8px var(--gold);animation:barGlow 1.5s ease-in-out infinite}@keyframes barGlow{0%,to{box-shadow:0 0 8px var(--gold)}50%{box-shadow:0 0 16px var(--gold-light)}}.scale-bar-labels{display:flex;justify-content:space-between;margin-top:4px}.scale-bar-labels span{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-muted)}.hero-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:650px;margin:1rem auto 0;line-height:1.6}.hero-highlight{color:var(--gold);-webkit-text-fill-color:var(--gold)}.tools-showcase{position:relative;z-index:1;max-width:1000px;margin:0 auto 4rem;padding:0 1.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.tool-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;text-decoration:none;position:relative;overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity var(--transition)}.tool-card:hover{border-color:#d4a85540;transform:translateY(-4px);box-shadow:0 8px 40px #d4a85514}.tool-card:hover:before{opacity:1}.tool-card__icon{width:52px;height:52px;border-radius:14px;background:#d4a85514;border:1px solid rgba(212,168,85,.12);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem;transition:all var(--transition)}.tool-card:hover .tool-card__icon{background:#d4a85526;border-color:#d4a85540;transform:scale(1.05)}.tool-card__title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem;transition:color var(--transition)}.tool-card:hover .tool-card__title{color:var(--gold)}.tool-card__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.2rem;flex:1}.tool-card__cta{font-size:.85rem;font-weight:600;color:var(--gold);transition:all var(--transition)}.tool-card:hover .tool-card__cta{letter-spacing:.5px}.tool-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.tool-header__icon{font-size:1.4rem}.tool-header__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}.tool-actions{display:flex;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap}.tool-convert-btn{flex:1;min-width:200px;padding:14px 28px;border-radius:50px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--bg-primary);font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:all var(--transition);letter-spacing:.3px}.tool-convert-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a8554d}.tool-convert-btn:active{transform:translateY(0)}.tool-clear-btn{padding:14px 24px;border-radius:50px;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition)}.tool-clear-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.result-box__value--words{font-family:Inter,system-ui,sans-serif;font-size:1.1rem;color:var(--gold-light);line-height:1.6;word-break:break-word}@media(max-width:768px){.nav__links{display:none}.nav__menu-btn{display:block}.nav__links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(20px);padding:1.5rem 2rem;gap:1rem;border-bottom:1px solid var(--glass-border)}.hero{padding:3rem 1.5rem 2rem}.hero-subtitle{font-size:.92rem}.calc-card{padding:1.5rem}.ops-grid{grid-template-columns:repeat(4,1fr)}.pipeline{flex-direction:column;align-items:center}.pipeline-arrow{transform:rotate(90deg)}.features-grid,.tools-grid{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr 1fr}.converter-input-row{flex-direction:column;align-items:stretch}.converter-input{min-width:100%}.scale-display__number{font-size:1rem}.content-section{margin-bottom:2rem}.scale-tabs{gap:6px}.scale-tab{padding:6px 14px;font-size:.75rem}.tool-actions{flex-direction:column}.tool-convert-btn{min-width:100%}}@media(max-width:480px){.ops-grid{grid-template-columns:repeat(3,1fr)}.hero-intro{font-size:.88rem}}