:root{--bg-main:#080d0b;--bg-card:#111a16;--bg-card-light:#17231d;--text-main:#e9fff2;--text-muted:#8da99a;--accent-code-green:#39ff88;--accent-blue:#4d8dff;--danger:#ff5c7a;--font-heading:"IBM Plex Sans", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-code:"IBM Plex Mono", monospace}html{scroll-behavior:smooth;overscroll-behavior:none}body{color:var(--text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none;background-color:#0000;background-image:radial-gradient(circle at 8% 8%,#39ff881a,#0000 18%),radial-gradient(circle at 88% 12%,#4d8dff1a,#0000 16%),radial-gradient(circle at 18% 34%,#39ff8812,#0000 14%),radial-gradient(circle at 82% 42%,#4d8dff14,#0000 17%),radial-gradient(circle at 12% 68%,#39ff8814,#0000 16%),radial-gradient(circle at 90% 76%,#4d8dff14,#0000 18%),linear-gradient(#080d0b 0%,#0d1511 45%,#080d0b 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box;margin:0}#root{flex-direction:column;max-width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--font-heading);font-weight:800}article{flex-direction:column;justify-content:center;min-height:20vh;display:flex}#article-what,#article-how,#article-who,#article-cta{text-align:center;padding:60px 24px;position:relative}#article-what>h2,#article-how>h2,#article-who>h2,#article-cta>h2{max-width:760px;margin:0 auto 46px}#article-what,#article-how,#article-who{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto;display:grid}#article-what h2,#article-how h2,#article-who h2{grid-column:1/-1}#article-what section,#article-how section,#article-who section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;background:#111a16c7;border:1px solid #e9fff214;border-radius:24px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}#article-what section:hover,#article-how section:hover,#article-who section:hover{border-color:#39ff8852;transform:translateY(-8px);box-shadow:0 20px 50px #39ff8814}#article-what section:before,#article-how section:before,#article-who section:before{content:"";filter:blur(24px);opacity:0;background:#39ff881f;border-radius:50%;width:120px;height:120px;transition:opacity .25s;position:absolute;top:-40px;right:-40px}#article-what section:hover:before,#article-how section:hover:before,#article-who section:hover:before{opacity:1}#article-what section>*,#article-how section>*,#article-who section>*{z-index:1;position:relative}@media (width<=1000px){#article-what,#article-how,#article-who{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){#article-what,#article-how,#article-who{grid-template-columns:1fr}}#article-hero{color:#e9fff2;background:0 0;min-height:76vh;padding:88px 24px 72px;position:relative;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:60px;width:min(1120px,100%);margin:0 auto;display:grid}#article-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#39ff880f 1px,#0000 1px),linear-gradient(90deg,#39ff880f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero-content,.terminal-card{z-index:1;position:relative}.hero-label{color:#39ff88;font-family:var(--font-code);background:#39ff8814;border:1px solid #39ff8859;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-size:14px;display:inline-block}.terminal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111a16d1;border:1px solid #39ff8840;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #00000059,0 0 40px #39ff8814}.terminal-top{border-bottom:1px solid #39ff8829;gap:8px;padding:16px 18px;display:flex}.terminal-top span{background-color:#e9fff259;border-radius:50%;width:12px;height:12px}.terminal-body{font-family:var(--font-code);padding:24px}.terminal-body p{color:#8da99a;margin:0 0 12px}.terminal-body span{color:#39ff88}.terminal-cursor:after{content:"_";color:#39ff88;margin-left:4px;animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (width<=900px){.hero-inner{text-align:center;grid-template-columns:1fr}.terminal-card{max-width:520px;margin:0 auto}}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.hero-actions button{min-height:52px;font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:16px;margin-bottom:10px;padding:0 24px;font-size:15px;font-weight:800;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s,color .22s;position:relative;overflow:hidden}.hero-actions button:hover{transform:translateY(-3px)}.hero-actions button:active{transform:translateY(-1px)}.btn-colored{color:#07110c;background:linear-gradient(135deg,#39ff88 0%,#7cffb2 100%);border-color:#39ff88b3;box-shadow:0 0 0 1px #39ff882e,0 14px 34px #39ff882e}.btn-colored:hover{box-shadow:0 0 0 1px #39ff8847,0 18px 44px #39ff8847}.btn-colored:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:50%;height:100%;transition:left .45s;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.btn-colored:hover:before{left:130%}.btn-empty{color:#e9fff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e9fff20a;border-color:#e9fff224}.btn-empty:hover{color:#39ff88;background:#39ff8814;border-color:#39ff885c;box-shadow:0 0 0 1px #39ff8814,0 14px 34px #00000038}@media (width<=560px){.hero-actions,.hero-actions button{width:100%}#article-hero{min-height:auto;padding:72px 20px 56px}}@media (width<=900px){.hero-actions{justify-content:center}}#article-dashboard{color:#e9fff2;text-align:center;padding:60px 24px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1100px;margin:48px auto 0;display:grid}.dash-card{text-align:left;background:#111a16;border:1px solid #e9fff214;border-radius:24px;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.dash-card:hover{border-color:#39ff8859;transform:translateY(-8px);box-shadow:0 20px 50px #39ff8814}.dash-card p{color:#8da99a;margin:0 0 12px;font-size:14px}.dash-card h3{color:#e9fff2;margin:0 0 8px;font-size:34px}.dash-card span{color:#8da99a;font-size:14px}.status-online:before,.status-warning:before{content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:20px;right:20px}.status-online:before{background-color:#39ff88;box-shadow:0 0 18px #39ff88e6}.status-warning:before{background-color:#ffd76d;box-shadow:0 0 18px #ffd76de6}@media (width<=1000px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr}}#article-cta{text-align:center;background:radial-gradient(circle at 20% 20%,#39ff8829,#0000 28%),radial-gradient(circle at 82% 80%,#4d8dff24,#0000 32%),#111a16d1;border:1px solid #39ff882e;border-radius:30px;align-items:center;width:calc(100% - 48px);max-width:680px;margin:64px auto 96px;padding:52px 26px;box-shadow:0 28px 80px #00000047}#article-cta p{max-width:460px;color:var(--text-muted);margin:0 auto 28px}.btn-link{background-color:var(--accent-code-green);color:#080d0b;cursor:pointer;border:none;border-radius:14px;width:50%;min-width:280px;margin-top:40px;padding:16px 26px;font-weight:900;transition:transform .22s,box-shadow .22s}.btn-link:hover{transform:translateY(-3px);box-shadow:0 0 34px #39ff8847}@media (width<=560px){#article-cta{border-radius:24px;width:calc(100% - 32px);margin:48px auto 72px;padding:42px 20px}}*{box-sizing:border-box}#article-checker{color:#e9fff2;text-align:center;background:0 0;padding:60px 24px}#article-checker>p{color:#8da99a}.checker-form{background-color:#111a16;border:1px solid #39ff8833;border-radius:18px;gap:12px;max-width:620px;margin:36px auto 0;padding:8px;display:flex}.checker-form input{color:#e9fff2;font-family:var(--font-code);background-color:#0000;border:none;border-radius:14px;outline:none;flex:1;padding:16px 18px;font-size:16px}.checker-form input::placeholder{color:#5f7769}.checker-form button{color:#080d0b;cursor:pointer;background-color:#39ff88;border:none;border-radius:14px;padding:0 24px;font-weight:800;transition:transform .22s,box-shadow .22s}.checker-form button:hover{transform:translateY(-2px);box-shadow:0 0 28px #39ff8847}.checker-result{text-align:left;background-color:#111a16;border:1px solid #39ff8840;border-radius:22px;max-width:620px;margin:28px auto 0;padding:26px;animation:.35s forwards resultAppear}.checker-result h3{font-family:var(--font-code);color:#39ff88;margin:0 0 18px}.result-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.result-grid span{color:#8da99a;background-color:#17231d;border-radius:14px;padding:14px}.result-grid b{color:#e9fff2}@keyframes resultAppear{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.checker-form{flex-direction:column}.checker-form button{padding:16px 24px}.result-grid{grid-template-columns:1fr}}.status-marquee{background-color:#0d1511d1;border-top:1px solid #39ff881f;border-bottom:1px solid #39ff881f;width:100%;padding:18px 0;overflow:hidden}.status-track{width:max-content;animation:95s linear infinite marquee;display:flex}.status-group{flex-shrink:0;align-items:center;gap:36px;padding-right:36px;display:flex}.status-group span{color:#39ff88;font-family:var(--font-code);white-space:nowrap;flex-shrink:0;font-size:15px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#article-pricing{color:#e9fff2;text-align:center;padding:100px 24px}.billing-toggle{background-color:#111a16;border:1px solid #39ff8829;border-radius:999px;gap:6px;width:fit-content;margin:32px auto 46px;padding:6px;display:flex}.billing-toggle button{color:#8da99a;cursor:pointer;background-color:#0000;border:none;border-radius:999px;padding:12px 18px;font-weight:800}.billing-toggle button.active{color:#080d0b;background-color:#39ff88}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{text-align:left;background-color:#111a16;border:1px solid #e9fff214;border-radius:26px;padding:32px;transition:transform .25s,border-color .25s,box-shadow .25s}.pricing-card:hover{border-color:#39ff884d;transform:translateY(-8px);box-shadow:0 20px 50px #39ff8814}.pricing-card.featured{border-color:#39ff8873;box-shadow:0 0 40px #39ff8814}.price{color:#39ff88;margin:18px 0;font-size:42px;font-weight:900}.price span{color:#8da99a;font-size:16px}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}}