:root{--bg:#0a0a0a;--bg-card:#111111;--bg-code:#1a1a1a;--text:#e0e0e0;--text-dim:#888888;--accent:#00ff88;--accent-dim:#00cc6a;--blue:#0070f3;--purple:#8b5cf6;--border:#222222;--glow:rgba(0, 255, 136, 0.15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}header{border-bottom:1px solid var(--border);padding:1rem 2rem;position:sticky;top:0;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);z-index:100}.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:36px;width:auto}.logo span{color:var(--text-dim)}.brand{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;color:var(--accent);font-weight:600}.brand span{color:var(--text-dim)}nav{display:flex;gap:2rem;align-items:center}nav a{color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:color .2s}nav a:hover{color:var(--accent)}nav a.active{color:var(--accent)}.back-link{color:var(--text-dim);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--accent)}.lang-btn{background:var(--bg-code);border:1px solid var(--border);color:var(--text-dim);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;text-decoration:none;margin-left:1rem;transition:all .2s;font-weight:600}.lang-btn:hover{border-color:var(--accent);color:var(--text);text-decoration:none}.hero{padding:6rem 2rem;text-align:center;background:radial-gradient(ellipse at center top,var(--glow) 0%,transparent 50%)}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;color:var(--accent)}.hero h1 span{color:var(--text-dim)}.hero h1.gradient{background:linear-gradient(135deg,var(--accent) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.1rem;color:var(--text-dim);max-width:600px;margin:0 auto .5rem}.hero-punch{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:1.4rem;font-weight:600;color:var(--accent);margin:1rem auto;letter-spacing:.02em}.hero-sub{font-size:.95rem;color:var(--text-dim);margin:0 auto 2rem}.hero-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.hero-cta{display:inline-block;background:var(--accent);color:var(--bg);padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,255,136,.3)}.badge{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.75rem;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border);background:var(--bg-card)}.badge.green{border-color:var(--accent-dim);color:var(--accent)}.badge.blue{border-color:var(--blue);color:var(--blue)}.badge.purple{border-color:var(--purple);color:var(--purple)}.badge.white{border-color:var(--text-dim);color:var(--text);text-decoration:none}.badge.white:hover{border-color:var(--text);background:var(--bg-code)}.quick-config-lines{max-width:600px;margin:0 auto}.config-line{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.config-line:last-child{border-bottom:none}.config-label{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.8rem;color:var(--text-dim);min-width:3rem;text-transform:uppercase}.config-line code{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.9rem;color:var(--accent);background:var(--bg-code);padding:.4rem .8rem;border-radius:4px;cursor:pointer;position:relative;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-line code:hover::after{content:'copy';position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.65rem;color:var(--text-dim)}.config-line code.copied::after{content:'copied!';color:var(--accent)}.advanced-config{max-width:500px;margin:1.5rem auto 0;text-align:left}.advanced-config summary{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.8rem;color:var(--text-dim);cursor:pointer;padding:.5rem;text-align:center}.advanced-config summary:hover{color:var(--accent)}.advanced-config[open] summary{color:var(--accent)}.advanced-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:.5rem;font-size:.85rem}.advanced-content p{color:var(--text-dim);margin:.5rem 0}.advanced-content code{background:var(--bg-code);padding:.2rem .4rem;border-radius:4px;color:var(--accent);cursor:pointer}.server-table{width:100%;border-collapse:collapse;margin:1rem 0;font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.8rem}.server-table th{text-align:left;color:var(--text-dim);font-weight:500;padding:.5rem;border-bottom:1px solid var(--border)}.server-table td{padding:.5rem;border-bottom:1px solid var(--border)}.server-table tr:last-child td{border-bottom:none}.advanced-note{font-size:.75rem}.advanced-example{margin-top:.75rem}main{max-width:900px;margin:0 auto;padding:4rem 2rem}section{margin-bottom:5rem}section h2{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:1.5rem;color:var(--accent);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}section h2::before{content:'>';opacity:.5}h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--accent)}h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--accent)}h2:first-of-type{margin-top:1rem}h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text)}p{margin-bottom:1rem;color:var(--text-dim)}p strong{color:var(--text)}ul{margin:1rem 0 1rem 1.5rem;color:var(--text-dim)}li{margin-bottom:.5rem}li::marker{color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;background:var(--bg-card);padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:var(--accent)}code.copied::after{content:' copied!';color:var(--accent);font-size:.75rem}pre{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.85rem;line-height:1.6}.subtitle{color:var(--text-dim);font-size:1.1rem;margin-bottom:2rem}.highlight-box{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1.25rem;margin:1.5rem 0}.highlight-box p{margin-bottom:0}.highlight-box p:not(:last-child){margin-bottom:.75rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.feature h3{font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature p{color:var(--text-dim);font-size:.9rem}.servers{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.server-row{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.85rem;align-items:center;gap:1rem}.server-row>div{text-align:left}.server-row>div:nth-child(4),.server-row>div:nth-child(5){text-align:center}.server-row:last-child{border-bottom:none}.server-row.header{background:var(--bg-code);color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.server-location{color:var(--text-dim)}.server-ip{color:var(--accent)}.server-status{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.anycast-row .server-location{position:relative;cursor:help}.anycast-tooltip{position:absolute;left:0;bottom:100%;margin-bottom:.5rem;background:var(--bg-card);border:1px solid var(--purple);padding:.75rem;border-radius:8px;font-size:.75rem;color:var(--text);white-space:normal;width:280px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;box-shadow:0 4px 12px rgba(139,92,246,.2)}.anycast-row .server-location:hover .anycast-tooltip{opacity:1}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.secondary-dns-section{background:linear-gradient(135deg,rgba(139,92,246,5%) 0%,rgba(0,112,243,5%) 100%);border:1px solid var(--purple);border-radius:16px;padding:3rem;margin:3rem 0}.secondary-dns-section h2{font-size:2rem;color:var(--purple);margin-bottom:1rem;text-align:center}.secondary-dns-section .tagline{text-align:center;font-size:1.1rem;color:var(--text-dim);margin-bottom:2rem}.secondary-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.secondary-feature{text-align:center}.secondary-feature h3{font-size:2rem;color:var(--purple);margin-bottom:.5rem}.secondary-feature p{color:var(--text-dim);font-size:.9rem}.secondary-cta{text-align:center;margin-top:2rem}.secondary-cta a{display:inline-block;background:var(--purple);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s;box-shadow:0 4px 12px rgba(139,92,246,.3)}.secondary-cta a:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 16px rgba(139,92,246,.4)}.terminal{background:var(--bg-code);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:1rem 0}.terminal-header{background:var(--bg-card);padding:.75rem 1rem;display:flex;gap:.5rem;border-bottom:1px solid var(--border)}.terminal-dot{width:12px;height:12px;border-radius:50%;background:var(--border)}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-content{padding:1.5rem;font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.85rem;line-height:1.8;overflow-x:auto;white-space:pre-wrap}.terminal-content .prompt{color:var(--accent)}.terminal-content .cmd{color:var(--text)}.terminal-content .output{color:var(--text-dim)}.terminal-content .comment{color:#666}.terminal-content code{background:0 0;padding:0}.pricing{background:var(--bg-card);border:2px solid var(--accent);border-radius:16px;padding:2rem;text-align:center;max-width:400px;margin:0 auto}.pricing-title{font-size:1.5rem;margin-bottom:.5rem}.pricing-price{font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:3rem;color:var(--accent);margin-bottom:.5rem}.pricing-detail{color:var(--text-dim);margin-bottom:1.5rem}.pricing ul{text-align:left;list-style:none;margin-bottom:1.5rem}.pricing li{padding:.5rem 0;border-bottom:1px solid var(--border)}.pricing li:last-child{border-bottom:none}.pricing li::before{content:'✓';color:var(--accent);margin-right:.5rem}.steps{counter-reset:step}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem;position:relative;padding-left:4rem}.step::before{counter-increment:step;content:counter(step);position:absolute;left:1.5rem;top:1.5rem;width:2rem;height:2rem;background:var(--accent);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace}.step h3{margin-bottom:.5rem}.step p{color:var(--text-dim);font-size:.9rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.tab{padding:.5rem 1rem;background:0 0;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;border-radius:6px;transition:all .2s}.tab:hover{color:var(--text);background:var(--bg-code)}.tab.active{color:var(--accent);background:var(--bg-code)}.tab-content{display:none}.tab-content.active{display:block}.security-page{max-width:800px}.security-page section{margin-bottom:4rem}.security-page section h2{font-size:1.3rem;color:var(--text);margin-bottom:1rem;margin-top:0}.security-page section h2::before{opacity:.6}.architecture{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;margin:2rem 0;font-family:sf mono,cascadia code,fira code,Consolas,liberation mono,Menlo,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.architecture pre{color:var(--text-dim);white-space:pre;margin:0}.architecture .g{color:var(--accent)}.architecture .b{color:var(--blue)}.architecture .p{color:var(--purple)}.architecture .d{color:#444}.architecture .w{color:var(--text)}.architecture .o{color:#f59e0b}footer{border-top:1px solid var(--border);padding:3rem 2rem;text-align:center}.footer-inner{max-width:900px;margin:0 auto}.footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--text-dim);text-decoration:none;font-size:.85rem}.footer-links a:hover{color:var(--accent)}.copyright{font-size:.8rem;color:var(--text-dim)}.made-with{margin-top:.5rem;font-size:.75rem;color:#666}footer.legal-footer{border-top:1px solid var(--border);padding:1.5rem 2rem 1rem;text-align:center;font-size:.75rem;opacity:.6;background:var(--bg)}footer.legal-footer .footer-links{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:0}footer.legal-footer .footer-links a{color:var(--text-dim);text-decoration:none;transition:color .2s}footer.legal-footer .footer-links a:hover{color:var(--accent);text-decoration:underline}.lang-section{display:none}.lang-section.active{display:block}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-ascii{font-size:.5rem}nav{gap:1rem}.server-row{grid-template-columns:1fr 1fr;gap:.5rem}.server-row.header .server-provider,.server-row.header .server-uptime-col,.server-row.header .server-status-col{display:none}.server-provider{display:none}.server-row>div:nth-child(4),.server-row>div:nth-child(5){display:none}.anycast-tooltip{left:50%;transform:translateX(-50%);width:240px}.secondary-dns-section{padding:2rem 1.5rem}.secondary-dns-section h2{font-size:1.5rem}.secondary-features{grid-template-columns:repeat(2,1fr);gap:1.5rem}.step{padding-left:3.5rem}.step::before{left:1rem}.architecture{font-size:.65rem;padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}main{padding:2rem 1.5rem}}