*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;color:#000;line-height:1.6;overflow-x:hidden;position:relative}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M0 0H40V40H0V0ZM1 1H39V39H1V1Z" fill="none" stroke="rgba(139, 92, 246, 0.1)" stroke-width="0.5"/></svg>') repeat;z-index:-1;opacity:.3}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.shape{position:absolute;animation:float 15s infinite ease-in-out}.shape-1{width:150px;height:150px;top:10%;left:5%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:10%;animation-delay:5s}.shape-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:10s}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}header{position:fixed;top:0;width:100%;z-index:1000;padding:1rem 0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a}header .container{display:flex;justify-content:space-between;align-items:center}.header-logo{width:clamp(150px,40vw,250px);height:auto}.nav-container{display:flex;align-items:center;gap:1rem}.hamburger{display:none;background:none;border:none;font-size:1.5rem;color:#8b5cf6;cursor:pointer}nav ul{display:flex;gap:1.5rem;list-style:none}nav a{color:#000;text-decoration:none;font-weight:600;font-size:clamp(.9rem,2.5vw,1rem);transition:color .3s}nav a:hover{color:#8b5cf6}.social-link .ti{font-size:clamp(1.2rem,3vw,1.5rem);color:#8b5cf6}.use-qai-button{display:inline-block;padding:.5rem 1rem;background:#8B5CF6;color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:background .3s}.use-qai-button:hover{background:#FBBF24;color:#fff}.hero{height:100vh;display:flex;align-items:center;text-align:center;background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(251,191,36,.05));border-bottom:1px solid rgba(139,92,246,.1)}.hero-logo{width:150px;height:60px;margin:0 auto 1rem}.hero-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;margin-bottom:1rem;color:#000}.hero-subtitle{font-size:clamp(1rem,3vw,1.2rem);margin-bottom:2rem;color:#4b5563}.chat-demo{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;box-shadow:0 4px 30px #0000001a}.chat-history{max-height:200px;overflow-y:auto;background:rgba(255,255,255,.2);border-radius:8px;padding:.5rem;font-size:clamp(.85rem,2.2vw,.9rem)}.chat-history p{margin:.5rem 0}.chat-history .user{text-align:right;color:#8b5cf6}.chat-history .bot{text-align:left;color:#fbbf24}.chat-input-container{display:flex;gap:.5rem;align-items:center}.chat-demo input{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:rgba(255,255,255,.8);color:#000;font-size:clamp(.9rem,2.5vw,1rem);line-height:1.5;min-height:48px;resize:none;white-space:pre-wrap;box-shadow:0 0 0 2px transparent;background-clip:padding-box;border:2px solid transparent;background-image:linear-gradient(to right,#8b5cf617,#fbbf2438);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:400px}.chat-demo input::placeholder{color:#6b7280;font-size:clamp(.85rem,2.2vw,.9rem);white-space:pre-wrap;line-height:1.5}.chat-button{padding:.75rem 1.5rem;background:#8B5CF6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s;display:flex;align-items:center;gap:.5rem;font-size:clamp(.9rem,2.5vw,1rem)}.chat-button:hover{background:#FBBF24}.chat-loading{display:none;font-size:1rem;color:#8b5cf6;text-align:center;margin-top:.5rem}.chat-loading.active{display:block}#thinkingText{display:inline-block}.section{padding:4rem 0}.section-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;margin-bottom:1.5rem;color:#000}.section-text{font-size:clamp(.9rem,2.5vw,1.1rem);margin-bottom:1rem;color:#4b5563}.about-container{display:flex;align-items:center;gap:2rem}.about-image{flex:1;max-width:300px}.about-image svg{width:100%;height:auto}.about-content{flex:2;text-align:right}.products .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.product-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1.5rem;border-radius:12px;box-shadow:0 4px 30px #0000001a;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #8b5cf64d}.product-card h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:1rem;color:#8b5cf6}.product-card p{font-size:clamp(.85rem,2.2vw,1rem);margin-bottom:1rem;color:#4b5563}.product-link{display:inline-flex;align-items:center;gap:.5rem;color:#8b5cf6;text-decoration:none;font-weight:600;font-size:clamp(.9rem,2.5vw,1rem);transition:color .3s}.product-link:hover{color:#fbbf24}.token-container{display:flex;align-items:center;gap:2rem}.token-content{flex:2;text-align:left}.token-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;margin-bottom:1rem;color:#8b5cf6}.token-distribution{flex:1;max-width:300px}.vision-container{display:flex;align-items:center;gap:2rem}.vision-content{flex:2;text-align:left}.vision-image{flex:1;max-width:300px}.vision-image svg{width:100%;height:auto}.vision{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(251,191,36,.1))}footer{padding:1.5rem 0;text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2)}footer p{font-size:clamp(.8rem,2vw,.9rem)}footer .social-links{margin-top:1rem}footer a{color:#8b5cf6;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(.9rem,2.5vw,1rem)}footer a:hover{color:#fbbf24}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes thinkingDots{0%{content:"Bot Thinking ..."}33%{content:"Bot Thinking .."}66%{content:"Bot Thinking ."}to{content:"Bot Thinking ..."}}#thinkingText:after{content:"...";display:inline-block;animation:thinkingDots 1.5s infinite steps(1)}.animate-fade-in{animation:fadeIn 1s ease-in-out}.animate-slide-up{animation:slideUp 1s ease-in-out}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){header .container{flex-wrap:wrap;gap:.5rem;align-items:center}.header-logo{width:clamp(120px,35vw,200px)}.nav-container{display:flex;align-items:center;gap:.5rem}.hamburger{display:block;order:1}nav{display:none;width:100%;order:3}nav.active{display:block;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem;box-shadow:0 4px 30px #0000001a;z-index:1000}nav ul{flex-direction:column;gap:1rem;align-items:center}.use-qai-button{display:inline-block;order:2;padding:.5rem 1rem;font-size:clamp(.85rem,2.2vw,.9rem)}.hero{height:auto;min-height:100vh;padding:4rem 0}.hero-logo{width:120px;height:48px}.hero-title{font-size:clamp(1.8rem,6vw,2.5rem)}.hero-subtitle{font-size:clamp(.9rem,2.5vw,1rem);margin-bottom:1.5rem}.chat-demo{gap:.75rem;padding:.75rem;max-width:90%}.chat-history{max-height:150px}.chat-input-container{flex-direction:column;gap:.5rem}.chat-demo input,.chat-button{width:100%;padding:.6rem 1rem;font-size:clamp(.85rem,2.2vw,.9rem)}.chat-demo input{min-height:60px;max-width:100%}.section{padding:3rem 0}.section-title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem}.section-text{font-size:clamp(.85rem,2.2vw,1rem);margin-bottom:.75rem}.about-container{flex-direction:column;gap:1.5rem;text-align:center}.about-content{text-align:center}.about-image{max-width:200px;margin:0 auto}.products .product-grid{grid-template-columns:1fr;gap:1rem}.product-card{padding:1rem}.product-card h3{font-size:clamp(1.1rem,3vw,1.3rem)}.product-card p{font-size:clamp(.8rem,2vw,.9rem)}.product-link{font-size:clamp(.85rem,2.2vw,.9rem)}.token-container{flex-direction:column;gap:1.5rem;text-align:center}.token-content{text-align:center}.token-distribution{max-width:100%;margin:0 auto}.vision-container{flex-direction:column;gap:1.5rem;text-align:center}.vision-content{text-align:center}.vision-image{max-width:200px;margin:0 auto}footer{padding:1rem 0}.shape-1{width:100px;height:100px;top:5%;left:10%}.shape-2{width:120px;height:120px;top:70%;right:15%}.shape-3{width:80px;height:80px;bottom:10%;left:20%}}@media (max-width: 480px){.container{padding:0 1rem}.header-logo{width:clamp(100px,30vw,150px)}.hero{padding:3rem 0}.hero-logo{width:100px;height:40px}.hero-title{font-size:clamp(1.5rem,5vw,2rem)}.hero-subtitle{font-size:clamp(.85rem,2.2vw,.9rem)}.chat-demo{max-width:100%;padding:.5rem}.chat-history{max-height:120px}.chat-demo input{min-height:60px;max-width:100%}.section{padding:2rem 0}.about-image,.vision-image{max-width:150px}.product-card{padding:.75rem}.product-card h3{font-size:clamp(1rem,2.5vw,1.2rem)}.product-card p{font-size:clamp(.75rem,1.8vw,.85rem)}.token-distribution{max-width:100%}}@media (max-width: 320px){.header-logo{width:clamp(80px,25vw,120px)}.hero-logo{width:80px;height:32px}.hero-title{font-size:clamp(1.2rem,4vw,1.5rem)}.chat-demo input,.chat-button{padding:.5rem;font-size:clamp(.8rem,2vw,.85rem)}.chat-history{max-height:100px}.chat-demo input{min-height:60px;max-width:100%}.section-title{font-size:clamp(1.2rem,3.5vw,1.5rem)}.about-image,.vision-image{max-width:120px}.token-distribution{max-width:100%}}