.home-wrapper{background-color:#0f0f0f;color:#fff;font-family:Inter,sans-serif}.banner-image{width:100%;height:auto}.banner-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:80px 40px;background-color:#0f0f0f;color:#fff;gap:60px;max-width:1200px;margin:0 auto}.text-left{flex:1;min-width:300px}.text-left h1{font-size:48px;font-weight:700;line-height:1.2}.text-right{flex:1;min-width:300px}.text-right p{font-size:16px;line-height:1.6;margin-bottom:20px}.action-buttons{display:flex;gap:12px}.btn-primary{padding:10px 24px;background-color:#fff;color:#000;font-weight:700;border:none;border-radius:999px;cursor:pointer}.btn-secondary{padding:10px 24px;background-color:#333;color:#fff;font-weight:700;border:none;border-radius:999px;cursor:pointer}.projects-wrapper{font-family:Arial,sans-serif}.testimonial-section{text-align:center;padding:60px 20px;max-width:800px;margin:0 auto}.testimonial-section .stars{font-size:24px;color:gold;margin-bottom:16px}.testimonial-section h3{font-size:20px;color:#333;margin-bottom:24px;font-weight:500}.testimonial-author{display:flex;justify-content:center;align-items:center;gap:16px;color:#555}.unlock-right{flex:1;min-width:280px}.unlock-right img{width:100%;border-radius:8px;object-fit:cover}.vision-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#ddd;padding:60px 40px;gap:40px}.vision-section.white-bg{background-color:#e4dfdf}.vision-left{flex:1;min-width:280px}.vision-left h2{font-size:36px;font-weight:700;margin-bottom:16px;color:#111}.vision-left p{font-size:16px;color:#333;margin-bottom:20px}.vision-buttons{display:flex;gap:16px}.btn-inquire{background-color:#000;color:#fff;padding:10px 22px;border-radius:6px;font-weight:700;border:none;cursor:pointer}.btn-consult{background-color:#bbb;color:#000;padding:10px 22px;border-radius:6px;font-weight:700;border:none;cursor:pointer}.vision-right{flex:1;min-width:280px}.vision-right img{width:100%;border-radius:12px;object-fit:cover}.vision-right iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:0;border-radius:12px}.projects-wrapper{padding:0;margin:0}.vision-section{display:flex;flex-direction:row;gap:2rem;padding:2rem;margin-bottom:2rem}.vision-section.white-bg{background-color:#fff}.vision-left{flex:1}.vision-right{flex:1;display:flex;justify-content:center}.vision-right iframe{max-width:100%;width:100%;height:auto;aspect-ratio:16 / 9}@media (max-width: 768px){.vision-section{flex-direction:column}.vision-right iframe{width:100%;height:200px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #ffffff;--color-foreground: #171717;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-accent: #8b5cf6;--color-muted: #6b7280;--color-border: #e5e7eb;--color-card: #ffffff;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius: 12px;--radius-lg: 16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--color-background);color:var(--color-foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-bg{background:linear-gradient(135deg,#fff,#f9fafb,#eff6ff);min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.viewer-container{width:100%;height:calc(100vh - 180px);min-height:500px;background:#000;border-radius:var(--radius-lg);overflow:hidden}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:all .3s ease;background:var(--color-card)}.upload-zone:hover{border-color:var(--color-primary);background:#3b82f605}.upload-zone.dragging{border-color:var(--color-primary);background:#3b82f60d;transform:scale(1.01)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.gallery-card{cursor:pointer;transition:all .3s ease;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-card);box-shadow:var(--shadow-sm)}.gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.gallery-card-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f3f4f6}.gallery-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-card:hover .gallery-card-image img{transform:scale(1.1)}.gallery-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.2),transparent);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.gallery-card:hover .gallery-card-overlay{opacity:1}.category-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;background:#3b82f6e6;color:#fff;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#3b82f61a;color:var(--color-primary);font-size:.875rem;font-weight:600}.header-section{text-align:center;margin-bottom:3rem}.header-section h1{font-size:3rem;font-weight:800;line-height:1.2;margin:1rem 0}.header-section p{font-size:1.125rem;color:var(--color-muted);max-width:42rem;margin:0 auto}.icon-circle{width:64px;height:64px;border-radius:50%;background:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.popup-overlay{position:fixed;inset:0;z-index:9999;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.popup-content{width:100%;max-width:80rem;max-height:90vh;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-card)}.popup-content img,.popup-content video{width:100%;height:auto;max-height:80vh;object-fit:contain}.popup-content iframe{width:100%;height:80vh;border:none}@media (max-width: 768px){.header-section h1{font-size:2rem}.header-section p{font-size:1rem}.gallery-grid{grid-template-columns:1fr}.container{padding:1rem}}.panolens-container,.panolens-container>div,.panolens-canvas{width:100%!important;height:100%!important;left:0!important;top:0!important}.panolens-controls-container{display:none!important}.panolens-controls-container{bottom:auto!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;background:#00000080!important;border-radius:8px!important;padding:8px 12px!important}.panolens-panorama-container{background:#000!important}#panolens-container{width:100%!important;height:100%!important}