@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary: #0a0a0f;--accent: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-quaternary: #06b6d4;--accent-soft: rgba(99, 102, 241, .1);--accent-glow: rgba(99, 102, 241, .4);--purple-glow: rgba(139, 92, 246, .4);--pink-glow: rgba(236, 72, 153, .4);--cyan-glow: rgba(6, 182, 212, .4);--bg-dark: #0a0a0f;--bg-card: rgba(17, 24, 39, .5);--bg-glass: rgba(17, 24, 39, .3);--bg-dots: rgba(55, 65, 81, .2);--text-main: #ffffff;--text-muted: #9ca3af;--text-bright: #f3f4f6;--text-gradient: linear-gradient(135deg, #ffffff 0%, #e0e7ff 50%, #c7d2fe 100%);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--hero-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 25%, #ec4899 50%, #06b6d4 75%, #10b981 100%);--card-gradient: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(139, 92, 246, .05) 100%);--border-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--border-light: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .12);--border-bright: rgba(99, 102, 241, .3);--container-width: 1200px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--shadow-premium: 0 25px 50px -12px rgba(0, 0, 0, .8);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--shadow-card: 0 10px 40px rgba(0, 0, 0, .3);--inner-glow: inset 0 0 0 1px rgba(255, 255, 255, .1);--glow-border: 0 0 20px rgba(99, 102, 241, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(6,182,212,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Outfit,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.1;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900}h2{font-size:clamp(2rem,6vw,3.5rem);font-weight:800}h3{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}@media(min-width:1536px){.container{max-width:1400px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mb-8{margin-bottom:2rem}.mb-16{margin-bottom:4rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.z-10{z-index:10}.w-5{width:1.25rem}.h-5{height:1.25rem}.object-contain{object-fit:contain}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:var(--inner-glow)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-gradient);opacity:.5}.sticky{position:sticky;top:0;z-index:50}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.02em}.tracking-tighter{letter-spacing:-.04em}.min-h-screen{min-height:100vh}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding:1.5rem 0}.py-12{padding:3rem 0}.py-24{padding:6rem 0}.btn-primary{background:var(--accent-gradient);color:#fff;padding:14px 32px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-glow);border:1px solid var(--border-bright)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px -10px #6366f180,0 0 50px #6366f14d}.btn-outline-glass{background:var(--bg-glass);color:var(--text-bright);padding:14px 32px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:var(--transition-bounce);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}.btn-outline-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.btn-outline-glass:hover:before{left:100%}.btn-outline-glass:hover{background:#ffffff1a;border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.feat-badge{padding:8px 20px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--card-gradient);color:var(--text-bright);border:1px solid var(--border-bright);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;display:inline-block}.feat-badge:before{content:"";position:absolute;inset:-2px;background:var(--border-gradient);border-radius:var(--radius-full);z-index:-1;opacity:.7;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7}50%{opacity:1}}.badge{padding:6px 16px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--card-gradient);color:var(--text-bright);border:1px solid var(--border-bright);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.badge:before{content:"";position:absolute;inset:-2px;background:var(--border-gradient);border-radius:var(--radius-full);z-index:-1;opacity:.6}.section-label{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.04em;color:#fff}.section-desc{color:var(--text-muted);font-size:1rem;margin-bottom:2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.app-selection-bg{background:var(--bg-dark);position:relative;min-height:100vh;overflow-x:hidden}.app-selection-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--bg-dots) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:1}.app-selection-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(6,182,212,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.ethereal-blur{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 10%,var(--border-glass) 40%,rgba(255,255,255,.5) 50%,var(--border-glass) 60%,rgba(255,255,255,0) 90%,transparent 100%);background-size:200% 100%;max-width:var(--container-width);margin:80px auto;opacity:.4;animation:dividerShimmer 6s infinite linear}@keyframes dividerShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mesh-point{position:absolute;border-radius:50%;filter:blur(100px)}.point-1{width:1000px;height:1000px;background:radial-gradient(circle,var(--accent) 0%,var(--accent-secondary) 50%,transparent 70%);top:-400px;left:-300px}.point-2{width:800px;height:800px;background:radial-gradient(circle,var(--accent-tertiary) 0%,var(--accent-quaternary) 50%,transparent 70%);bottom:-300px;right:-200px}.point-3{width:600px;height:600px;background:radial-gradient(circle,var(--accent-secondary) 0%,var(--accent) 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-enhanced{height:90px;display:flex;align-items:center;z-index:100;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);box-shadow:0 4px 24px #0000001a;width:100%}.navbar-full-width{width:100%;max-width:100%!important;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.nav-logo-enhanced{display:flex;align-items:center;gap:0;text-decoration:none;z-index:10}.nav-logo-svg{height:42px;width:auto;object-fit:contain;display:block}.footer-logo-svg{height:54px;width:auto;object-fit:contain;display:block}.nav-icon-bg-enhanced{width:48px;height:48px;background:var(--accent-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -8px #6366f166;transition:var(--transition-smooth);position:relative;overflow:hidden}.nav-icon-bg-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.nav-icon-bg-enhanced:hover:before{left:100%}.nav-brand-text-enhanced{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:800;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.nav-links-enhanced{display:flex;align-items:center}.nav-link-enhanced{font-size:.95rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:var(--transition-smooth);position:relative;padding:8px 0;margin:0 8px}.nav-link-enhanced:hover{color:var(--text-bright)}.nav-link-enhanced:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-gradient);transition:var(--transition-smooth);transform:translate(-50%);border-radius:2px}.nav-link-enhanced:hover:after{width:100%}.nav-link-enhanced.active{color:var(--text-bright)}.nav-link-enhanced.active:after{width:100%}.nav-cta-btn{background:var(--accent-gradient);color:#fff;padding:10px 24px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:var(--transition-bounce);box-shadow:0 4px 16px -8px #6366f166;position:relative;overflow:hidden}.nav-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.nav-cta-btn:hover:before{left:100%}.nav-cta-btn:hover{box-shadow:0 8px 24px -8px #6366f199}.hero-giant-label{font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:1.05;margin:0 0 2rem;letter-spacing:-.05em;background:var(--hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.text-secondary{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtext{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);max-width:650px;line-height:1.7;margin:0 auto 3rem;font-weight:400}.hero-center-layout{padding:80px 0 120px}.btn-outline{padding:12px 28px;border-radius:var(--radius-md);font-weight:600;color:#fff;text-decoration:none;border:1px solid var(--border-glass);background:transparent;transition:var(--transition-smooth)}.btn-outline:hover{background:#ffffff0d;border-color:var(--border-light)}.featured-card-clean{position:relative;max-width:1200px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-glass);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card),var(--glow-border);transition:var(--transition-bounce)}.featured-card-clean:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-premium),0 0 60px #6366f166;border-color:var(--border-bright)}.featured-thumb-highres{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.85;transition:var(--transition-smooth)}.featured-card-clean:hover .featured-thumb-highres{opacity:1;transform:scale(1.05)}.featured-overlay-clean{position:absolute;bottom:0;left:0;right:0;padding:50px;background:linear-gradient(to top,rgba(10,10,15,.95),rgba(10,10,15,.8),transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feat-title-lg{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-bottom:8px;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.hero-content-cta{padding:40px 0}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:800px;margin:0 auto}.cta-item{text-align:center;padding:30px 20px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition-smooth)}.cta-item:hover{transform:translateY(-5px);border-color:var(--border-bright);box-shadow:0 10px 30px #0003}.cta-number{font-size:3rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1}.cta-text{color:var(--text-muted);font-size:1rem;font-weight:500;margin:0}@media(max-width:768px){.cta-grid{grid-template-columns:1fr;gap:20px}.cta-number{font-size:2.5rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card-premium{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.feature-card-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 70%);pointer-events:none}.feature-card-premium:hover{transform:translateY(-8px);background:#ffffff0d;border-color:var(--border-bright);box-shadow:0 20px 40px #0006}.feature-icon-box{width:56px;height:56px;background:var(--accent-soft);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all .4s ease;position:relative;z-index:1}.feature-card-premium:hover .feature-icon-box{background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.feature-card-premium:hover .feature-icon-box svg{color:#fff!important;transform:scale(1.1)}.feature-content{position:relative;z-index:1}.feature-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.02em}.feature-text{font-size:.95rem;line-height:1.625;color:var(--text-muted);transition:color .4s ease}.feature-card-premium:hover .feature-text{color:#fffc}.max-width-small{max-width:400px}.main-footer-enhanced{background:var(--bg-card);border-top:1px solid var(--border-glass);margin-top:120px;padding:80px 0 40px;position:relative;overflow:hidden}.main-footer-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-gradient);opacity:.6}.footer-top-enhanced{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:60px}.footer-brand{max-width:400px}.footer-desc{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:24px}.social-links-enhanced{display:flex;gap:16px}.social-link-enhanced{width:44px;height:44px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-smooth);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.social-link-enhanced:hover{color:var(--accent);border-color:var(--accent);background:#6366f11a}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:1rem;font-weight:700;color:var(--text-bright);margin-bottom:16px;letter-spacing:-.02em}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:var(--transition-smooth);position:relative}.footer-links a:hover{color:var(--accent);transform:translate(4px);display:inline-block}.footer-bottom-enhanced{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid var(--border-light)}.footer-bottom-left{display:flex;align-items:center;gap:24px}.footer-legal-links{display:flex;gap:20px}.footer-legal-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:var(--transition-smooth)}.footer-legal-links a:hover{color:var(--text-bright)}.footer-bottom-right p{color:var(--text-muted);font-size:.875rem}@media(max-width:1024px){.footer-top-enhanced{grid-template-columns:1fr;gap:40px}.footer-links-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.navbar-enhanced{height:80px}.nav-links-enhanced{gap:20px}.nav-link-enhanced{font-size:.875rem;margin:0 4px}.nav-cta-btn{padding:8px 16px;font-size:.8rem}.footer-links-grid{grid-template-columns:1fr;gap:30px}.footer-bottom-enhanced{flex-direction:column;gap:20px;align-items:flex-start}.footer-bottom-left{flex-direction:column;gap:12px;align-items:flex-start}.footer-legal-links{flex-direction:column;gap:8px}}@media(max-width:1024px){.hero-layout{grid-template-columns:1fr;gap:60px;text-align:center}.hero-desc{margin:0 auto 3rem}.hero-label{font-size:3.5rem}}.template-card-premium{cursor:pointer;background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:var(--transition-smooth);height:100%}.card-glow{position:absolute;inset:0;pointer-events:none;z-index:1}.card-image-box-premium{aspect-ratio:16/12;border-radius:var(--radius-md);overflow:hidden;background:#000;border:1px solid var(--border-light);margin-bottom:18px;z-index:2}.card-thumb-premium{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .8s var(--transition-smooth)}.template-card-premium:hover .card-thumb-premium{transform:scale(1.05);opacity:1}.card-info-premium{padding:0 4px;display:flex;flex-direction:column;flex-grow:1;z-index:2}.card-name-premium{font-size:1.125rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em}.platform-badge-premium{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;color:var(--text-muted)}.badge-framer{border:1px solid rgba(59,130,246,.3);color:#60a5fa}.badge-react{border:1px solid rgba(34,197,94,.3);color:#4ade80}.badge-next{border:1px solid rgba(255,255,255,.3);color:#fff}.card-subtitle-premium{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin:10px 0 16px}.card-actions-grid{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.card-btn-preview,.card-btn-get{font-size:.75rem;font-weight:700;padding:10px 0;border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--transition-smooth);border:none;text-align:center;font-family:inherit}.card-btn-preview{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.card-btn-preview:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.card-btn-get{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.view-link{font-size:.875rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:6px;opacity:.6;transition:var(--transition-smooth)}.template-card-premium:hover .view-link{opacity:1;transform:translate(4px)}.mt-auto{margin-top:auto}.grid-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;text-align:left}.discovery-nav{display:flex;gap:12px}.nav-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.nav-arrow:hover{border-color:var(--text-main);color:var(--text-main)}.discovery-search{position:relative;margin:4rem 0 3rem;max-width:800px}.discovery-search .search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.7}.discovery-search .search-input{width:100%;padding:20px 24px 20px 64px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-lg);font-size:1.125rem;color:#fff;transition:var(--transition-smooth);box-shadow:var(--inner-glow)}.discovery-search .search-input:focus{outline:none;border-color:var(--accent);background:#ffffff0f;box-shadow:0 0 40px -10px var(--accent-glow)}.filter-wrapper{margin-bottom:4rem;display:flex;justify-content:flex-start}.filter-container{display:flex;gap:8px;background:#ffffff08;padding:6px;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.filter-btn{padding:10px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.filter-btn:hover{color:#fff;background:#ffffff0d}.filter-btn.active{color:#fff;background:var(--accent);box-shadow:0 4px 12px -2px var(--accent-glow)}.grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.controls-row{position:relative}.filter-dropdown-wrapper{display:none}@media(max-width:1280px){.grid-layout{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 20px}.grid-layout{grid-template-columns:1fr;gap:24px}.grid-header{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:2.5rem}.section-label{font-size:1.75rem}.section-desc{font-size:.9rem}.controls-row{display:flex;align-items:center;gap:10px;margin-bottom:2.5rem;padding:0}.discovery-search{margin:0;flex:1;max-width:none}.discovery-search .search-input{padding:12px 14px 12px 42px;font-size:.9rem;border-radius:12px}.discovery-search .search-icon{left:14px;width:16px}.filter-dropdown-wrapper{display:block;min-width:110px}.filter-dropdown{width:100%;padding:12px 30px 12px 12px;background:#1e293bb3;border:1px solid var(--border-glass);border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.filter-dropdown option{background-color:#0f172a;color:#fff;padding:10px}.filter-wrapper{display:none}}.pagination{margin-top:6rem;display:flex;justify-content:center;align-items:center;gap:12px}.page-numbers{display:flex;gap:8px;align-items:center}.pagination-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);font-weight:500;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:#fff}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn.arrow{padding:0 16px;width:auto}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-dots{color:var(--text-muted);padding:0 8px}.preview-overlay{position:fixed;inset:0;background:var(--bg-dark);z-index:2000;display:flex;flex-direction:column;color:var(--text-main);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.preview-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 40%);pointer-events:none;z-index:-1}.preview-top{height:64px;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:relative;z-index:100}.preview-top-left{display:flex;align-items:center;gap:20px;flex:1.5;min-width:0}.preview-top-right{display:flex;align-items:center;gap:20px;flex:1;justify-content:flex-end}.back-link{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border-glass);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.back-link:hover{background:#ffffff14;color:var(--text-main);border-color:var(--border-bright)}.header-divider{width:1px;height:32px;background:var(--border-glass)}.header-template-info{display:flex;flex-direction:column;gap:2px}.header-title{font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.header-sub-info{display:flex;align-items:center;gap:8px}.header-badge{font-size:.6rem;font-weight:900;background:var(--accent-soft);color:var(--accent);padding:2px 8px;border-radius:4px;border:1px solid var(--accent);text-transform:uppercase;letter-spacing:.05em}.preview-top-center{display:flex;justify-content:center;margin-right:-40px;position:relative;z-index:10}.preview-device-switcher{display:flex;background:#ffffff08;padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);gap:6px}.device-toggle{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.device-toggle:hover:not(.active){background:#ffffff0d;color:var(--text-main)}.device-toggle.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow);border-color:var(--accent)}.purchase-btn{background:var(--accent-gradient);color:#fff;border:none;padding:8px 20px;border-radius:var(--radius-md);font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px -8px #6366f180}.purchase-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px #6366f199}.close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border-glass);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433;transform:rotate(90deg)}.preview-content-scrollable{flex:1;overflow-y:hidden;background:transparent;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-hero-container{width:100%;max-width:1440px;margin:0;display:flex;justify-content:center;align-items:center}.browser-mockup{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-glass);box-shadow:0 60px 120px -20px #000c;overflow:hidden;transition:width .6s cubic-bezier(.16,1,.3,1);max-width:100%;position:relative;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.browser-header{height:40px;background:#ffffff05;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-glass)}.browser-dots{display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff1a}.dot:nth-child(1){background:#ff5f56;opacity:.8}.dot:nth-child(2){background:#ffbd2e;opacity:.8}.dot:nth-child(3){background:#27c93f;opacity:.8}.browser-body{background:#f8fafc;position:relative;min-height:500px}.preview-iframe-container{width:100%;height:calc(100vh - 200px);position:relative;background:#fff}.preview-iframe{width:100%;height:100%;border:none}.preview-load-overlay{position:absolute;inset:0;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:50}.preview-load-overlay p{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.preview-status-bar{height:40px;background:var(--bg-glass);border-top:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:.7rem;font-weight:600;color:var(--text-muted)}.status-badge{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.08em}.pulse-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 12px #22c55e99;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.status-resolution{font-family:Space Grotesk,sans-serif;color:var(--text-main)}@media(max-width:1024px){.preview-top{padding:0 16px}.header-title{max-width:250px}.header-divider,.purchase-btn span{display:none}}@media(max-width:768px){.preview-top{height:60px;padding:0 10px}.preview-top-left{gap:10px}.back-link span{display:none}.back-link{padding:8px}.preview-content-scrollable{padding:10px}.browser-mockup{border-radius:12px}.preview-iframe-container{height:calc(100vh - 140px)}.header-title{font-size:.9rem;max-width:100px}.purchase-btn{padding:8px 14px;width:auto;height:auto;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px -4px #6366f166;gap:6px}.purchase-btn span{display:inline}.status-resolution{display:none}}@media(max-width:480px){.preview-top{padding:0 8px;gap:6px}.header-title{max-width:80px}.preview-top-right{gap:8px}.purchase-btn{padding:8px 10px}}.enquiry-page{min-height:100vh;background:radial-gradient(circle at top,rgba(99,102,241,.1),transparent 50%),radial-gradient(circle at bottom,rgba(16,185,129,.08),transparent 45%),#020617;color:var(--text-main)}.enquiry-success-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px;background:#020617bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.enquiry-success-modal{width:100%;max-width:460px;border-radius:20px;background:#111827b8;border:1px solid var(--border-glass);box-shadow:0 50px 120px -30px #000000b3;padding:28px;position:relative;text-align:center;overflow:hidden}.enquiry-success-modal:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 60%)}.enquiry-success-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:9999px;border:1px solid var(--border-glass);background:#ffffff08;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:2}.enquiry-success-close:hover{background:#ef44441f;color:#ef4444;border-color:#ef444440}.enquiry-success-icon{width:62px;height:62px;border-radius:18px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);display:flex;align-items:center;justify-content:center;color:#22c55e;margin:6px auto 14px;position:relative;z-index:1;box-shadow:0 0 0 6px #22c55e0d}.enquiry-topbar{max-width:1160px;margin:0 auto;padding:22px 20px 10px}.enquiry-back{display:inline-flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-main);padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .25s ease;font-weight:700}.enquiry-back:hover{background:#ffffff0f;transform:translateY(-1px)}.enquiry-layout{max-width:1160px;margin:0 auto;padding:20px 20px 60px;display:block;min-height:calc(100vh - 110px)}.enquiry-combined{border:1px solid var(--border-glass);background:#ffffff05;border-radius:24px;overflow:hidden;position:relative}.enquiry-combined:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 55%)}.enquiry-combined-grid{position:relative;display:grid;grid-template-columns:1fr .9fr}.enquiry-combined-left,.enquiry-combined-right{padding:34px}.enquiry-combined-right{border-left:1px solid var(--border-glass)}.enquiry-kicker{font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.enquiry-title{font-size:2.1rem;letter-spacing:-.03em;font-weight:900;line-height:1.15;margin-bottom:14px}.enquiry-template{margin-top:10px;font-size:.95rem;color:var(--text-muted)}.enquiry-template-name{color:var(--text-main);font-weight:800}.enquiry-points{margin-top:22px;display:grid;gap:14px}.enquiry-point{border:1px solid rgba(255,255,255,.06);background:#ffffff05;border-radius:16px;padding:16px}.enquiry-point-title{font-weight:900;letter-spacing:-.01em;margin-bottom:6px}.enquiry-point-text{color:var(--text-muted);line-height:1.6}.enquiry-card{border:1px solid var(--border-glass);background:var(--bg-card);border-radius:24px;padding:28px;box-shadow:0 40px 100px -20px #0000008c;overflow:hidden;position:relative;width:100%}.enquiry-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(99,102,241,.08),transparent 60%)}.enquiry-card-header{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;margin-bottom:18px;position:relative}.enquiry-icon{width:40px;height:40px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px var(--accent-glow)}.enquiry-card-title{font-size:1.1rem;font-weight:900;letter-spacing:-.02em}.enquiry-card-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:4px}.enquiry-form{display:grid;gap:14px;position:relative}.enquiry-input-group{position:relative;display:flex;align-items:center}.enquiry-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.enquiry-input{width:100%;height:52px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:14px;padding:0 14px 0 44px;color:var(--text-main);font-size:.95rem;transition:all .25s ease}.enquiry-input:focus{outline:none;border-color:var(--accent);background:#ffffff0f;box-shadow:0 0 0 4px var(--accent-glow-soft)}.enquiry-primary{margin-top:14px;height:52px;width:100%;border:none;border-radius:14px;background:var(--accent-gradient);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .25s ease;position:relative}.enquiry-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px -6px #6366f173}.enquiry-primary:disabled{opacity:.6;cursor:not-allowed}.enquiry-error{position:absolute;bottom:-18px;left:44px;font-size:.65rem;font-weight:800;color:#ef4444;text-transform:uppercase;letter-spacing:.05em}.enquiry-input-error .enquiry-input{border-color:#ef44448c;background:#ef44440d}.enquiry-success{position:relative;text-align:center;display:flex;flex-direction:column;gap:14px}.enquiry-success-title{font-size:1.2rem;font-weight:900}.enquiry-success-text{color:var(--text-muted);line-height:1.6}@media(max-width:980px){.enquiry-layout{display:block}.enquiry-combined-grid{grid-template-columns:1fr}.enquiry-combined-right{border-left:none;border-top:1px solid var(--border-glass)}.enquiry-title{font-size:1.8rem}}