:root{color-scheme:dark;--bg:#020913;--surface:#051121;--card:rgba(3,13,29,.88);--line:rgba(46,129,220,.36);--soft:rgba(50,123,197,.19);--ink:#f4f9ff;--mute:#9eb8d8;--cyan:#0be5f4;--blue:#2987ff;--mono:'Space Mono',ui-monospace,monospace;--sans:'DM Sans',Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #50e9fa;outline-offset:3px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.global-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 62% 4%,rgba(4,71,160,.24),transparent 46%),linear-gradient(130deg,#010712,#041122 55%,#010710)}.global-bg:after{content:'';position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(31,108,194,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(31,108,194,.16) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to right,transparent,black 75%)}
.site-wrap{max-width:1740px;margin:auto;padding:18px clamp(18px,2.1vw,40px) 14px}.topbar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:6px 12px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand img{width:58px;height:58px;filter:drop-shadow(0 0 10px rgba(0,208,255,.24))}.brand>span{font-size:clamp(26px,2.3vw,39px);letter-spacing:-2.5px;font-weight:800}.brand-product{font:11px var(--mono);letter-spacing:.4px;color:#61cfff;margin:7px 0 0 7px}.nav{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font:11px var(--mono);letter-spacing:1.8px;color:#b0c9ea}.nav span{color:#5279a6}.nav a:hover,.nav a.active{color:#0be5f4}.home-link{border:1px solid var(--line);background:rgba(3,13,28,.5);padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#d6eafa;font-size:13px;white-space:nowrap}.home-link:hover{border-color:#0ebfe6}.home-link svg{width:17px;height:17px}
.hero{position:relative;min-height:545px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#031025}.hero-scene{position:absolute;inset:0;background:url('assets/scene.svg') center 37%/cover no-repeat;opacity:.81;pointer-events:none}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,16,.93) 0%,rgba(1,7,16,.81) 38%,rgba(1,7,16,.27) 72%,rgba(1,7,16,.2) 100%);z-index:1}.hero:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,7,17,.91),transparent 35%);pointer-events:none}.hero-main{position:relative;z-index:2;max-width:730px;padding:78px 24px 110px 46px}.eyebrow,.section-eyebrow,.workspace-label,.workspace-status,.result-overline,.subnet-mini-title,.subnet-result-head,.result-footer{font:10px/1.8 var(--mono);letter-spacing:2px;color:#8badce}.eyebrow{display:flex;gap:14px;align-items:center;letter-spacing:2.3px}.cyan-rule{display:inline-block;width:25px;height:2px;background:#0adff1}h1{font-size:clamp(54px,6vw,96px);line-height:.97;letter-spacing:-4.5px;font-weight:800;margin:26px 0 20px}h1 span,.section-header h2 span,.about-panel h2 span{background:linear-gradient(120deg,#09e6f2,#2182ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:clamp(16px,1.2vw,21px);line-height:1.7;color:#b2cbea;max-width:670px;margin:0 0 27px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.primary-action,.secondary-action{padding:16px 21px;border:1px solid #2595f4;border-radius:12px;display:inline-flex;gap:14px;align-items:center;justify-content:center;font-size:15px;font-weight:700;min-height:57px}.primary-action{background:linear-gradient(120deg,#07c9f5,#2281ff);box-shadow:0 10px 34px rgba(2,117,237,.29);color:white}.secondary-action{border-color:rgba(79,139,213,.48);background:rgba(2,11,25,.76)}.primary-action:hover,.secondary-action:hover{filter:brightness(1.13)}.hero-meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px;font:10px var(--mono);letter-spacing:1px;color:#8eb1cf}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-meta strong{font-weight:400;color:#bbe0f5}.pulse,.live-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;background:#13deb9;border-radius:50%;box-shadow:0 0 12px #14e3c0}.pulse.warn{background:#efaf5f;box-shadow:none}.hero-hud{position:absolute;z-index:2;right:33px;bottom:92px;width:278px;border:1px solid rgba(33,127,229,.4);border-radius:14px;padding:20px;background:rgba(0,9,24,.74);backdrop-filter:blur(9px);box-shadow:0 10px 30px #00112755}.hero-hud span,.hero-hud small{display:block;font:9px var(--mono);letter-spacing:1.7px;color:#75c9ef}.hero-hud strong{display:block;font-size:24px;line-height:1.15;letter-spacing:-.7px;margin:12px 0 18px}.hud-lines{display:flex;align-items:flex-end;height:34px;gap:6px;margin:0 0 16px}.hud-lines i{display:block;flex:1;height:35%;background:linear-gradient(#0de9f2,#0b5ade);border-radius:3px 3px 0 0;opacity:.9}.hud-lines i:nth-child(2){height:60%}.hud-lines i:nth-child(3){height:85%}.hud-lines i:nth-child(4){height:45%}.hud-lines i:nth-child(5){height:95%}.hud-lines i:nth-child(6){height:72%}.hud-lines i:nth-child(7){height:57%}.hero-bottom{position:absolute;z-index:2;left:40px;right:40px;bottom:0;min-height:55px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #2b5b873f;font:10px var(--mono);letter-spacing:1px;color:#8cafce}
.section-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:48px 4px 22px}.section-eyebrow{color:#62c7ef;margin:0 0 10px}.section-header h2,.about-panel h2{font-size:clamp(29px,2.6vw,40px);line-height:1.15;letter-spacing:-1.1px;margin:0}.section-header>p{max-width:470px;margin:0;font-size:14px;line-height:1.8;color:#9eb8d8}
.workspace{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(1,9,22,.88);box-shadow:0 12px 50px #00132d44}.workspace-head{min-height:58px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--soft)}.workspace-label{display:flex;align-items:center;gap:13px;color:#e0ecfa}.terminal-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#08e3f2;box-shadow:0 0 14px #08e3f29c}.workspace-status{display:flex;align-items:center;gap:10px;font-size:9px}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--soft);padding:0 14px}.tool-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#8cabc9;display:flex;justify-content:center;align-items:center;gap:10px;min-height:62px;font-size:13px;font-weight:700}.tool-tabs button svg{width:18px;height:18px}.tool-tabs button.active{color:#eafaff;border-bottom-color:#0bdbf7;background:linear-gradient(0deg,rgba(14,151,237,.09),transparent)}.tool-tabs button:hover{color:#dcf7ff}.workspace-body{display:grid;grid-template-columns:minmax(285px,.95fr) minmax(0,1.05fr);min-height:490px}.workspace-input{border-right:1px solid var(--soft);padding:26px}.tool-form{width:100%;max-width:620px}.tool-intro{display:flex;align-items:center;gap:14px;margin-bottom:28px}.tool-icon{flex:0 0 56px;width:56px;height:56px;border:1px solid #0c69bc7d;display:grid;place-items:center;background:#062040;border-radius:14px;color:#05cbf9}.tool-icon svg{width:28px;height:28px}.tool-intro h3{margin:0 0 4px;font-size:22px;letter-spacing:-.4px}.tool-intro p{margin:0;color:#8fabca;font-size:13px;line-height:1.5}label{display:block;color:#a8c9ed;font:10px var(--mono);letter-spacing:1.3px;margin:15px 0 9px}.field{height:55px;display:flex;align-items:center;gap:13px;padding:0 15px;border:1px solid #2b679e9c;border-radius:10px;background:rgba(2,11,26,.8);color:#3fa9f5}.field:focus-within{border-color:#11dff3;box-shadow:0 0 0 2px #11dff322}.field input{border:0;outline:0;background:transparent;color:#e8f7ff;width:100%;height:100%;font-size:15px;font-family:var(--mono);min-width:0}.field input::placeholder{color:#6488a9}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.form-cols label{margin-top:0}select{width:100%;height:53px;border-radius:10px;border:1px solid #2b679e9c;color:#e6f5ff;background:#06182e;padding:0 10px;font-size:14px}.run-button{height:56px;width:100%;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(100deg,#078ce9,#00badf);color:#fff;border:1px solid #24a4ed;border-radius:11px;font-weight:700;font-size:15px;box-shadow:0 12px 25px #006ac020}.run-button:hover{filter:brightness(1.13)}.run-arrow{margin-left:auto;margin-right:12px}.run-button svg:first-child{margin-left:10px}.form-note{display:flex;align-items:flex-start;gap:9px;color:#88a9c8;font-size:12px;line-height:1.65;margin:16px 0 0}.form-note svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px}.mini-button{display:inline-flex;gap:7px;align-items:center;padding:8px 0;margin-top:12px;background:transparent;color:#80d5f8;border:0;font-size:13px}.mini-button svg{height:16px;width:16px}.result-panel{display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,rgba(3,12,27,.95),rgba(3,13,26,.73))}.result-title-row{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--soft)}.result-title-row h3{margin:5px 0 0;font-size:19px;letter-spacing:-.3px}.icon-button{width:39px;height:39px;border-radius:10px;border:1px solid #275d91;background:#061b35;display:grid;place-items:center;color:#88d0ff}.result-body{padding:21px 24px;min-height:330px;flex:1;overflow:auto}.empty-state{text-align:center;max-width:340px;margin:25px auto 0}.empty-graphic{position:relative;display:grid;place-items:center;margin:0 auto 20px;width:78px;height:78px;border-radius:18px;border:1px solid #1b6aaf;background:radial-gradient(circle,#074077,#05172f);color:#0baef6}.empty-graphic svg{width:36px;height:36px}.empty-graphic span{position:absolute;bottom:10px;right:14px;color:#0af9fe;font:17px var(--mono)}.empty-state strong{font-size:19px}.empty-state p{color:#90b1d1;line-height:1.7;font-size:13px}.empty-state code{display:inline-block;margin:10px auto;color:#6f95ba;font-size:11px}.empty-state code span{color:#0bd9b2}.result-footer{min-height:40px;padding:10px 24px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--soft);font-size:9px;letter-spacing:1px}.result-row{display:grid;grid-template-columns:minmax(108px,29%) 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #2b618a3b;font-size:13px;line-height:1.5}.result-row .key{color:#789cc0;overflow-wrap:anywhere}.result-row .val{color:#e2f3ff;overflow-wrap:anywhere;font-family:var(--mono);font-size:12px}.result-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #1e6aa5;border-radius:8px;padding:7px 10px;background:#09213b;color:#9dd8ff;font:10px var(--mono);margin:0 8px 10px 0}.result-pill.success{color:#48e3c0;border-color:#197e80}.result-pill.bad{color:#ffba97;border-color:#915f5f}.result-label{font:10px/1.5 var(--mono);letter-spacing:1.6px;color:#79b9e9;margin:20px 0 8px}.record-line{border:1px solid #2156857d;background:#041a31;border-radius:10px;padding:12px;margin:8px 0}.record-top{display:flex;justify-content:space-between;gap:12px;color:#9ed6fa;font:11px var(--mono);margin-bottom:6px}.record-value{font:12px/1.65 var(--mono);overflow-wrap:anywhere;color:#e0f3ff}.query-loading{display:flex;flex-direction:column;align-items:center;gap:15px;padding:55px 0;color:#a7c4e1;text-align:center}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid #174d84;border-top-color:#02e5f4;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{border:1px solid rgba(214,113,97,.5);background:#2d151b52;color:#ffc3b1;border-radius:10px;padding:16px;display:flex;gap:12px;font-size:14px;line-height:1.6}.error-card svg{flex:0 0 20px}.result-text{font-size:13px;line-height:1.8;color:#b4d0e7}.result-text strong{color:#fff}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.security-check{border:1px solid #1d4c79;padding:10px;border-radius:10px;background:#07192b;display:flex;gap:8px;align-items:center;font-size:12px;color:#cce0f5}.security-check.ok svg{color:#2ae0ac}.security-check.no svg{color:#e7b67b}
.subnet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.subnet-input-card,.subnet-output-card,.about-panel,.related-panel{border:1px solid var(--line);border-radius:17px;background:var(--card);padding:24px}.subnet-mini-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.subnet-mini-title svg{color:#03d9f2}.subnet-result-head{display:flex;justify-content:space-between;color:#b4d0ec;margin-bottom:15px}.subnet-result-head span:last-child{color:#0ddcca}.subnet-placeholder{font-size:14px;color:#87a9c8;padding:28px 0}.subnet-rows .result-row:first-child{border-top:1px solid #2b618a3b}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.about-panel h2{font-size:32px}.about-panel>p{color:#9fbbd9;line-height:1.85;font-size:14px;max-width:600px}.subtle-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#71cffa;margin-top:10px}.subtle-link svg{width:17px}.related-panel>a{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--soft);padding:12px 0}.related-panel>a:hover strong{color:#0bdcf0}.related-panel>a:last-child{border:0}.related-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid #12609b;border-radius:11px;background:#071f3c;color:#05c9f7}.related-panel>a>span:nth-child(2){flex:1;display:grid;gap:5px}.related-panel strong{font-size:14px}.related-panel small{color:#8eadca;font-size:12px}.related-arrow{width:16px;height:16px;color:#55add9}.site-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:23px 4px 6px;color:#688bae;font:10px var(--mono);letter-spacing:1px}.site-footer a:hover{color:#0ad7eb}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#073c50;border:1px solid #06c1e3;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;z-index:30;transition:.2s;font-size:13px;box-shadow:0 10px 35px #0009}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:1200px){.hero-hud{width:240px;right:20px}.nav{gap:9px;font-size:10px}.brand-product{display:none}.hero-main{max-width:670px}.hero-meta{gap:12px}}@media(max-width:970px){.topbar{flex-wrap:wrap}.nav{order:3;flex-basis:100%;justify-content:center;padding-bottom:13px}.hero-main{padding:70px 24px 110px}.hero-hud{display:none}.hero:before{background:linear-gradient(90deg,#010711ed 0%,#010711a8 85%)}.section-header{align-items:start;flex-direction:column;gap:12px}.section-header>p{max-width:750px}.workspace-body{grid-template-columns:1fr}.workspace-input{border-right:0;border-bottom:1px solid var(--soft)}.tool-form{max-width:none}.result-body{min-height:250px}.subnet-grid,.bottom-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-wrap{padding:10px 14px}.topbar{padding:8px 2px}.brand img{width:43px;height:43px}.brand>span{font-size:29px;letter-spacing:-1.5px}.home-link{padding:10px 12px;font-size:0}.home-link svg{width:18px;height:18px}.nav{gap:7px;font-size:9px;letter-spacing:.5px;justify-content:flex-start}.hero{min-height:525px;border-radius:16px}.hero-scene{background-position:57% top;opacity:.6}.hero-main{padding:49px 18px 93px}.eyebrow{font-size:9px;letter-spacing:1px}.cyan-rule{width:15px}h1{font-size:clamp(49px,12.2vw,70px);letter-spacing:-3.5px;margin:24px 0}.hero-subtitle{font-size:14px}.hero-actions{flex-direction:column}.primary-action,.secondary-action{width:100%;min-height:51px}.hero-meta{gap:10px;font-size:8px}.hero-bottom{left:17px;right:17px;flex-wrap:wrap;justify-content:flex-start;column-gap:18px;padding:12px 0;font-size:8px}.section-header{margin:32px 0 15px}.section-header h2{font-size:28px}.workspace-head{padding:12px}.workspace-label,.workspace-status{font-size:8px;letter-spacing:1px}.tool-tabs{padding:0 4px}.tool-tabs button{font-size:9px;min-height:64px;gap:5px;flex-direction:column}.tool-tabs button svg{width:19px;height:19px}.workspace-input,.result-body{padding:18px}.result-title-row{padding:15px}.result-footer{padding:10px 15px}.tool-intro h3{font-size:20px}.form-cols{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.subnet-input-card,.subnet-output-card,.about-panel,.related-panel{padding:18px}.result-row{grid-template-columns:100px 1fr}.site-footer{font-size:9px}.site-footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}