:root{
  --bg:#0B0B0C;--s1:#131315;--s2:#1A1A1D;--s3:#222225;--s4:#2B2B2F;
  --border:rgba(242,92,5,.1);--border2:rgba(242,92,5,.2);
  --acc:#F25C05;--acc2:#FF7B2E;--acc3:#C94A00;
  --text:#F5F5F7;--text2:#9A9A9F;--text3:#5A5A60;
  --r:10px;--r2:14px;--r3:18px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Sora',sans-serif;overflow-x:hidden;line-height:1.6;font-size:15px}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px}

.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:62px;background:rgba(8,10,15,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}
.nav.scrolled{background:rgba(8,10,15,.98);box-shadow:0 4px 30px rgba(0,0,0,.4)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon{width:32px;height:32px;background:var(--acc3);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-txt{display:flex;flex-direction:column}
.bw{display:flex;align-items:baseline}
.bw span:first-child{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.4px}
.bw span:last-child{font-size:16px;font-weight:300;color:var(--acc);letter-spacing:-.4px}
.bt{font-size:8px;font-weight:400;color:var(--acc2);letter-spacing:.15em;text-transform:uppercase;margin-top:1px}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;transition:color .15s;text-decoration:none}
.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;gap:8px}
.btn-ghost{padding:7px 16px;background:transparent;border:1px solid var(--border2);border-radius:var(--r);color:var(--text2);font-family:'Sora',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}
.btn-ghost:hover{border-color:var(--acc);color:var(--text)}
.btn-solid{padding:7px 16px;background:var(--acc);border:none;border-radius:var(--r);color:#fff;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}
.btn-solid:hover{background:var(--acc2);transform:translateY(-1px);box-shadow:0 4px 16px rgba(242,92,5,.3)}

.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 48px;position:relative;overflow:hidden}
.hero-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(242,92,5,.15),transparent),radial-gradient(ellipse 40% 40% at 10% 80%,rgba(201,74,0,.08),transparent);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(242,92,5,.035)1px,transparent 1px),linear-gradient(90deg,rgba(242,92,5,.035)1px,transparent 1px);background-size:56px 56px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black,transparent)}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(242,92,5,.08);border:1px solid rgba(242,92,5,.2);border-radius:20px;font-size:11px;font-weight:600;color:var(--acc2);margin-bottom:28px;position:relative;z-index:1;animation:fUp .6s ease both}
.pulse{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:p 2s infinite;flex-shrink:0}
@keyframes p{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(242,92,5,.4)}50%{opacity:.7;box-shadow:0 0 0 5px transparent}}
@keyframes fUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero h1{font-size:clamp(42px,6.5vw,76px);font-weight:800;line-height:1.03;letter-spacing:-2.5px;color:var(--text);margin-bottom:20px;position:relative;z-index:1;animation:fUp .6s .1s ease both}
.hero h1 em{font-style:italic;font-weight:300;color:var(--acc)}
.sub{font-size:clamp(15px,1.8vw,18px);color:var(--text2);max-width:500px;line-height:1.7;margin-bottom:40px;position:relative;z-index:1;animation:fUp .6s .2s ease both}
.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:60px;position:relative;z-index:1;animation:fUp .6s .3s ease both}
.btn-primary-lg{padding:14px 32px;background:var(--acc);border:none;border-radius:var(--r2);color:#fff;font-family:'Sora',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 0 40px rgba(242,92,5,.25),0 4px 20px rgba(242,92,5,.2)}
.btn-primary-lg:hover{background:var(--acc2);transform:translateY(-2px);box-shadow:0 0 60px rgba(242,92,5,.3),0 8px 30px rgba(242,92,5,.25)}
.btn-ghost-lg{padding:14px 32px;background:transparent;border:1px solid rgba(242,92,5,.25);border-radius:var(--r2);color:var(--text2);font-family:'Sora',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}
.btn-ghost-lg:hover{border-color:var(--acc);color:var(--text);background:rgba(242,92,5,.05)}
.preview{position:relative;z-index:1;width:100%;max-width:880px;border-radius:16px;overflow:hidden;border:1px solid rgba(242,92,5,.12);box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 60px rgba(242,92,5,.08);animation:fUp .6s .4s ease both}
.preview-chrome{background:var(--s2);padding:11px 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border)}
.cd{width:9px;height:9px;border-radius:50%;display:block}
.url{font-size:11px;color:var(--text3);margin-left:8px}
.preview-body{background:#090c14;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pk{background:var(--s2);border:1px solid var(--border);border-radius:var(--r);padding:14px}
.pk-acc{background:linear-gradient(135deg,rgba(242,92,5,.1),rgba(201,74,0,.05));border-color:var(--border2)}
.pkl{font-size:9px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.pkv{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1}
.pkv small{font-size:11px;font-weight:400;color:var(--text3)}
.pkb{height:3px;background:rgba(242,92,5,.1);border-radius:10px;margin-top:8px;overflow:hidden}
.pkf{height:100%;border-radius:10px;background:var(--acc)}

.stats{display:flex;justify-content:center;align-items:center;padding:28px 24px;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.st{text-align:center;padding:8px 44px}
.st b{display:block;font-size:30px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1}
.st span{font-size:12px;color:var(--text3);margin-top:3px;display:block}
.stdv{width:1px;height:32px;background:var(--border)}

.sec{max-width:1100px;margin:0 auto;padding:88px 40px}
.chip{display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--acc2);background:rgba(242,92,5,.08);border:1px solid rgba(242,92,5,.18);padding:4px 12px;border-radius:20px;margin-bottom:14px}
h2{font-size:clamp(26px,3.2vw,42px);font-weight:800;letter-spacing:-1.5px;color:var(--text);margin-bottom:10px;line-height:1.1}
.sub2{font-size:15px;color:var(--text2);max-width:440px;line-height:1.7;margin-bottom:48px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card-f,.card-h{background:var(--s1);border:1px solid var(--border);border-radius:var(--r2);padding:24px;transition:all .2s}
.card-f:hover,.card-h:hover{border-color:var(--border2);transform:translateY(-4px)}
.card-f .ico{font-size:26px;margin-bottom:14px}
.card-f h3,.card-h h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:7px}
.card-f p,.card-h p{font-size:12px;color:var(--text2);line-height:1.65}
.card-h{padding:28px}
.num{font-size:46px;font-weight:800;color:rgba(242,92,5,.1);letter-spacing:-2px;line-height:1;margin-bottom:14px}
.card-s{background:var(--s1);border:1px solid var(--border);border-radius:var(--r2);padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.card-s .ico{font-size:20px;margin-bottom:4px}
.card-s b{font-size:13px;font-weight:700;color:var(--text)}
.card-s small{font-size:11px;color:var(--text3)}

.ai-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:linear-gradient(135deg,var(--s2),var(--s3));border:1px solid var(--border2);border-radius:20px;padding:48px}
.ai-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:20px}
.ai-list li{display:flex;gap:9px;font-size:13px;color:var(--text2);align-items:flex-start}
.ai-list li::before{content:'✦';color:var(--acc);flex-shrink:0;font-size:11px;margin-top:2px}
.ai-chat{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto}
.bub{padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.6;max-width:90%}
.bub-u{background:var(--acc);color:#fff;align-self:flex-end;border-radius:10px 10px 2px 10px}
.bub-a{background:rgba(255,255,255,.05);color:var(--text2);align-self:flex-start;border-radius:10px 10px 10px 2px}
.bub-a strong{color:var(--text)}
.typing{display:flex;gap:4px;align-items:center;background:rgba(255,255,255,.05);align-self:flex-start;padding:10px 14px;border-radius:10px}
.typing span{width:5px;height:5px;border-radius:50%;background:var(--acc);animation:tp 1.4s infinite}
.typing span:nth-child(2){animation-delay:.2s}
.typing span:nth-child(3){animation-delay:.4s}
@keyframes tp{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

.cta{text-align:center;padding:88px 24px;background:linear-gradient(180deg,transparent,rgba(242,92,5,.05),transparent)}
.cta h2{font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-1.5px;margin-bottom:14px}
.cta p{font-size:16px;color:var(--text2);margin-bottom:36px}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

footer{border-top:1px solid var(--border);padding:32px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.fbrand{display:flex;align-items:center;gap:9px}
footer p{font-size:12px;color:var(--text3)}
.flink{display:flex;gap:20px}
.flink a{font-size:12px;color:var(--text3);cursor:pointer;text-decoration:none;transition:color .15s}
.flink a:hover{color:var(--text2)}

@media(max-width:960px){.nav{padding:0 18px}.nav-links{display:none}.sec{padding:60px 18px}.grid-3{grid-template-columns:1fr 1fr}.ai-wrap{grid-template-columns:1fr;padding:28px}.preview-body{grid-template-columns:1fr 1fr}footer{padding:24px 18px;flex-direction:column;align-items:flex-start}}
@media(max-width:540px){.grid-3{grid-template-columns:1fr}.st{padding:8px 22px}.stdv{display:none}}