.navbar{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fbf;border-bottom:1px solid var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.navbar__logo{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.125rem;letter-spacing:-.02em}.navbar__logo-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));font-size:.875rem;font-weight:800}.navbar__nav{display:flex;align-items:center;gap:2rem}.navbar__link{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color .2s}.navbar__link:hover{color:var(--text)}.navbar__actions{display:flex;align-items:center;gap:.75rem}.navbar__btn{display:inline-flex;align-items:center;padding:.5rem 1.125rem;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.navbar__btn--primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;box-shadow:0 0 20px var(--accent-glow)}.navbar__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px var(--accent-glow)}.navbar__toggle{display:none;flex-direction:column;gap:5px;padding:.25rem}.navbar__toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}@media(max-width:768px){.navbar__nav{position:absolute;top:4rem;left:0;right:0;flex-direction:column;gap:0;padding:1rem 1.5rem 1.5rem;background:#0a0a0ff2;border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.navbar__nav--open{transform:translateY(0);opacity:1;pointer-events:auto}.navbar__link{padding:.75rem 0;width:100%}.navbar__toggle{display:flex}}.hero{padding:5rem 0 6rem;text-align:center}.hero__inner{display:flex;flex-direction:column;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:9999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:2rem}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero__title{max-width:780px;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem}.hero__title-gradient{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{max-width:560px;font-size:1.125rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:4rem}.hero__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;transition:all .2s}.hero__btn--primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;box-shadow:0 0 30px var(--accent-glow)}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.hero__btn--secondary{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.hero__btn--secondary:hover{border-color:#ffffff26;background:var(--bg-card)}.hero__preview{width:100%;max-width:720px;border-radius:.875rem;border:1px solid var(--border);background:var(--bg-elevated);overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 24px 48px #0006}.hero__preview-bar{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.hero__preview-bar span:nth-child(-n+3){width:10px;height:10px;border-radius:50%;background:#ffffff1f}.hero__preview-bar span:nth-child(1){background:#ef4444;opacity:.8}.hero__preview-bar span:nth-child(2){background:#eab308;opacity:.8}.hero__preview-bar span:nth-child(3){background:#22c55e;opacity:.8}.hero__preview-url{margin-left:auto;font-size:.75rem;color:var(--text-muted);font-family:ui-monospace,monospace}.hero__preview-body{display:flex;min-height:220px}.hero__preview-sidebar{width:56px;padding:1rem .75rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.hero__preview-item{height:8px;border-radius:4px;background:#ffffff14}.hero__preview-item--active{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));opacity:.7}.hero__preview-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.hero__preview-line{height:8px;border-radius:4px;background:#ffffff0f;width:60%}.hero__preview-line--wide{width:40%;background:#ffffff1f;margin-bottom:.5rem}.hero__preview-cards{display:flex;gap:.75rem;margin-top:auto}.hero__preview-card{flex:1;height:64px;border-radius:.5rem;border:1px solid var(--border);background:#6366f114}@media(max-width:640px){.hero{padding:3rem 0 4rem}.hero__preview-body{min-height:160px}}.features{padding:6rem 0}.features__header{text-align:center;margin-bottom:4rem}.features__label{display:inline-block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-light);margin-bottom:1rem}.features__title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.features__subtitle{max-width:480px;margin:0 auto;color:var(--text-muted);font-size:1.0625rem}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.features__card{padding:1.75rem;border-radius:.875rem;border:1px solid var(--border);background:var(--bg-elevated);transition:border-color .2s,transform .2s}.features__card:hover{border-color:#6366f14d;transform:translateY(-2px)}.features__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.625rem;background:#6366f11f;color:var(--accent-light);margin-bottom:1.25rem}.features__card-title{font-size:1.0625rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.features__card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6}@media(max-width:900px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.features__grid{grid-template-columns:1fr}}.stats{padding:4rem 0}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:3rem;border-radius:1rem;border:1px solid var(--border);background:linear-gradient(135deg,#6366f114,#a855f70d)}.stats__item{text-align:center}.stats__value{display:block;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.375rem}.stats__label{font-size:.875rem;color:var(--text-muted);font-weight:500}@media(max-width:768px){.stats__grid{grid-template-columns:repeat(2,1fr);padding:2rem}}@media(max-width:400px){.stats__grid{grid-template-columns:1fr}}.cta{padding:4rem 0 6rem}.cta__card{text-align:center;padding:4rem 2rem;border-radius:1.25rem;border:1px solid var(--border);background:var(--bg-elevated);position:relative;overflow:hidden}.cta__card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.cta__title{position:relative;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.cta__subtitle{position:relative;max-width:440px;margin:0 auto 2rem;color:var(--text-muted);font-size:1.0625rem;line-height:1.6}.cta__form{position:relative;display:flex;gap:.75rem;max-width:440px;margin:0 auto 1.25rem}.cta__input{flex:1;padding:.875rem 1.125rem;border-radius:.625rem;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .2s}.cta__input::placeholder{color:var(--text-muted)}.cta__input:focus{border-color:var(--accent)}.cta__btn{padding:.875rem 1.5rem;border-radius:.625rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;font-size:.9375rem;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s}.cta__btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.cta__success{position:relative;font-size:1rem;color:#22c55e;margin-bottom:1.25rem}.cta__note{position:relative;font-size:.8125rem;color:var(--text-muted)}@media(max-width:520px){.cta__form{flex-direction:column}.cta__card{padding:3rem 1.5rem}}.footer{border-top:1px solid var(--border);padding:4rem 0 2rem}.footer__inner{display:flex;justify-content:space-between;gap:3rem;margin-bottom:3rem}.footer__logo{display:inline-flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.125rem;margin-bottom:.75rem}.footer__logo-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));font-size:.875rem;font-weight:800}.footer__tagline{font-size:.875rem;color:var(--text-muted);max-width:240px;line-height:1.6}.footer__links{display:flex;gap:4rem}.footer__column-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1rem}.footer__column ul{list-style:none;display:flex;flex-direction:column;gap:.625rem}.footer__link{font-size:.875rem;color:var(--text-muted);transition:color .2s}.footer__link:hover{color:var(--text)}.footer__bottom{padding-top:2rem;border-top:1px solid var(--border)}.footer__bottom p{font-size:.8125rem;color:var(--text-muted)}@media(max-width:768px){.footer__inner{flex-direction:column}.footer__links{gap:2rem;flex-wrap:wrap}}.app{position:relative;overflow-x:hidden}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app__gradient{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5}.app__gradient--top{top:-20%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%)}.app__gradient--bottom{bottom:-10%;right:-10%;width:600px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%)}.app__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 70%)}.app>*:not(.app__bg){position:relative;z-index:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-elevated: #12121a;--bg-card: #16161f;--border: rgba(255, 255, 255, .08);--text: #f4f4f5;--text-muted: #a1a1aa;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .35);--gradient-start: #6366f1;--gradient-end: #a855f7}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.5rem}