@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#171a19;color:#fff}.app{overflow-x:hidden;position:relative;background:linear-gradient(135deg,#171a19,#2a2f2d,#1c1f1e)}.ambient{position:fixed;border-radius:999px;filter:blur(120px);opacity:.18;z-index:0}.ambient-one{width:420px;height:420px;background:#53d584;top:-120px;left:-120px}.ambient-two{width:420px;height:420px;background:#1fc8ff;bottom:-160px;right:-140px}.navbar{position:fixed;top:18px;left:18px;right:18px;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;border-radius:999px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#10121194;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 60px #00000047}.logo{font-size:2rem;font-weight:200;letter-spacing:.08em}.nav-links{display:flex;gap:30px}.nav-links a{color:#ddd;text-decoration:none}.nav-btn,.primary-btn,.glass-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;border-radius:999px;text-decoration:none;border:1px solid rgba(83,213,132,.45);color:#53d584;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;transition:.3s}.nav-btn:hover,.primary-btn:hover,.glass-btn:hover{background:#53d584;color:#101312}.hero{min-height:100vh;display:flex;align-items:center;padding:130px 6vw 80px;position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}.tag{color:#53d584;letter-spacing:.22em;margin-bottom:20px;font-size:.8rem}.hero h1,.section-center h2,.vision-copy h2,.ai-copy h2{font-size:clamp(3rem,7vw,6.5rem);font-weight:200;line-height:1;margin-bottom:24px}.hero span{color:#53d584}.hero p,.vision-copy p,.ai-copy p{color:#d0d0d0;line-height:1.8}.hero-actions{display:flex;gap:18px;margin-top:34px;flex-wrap:wrap}.hero-visual,.vision-panel,.ai-visual{position:relative;overflow:hidden;border-radius:38px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px #00000059}.hero-visual img,.vision-panel img,.ai-visual img,.product-image img{width:100%;display:block;object-fit:cover}.hero-visual img{height:720px}.floating-card,.glass-overlay{position:absolute;display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1012119e;border:1px solid rgba(255,255,255,.1)}.floating-card.top{top:24px;left:24px}.floating-card.bottom{bottom:24px;right:24px}.floating-card svg,.glass-overlay svg{color:#53d584}.floating-card strong{display:block}.floating-card span{color:#53d584}.metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0 6vw 100px}.metric-card{text-align:center;padding:40px 24px;border-radius:30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid rgba(83,213,132,.18)}.metric-card h2{color:#53d584;font-size:3rem;font-weight:200;margin-bottom:10px}.metric-card p{color:#c8c8c8}.vision-section,.ai-panel{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:120px 6vw}.vision-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.vision-icons div{padding:22px;border-radius:24px;background:#ffffff0d;border:1px solid rgba(83,213,132,.16)}.vision-icons svg{color:#53d584;margin-bottom:12px}.products-section{padding:110px 6vw;position:relative;z-index:2}.section-center{text-align:center;margin-bottom:54px}.section-center h2{font-size:clamp(2.5rem,5vw,4.5rem)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{overflow:hidden;border-radius:30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid rgba(83,213,132,.16);transition:.35s}.product-card:hover{transform:translateY(-8px)}.product-image img{height:240px}.product-copy{padding:28px}.product-copy h3{font-size:1.5rem;font-weight:300;margin-bottom:14px}.product-copy p{color:#c8c8c8;line-height:1.7}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.product-actions a{display:inline-flex;align-items:center;gap:8px;color:#53d584;text-decoration:none;padding:10px 14px;border-radius:999px;border:1px solid rgba(83,213,132,.3)}.ai-copy ul{margin:24px 0 30px;padding-left:20px;color:#d0d0d0;line-height:1.8}.ai-visual img{height:620px}.glass-overlay{bottom:24px;left:24px}.timeline-section{padding:110px 6vw;position:relative;z-index:2}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.timeline-card{padding:34px 28px;border-radius:30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid rgba(83,213,132,.18)}.timeline-card svg{color:#53d584;margin-bottom:20px}.timeline-card h3{font-size:1.5rem;font-weight:300;margin-bottom:14px}.timeline-card p{color:#c8c8c8;line-height:1.7}.contact-section{padding:110px 6vw;position:relative;z-index:2}.contact-form{max-width:760px;margin:auto;display:grid;gap:18px;padding:30px;border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid rgba(83,213,132,.18)}.contact-form input,.contact-form select,.contact-form textarea{padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff}footer{padding:80px 6vw;text-align:center;position:relative;z-index:2}footer h2{font-size:2.2rem;font-weight:200;margin-bottom:16px}footer p{color:#c8c8c8}@media (max-width:1100px){.hero-grid,.vision-section,.ai-panel,.metrics,.product-grid,.timeline{grid-template-columns:1fr 1fr}}@media (max-width:760px){.nav-links,.nav-btn{display:none}.hero-grid,.vision-section,.ai-panel,.metrics,.product-grid,.timeline{grid-template-columns:1fr}.hero h1{font-size:4rem}.hero-visual img,.ai-visual img{height:420px}.vision-section,.ai-panel,.products-section,.timeline-section,.contact-section{padding:80px 5vw}}.contact-intro{max-width:760px;margin:0 auto;color:#d0d0d0;line-height:1.8}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;max-width:1180px;margin:0 auto;align-items:start}.contact-info-card,.contact-form.improved{border-radius:34px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff13,#ffffff09);border:1px solid rgba(83,213,132,.2);box-shadow:0 26px 80px #0000003d}.contact-info-card{padding:34px;position:sticky;top:120px}.contact-info-card h3{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:200;line-height:1.08;margin-bottom:18px}.contact-info-card p{color:#c8c8c8;line-height:1.75}.contact-methods{display:grid;gap:14px;margin:30px 0}.contact-methods a{display:flex;align-items:center;gap:14px;color:#e8eee9;text-decoration:none;padding:16px;border-radius:20px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);transition:.25s}.contact-methods a:hover{color:#53d584;border-color:#53d58459;transform:translate(4px)}.contact-methods svg{color:#53d584}.response-box{display:flex;gap:14px;padding:18px;border-radius:22px;background:#53d58414;border:1px solid rgba(83,213,132,.26)}.response-box svg{color:#53d584;flex:none}.response-box strong{display:block;font-weight:400;margin-bottom:4px}.response-box span{display:block;color:#c8c8c8;line-height:1.55}.contact-form.improved{display:grid;gap:18px;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:9px;color:#d9dedb;font-size:.95rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%}.contact-form textarea{resize:vertical}.form-submit{width:100%;margin-top:4px}.success-message{display:flex;gap:12px;align-items:flex-start;color:#dfffe9;line-height:1.6;padding:16px;border-radius:20px;background:#53d58417;border:1px solid rgba(83,213,132,.28)}.success-message svg{color:#53d584;flex:none;margin-top:2px}@media (max-width:1100px){.contact-layout{grid-template-columns:1fr}.contact-info-card{position:relative;top:auto}}@media (max-width:760px){.form-row,.contact-layout{grid-template-columns:1fr}.contact-info-card,.contact-form.improved{padding:24px;border-radius:28px}}
