:root{--primary:#9c27b0;--secondary:#fd0035;--text-dark:#111827;--text-light:#6b7280;--bg-light:#f8fafc;--white:#fff;--gradient:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 10px 30px -5px #fd00354d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:var(--bg-light);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--gradient);color:var(--white);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px #9c27b066}.btn-outline{color:var(--text-dark);background:0 0;border:2px solid #0000;font-weight:500}.btn-outline:hover{color:var(--primary)}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#ffffffd9;border-bottom:1px solid #0000000d;width:100%;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.logo i{color:var(--secondary);font-size:28px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-dark);font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:var(--primary)}.dropdown{position:relative}.dropdown-content{background:var(--white);min-width:200px;box-shadow:var(--shadow-lg);border-radius:12px;margin-top:10px;padding:12px 0;display:none;position:absolute;top:100%;left:0}.dropdown:hover .dropdown-content{animation:.2s fadeIn;display:block}.dropdown-content a{padding:10px 20px;display:block}.dropdown-content a:hover{background:var(--bg-light)}.nav-actions{align-items:center;gap:16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{background:radial-gradient(circle at 100% 0,#9c27b014 0%,#fd003508 50%,#f8fafc 100%);align-items:center;min-height:100vh;padding:160px 0 100px;display:flex}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.hero-content h1{letter-spacing:-1px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.hero-content p{color:var(--text-light);max-width:500px;margin-bottom:40px;font-size:20px}.hero-features{gap:20px;margin-top:40px;display:flex}.hero-feature{color:var(--text-dark);background:var(--white);box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.hero-feature i{color:var(--primary)}.upload-container{background:var(--white);box-shadow:var(--shadow-lg);border-radius:30px;padding:24px;position:relative;overflow:hidden}.upload-bg-decor{filter:blur(40px);z-index:0;background:linear-gradient(135deg,#fd00351a,#9c27b01a);border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.upload-box{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff9;border:2px dashed #9c27b04d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 40px;transition:all .3s;display:flex;position:relative}.upload-box:hover,.upload-box.dragover{border-color:var(--primary);background:#9c27b008;transform:scale(1.02)}.upload-icon{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:64px;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.upload-title{margin-bottom:12px;font-size:24px;font-weight:700}.upload-subtitle{color:var(--text-light);margin-bottom:32px;font-size:14px}.iphone-frame{opacity:.15;z-index:0;pointer-events:none;background:url(https://images.unsplash.com/photo-1616423640778-28d1b53229bd?auto=format&fit=crop&q=80&w=600&h=800) 50%/cover no-repeat;border-radius:20px;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-success{text-align:center;z-index:2;flex-direction:column;align-items:center;display:none}.success-icon{color:#10b981;margin-bottom:20px;font-size:64px}.loading-spinner{border:4px solid #9c27b033;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-proof{background:var(--white);text-align:center;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:40px 0;overflow:hidden}.proof-title{color:var(--text-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-size:14px;font-weight:600}.logos-slide-container{white-space:nowrap;width:100%;display:flex;position:relative;overflow:hidden}.logos-slide-container:before,.logos-slide-container:after{content:"";z-index:1;width:150px;height:100%;position:absolute;top:0}.logos-slide-container:before{background:linear-gradient(90deg,#fff,#0000);left:0}.logos-slide-container:after{background:linear-gradient(270deg,#fff,#0000);right:0}.logos-slide{align-items:center;gap:60px;animation:25s linear infinite slide;display:flex}.logos-slide i{color:#9ca3af;font-size:32px;transition:color .3s}.logos-slide i:hover{color:var(--text-dark)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.features{background:var(--bg-light);padding:120px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{margin-bottom:16px;font-size:40px;font-weight:800}.section-header p{color:var(--text-light);font-size:18px}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:24px;padding:40px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient);transform-origin:0;width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;color:var(--primary);background:#9c27b01a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:22px;font-weight:700}.feature-card p{color:var(--text-light);font-size:15px}.use-cases{background:var(--white);padding:100px 0}.uc-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.uc-card{text-align:center}.uc-image{object-fit:cover;width:100%;height:240px;box-shadow:var(--shadow-md);border-radius:24px;margin-bottom:24px}.uc-card h3{margin-bottom:12px;font-size:24px;font-weight:700}.uc-card p{color:var(--text-light)}.dashboard{background:var(--white);border-top:1px solid #0000000d;padding:100px 0}.models-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.model-card{background:var(--bg-light);box-shadow:var(--shadow-md);border:1px solid #0000000d;border-radius:20px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.model-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.model-preview{background:#eef2f6;width:100%;height:250px;position:relative}.model-preview model-viewer{width:100%;height:100%}.model-info{flex-direction:column;gap:16px;padding:24px;display:flex}.model-title{color:var(--text-dark);word-break:break-all;font-size:18px;font-weight:700}.model-actions{gap:12px;display:flex}.model-actions .btn{text-align:center;flex:1;padding:10px 0;font-size:14px}.qr-container{background:var(--white);border-radius:12px;justify-content:center;align-items:center;padding:20px;display:flex}.qr-container img{border-radius:8px;width:150px;height:150px}.footer{background:var(--text-dark);color:var(--white);padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-logo{color:var(--white);align-items:center;gap:8px;margin-bottom:20px;font-size:24px;font-weight:800;display:flex}.footer-logo i{color:var(--secondary)}.footer p{color:#9ca3af;max-width:300px;font-size:15px}.footer h4{margin-bottom:24px;font-size:18px;font-weight:600}.footer-links li{margin-bottom:12px}.footer-links a{color:#9ca3af;transition:color .3s}.footer-links a:hover{color:var(--white)}.footer-bottom{color:#9ca3af;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:30px;font-size:14px;display:flex}.lang-select{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;outline:none;padding:8px 16px}.lang-select option{background:var(--text-dark)}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-content p{margin:0 auto 40px}.hero-features{justify-content:center}.features-grid,.uc-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-links{display:none}.hero-content h1{font-size:40px}.features-grid,.uc-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);width:100%;max-width:400px;box-shadow:var(--shadow-xl);border-radius:20px;padding:40px;position:relative}.close-modal{cursor:pointer;color:var(--text-light);font-size:28px;position:absolute;top:15px;right:20px}.close-modal:hover{color:var(--text-dark)}.modal-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:15px;padding:12px 16px;font-family:inherit;font-size:15px}.modal-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #9c27b01a}.modal-content h2{color:var(--text-dark);margin-bottom:5px}.modal-content p{color:var(--text-light);margin-bottom:25px;font-size:14px}
