*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0b10;--bg-elev: #12151f;--bg-card: #0d0f16;--bg-hover: #1a1e2b;--border: #1e2333;--border2: #2a3148;--fg: #eef1fa;--fg-muted: #c5ccdf;--fg-dim: #6f7998;--orange: #ff6b2c;--orange-hi: #ff8c52;--orange-dim: rgba(255, 107, 44, .12);--orange-glow: rgba(255, 107, 44, .28);--green: #22c55e;--green-dim: rgba(34, 197, 94, .12);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section--alt{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.section-title{font-size:clamp(26px,3.8vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.section-sub{font-size:18px;color:var(--fg-muted);line-height:1.7;max-width:560px}.text-center{text-align:center}.text-center .section-sub{margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .18s ease;border:1px solid transparent;white-space:nowrap}.btn--primary{background:var(--orange);color:#fff}.btn--primary:hover{background:var(--orange-hi);transform:translateY(-2px);box-shadow:0 10px 32px var(--orange-glow)}.btn--ghost{background:transparent;color:var(--fg-muted);border-color:var(--border2)}.btn--ghost:hover{border-color:var(--orange);color:var(--orange)}.btn--outline{background:transparent;color:var(--orange);border-color:var(--orange)}.btn--outline:hover{background:var(--orange-dim)}.btn--lg{padding:16px 40px;font-size:17px;border-radius:var(--radius)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:background .2s,border-color .2s,backdrop-filter .2s;border-bottom:1px solid transparent}.navbar--scrolled{background:#0a0b10e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--fg);text-decoration:none}.navbar__logo span{color:var(--orange)}.navbar__actions{display:flex;align-items:center;gap:12px}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(255,107,44,.08) 0%,transparent 70%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--orange-dim);border:1px solid rgba(255,107,44,.3);border-radius:100px;font-size:13px;font-weight:600;color:var(--orange);margin-bottom:24px}.hero__badge-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.hero__title{font-size:clamp(36px,5.5vw,66px);font-weight:900;line-height:1.08;letter-spacing:-.03em;margin-bottom:20px}.hero__title-accent{color:var(--orange)}.hero__sub{font-size:19px;color:var(--fg-muted);line-height:1.65;margin-bottom:36px;max-width:480px}.hero__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero__hint{font-size:13px;color:var(--fg-dim);margin-top:14px}.hero__visual{position:relative}.hero__mockup{width:100%;aspect-ratio:16/10;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:0 32px 80px #00000080,0 0 0 1px var(--border)}.hero__mockup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--bg-elev) 0%,var(--bg-card) 100%)}.mockup-bar{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);background:#0a0b1099}.mockup-dot{width:10px;height:10px;border-radius:50%}.mockup-dot--red{background:#ef4444}.mockup-dot--amber{background:#f59e0b}.mockup-dot--green{background:#22c55e}.mockup-content{position:relative;z-index:1;display:grid;grid-template-columns:64px 200px 1fr;height:calc(100% - 37px)}.mockup-rail{background:#06070bcc;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}.mockup-server-icon{width:36px;height:36px;border-radius:12px;background:var(--orange-dim);border:1px solid rgba(255,107,44,.3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--orange)}.mockup-server-icon--active{background:var(--orange);color:#fff;border:none;border-radius:16px}.mockup-sidebar{border-right:1px solid var(--border);padding:12px 0;background:#0d0f16cc}.mockup-channel{padding:5px 12px;font-size:12px;color:var(--fg-dim);display:flex;align-items:center;gap:6px}.mockup-channel--active{color:var(--fg);background:var(--bg-hover);border-radius:4px;margin:0 4px;padding:5px 8px}.mockup-channel-hash{opacity:.5;font-size:14px}.mockup-chat{padding:14px;display:flex;flex-direction:column;gap:10px;background:#0a0b1080}.mockup-msg{display:flex;gap:8px;align-items:flex-start}.mockup-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.mockup-avatar--1{background:#ff6b2c}.mockup-avatar--2{background:#22d3ee}.mockup-avatar--3{background:#a78bfa}.mockup-msg-body{display:flex;flex-direction:column;gap:3px}.mockup-msg-name{font-size:11px;font-weight:600;color:var(--fg-muted)}.mockup-msg-text{font-size:11px;color:var(--fg-dim);background:var(--bg-elev);padding:5px 10px;border-radius:2px 10px 10px}.hero__mockup-glow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:80%;height:60px;background:var(--orange-glow);filter:blur(40px);border-radius:50%}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.pain-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;position:relative;overflow:hidden;transition:border-color .2s}.pain-card:hover{border-color:var(--border2)}.pain-card__icon{width:48px;height:48px;border-radius:var(--radius-sm);background:#ef44441f;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.pain-card__title{font-size:17px;font-weight:700;margin-bottom:10px;line-height:1.3}.pain-card__text{font-size:14px;color:var(--fg-muted);line-height:1.65}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.solution-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;position:relative;transition:border-color .2s,transform .2s}.solution-card:hover{border-color:#ff6b2c66;transform:translateY(-3px)}.solution-card__icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--orange-dim);border:1px solid rgba(255,107,44,.25);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.solution-card__title{font-size:17px;font-weight:700;margin-bottom:10px}.solution-card__text{font-size:14px;color:var(--fg-muted);line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;position:relative}.steps:before{content:"";position:absolute;top:32px;left:calc(100% / 6);right:calc(100% / 6);height:1px;background:linear-gradient(90deg,var(--border) 0%,var(--orange) 50%,var(--border) 100%)}.step{text-align:center;padding:0 32px;position:relative}.step__num{width:64px;height:64px;border-radius:50%;background:var(--bg-card);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--orange);margin:0 auto 24px;position:relative;z-index:1;box-shadow:0 0 24px var(--orange-glow)}.step__title{font-size:18px;font-weight:700;margin-bottom:10px}.step__text{font-size:14px;color:var(--fg-muted);line-height:1.65}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.testimonial{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:20px;transition:border-color .2s}.testimonial:hover{border-color:var(--border2)}.testimonial__stars{display:flex;gap:4px}.testimonial__star{color:var(--orange);font-size:16px}.testimonial__text{font-size:15px;color:var(--fg-muted);line-height:1.7;flex:1;font-style:italic}.testimonial__author{display:flex;align-items:center;gap:12px}.testimonial__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex-shrink:0}.testimonial__name{font-weight:600;font-size:14px}.testimonial__role{font-size:12px;color:var(--fg-dim)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;max-width:760px;margin-left:auto;margin-right:auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;position:relative}.pricing-card--pro{border-color:#ff6b2c80;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,107,44,.04) 100%)}.pricing-card__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--orange);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:100px;white-space:nowrap}.pricing-card__soon{position:absolute;top:16px;right:16px;background:var(--bg-hover);border:1px solid var(--border2);color:var(--fg-dim);font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px}.pricing-card__name{font-size:20px;font-weight:700;margin-bottom:8px}.pricing-card__price{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:4px}.pricing-card__price span{font-size:18px;font-weight:500;color:var(--fg-dim)}.pricing-card__period{font-size:13px;color:var(--fg-dim);margin-bottom:28px}.pricing-card__features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.pricing-card__feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--fg-muted)}.pricing-card__feature-check{width:18px;height:18px;border-radius:50%;background:var(--green-dim);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;margin-top:2px}.pricing-card--pro .pricing-card__feature-check{background:var(--orange-dim);color:var(--orange)}.faq-list{margin-top:56px;display:flex;flex-direction:column;gap:12px;max-width:760px;margin-left:auto;margin-right:auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.faq-item--open{border-color:#ff6b2c59}.faq-item__q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;color:var(--fg);font-size:16px;font-weight:600;cursor:pointer;text-align:left;gap:16px;font-family:inherit;transition:color .15s}.faq-item__q:hover,.faq-item--open .faq-item__q{color:var(--orange)}.faq-item__chevron{width:20px;height:20px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:var(--fg-dim);transition:transform .2s,background .15s}.faq-item--open .faq-item__chevron{transform:rotate(180deg);background:var(--orange-dim);border-color:#ff6b2c4d;color:var(--orange)}.faq-item__a{padding:0 24px 20px;font-size:14px;color:var(--fg-muted);line-height:1.7;display:none}.faq-item--open .faq-item__a{display:block}.final-cta{padding:120px 0;text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(255,107,44,.1) 0%,transparent 70%);pointer-events:none}.final-cta__title{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;position:relative}.final-cta__sub{font-size:18px;color:var(--fg-muted);margin-bottom:40px;position:relative}.final-cta__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}.final-cta__note{font-size:13px;color:var(--fg-dim);margin-top:16px;position:relative}.footer{border-top:1px solid var(--border);padding:40px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer__logo{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--fg);text-decoration:none}.footer__logo span{color:var(--orange)}.footer__links{display:flex;gap:24px;list-style:none}.footer__links a{font-size:13px;color:var(--fg-dim);text-decoration:none;transition:color .15s}.footer__links a:hover{color:var(--fg-muted)}.footer__copy{font-size:13px;color:var(--fg-dim)}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;gap:48px;text-align:center}.hero__sub{max-width:100%}.hero__cta{justify-content:center}.hero__visual{order:-1;max-width:480px;margin:0 auto}.pain-grid,.solution-grid,.testimonials{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.steps{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.steps:before{top:0;bottom:0;left:32px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,var(--border) 0%,var(--orange) 50%,var(--border) 100%)}.step{position:relative;text-align:left;padding:0 0 40px 80px}.step:last-child{padding-bottom:0}.step__num{position:absolute;left:0;top:0;margin:0}.pricing-grid{grid-template-columns:1fr;max-width:400px}.footer__inner{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.section{padding:72px 0}.navbar__actions .btn--ghost{display:none}.navbar__actions .btn--primary{padding:9px 14px;font-size:13px}.section-title{font-size:26px}.hero__inner{gap:28px}.hero__badge{display:inline-flex}.mockup-content{grid-template-columns:44px 1fr}.mockup-sidebar{display:none}.hero__hint{font-size:12px}.final-cta{padding:80px 0}.footer__links{flex-wrap:wrap;gap:12px}}@media(max-width:400px){.hero__title{font-size:32px}.hero__sub{font-size:16px}.btn--lg{padding:13px 24px;font-size:15px}.pricing-card{padding:28px 20px}.faq-item__q{font-size:14px;padding:16px}.faq-item__a{padding:0 16px 16px}.testimonial{padding:22px 18px}.steps:before{left:31px}.footer__links{gap:10px 20px}}