/* v5 - Terminal / Editor. body.v5 */
body.v5 { --bg:#0e1116; --pan:#151a22; --pan2:#1b212b; --fg:#d6dbe4; --mut:#7d8798; --line:#262e3b; --cy:#5ccfe6; --pk:#ff7eb6; --gr:#9ece6a; --am:#ffb454; --pu:#b29cff; --mono:'JetBrains Mono',ui-monospace,Menlo,monospace; --sans:'Space Grotesk','Inter',sans-serif;
  background: var(--bg); color: var(--fg); font-family: 'Inter', sans-serif; }
.v5 *::selection { background: var(--cy); color: #0e1116; }
.v5 .e-wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
.v5 h1, .v5 h2 { font-family: var(--sans); color: #fff; font-weight: 700; letter-spacing: -.03em; }
.e-cm { font-family: var(--mono); font-size: .84rem; color: #5c6a80; }
.v5 .site-header { background: rgba(14,17,22,.9); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.v5 .header-inner { height: 66px; max-width: 1280px; padding: 0 32px; }
.v5 .logo { color: #fff; font-family: var(--sans); font-weight: 700; } .v5 .logo em { color: var(--cy); }
.v5 .logo svg circle, .v5 .logo svg path { stroke: var(--cy); }
.v5 .nav a:not(.btn), .v5 .nav .nav-link { color: var(--fg); font-family: var(--mono); font-size: .8rem; } .v5 .nav a:not(.btn):hover { color: var(--cy); }
.v5 .mega-toggle, .v5 .nav-toggle { color: var(--fg); }
.v5 .nav .btn--primary { background: var(--cy); color: #0e1116; border-radius: 6px; font-family: var(--mono); font-size: .78rem; }
.v5 .mega { background: #fff; } .v5 .nav .mega a:not(.btn) { color: #0e1116; }
@media (max-width:760px){ .v5 .nav{background:var(--bg);border-top:1px solid var(--line)} .v5 .nav a:not(.btn){border-bottom-color:var(--line)} .v5 .nav-item{border-bottom-color:var(--line)} .v5 .nav .mega a:not(.btn),.v5 .mp-items .mi-t,.v5 .mp-title span{color:var(--fg)} .v5 .mega{background:var(--pan)} .v5 .mg-foot-label{color:var(--mut)} .v5 .nav .mega .mg-chips a:not(.btn){background:transparent;color:var(--fg);border-color:var(--line)} }
.e-btn { display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border:1px solid #3a4558; border-radius:6px; color: var(--fg); font-family: var(--mono); font-size:.84rem; text-decoration:none; background:transparent; cursor:pointer; transition: background .2s, color .2s, border-color .2s, transform .2s; }
.e-btn:hover { border-color: var(--cy); color: var(--cy); transform: translateY(-2px); }
.e-btn--p { background: var(--cy); border-color: var(--cy); color:#0e1116; font-weight:600; } .e-btn--p:hover { background:#fff; border-color:#fff; color:#0e1116; }
.e-btn i { font-style: normal; transition: transform .2s; } .e-btn:hover i { transform: translateX(4px); }
.e-link { font-family: var(--mono); font-size:.84rem; color: var(--cy); text-decoration: none; }
.e-k, .v5 .k { color: var(--pk); }
html.js [data-r] { opacity:0; transform: translateY(20px); transition: opacity .7s, transform .7s; } html.js [data-r].in { opacity:1; transform:none; }
.e-hero { padding: 72px 0 0; background: radial-gradient(900px 400px at 85% -10%, rgba(92,207,230,.12), transparent 60%); }
.e-hero-grid { display:grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items:center; }
.v5 .e-hero h1 { font-size: clamp(2.6rem, 5.6vw, 5rem); line-height: 1; margin: 18px 0 24px; }
.e-caret { color: var(--cy); animation: eb 1s steps(1) infinite; } @keyframes eb { 50% { opacity: 0; } }
.e-lead { font-size:1.12rem; line-height:1.65; color: var(--mut); max-width: 540px; margin: 0 0 30px; }
.e-cta { display:flex; flex-wrap:wrap; gap:12px; }
.e-term { background: var(--pan); border:1px solid var(--line); border-radius: 12px; overflow:hidden; box-shadow: 0 30px 70px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(92,207,230,.08); font-family: var(--mono); }
.e-term-bar { display:flex; align-items:center; gap:7px; padding: 12px 16px; background: var(--pan2); border-bottom:1px solid var(--line); }
.e-term-bar .d { width:11px; height:11px; border-radius:50%; } .d.r{background:#ff5f56} .d.y{background:#ffbd2e} .d.g{background:#27c93f}
.e-term-bar b { margin-left: 10px; font-size:.78rem; font-weight:500; color: var(--mut); }
.e-term-body { height: 330px; overflow-y: auto; padding: 18px; font-size:.84rem; line-height:1.65; scrollbar-width: thin; scrollbar-color:#2c3646 transparent; }
.e-term-body p { margin: 0 0 6px; } .e-term-body .dim { color: var(--mut); } .e-term-body em { color: var(--am); font-style: normal; }
.e-term-body .cmd { color: var(--gr); } .e-term-body a { color: var(--cy); text-decoration: underline; text-underline-offset: 3px; } .e-term-body a:hover { color: #fff; }
.e-term-body .row { display:grid; grid-template-columns: 110px 1fr; gap: 12px; } .e-term-body .row b { color: var(--pk); font-weight:500; }
.e-term-in { display:flex; gap:10px; padding: 12px 18px; border-top:1px solid var(--line); font-size:.84rem; color: var(--gr); }
.e-term-in input { flex:1; background:transparent; border:0; color: var(--fg); font: inherit; outline:0; min-width:0; }
.e-term-chips { display:flex; flex-wrap:wrap; gap:8px; padding: 0 18px 16px; }
.e-term-chips button { padding: 6px 12px; border:1px solid #333d4d; border-radius: 999px; background:transparent; color: var(--mut); font: .76rem var(--mono); cursor:pointer; transition: all .15s; } .e-term-chips button:hover { color: var(--cy); border-color: var(--cy); }
.sr { position:absolute; left:-9999px; }
.e-stats { display:grid; grid-template-columns: repeat(4,1fr); border-top:1px solid var(--line); margin-top: 72px; }
.e-stats > div { padding: 26px 0 26px 24px; border-left:1px solid var(--line); } .e-stats > div:first-child { border-left:0; padding-left:0; }
.e-stats b { display:block; font-family: var(--sans); font-size: 2rem; color:#fff; } .e-stats span { font-family: var(--mono); font-size:.78rem; color: var(--mut); }
.e-sec { padding: 110px 0; } .e-sec--alt { background: #0a0d12; }
.e-h { margin-bottom: 44px; } .e-h h2 { font-size: clamp(2rem, 4.4vw, 3.6rem); line-height: 1.05; margin: 10px 0 0; } .e-h--row { display:flex; justify-content:space-between; align-items:flex-end; gap: 20px; }
.e-ide { display:grid; grid-template-columns: 250px 1fr; border:1px solid var(--line); border-radius: 12px; overflow:hidden; background: var(--pan); min-height: 420px; }
.e-tree { list-style:none; margin:0; padding: 14px 0; background:#11151c; border-right:1px solid var(--line); }
.e-tree-h { padding: 4px 18px 12px; font: 600 .7rem var(--mono); letter-spacing:.14em; color:#5c6a80; }
.e-file { width:100%; text-align:left; display:flex; align-items:center; gap:10px; padding: 10px 18px; background:transparent; border:0; border-left:2px solid transparent; color: var(--mut); font: .86rem var(--mono); cursor:pointer; transition: background .15s, color .15s; }
.e-file .ic { width:8px; height:8px; border-radius:2px; background: #3a4558; } .e-file:hover { color:#fff; background:#161b24; }
.e-file.on { color:#fff; background: var(--pan); border-left-color: var(--cy); } .e-file.on .ic { background: var(--cy); }
.e-pane { display:none; padding: 0 0 28px; } .e-pane.on { display:block; animation: ein .3s ease; } @keyframes ein { from{opacity:0;transform:translateX(8px)} to{opacity:1;transform:none} }
.e-tab { display:inline-block; padding: 11px 20px; background: var(--pan); border-bottom: 2px solid var(--cy); font: .8rem var(--mono); color:#fff; margin-bottom: 0; background:#1b212b; }
.e-code { margin: 0; padding: 24px 8px 20px 0; font: .92rem/1.9 var(--mono); color: var(--fg); overflow-x:auto; white-space: pre; }
.e-code .ln { display:inline-block; width: 52px; text-align:right; padding-right: 20px; color:#44516a; user-select:none; }
.e-code .c { color:#5c6a80; font-style: italic; } .e-code .k { color: var(--pk); } .e-code .v { color: var(--cy); } .e-code .p { color: var(--pu); } .e-code .s { color: var(--gr); }
.e-pane-cta { display:flex; flex-wrap:wrap; gap:10px; padding: 8px 28px 0; }
.e-log { list-style:none; margin:0; padding: 0 0 0 20px; border-left:1px dashed #33405a; }
.e-log li { position:relative; display:grid; grid-template-columns: 90px 1fr 90px; gap: 20px; align-items: baseline; padding: 22px 0; border-bottom:1px solid #161c26; }
.dotg { position:absolute; left: -26px; top: 32px; width: 11px; height: 11px; border-radius:50%; background: var(--cy); box-shadow: 0 0 0 4px #0a0d12; }
.hash { color: var(--am); font: .9rem var(--mono); } .e-log b { font: 600 1.15rem var(--mono); color:#fff; } .e-log p { margin: 6px 0 0; color: var(--mut); line-height: 1.6; max-width: 640px; } .e-log em { font: .8rem var(--mono); color:#5c6a80; font-style:normal; text-align:right; }
.e-imp { display:flex; flex-wrap:wrap; gap: 12px; } .e-imp a { padding: 14px 20px; border:1px solid var(--line); border-radius: 8px; background: var(--pan); font: .95rem var(--mono); color:#fff; text-decoration:none; transition: transform .2s, border-color .2s; } .e-imp a:hover { transform: translateY(-3px); border-color: var(--pk); }
.e-docs { display:grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.e-doc { display:flex; flex-direction:column; gap: 10px; padding: 16px; border:1px solid var(--line); border-radius: 10px; background: var(--pan); text-decoration:none; color:#fff; transition: border-color .2s, transform .2s; } .e-doc:hover { border-color: var(--cy); transform: translateY(-4px); }
.e-doc .im { display:block; aspect-ratio: 16/10; border-radius: 6px; overflow:hidden; background:#000; } .e-doc img { width:100%; height:100%; object-fit:cover; display:block; opacity:.85; }
.e-doc small { font: .74rem var(--mono); color: var(--cy); } .e-doc b { font: 600 1.15rem/1.25 var(--sans); }
.e-faq-grid { display:grid; grid-template-columns: 1fr 1.6fr; gap: 64px; align-items:start; } .e-faq-grid h2 { font-size: clamp(2rem,4vw,3.2rem); margin: 10px 0 0; font-family: var(--mono); font-weight:600; letter-spacing:-.04em; }
.e-faq details { border-bottom:1px solid var(--line); } .e-faq details:first-child { border-top:1px solid var(--line); }
.e-faq summary { list-style:none; cursor:pointer; display:flex; gap:14px; align-items:baseline; padding: 20px 0; font: 600 1.12rem var(--sans); color:#fff; } .e-faq summary::-webkit-details-marker{display:none}
.e-faq summary::before { content: ">"; font-family: var(--mono); color: var(--cy); transition: transform .2s; } .e-faq details[open] summary::before { transform: rotate(90deg); }
.e-faq p { margin: 0 0 22px 26px; color: var(--mut); line-height:1.7; max-width: 640px; }
.e-contact { padding: 110px 0; background: linear-gradient(180deg, #0a0d12, #0e1116); border-top:1px solid var(--line); }
.e-contact-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items:start; } .e-contact h2 { font: 700 clamp(2rem,4.6vw,3.8rem)/1.05 var(--mono); letter-spacing:-.05em; margin: 12px 0 20px; color:#fff; }
.e-ci { list-style:none; margin:0; padding:0; } .e-ci li { display:grid; grid-template-columns: 80px 1fr; gap: 16px; padding: 14px 0; border-top:1px solid var(--line); color: var(--fg); } .e-ci span { font: .8rem var(--mono); color: var(--pk); } .e-ci a { color: var(--cy); }
.e-form { display:grid; gap:16px; padding: 28px; background: var(--pan); border:1px solid var(--line); border-radius: 12px; }
.e-form label { display:grid; gap:7px; } .e-form label span { font: .78rem var(--mono); color: var(--pu); }
.e-form input, .e-form select, .e-form textarea { width:100%; padding: 13px 14px; background:#0e1116; border:1px solid #2a3344; border-radius: 6px; color: var(--fg); font: .95rem var(--mono); }
.e-form input:focus, .e-form select:focus, .e-form textarea:focus { outline:0; border-color: var(--cy); box-shadow: 0 0 0 3px rgba(92,207,230,.18); }
.e-r2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .e-form .hp { position:absolute; left:-9999px; height:0; overflow:hidden; } .e-form .e-btn { justify-self:start; }
.e-al { padding: 12px 14px; border-radius: 6px; font: .86rem var(--mono); } .e-al.ok { background: rgba(158,206,106,.15); color: var(--gr); } .e-al.bad { background: rgba(255,126,182,.15); color: var(--pk); }
.v5 .ft { --f-bg:#0a0d12; --f-lime: #5ccfe6; background-image:none; border-top:1px solid var(--line); } .v5 .ft .ft-btn { border-radius:6px; } .v5 .ft-mark { -webkit-text-stroke:1.5px rgba(92,207,230,.35); font-family: var(--mono); letter-spacing:-.08em; }
@media (max-width:1024px){ .e-hero-grid,.e-faq-grid,.e-contact-grid{grid-template-columns:1fr;gap:40px} .e-ide{grid-template-columns:1fr} .e-tree{display:flex;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid var(--line)} .e-tree-h{display:none} .e-file{border-left:0;border-bottom:2px solid transparent;white-space:nowrap} .e-file.on{border-bottom-color:var(--cy)} .e-docs{grid-template-columns:1fr 1fr} .e-stats{grid-template-columns:1fr 1fr} .e-stats>div:nth-child(3){border-left:0;padding-left:0} }
@media (max-width:760px){ .v5 .e-wrap,.v5 .header-inner{padding:0 20px} .e-sec,.e-contact{padding:70px 0} .e-docs{grid-template-columns:1fr} .e-log li{grid-template-columns:1fr;gap:6px} .e-log em{text-align:left} .e-r2{grid-template-columns:1fr} .e-term-body{height:280px} .e-code{font-size:.8rem} .e-h--row{flex-direction:column;align-items:flex-start} }
@media (prefers-reduced-motion:reduce){ html.js [data-r]{opacity:1;transform:none;transition:none} .e-caret{animation:none} }