*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#04080f;--bg-card:#070d18;--bg-card2:#060b14;--cyan:#00c8e8;--cyan-dim:#00a8c4;--cyan-glow:rgba(0,200,232,.18);--cyan-glow2:rgba(0,200,232,.06);--border:rgba(0,200,232,.14);--border-dim:hsla(0,0%,100%,.06);--text-hi:#e8f4ff;--text-mid:#7ca5c0;--text-lo:#3a5060;--font-display:"Courier New","Lucida Console",monospace;--font-body:"Trebuchet MS","Segoe UI",sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-hi);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-canvas:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(ellipse at center,rgba(0,180,220,.09) 0,rgba(0,120,180,.04) 40%,transparent 70%);animation:pulse-glow 8s ease-in-out infinite alternate}.bg-canvas:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,200,232,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,200,232,.04) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 40%,transparent 100%)}.arrow-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@keyframes pulse-glow{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.page{position:relative;z-index:1;min-height:100vh}.hero,.page{display:flex;flex-direction:column;align-items:center}.hero{width:100%;max-width:680px;padding:6rem 1.5rem 4rem;text-align:center;gap:0}.logo-mark{display:block;width:96px;height:96px;margin:0 auto 2rem;border-radius:999px;object-fit:cover;animation:fade-in .9s ease both,logo-float 5s ease-in-out 1.2s infinite,logo-glow 4s ease-in-out 1s infinite alternate}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes logo-glow{0%{box-shadow:0 0 12px rgba(0,200,232,.3),0 0 28px rgba(0,200,232,.1)}to{box-shadow:0 0 22px rgba(0,200,232,.55),0 0 48px rgba(0,200,232,.18)}}.wordmark{font-size:clamp(3rem,10vw,5.5rem);font-weight:900;letter-spacing:-.03em;color:var(--text-hi);line-height:1;margin-bottom:.5rem;text-shadow:0 0 40px rgba(0,200,232,.25);animation:fade-up .7s ease .1s both}.label,.wordmark{font-family:var(--font-display)}.label{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:2rem;animation:fade-up .7s ease .2s both}.label,.label-link{color:var(--cyan-dim)}.label-link{text-decoration:none;font-weight:700;-webkit-tap-highlight-color:transparent;transition:color .15s,text-shadow .15s}.label-link:visited{color:var(--cyan-dim)}.label-link:hover{color:var(--cyan);text-shadow:0 0 10px rgba(0,200,232,.5)}.hero-eyebrow{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;letter-spacing:-.02em;color:var(--cyan);margin-bottom:1rem;animation:fade-up .7s ease .25s both;text-shadow:0 0 24px rgba(0,200,232,.3)}.hero-copy{font-size:clamp(1.05rem,3vw,1.3rem);color:var(--text-mid);line-height:1.65;margin-bottom:.5rem;animation:fade-up .7s ease .3s both}.hero-copy strong{color:var(--text-hi);font-weight:600}.hero-sub{font-size:.8rem;color:var(--text-lo);letter-spacing:.04em;margin-bottom:2rem;font-style:italic;animation:fade-up .7s ease .35s both}.status-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(180,160,0,.3);background:rgba(180,160,0,.06);color:#b8a800;border-radius:2px;padding:.35rem .85rem;font-family:var(--font-display);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:2.5rem;animation:fade-up .7s ease .4s both}.status-badge.live{border-color:rgba(0,200,100,.3);background:rgba(0,200,100,.06);color:#00c870}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 2.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;animation:fade-up .7s ease .5s both}.btn{display:inline-block;font-family:var(--font-display);font-size:.78rem;letter-spacing:.06em;padding:.7rem 1.4rem;border-radius:2px;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:transparent;color:var(--cyan);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:var(--cyan-glow);opacity:0;transition:opacity .2s}.btn:hover:before{opacity:1}.btn:hover{border-color:var(--cyan);box-shadow:0 0 16px var(--cyan-glow);color:var(--text-hi)}.btn-primary{background:rgba(0,200,232,.08);border-color:rgba(0,200,232,.4)}.btn-primary:hover{background:rgba(0,200,232,.14)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 auto}.divider,.section{width:100%;max-width:680px}.section{padding:3.5rem 1.5rem;animation:fade-up .6s ease both}.section-label{font-family:var(--font-display);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan-dim);margin-bottom:1.75rem}.steps{display:flex;gap:1rem;flex-wrap:wrap}.step{flex:1 1 160px;border-top:1px solid var(--border-dim);border:1px solid var(--border-dim);border-top-color:var(--border);background:var(--bg-card);padding:1.2rem 1.2rem 1.4rem;position:relative;transition:border-color .2s,box-shadow .2s}.step:hover{border-color:rgba(0,200,232,.22);box-shadow:0 0 20px var(--cyan-glow2)}.step-num{font-family:var(--font-display);font-size:.6rem;letter-spacing:.2em;color:var(--cyan-dim);margin-bottom:.6rem}.step-text{font-size:.88rem;color:var(--text-mid);line-height:1.5}.step-text strong{color:var(--text-hi)}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.card{border:1px solid var(--border-dim);background:var(--bg-card2);padding:1.2rem 1.2rem 1.3rem;position:relative;transition:border-color .2s,box-shadow .2s}.card:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--cyan),transparent);opacity:0;transition:opacity .2s}.card:hover:before{opacity:1}.card:hover{border-color:rgba(0,200,232,.2);box-shadow:0 0 20px var(--cyan-glow2)}.card-icon{font-family:var(--font-display);font-size:.6rem;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase;margin-bottom:.45rem}.card-title{font-size:.95rem;font-weight:600;color:var(--text-hi);margin-bottom:.3rem}.card-desc{font-size:.78rem;color:var(--text-mid);line-height:1.5}.rules-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.rules-list li{font-size:.82rem;color:var(--text-mid);display:flex;align-items:baseline;gap:.75rem;line-height:1.5}.rules-list li:before{content:"—";color:var(--cyan-dim);font-family:var(--font-display);flex-shrink:0;font-size:.7rem;letter-spacing:.05em}.footer{width:100%;max-width:680px;padding:2rem 1.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{font-family:var(--font-display);font-size:.6rem;letter-spacing:.14em;color:var(--text-lo);text-transform:uppercase}.footer-tag{font-size:.72rem;color:var(--text-lo);font-style:italic}.footer-legal{display:flex;gap:1.25rem;align-items:center}.footer-legal-link{font-family:var(--font-display);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-lo);text-decoration:none;transition:color .15s}.footer-legal-link:hover{color:var(--cyan-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.built-by{margin-top:1.25rem;font-size:.72rem;color:var(--text-lo);letter-spacing:.04em}.built-by-link{color:var(--cyan-dim);text-decoration:none;font-weight:600;transition:color .15s,text-shadow .15s}.built-by-link:hover{color:var(--cyan);text-shadow:0 0 10px rgba(0,200,232,.45)}.footer-grow-link{color:inherit;text-decoration:underline;text-underline-offset:2px;-webkit-text-decoration-color:hsla(0,0%,100%,.2);text-decoration-color:hsla(0,0%,100%,.2);transition:color .15s,-webkit-text-decoration-color .15s;transition:color .15s,text-decoration-color .15s;transition:color .15s,text-decoration-color .15s,-webkit-text-decoration-color .15s}.footer-grow-link:hover{color:var(--cyan-dim);-webkit-text-decoration-color:rgba(0,200,232,.4);text-decoration-color:rgba(0,200,232,.4)}.cta-hint{margin-top:.85rem;font-size:.7rem;color:var(--text-lo);letter-spacing:.03em;font-style:italic;animation:fade-up .7s ease .6s both}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.example-card{border:1px solid var(--border-dim);background:var(--bg-card2);padding:1rem 1.1rem 1.2rem;position:relative;overflow:hidden}.example-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--cyan-dim),transparent)}.example-tag{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-dim);margin-bottom:.65rem}.example-pre,.example-tag{font-family:var(--font-display)}.example-pre{font-size:.68rem;line-height:1.7;color:var(--text-mid);white-space:pre-wrap;word-break:break-word;margin:0}@media (max-width:520px){.examples-grid{grid-template-columns:1fr}.hero{padding:4rem 1.25rem 3rem}.cards-grid{grid-template-columns:1fr}.footer,.steps{flex-direction:column}.footer{align-items:flex-start}.cta-row{flex-direction:column;align-items:stretch}.btn{text-align:center}}