*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111;--surface:#161616;--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.14);--text:#f0f0f0;--muted:#666;--dim:#333;--accent:#ff5c1a;--accent-soft:rgba(255,92,26,.12)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;-webkit-font-smoothing:antialiased;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:0 2.5rem;height:56px;border-bottom:1px solid var(--border);background:hsla(0,0%,7%,.9);backdrop-filter:blur(16px)}.nav-logo,nav{display:flex;align-items:center}.nav-logo{gap:10px;text-decoration:none}.logo-text{font-family:DM Mono,monospace;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--text);font-weight:500}.logo-text span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-size:12px;color:var(--muted);text-decoration:none;letter-spacing:.05em;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{font-size:12px;font-family:DM Mono,monospace;background:var(--accent);color:#fff;border:none;padding:8px 20px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;font-weight:500;transition:background .2s;border-radius:2px}.nav-cta:hover{background:#ff7a45}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 2rem 80px;position:relative;overflow:hidden}.hero-glow{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(255,92,26,.06) 0,transparent 65%);pointer-events:none}.hero-logo-big{margin-bottom:2.5rem;opacity:0;transform:translateY(20px) scale(.9);animation:fadeUp .7s cubic-bezier(.16,1,.3,1) .1s forwards}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(255,92,26,.25);padding:6px 14px;margin-bottom:2rem;border-radius:2px;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease .25s forwards}.hero-eyebrow-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:pulse 2s ease infinite}.hero-title{font-family:Syne,sans-serif;font-size:clamp(56px,9vw,108px);font-weight:800;line-height:.92;letter-spacing:-.04em;color:var(--text);margin-bottom:1.5rem;opacity:0;transform:translateY(30px);animation:fadeUp .7s cubic-bezier(.16,1,.3,1) .4s forwards}.hero-title-accent{color:var(--accent)}.hero-sub{font-size:15px;color:var(--muted);line-height:1.8;max-width:440px;margin-bottom:3rem;animation:fadeUp .6s ease .55s forwards}.hero-actions,.hero-sub{opacity:0;transform:translateY(20px)}.hero-actions{display:flex;align-items:center;gap:1rem;animation:fadeUp .6s ease .7s forwards}.btn-primary{font-family:DM Mono,monospace;font-size:13px;background:var(--accent);color:#fff;border:none;padding:14px 36px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;font-weight:500;transition:background .2s,transform .15s;display:inline-block;border-radius:2px}.btn-primary:hover{background:#ff7a45;transform:translateY(-2px)}.btn-ghost{font-family:DM Mono,monospace;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--border);padding:14px 28px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-block;border-radius:2px}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-2px)}.tagline-row{margin-top:4rem;gap:2rem;opacity:0;animation:fadeUp .6s ease .85s forwards;flex-wrap:wrap;justify-content:center}.tagline-item,.tagline-row{display:flex;align-items:center}.tagline-item{gap:8px;font-size:12px;color:var(--muted);letter-spacing:.05em}.tagline-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.tagline-sep{width:1px;height:16px;background:var(--dim)}.hero-preview{margin-top:4rem;width:100%;max-width:680px;border:1px solid var(--border);border-radius:4px;overflow:hidden;opacity:0;transform:translateY(50px);animation:fadeUp .9s cubic-bezier(.16,1,.3,1) .9s forwards;box-shadow:0 40px 80px rgba(0,0,0,.4)}.preview-bar{justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.preview-bar,.preview-bar-left{display:flex;align-items:center}.preview-bar-left{gap:10px}.preview-dots{display:flex;gap:5px}.preview-dot{width:8px;height:8px;border-radius:50%}.preview-dot:first-child{background:#ff5c5c}.preview-dot:nth-child(2){background:#ffbe2e}.preview-dot:nth-child(3){background:#28c941}.preview-title{font-size:11px;color:var(--muted);letter-spacing:.05em}.preview-badge{font-size:10px;color:var(--accent);border:1px solid rgba(255,92,26,.3);padding:2px 8px;border-radius:2px;letter-spacing:.08em;display:flex;align-items:center;gap:5px}.preview-badge-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:pulse 1.5s ease infinite}.preview-code{padding:1.5rem;font-size:12px;line-height:1.9;color:#666;text-align:left;background:#0d0d0d;font-family:DM Mono,monospace}.kw{color:#569cd6}.fn{color:#dcdcaa}.st{color:#ce9178}.cm{color:#3a3a3a}.nm{color:#b5cea8}.cursor{display:inline-block;width:2px;height:13px;background:var(--accent);vertical-align:middle;animation:blink 1s step-end infinite}.features{padding:8rem 2.5rem;max-width:1100px;margin:0 auto}.section-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:block}.section-title{font-family:Syne,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:4rem;max-width:560px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}.feature-card{padding:2.5rem 2rem;background:var(--bg);position:relative;overflow:hidden;transition:background .3s}.feature-card:hover{background:var(--surface)}.feature-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,var(--accent-soft) 0,transparent 60%);opacity:0;transition:opacity .4s}.feature-card:hover:after{opacity:1}.feature-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border-radius:3px;transition:border-color .3s,background .3s;position:relative;z-index:1}.feature-card:hover .feature-icon{border-color:rgba(255,92,26,.4);background:var(--accent-soft)}.feature-title{font-family:Syne,sans-serif;font-size:20px;font-weight:600;margin-bottom:.75rem;position:relative;z-index:1}.feature-desc{font-size:13px;color:var(--muted);line-height:1.8;position:relative;z-index:1}.how{padding:6rem 2.5rem;border-top:1px solid var(--border);max-width:1100px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--border)}.step{padding:2.5rem 2rem;background:var(--bg);transition:background .3s}.step:hover{background:var(--surface)}.step-num{font-size:42px;font-weight:800;color:var(--dim);line-height:1;margin-bottom:1.5rem;letter-spacing:-.04em}.step-num,.step-title{font-family:Syne,sans-serif}.step-title{font-size:18px;font-weight:600;margin-bottom:.75rem}.step-desc{font-size:13px;color:var(--muted);line-height:1.7}.cta-section{padding:10rem 2rem;text-align:center;border-top:1px solid var(--border);position:relative;overflow:hidden}.cta-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(255,92,26,.07) 0,transparent 70%);pointer-events:none}.cta-title{font-family:Syne,sans-serif;font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:.95;margin-bottom:1.5rem;position:relative;z-index:1}.cta-accent{color:var(--accent)}.cta-sub{font-size:14px;color:var(--muted);margin-bottom:3rem;max-width:380px;margin-left:auto;margin-right:auto;line-height:1.8;position:relative;z-index:1}footer{border-top:1px solid var(--border);padding:1.75rem 2.5rem;display:flex;align-items:center;justify-content:space-between}.footer-left{font-size:12px;color:var(--dim)}.footer-left a,.footer-right a{color:var(--muted);text-decoration:none;transition:color .2s;font-size:12px}.footer-left a:hover,.footer-right a:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes flicker{0%,to{opacity:1;transform:scaleY(1) translateY(0)}25%{opacity:.8;transform:scaleY(.95) translateY(1px)}50%{opacity:1;transform:scaleY(1.05) translateY(-1px)}75%{opacity:.9;transform:scaleY(.98) translateY(.5px)}}.flame{animation:flicker 2s ease-in-out infinite;transform-origin:bottom center}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid,.steps{grid-template-columns:1fr}.nav-links,.tagline-sep{display:none}}