*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:#05050a;color:#d8d8e8;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1}
nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:1.2rem 5vw;backdrop-filter:blur(8px);background:#05050a88;z-index:10}
nav a{color:#d8d8e8;text-decoration:none;margin-left:1.5rem;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}nav a:hover{color:#00ffd5}
.logo{margin:0!important;font-weight:800}.logo span,h2{color:#00ffd5}
section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 8vw}
.hero{align-items:flex-start}.tag{font-family:monospace;color:#ff2bd6;margin-bottom:1rem}
h1{font-size:clamp(3.5rem,12vw,9rem);font-weight:900;letter-spacing:-.04em;text-shadow:0 0 30px #00ffd566;position:relative}
.glitch::after{content:attr(data-t);position:absolute;left:3px;top:0;color:#ff2bd6;opacity:.5;mix-blend-mode:screen;animation:g 3s infinite steps(2)}
@keyframes g{0%,90%{transform:none}92%{transform:translate(-4px,2px)}95%{transform:translate(4px,-2px)}}
.sub{font-size:1.3rem;opacity:.8;margin:1rem 0 2rem}
.btn{display:inline-block;border:1px solid #00ffd5;color:#00ffd5;padding:.9rem 1.8rem;text-decoration:none;letter-spacing:.1em;transition:.3s;width:fit-content}
.btn:hover{background:#00ffd5;color:#05050a;box-shadow:0 0 30px #00ffd5}
.panel{max-width:1100px;margin:auto}h2{font-size:2.5rem;margin-bottom:1.5rem}.panel>p{font-size:1.2rem;line-height:1.7;max-width:650px;margin-bottom:2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.card{background:#0d0d18cc;border:1px solid #ffffff15;padding:2rem;border-radius:12px;transition:.3s}
.card:hover{border-color:#ff2bd6;transform:translateY(-6px);box-shadow:0 10px 40px #ff2bd633}
.card span{font-family:monospace;color:#ff2bd6}.card h3{margin:.8rem 0}.card p{opacity:.6}
footer{text-align:center;padding:2rem;opacity:.5;font-size:.8rem}
@media(max-width:600px){nav div a{margin-left:.8rem;font-size:.75rem}}
nav div a.on{color:#00ffd5}
.page{padding-top:8rem;min-height:auto}.page h1{font-size:clamp(2.6rem,8vw,5rem)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
a.card{text-decoration:none;color:inherit;display:block}
.thumb{width:100%;aspect-ratio:390/600;object-fit:cover;object-position:top;border-radius:8px;margin-bottom:1rem;border:1px solid #ffffff20}
.soon{display:inline-block;font-family:monospace;color:#05050a;background:#ff2bd6;padding:.2rem .6rem;border-radius:4px;font-size:.75rem}
.draft{border:1px dashed #ff2bd6;padding:1rem;border-radius:8px;color:#ff9be9;margin-bottom:2rem;font-family:monospace}
.prose{max-width:820px}.prose h2{margin-top:2.5rem}.prose h3{color:#ff2bd6;margin:1.4rem 0 .5rem}.prose li{margin:.4rem 0 .4rem 1.2rem;line-height:1.6}.prose p{line-height:1.7;margin:.6rem 0}
.ladder{counter-reset:s;list-style:none}.ladder li{counter-increment:s;margin-left:0!important;background:#0d0d18cc;border:1px solid #ffffff15;border-radius:10px;padding:1rem 1rem 1rem 3.5rem;position:relative;margin-bottom:.8rem!important}
.ladder li::before{content:counter(s);position:absolute;left:1rem;top:.9rem;font-weight:900;font-size:1.4rem;color:#00ffd5}
.page{background:#05050acc;backdrop-filter:blur(3px);border-radius:12px}
nav div a{margin-left:1rem}@media(max-width:600px){nav div a{margin-left:.55rem;font-size:.68rem}}
/* v3 nav + pages */
nav{align-items:center;gap:1rem;flex-wrap:wrap}nav .links{display:flex;gap:.2rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}nav .links::-webkit-scrollbar{display:none}
nav .links a{margin-left:0!important;padding:.55rem .7rem;font-size:.78rem;white-space:nowrap;border-radius:6px}nav .links a.on{color:#00ffd5;background:#00ffd51a}
@media(max-width:800px){nav{padding:.6rem 4vw;flex-direction:column;align-items:flex-start;gap:.2rem}nav .links{width:100%;margin:0 -.5rem}nav .links a{font-size:.72rem;padding:.65rem .6rem}.page{padding-top:7.5rem}.hero{padding-top:7rem}}
.offer{border-color:#ff2bd6;margin:1.5rem 0}.offer p{line-height:1.6;margin:.6rem 0 1.2rem}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}.price-grid ul{margin-top:.6rem}.amt{font-size:1.7rem;font-weight:800;color:#00ffd5}
.note{opacity:.7;font-size:.9rem}.cta-box{margin-top:2.5rem;padding:2rem;border:1px solid #00ffd5;border-radius:12px;background:#05050acc}
.tool{display:flex;flex-direction:column;gap:.4rem}.tool p{flex:1}.ver{font-family:monospace;font-size:.72rem;color:#00ffd5}.tool .btn{text-align:center;margin-top:.6rem;width:100%}
.btn{min-height:44px}
.logo{padding:.6rem 0;display:inline-block}
.card span.soon,.soon{color:#05050a!important;background:#ff2bd6}.prose p a:not(.btn),.sub a{color:#00ffd5}