@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080d18;--bg2:#0e1525;--bg3:#162030;--bg4:#1c2a3e;--bord:#ffffff0f;--bord2:#ffffff1c;--txt:#d8e6f5;--muted:#7b91ac;--dim:#3f5268;--acc:#2effa4;--acc-dim:#2effa41a;--acc-mid:#2effa438;--red:#ff6b6b;--amber:#ffb347;--blue:#60a5fa;--green:#4ade80}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.65}nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--bord);background:#080d18d1;justify-content:space-between;align-items:center;height:56px;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--acc);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:20px;font-weight:800;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--txt)}.nav-badge{background:var(--acc-dim);border:1px solid var(--acc-mid);color:var(--acc);border-radius:4px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:11px}main{min-height:calc(100vh - 80px);padding-top:56px}.wrap{max-width:980px;margin:0 auto;padding:0 2rem}hr.div{border:none;border-top:1px solid var(--bord)}.sec{max-width:980px;margin:0 auto;padding:80px 2rem}.stag{letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:11px}.sh{letter-spacing:-1px;margin-bottom:12px;font-family:Syne,sans-serif;font-size:36px;font-weight:700}.sd{color:var(--muted);max-width:560px;margin-bottom:44px;font-size:15px;line-height:1.7}code{background:var(--bg4);border:1px solid var(--bord2);color:var(--acc);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11.5px}.hero{text-align:center;max-width:980px;margin:0 auto;padding:96px 2rem 72px}.hero-tag{color:var(--acc);background:var(--acc-dim);border:1px solid var(--acc-mid);border-radius:20px;align-items:center;gap:6px;margin-bottom:28px;padding:4px 14px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.hero h1{letter-spacing:-3px;background:linear-gradient(140deg,#fff 0%,#cfe4f8 55%,var(--acc) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:22px;font-family:Syne,sans-serif;font-size:clamp(52px,9vw,88px);font-weight:800;line-height:1.02}.hero-sub{color:var(--muted);max-width:500px;margin:0 auto 36px;font-size:18px;line-height:1.7}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:56px;display:flex}.btn-acc{background:var(--acc);color:#040c14;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:11px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.btn-acc:hover{opacity:.85;transform:translateY(-1px)}.btn-out{color:var(--txt);border:1px solid var(--bord2);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:11px 24px;font-family:DM Sans,sans-serif;font-size:14px;text-decoration:none;transition:background .2s;display:inline-flex}.btn-out:hover{background:var(--bg2)}.hero-cmp{text-align:left;grid-template-columns:1fr 44px 1fr;align-items:stretch;gap:16px;display:grid}.cmp-panel{background:var(--bg2);border:1px solid var(--bord);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.cmp-head{background:var(--bg3);border-bottom:1px solid var(--bord);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cmp-label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.tag-bad{color:var(--red);background:#ff6b6b1a;border-radius:3px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.tag-good{color:var(--acc);background:var(--acc-dim);border-radius:3px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.cmp-body{white-space:pre-wrap;flex-grow:1;padding:14px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.75}.cmp-body .ck{color:#60a5fa}.cmp-body .cs{color:#a3e635}.cmp-body .cn{color:#f59e0b}.cmp-body .cp{color:var(--muted)}.cmp-body .ca{color:var(--acc)}.cmp-body .cc{color:var(--dim)}.arr-mid{color:var(--acc);text-align:center;justify-content:center;align-items:center;font-size:30px;display:flex}.stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.stat{background:var(--bg2);border:1px solid var(--bord);text-align:center;border-radius:10px;padding:12px 22px}.stat-n{color:var(--acc);font-family:Syne,sans-serif;font-size:24px;font-weight:700}.stat-l{color:var(--muted);margin-top:2px;font-size:12px}.how-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:48px;display:grid}.how-card{background:var(--bg2);border:1px solid var(--bord);border-radius:12px;padding:24px;position:relative;overflow:hidden}.how-card:before{content:attr(data-n);color:var(--bg4);-webkit-user-select:none;user-select:none;font-family:Syne,sans-serif;font-size:52px;font-weight:800;line-height:1;position:absolute;top:8px;right:14px}.how-ico{background:var(--acc-dim);border:1px solid var(--acc-mid);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:14px;font-size:16px;display:flex}.how-t{margin-bottom:8px;font-family:Syne,sans-serif;font-size:16px;font-weight:600}.how-d{color:var(--muted);font-size:13px;line-height:1.65}.cb{background:var(--bg);border:1px solid var(--bord);border-radius:10px;margin:20px 0;overflow:hidden}.cb-head{background:var(--bg2);border-bottom:1px solid var(--bord);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cb-lang{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:11px}.btn-copy{color:var(--muted);background:var(--bg3);border:1px solid var(--bord);cursor:pointer;border-radius:4px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .15s}.btn-copy:hover,.btn-copy.ok{color:var(--acc)}pre.cc2{color:var(--txt);white-space:pre;margin:0;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.72;overflow-x:auto}.converter-wrap{padding:60px 2rem;position:relative}.conv-top-bar{background:var(--bg);border:1px solid var(--bord2);border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:12px 16px;display:flex}.ctrl-group{flex-direction:column;gap:6px;display:flex}.ctrl-label{color:var(--muted);font-size:11px;font-weight:600}.ctrl-select{border:1px solid var(--bord2);color:var(--txt);cursor:pointer;appearance:none;background-color:#0000;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:6px;outline:none;padding:6px 32px 6px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.ctrl-select:hover{border-color:var(--bord)}.ctrl-select:focus{border-color:var(--acc)}.conv-top-acts{gap:12px;display:flex}.btn-icon{color:var(--txt);border:1px solid var(--bord2);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .2s,border-color .2s;display:flex}.btn-icon:hover{background:var(--bg3);border-color:var(--bord)}.conv-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ed-panel{border:1px solid var(--bord2);background:var(--bg2);border-radius:8px;flex-direction:column;height:70vh;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.ed-panel:has(textarea.ed:focus){border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.ed-head{border-bottom:1px solid var(--bord);background:0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ed-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;display:flex}.tok{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.tok strong{color:var(--txt);margin-right:4px;font-weight:700}.badge-green{color:var(--acc);background:#2effa41f;border-radius:4px;margin-left:12px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}textarea.ed{width:100%;min-height:0;color:var(--txt);resize:none;white-space:pre-wrap;word-break:break-all;background:0 0;border:none;outline:none;flex:1;padding:20px;font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.7;overflow:hidden auto}textarea.ed::placeholder{color:var(--dim)}textarea.ed::-webkit-scrollbar{width:10px;height:10px}textarea.ed::-webkit-scrollbar-track{background:0 0}textarea.ed::-webkit-scrollbar-thumb{background:var(--dim);border:2px solid var(--bg2);border-radius:5px}textarea.ed::-webkit-scrollbar-thumb:hover{background:var(--muted)}.bento-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.bento-card{background:var(--bg2);border:1px solid var(--bord2);border-radius:24px;padding:32px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--bord);transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.bento-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.bento-1{grid-column:span 3}.bento-2{grid-column:span 1}.bento-3,.bento-4{grid-column:span 2}.bento-num{color:var(--acc);background:var(--acc-dim);border-radius:8px;margin-bottom:20px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:inline-block}.bento-title{letter-spacing:-.5px;color:var(--txt);margin-bottom:12px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.bento-desc{color:var(--muted);font-size:14.5px;line-height:1.7}.spec-table{border-collapse:collapse;width:100%;margin-bottom:28px;font-size:13px}.spec-table th{text-align:left;color:var(--dim);border-bottom:1px solid var(--bord);padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.spec-table td{border-bottom:1px solid var(--bord);color:var(--muted);vertical-align:top;padding:10px 14px;line-height:1.55}.spec-table td:first-child{color:var(--acc);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.spec-table td:last-child{color:var(--blue);font-family:JetBrains Mono,monospace;font-size:12px}footer{border-top:1px solid var(--bord);text-align:center;color:var(--dim);margin-top:40px;padding:28px 2rem;font-size:12px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--acc)}@media (width<=700px){.hero-cmp{grid-template-columns:1fr}.arr-mid{transform:rotate(90deg)}.conv-grid{grid-template-columns:1fr}.nav-links{display:none}.sh{font-size:26px}}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#141c2b99;border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.glass-panel:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#2effa466,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.glass-panel:hover:before{opacity:1}.hover-lift{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s}.hover-lift:hover{border-color:#2effa44d;transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.anim-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.glow-text{background:linear-gradient(140deg, #fff 0%, #cfe4f8 55%, var(--acc) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.timeline-line{background:linear-gradient(to bottom, var(--acc) 0%, #2effa41a 50%, transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:31px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #2effa466}70%{box-shadow:0 0 0 10px #2effa400}to{box-shadow:0 0 #2effa400}}.pulse-badge{animation:2.5s cubic-bezier(.66,0,0,1) infinite pulseGlow}