*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--black:#080808;--off-black:#0e0e0e;--surface:#111;--surface-2:#181818;--border:hsla(0,0%,100%,.08);--red:#c20;--red-bright:#ff2d00;--red-glow:rgba(204,34,0,.35);--white:#f5f5f0;--white-dim:hsla(60,20%,95%,.55);--white-faint:hsla(60,20%,95%,.12);--font-display:"Bebas Neue",sans-serif;--font-body:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:64px;justify-content:space-between;background:rgba(8,8,8,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{font-family:var(--font-display);font-size:22px;letter-spacing:.08em;color:var(--white);text-decoration:none;gap:8px}.nav-logo em{color:var(--red-bright);font-style:normal}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--red-bright);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);text-decoration:none;transition:color .2s}.nav-cta,.nav-links a:hover{color:var(--white)}.nav-cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--red);border:none;padding:10px 22px;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s}.nav-cta:hover{background:var(--red-bright);box-shadow:0 0 24px var(--red-glow)}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.55) saturate(1.1)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080808 0,rgba(8,8,8,.6) 40%,rgba(8,8,8,.15) 70%,rgba(8,8,8,.3)),linear-gradient(90deg,rgba(8,8,8,.7) 0,transparent 60%)}.hero-content{position:relative;z-index:2;padding:120px 40px 80px;max-width:780px}.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-bright);margin-bottom:28px;animation:fadeUp .6s ease both}.hero-tag:before{content:"";display:block;width:24px;height:1px;background:var(--red-bright)}.hero-title{font-family:var(--font-display);font-size:clamp(72px,10vw,148px);line-height:.92;letter-spacing:.01em;color:var(--white);margin-bottom:32px;animation:fadeUp .6s ease .1s both}.hero-title em{color:var(--red-bright);font-style:normal}.hero-sub{font-size:18px;font-weight:300;color:var(--white-dim);max-width:520px;line-height:1.7;margin-bottom:48px;animation:fadeUp .6s ease .2s both}.hero-actions{display:flex;align-items:center;gap:20px;animation:fadeUp .6s ease .3s both}.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--white);background:var(--red);padding:16px 32px;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}.btn-primary:hover{background:var(--red-bright);box-shadow:0 0 40px var(--red-glow);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--white-dim);background:transparent;border:1px solid var(--border);padding:16px 32px;text-decoration:none;transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--white);border-color:hsla(0,0%,100%,.25)}.hero-stats{position:absolute;bottom:0;right:0;z-index:2;display:flex;border-top:1px solid var(--border);border-left:1px solid var(--border);animation:fadeUp .6s ease .4s both}.hero-stat{padding:20px 36px;border-right:1px solid var(--border);text-align:center}.hero-stat-value{font-family:var(--font-display);font-size:36px;color:var(--white);line-height:1}.hero-stat-value em{color:var(--red-bright);font-style:normal}.hero-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);margin-top:6px}section{padding:120px 40px}.section-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-bright);margin-bottom:24px}.section-tag:before{content:"";display:block;width:24px;height:1px;background:var(--red-bright)}.section-title{font-family:var(--font-display);font-size:clamp(52px,6vw,96px);line-height:.95;letter-spacing:.01em;color:var(--white);margin-bottom:64px}.section-title em{color:var(--red-bright);font-style:normal}#features{background:var(--off-black);border-top:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border)}.feature-card{background:var(--surface);padding:40px 36px;transition:background .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--red-bright);transition:height .3s ease}.feature-card:hover{background:var(--surface-2)}.feature-card:hover:before{height:100%}.feature-num{font-family:var(--font-mono);font-size:11px;color:var(--red-bright);letter-spacing:.1em;margin-bottom:24px}.feature-icon{width:44px;height:44px;color:var(--white-dim);margin-bottom:20px}.feature-name{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--white);margin-bottom:12px;line-height:1.3}.feature-desc{font-size:14px;color:var(--white-dim);line-height:1.65}#use-cases{background:var(--black);border-top:1px solid var(--border)}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px;background:var(--border)}.use-card{background:var(--off-black);padding:52px 48px;position:relative;overflow:hidden;transition:background .3s}.use-card:hover{background:var(--surface)}.use-card-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-bright);margin-bottom:20px}.use-card-title{font-family:var(--font-display);font-size:42px;line-height:1;color:var(--white);margin-bottom:20px;letter-spacing:.02em}.use-card-title em{color:var(--red-bright);font-style:normal}.use-card-desc{font-size:15px;color:var(--white-dim);line-height:1.7;max-width:420px}.use-card-meta{display:flex;gap:8px;margin-top:28px}.use-meta-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--white-dim);border:1px solid var(--border);padding:4px 12px}#flow{background:var(--off-black);border-top:1px solid var(--border)}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border:1px solid var(--border)}.flow-step{padding:44px 36px;border-right:1px solid var(--border);position:relative}.flow-step:last-child{border-right:none}.flow-step-num{font-family:var(--font-display);font-size:64px;line-height:1;color:var(--red);opacity:.3;margin-bottom:20px}.flow-step-title{font-size:17px;font-weight:600;color:var(--white);margin-bottom:12px;line-height:1.3}.flow-step-desc{font-size:14px;color:var(--white-dim);line-height:1.65}.flow-connector{position:absolute;top:44px;right:-18px;width:36px;height:36px;background:var(--red);display:flex;align-items:center;justify-content:center;z-index:1}.flow-step:last-child .flow-connector{display:none}#avatar{background:var(--black);border-top:1px solid var(--border)}.avatar-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:start}.avatar-chat{display:flex;flex-direction:column;gap:16px;margin-top:40px}.chat-bubble{padding:18px 22px;border-left:2px solid transparent;max-width:90%}.chat-bubble.user{background:var(--surface);border-color:var(--border);align-self:flex-end;text-align:right;border-left:none;border-right:2px solid var(--white-faint)}.chat-bubble.ai{background:rgba(204,34,0,.08);border-color:var(--red)}.bubble-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);margin-bottom:8px}.bubble-text{font-size:15px;color:var(--white);line-height:1.6}.avatar-langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.lang-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--white-dim);border:1px solid var(--border);padding:8px 16px;transition:color .2s,border-color .2s}.lang-chip:hover{color:var(--white);border-color:var(--red)}#cta{background:var(--red);border-top:1px solid hsla(0,0%,100%,.15);text-align:center;padding:100px 40px}.cta-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.6);margin-bottom:24px}.cta-title{font-family:var(--font-display);font-size:clamp(64px,8vw,128px);line-height:.9;color:var(--white);margin-bottom:48px}.btn-white{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);background:var(--white);padding:18px 40px;text-decoration:none;transition:opacity .2s,transform .2s}.btn-white:hover{opacity:.9;transform:translateY(-2px)}footer{background:var(--black);border-top:1px solid var(--border);padding:64px 40px 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:60px;gap:60px;margin-bottom:60px;padding-bottom:60px;border-bottom:1px solid var(--border)}.footer-brand{font-family:var(--font-display);font-size:28px;color:var(--white);letter-spacing:.04em;margin-bottom:16px}.footer-brand em{color:var(--red-bright);font-style:normal}.footer-tagline{font-size:14px;color:var(--white-dim);line-height:1.7;max-width:280px}.footer-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-bright);margin-bottom:20px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-col ul li{font-size:14px;color:var(--white-dim);cursor:default;transition:color .2s}.footer-col ul li:hover{color:var(--white)}.footer-base{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--white-faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.features-grid,.flow-steps{grid-template-columns:repeat(2,1fr)}.flow-step{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.avatar-inner{grid-template-columns:1fr;gap:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){.nav{padding:0 20px}.nav-links{display:none}section{padding:80px 20px}.hero-content{padding:100px 20px 60px}.hero-stats{position:static;flex-wrap:wrap;width:100%;margin-top:40px;border:none;border-top:1px solid var(--border)}.hero-stat{flex:1 1;min-width:100px}.features-grid,.flow-steps,.use-cases-grid{grid-template-columns:1fr}.flow-step{border-right:none}.footer-grid{grid-template-columns:1fr}.footer-base{flex-direction:column;gap:12px;text-align:center}}