/* VevorDesk Website - Premium Standing Desk Theme */

/* Reset and Base Styles */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a1a1a;background:#f8fafc}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}

/* Navigation */
nav{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:1rem 0;box-shadow:0 4px 20px rgba(99,102,241,.3);position:fixed;width:100%;top:0;z-index:1000;backdrop-filter:blur(10px)}nav .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}nav .logo{display:flex;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:800;color:#fff;text-decoration:none;text-shadow:0 0 10px rgba(255,255,255,.3)}nav ul{display:flex;list-style:none;gap:2rem;margin:0}nav li{margin:0}nav a{text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;position:relative}nav a:hover,nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.2);transform:translateY(-1px)}
/* Mobile menu button (hidden by default) */
.mobile-menu-btn{display:none;background:transparent;border:1px solid #fff;color:#fff;border-radius:8px;padding:.4rem .8rem;font-weight:700}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 2rem}main{margin-top:0}

/* Hero Section */
.hero{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 50%,#4338ca 100%);color:#fff;padding:8rem 0 4rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:1}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="desk" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="2" y="8" width="16" height="2" fill="rgba(255,255,255,0.1)"/><rect x="2" y="12" width="16" height="6" fill="rgba(255,255,255,0.05)"/><rect x="4" y="18" width="2" height="2" fill="rgba(255,255,255,0.1)"/><rect x="14" y="18" width="2" height="2" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23desk)"/></svg>');opacity:.2;z-index:1}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(45deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.3)}.hero p{font-size:1.3rem;margin-bottom:2rem;opacity:.9;line-height:1.5;color:#fff}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image{text-align:center;position:relative}.hero-image::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);z-index:-1;animation:pulse 3s ease-in-out infinite}.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(255,255,255,.2));border-radius:20px;transition:transform .3s ease}.hero-image img:hover{transform:scale(1.05)}

/* Hexagon Features Section */
.features-hexagon{padding:6rem 0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative;overflow:hidden}.features-hexagon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="hex" width="60" height="60" patternUnits="userSpaceOnUse"><polygon points="30,10 50,25 50,45 30,60 10,45 10,25" fill="none" stroke="rgba(99,102,241,0.1)" stroke-width="1"/></pattern></defs><rect width="200" height="200" fill="url(%23hex)"/></svg>');opacity:.3}.features-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.features-header h2{font-size:3rem;margin-bottom:1rem;color:#1a1a1a;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-header p{font-size:1.2rem;color:#1a1a1a;opacity:.8}.hex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;position:relative;z-index:1}.hex-feature{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(99,102,241,.1));padding:2.5rem;border-radius:20px;border:1px solid rgba(99,102,241,.15);backdrop-filter:blur(10px);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.hex-feature::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(99,102,241,.05),transparent);opacity:0;transition:opacity .3s ease}.hex-feature:hover{transform:translateY(-10px);border-color:rgba(99,102,241,.3);box-shadow:0 20px 40px rgba(99,102,241,.15)}.hex-feature:hover::before{opacity:1}.hex-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(45deg,#6366f1,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 30px rgba(99,102,241,.3);position:relative}.hex-icon::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,#a5b4fc,#6366f1);border-radius:50%;z-index:-1;opacity:.3}.hex-feature h3{font-size:1.4rem;margin-bottom:1rem;color:#6366f1;font-weight:600}.hex-feature p{color:#1a1a1a;line-height:1.6;opacity:.9}

/* Workspace Transformation Section */
.workspace-transformation{padding:6rem 0;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);position:relative;overflow:hidden}.workspace-transformation::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="transform" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="2" fill="rgba(99,102,241,0.1)"/><circle cx="10" cy="10" r="1" fill="rgba(99,102,241,0.05)"/><circle cx="30" cy="30" r="1" fill="rgba(99,102,241,0.05)"/></pattern></defs><rect width="200" height="200" fill="url(%23transform)"/></svg>');opacity:.3}.transformation-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.section-badge{display:inline-block;background:linear-gradient(45deg,#6366f1,#4f46e5);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.transformation-text h2{font-size:2.8rem;margin-bottom:1.5rem;color:#1a1a1a;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.transformation-text p{font-size:1.2rem;color:#1a1a1a;margin-bottom:2rem;line-height:1.6;opacity:.9}.transformation-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:#6366f1;line-height:1}.stat-label{font-size:.9rem;color:#1a1a1a;opacity:.8;margin-top:.5rem}.transformation-visual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.visual-card{position:relative;border-radius:15px;overflow:hidden;transition:all .3s ease;border:2px solid rgba(99,102,241,.2)}.visual-card.active{border-color:#6366f1;box-shadow:0 10px 30px rgba(99,102,241,.2)}.visual-card img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.visual-card:hover img{transform:scale(1.1)}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:1.5rem;transform:translateY(100%);transition:transform .3s ease}.visual-card:hover .card-overlay{transform:translateY(0)}.card-overlay h4{font-size:1.1rem;margin-bottom:.5rem}.card-overlay p{font-size:.9rem;opacity:.9}

/* Product Showcase Section */
.product-showcase{padding:6rem 0;background:#f8fafc;position:relative}.product-showcase::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M0,50 Q25,30 50,50 T100,50 L100,0 L0,0 Z" fill="rgba(99,102,241,0.05)"/></svg>') repeat-x;opacity:.3}.showcase-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.showcase-header h2{font-size:3rem;margin-bottom:1rem;color:#1a1a1a;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-header p{font-size:1.2rem;color:#1a1a1a;opacity:.8}.showcase-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;position:relative;z-index:1}.showcase-main{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(99,102,241,.1));border-radius:20px;padding:2rem;border:1px solid rgba(99,102,241,.15);backdrop-filter:blur(10px);transition:all .3s ease}.showcase-main:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(99,102,241,.1)}.showcase-main img{width:100%;border-radius:15px;margin-bottom:1.5rem;border:1px solid rgba(99,102,241,.2)}.showcase-info h3{font-size:1.8rem;margin-bottom:1rem;color:#6366f1}.price-tag{font-size:2rem;font-weight:700;color:#6366f1;margin-bottom:1rem;text-shadow:0 0 10px rgba(99,102,241,.3)}.showcase-info p{color:#1a1a1a;margin-bottom:1.5rem;line-height:1.6;opacity:.9}.showcase-details{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(99,102,241,.1));border-radius:15px;border:1px solid rgba(99,102,241,.15);backdrop-filter:blur(10px);transition:all .3s ease}.detail-item:hover{border-color:rgba(99,102,241,.3);transform:translateX(5px)}.detail-item i{color:#6366f1;font-size:1.5rem;width:30px;text-align:center}.detail-item h4{font-size:1.1rem;margin-bottom:.3rem;color:#6366f1}.detail-item p{color:#1a1a1a;opacity:.9;font-size:.9rem}

/* Workspace Gallery */
.workspace-gallery{padding:6rem 0;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);position:relative;overflow:hidden}.workspace-gallery::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="gallery" width="50" height="50" patternUnits="userSpaceOnUse"><rect x="15" y="20" width="20" height="3" fill="rgba(99,102,241,0.1)"/><rect x="15" y="25" width="20" height="10" fill="rgba(99,102,241,0.05)"/><rect x="17" y="35" width="2" height="5" fill="rgba(99,102,241,0.1)"/><rect x="31" y="35" width="2" height="5" fill="rgba(99,102,241,0.1)"/></pattern></defs><rect width="200" height="200" fill="url(%23gallery)"/></svg>');opacity:.2}.workspace-gallery .container{position:relative;z-index:1}.workspace-gallery h2{text-align:center;font-size:2.8rem;margin-bottom:1rem;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workspace-gallery>p{text-align:center;font-size:1.2rem;color:#1a1a1a;margin-bottom:3rem;opacity:.8}.gallery-masonry{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:200px;gap:1.5rem}.gallery-item{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);transition:all .3s ease}.gallery-item.large{grid-row:span 2}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 30px 60px rgba(99,102,241,.2)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:2rem;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{font-size:1.3rem;margin-bottom:.5rem}.gallery-overlay p{opacity:.9}

/* Testimonials Carousel */
.testimonials-carousel{padding:6rem 0;background:#f8fafc;position:relative}.testimonials-carousel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(99,102,241,0.1)"/><circle cx="80" cy="40" r="3" fill="rgba(99,102,241,0.05)"/><circle cx="40" cy="80" r="2" fill="rgba(99,102,241,0.1)"/></svg>') repeat;opacity:.3}.testimonials-carousel .container{position:relative;z-index:1}.testimonials-carousel h2{text-align:center;font-size:2.8rem;margin-bottom:3rem;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.testimonials-slider{position:relative;max-width:800px;margin:0 auto 2rem;height:300px}.testimonial-card{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateX(100px);transition:all .5s ease;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(99,102,241,.1));border-radius:20px;padding:3rem;border:1px solid rgba(99,102,241,.15);backdrop-filter:blur(10px)}.testimonial-card.active{opacity:1;transform:translateX(0)}.testimonial-content{text-align:center}.stars{color:#6366f1;font-size:1.2rem;margin-bottom:1.5rem}.testimonial-content p{font-size:1.2rem;color:#1a1a1a;line-height:1.6;margin-bottom:2rem;opacity:.9;font-style:italic}.testimonial-author strong{color:#6366f1;font-size:1.1rem}.testimonial-author span{color:#1a1a1a;opacity:.8;display:block;margin-top:.3rem}.testimonial-nav{display:flex;justify-content:center;gap:1rem}.nav-dot{width:12px;height:12px;border-radius:50%;border:none;background:rgba(99,102,241,.3);cursor:pointer;transition:all .3s ease}.nav-dot.active{background:#6366f1;transform:scale(1.2)}

/* Final CTA Section */
.cta-final{padding:6rem 0;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-final::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);z-index:1}
.cta-final .container{position:relative;z-index:2}
.cta-content{max-width:800px;margin:0 auto;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:30px;padding:4rem;border:1px solid rgba(255,255,255,.2)}
.cta-content h2{font-size:2.8rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}
.cta-content p{font-size:1.3rem;margin-bottom:2.5rem;color:#fff;opacity:.9;line-height:1.6}
.cta-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}
.cta-feature{display:flex;align-items:center;gap:.5rem;color:#fff;background:rgba(255,255,255,.15);padding:.8rem 1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.3)}
.cta-feature i{font-size:1.2rem;color:#a5b4fc}

/* Shop Page Styles */
.shop-hero{padding:6rem 0 4rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-align:center;position:relative}
.shop-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);z-index:1}
.shop-hero .container{position:relative;z-index:2}
.shop-hero h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.shop-hero p{font-size:1.2rem;opacity:.9;color:#fff}

.product-layout{padding:4rem 0}
.product-layout .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.product-gallery{position:sticky;top:100px}
.main-image{margin-bottom:1rem}
.main-image img{width:100%;border-radius:20px;box-shadow:0 20px 40px rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}
.thumbnail-gallery{display:flex;gap:1rem;flex-wrap:wrap}
.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.7;transition:all .3s ease;border:2px solid rgba(99,102,241,.2)}
.thumbnail:hover,.thumbnail.active{opacity:1;border-color:#6366f1;box-shadow:0 0 15px rgba(99,102,241,.3)}
.product-info h1{font-size:2.8rem;margin-bottom:1rem;color:#1a1a1a;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rating{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.stars{color:#a5b4fc}
.rating-text{color:#1a1a1a}
.price{margin-bottom:2rem}
.current-price{font-size:2.2rem;font-weight:700;color:#6366f1;text-shadow:0 0 10px rgba(99,102,241,.3)}
.original-price{font-size:1.2rem;color:#4f46e5;text-decoration:line-through;margin-left:1rem}
.discount{background:linear-gradient(45deg,#6366f1,#a5b4fc);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;margin-left:1rem;font-weight:600}
.product-description{font-size:1.1rem;color:#1a1a1a;margin-bottom:2rem;line-height:1.7;opacity:.9}
.specifications{margin-bottom:3rem;background:rgba(99,102,241,.1);padding:2rem;border-radius:15px;border:1px solid rgba(99,102,241,.2)}
.specifications h3{margin-bottom:1rem;color:#6366f1;font-size:1.3rem}
.specifications ul{list-style:none}
.specifications li{padding:.8rem 0;border-bottom:1px solid rgba(99,102,241,.1);color:#1a1a1a;display:flex;justify-content:space-between}
.specifications li:last-child{border-bottom:none}
.specifications strong{color:#6366f1;font-weight:600}
.purchase-section{border-top:2px solid rgba(99,102,241,.2);padding-top:2rem;background:rgba(99,102,241,.05);border-radius:12px}
.purchase-section{padding:2rem;margin-top:2rem}
.quantity-selector{margin-bottom:2rem}
.quantity-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:#6366f1}
.quantity-selector select{padding:.8rem;border:2px solid rgba(99,102,241,.3);border-radius:10px;font-size:1rem;background:#fff;color:#1a1a1a}
.trust-badges{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:left}
.trust-badges span{color:#6366f1;font-weight:600;font-size:.9rem;padding:.5rem 1rem;background:rgba(99,102,241,.1);border-radius:20px;border:1px solid rgba(99,102,241,.2)}

/* Reviews Section */
.reviews{padding:6rem 0;background:linear-gradient(180deg,#f1f5f9 0%,#f8fafc 100%)}
.reviews h2{text-align:center;font-size:3rem;margin-bottom:3rem;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.review{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(99,102,241,.1));padding:2rem;border-radius:15px;border:1px solid rgba(99,102,241,.2);backdrop-filter:blur(10px);transition:all .3s ease}
.review:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.4);box-shadow:0 10px 30px rgba(99,102,241,.1)}
.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.stars{color:#4f46e5}
.reviewer{font-weight:600;color:#6366f1}
.review p{color:#1a1a1a;line-height:1.6;opacity:.9}

/* Page Hero */
.page-hero{padding:6rem 0 4rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-align:center;position:relative}
.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);z-index:1}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-hero p{font-size:1.2rem;opacity:.9;color:#fff}

/* About Page */
.about-content{padding:6rem 0;background:#f8fafc}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.text-content h2{font-size:2.2rem;margin:2rem 0 1rem;color:#6366f1;font-weight:600}.text-content p{color:#1a1a1a;margin-bottom:1.5rem;line-height:1.7;opacity:.9}.image-content img{border-radius:20px;box-shadow:0 20px 40px rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}

/* Contact Page */
.contact-content{padding:6rem 0;background:#f8fafc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h2{font-size:2.2rem;margin-bottom:1rem;color:#6366f1}.contact-info>p{color:#1a1a1a;margin-bottom:2rem;line-height:1.7;opacity:.9}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method{padding:1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(99,102,241,.1));border-radius:15px;border:1px solid rgba(99,102,241,.2);backdrop-filter:blur(10px);transition:all .3s ease}.contact-method:hover{border-color:rgba(99,102,241,.4);transform:translateY(-2px)}.contact-method h3{margin-bottom:.5rem;color:#6366f1;font-weight:600}.contact-method p{margin-bottom:.5rem;color:#1a1a1a}.contact-method a{color:#4f46e5;font-weight:600}.contact-method small{color:#666;opacity:.8}.contact-form-section{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(99,102,241,.1));padding:3rem;border-radius:20px;border:1px solid rgba(99,102,241,.2);backdrop-filter:blur(10px)}.contact-form h2{margin-bottom:2rem;color:#6366f1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#6366f1}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid rgba(99,102,241,.3);border-radius:10px;font-size:1rem;background:#fff;color:#1a1a1a;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 15px rgba(99,102,241,.3)}

/* Blog Styles */
.blog-content{padding:6rem 0;background:#f8fafc}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.blog-card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(99,102,241,.1));border-radius:20px;overflow:hidden;border:1px solid rgba(99,102,241,.2);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.blog-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(99,102,241,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.blog-card:hover{transform:translateY(-10px);border-color:rgba(99,102,241,.4);box-shadow:0 20px 40px rgba(99,102,241,.1)}.blog-card:hover::before{opacity:1}.blog-card img{width:100%;height:250px;object-fit:cover;border-bottom:1px solid rgba(99,102,241,.2)}.blog-card-content{padding:2rem;position:relative;z-index:1}.blog-date{color:#6366f1;font-weight:600;font-size:.9rem}.blog-card h2{margin:1rem 0;font-size:1.5rem}.blog-card h2 a{color:#1a1a1a;text-decoration:none;transition:color .3s;cursor:pointer}.blog-card h2 a:hover{color:#6366f1}.blog-card p{color:#1a1a1a;margin-bottom:1rem;line-height:1.6;opacity:.9}.read-more{color:#4f46e5;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer}.read-more:hover{color:#6366f1;transform:translateX(3px)}

/* Blog Article */
.blog-article{padding:6rem 0;background:#f8fafc}.article-header{text-align:center;margin-bottom:3rem}.article-date{color:#6366f1;font-weight:600}.article-header h1{font-size:3.2rem;margin:1rem 0;color:#1a1a1a;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-excerpt{font-size:1.2rem;color:#1a1a1a;line-height:1.6;opacity:.9}.article-image{width:100%;border-radius:20px;margin:3rem 0;box-shadow:0 20px 40px rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}.article-content{margin:3rem 0}.article-content p{margin-bottom:2rem;color:#1a1a1a;line-height:1.8;font-size:1.1rem;opacity:.9}.article-cta{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:3rem;border-radius:20px;text-align:center;margin-top:3rem;border:1px solid rgba(99,102,241,.2);position:relative;overflow:hidden}.article-cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);z-index:0;pointer-events:none}.article-cta .container{position:relative;z-index:2}.article-cta p{margin-bottom:1.5rem;font-size:1.2rem;color:#fff}.article-cta .btn{background:#fff;color:#6366f1}

/* Legal Pages */
.legal-content{padding:6rem 0;background:#f8fafc}.legal-content h1{font-size:3.2rem;margin-bottom:1rem;background:linear-gradient(45deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:#666;margin-bottom:3rem;font-style:italic}.legal-text{line-height:1.8;background:rgba(255,255,255,.9);padding:3rem;border-radius:20px;border:1px solid rgba(99,102,241,.2)}.legal-text h2{font-size:1.8rem;margin:3rem 0 1rem;color:#6366f1;font-weight:600}.legal-text h3{font-size:1.3rem;margin:2rem 0 1rem;color:#4f46e5;font-weight:600}.legal-text p{margin-bottom:1.5rem;color:#1a1a1a;opacity:.9}.legal-text a{color:#4f46e5;font-weight:600;transition:color .3s}.legal-text a:hover{color:#6366f1}.cookie-preferences{background:rgba(99,102,241,.1);padding:2rem;border-radius:15px;margin:2rem 0;text-align:center;border:1px solid rgba(99,102,241,.2)}

/* CTA Section */
.cta-section{padding:6rem 0;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-align:center;position:relative}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);z-index:1}.cta-section .container{position:relative;z-index:2}.cta-section h2{font-size:2.8rem;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;color:#fff}.cta-section .btn{background:#fff;color:#6366f1}

/* Footer */
footer{background:linear-gradient(180deg,#f1f5f9 0%,#f8fafc 100%);color:#1a1a1a;padding:4rem 0 2rem;border-top:1px solid rgba(99,102,241,.2)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section h4{margin-bottom:1rem;color:#6366f1;font-weight:600}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#1a1a1a;text-decoration:none;transition:color .3s;opacity:.8}.footer-section a:hover{color:#6366f1;opacity:1}.footer-section .logo{display:flex;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:800;color:#6366f1;margin-bottom:1rem;text-shadow:0 0 10px rgba(99,102,241,.3)}.footer-section p{color:#1a1a1a;line-height:1.6;opacity:.8}.footer-bottom{border-top:1px solid rgba(99,102,241,.2);padding-top:2rem;text-align:center}.footer-bottom p{color:#666}

/* Animations */
@keyframes pulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes glow{0%,100%{box-shadow:0 0 5px rgba(99,102,241,.3)}50%{box-shadow:0 0 20px rgba(99,102,241,.6)}}

/* Responsive Design */
@media (max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero h1{font-size:2.8rem}.transformation-content,.workspace-transformation .transformation-content,.product-layout,.content-grid,.contact-grid{grid-template-columns:1fr}.hex-grid,.gallery-masonry{grid-template-columns:1fr}.showcase-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{text-align:center}nav ul{gap:1rem}nav a{font-size:.9rem;padding:.3rem .8rem}
/* Mobile Navbar: wrap items and keep visible without overlay issues */
nav{position:sticky;top:0}
nav .container{flex-wrap:wrap}
/* Hide menu by default on mobile and show via .show */
nav ul{width:100%;justify-content:center;flex-wrap:wrap;padding-top:.5rem;display:none;flex-direction:column;align-items:center}
nav ul.show{display:flex}
.mobile-menu-btn{display:inline-block;margin-left:auto}
/* Home hero CTA buttons centered */
.cta-buttons{justify-content:center;align-items:center}
.btn{justify-content:center;text-align:center}
/* Shop page tweaks */
.shop-hero{padding:4.5rem 0 3rem}
.product-gallery{position:static;top:auto}
.specifications li{flex-direction:column;align-items:flex-start;gap:.5rem;word-break:break-word}
.purchase-section .btn,.purchase-section .btn-primary{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.purchase-section .btn.btn-primary{font-size:.95rem;padding:.9rem 1rem}
.product-info h1{font-size:1.8rem;line-height:1.2}
/* About page (mobile): center text and hide image column */
.about-content .content-grid{grid-template-columns:1fr;justify-items:center}
.about-content .text-content{text-align:center;margin:0 auto}
.about-content .image-content{display:none}
/* Shop reviews: 90% width cards */
.reviews-grid{display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.review{width:90%}
.review-header{flex-direction:column;align-items:flex-start;gap:.25rem}
/* Blog listing tweaks */
.blog-grid{grid-template-columns:1fr}
.blog-card img{height:200px}
/* Blog details tweaks */
.article-header h1{font-size:2rem;line-height:1.2}
.article-cta .btn{width:100%}
/* Footer logo centered */
.footer-section .logo{justify-content:center}
/* Contact heading single line */
.contact-info h2{font-size:1.6rem;white-space:nowrap}
/* Prevent horizontal scroll on About & Blog pages */
html,body{overflow-x:hidden}
.container{padding:0 1rem}
.about-content,.blog-content{overflow-x:hidden}
.blog-card{width:100%}
/* Transformation stats mobile */
.transformation-stats{flex-direction:column;gap:1rem;text-align:center}
.stat{margin:0 auto}
/* Visual cards mobile */
.transformation-visual{grid-template-columns:1fr;gap:1rem}
.visual-card{margin-bottom:1rem}
/* Showcase mobile */
.showcase-content{padding:4rem 0}
.showcase-text h2{font-size:2rem}
.showcase-features{gap:.5rem}
.showcase-feature{padding:.75rem}
/* Thumbnails mobile */
.thumbnail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.thumbnail{width:100%;height:auto;aspect-ratio:1/1}
/* Gallery masonry mobile */
.gallery-masonry{grid-template-columns:1fr;grid-auto-rows:250px}
.gallery-item.large{grid-row:span 1}
/* Shop CTA modern mobile */
.shop-cta-content{padding:2rem;margin:0 1rem}
.shop-cta-content h2{font-size:2rem}
.cta-features{grid-template-columns:1fr}
.shop-cta-buttons{flex-direction:column}
.shop-cta-buttons .btn{width:100%}
/* Premium showcase mobile */
.showcase-content{grid-template-columns:1fr}
.premium-features{gap:1rem}
.premium-feature{padding:1rem}
.visual-grid{grid-template-columns:1fr}
.visual-main{grid-column:span 1;height:150px}
.visual-secondary{height:120px}
.cta-box{padding:1.5rem}
/* Testimonials mobile */
.testimonials-slider{height:auto;min-height:300px}
.testimonial-card{position:relative;padding:2rem}
/* CTA final mobile */
.cta-features{flex-direction:column;gap:1rem}
.cta-feature{justify-content:center}
/* Shop product layout mobile */
.product-layout .container{grid-template-columns:1fr}

}

@media (max-width:480px){.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.btn{padding:.8rem 1.5rem;font-size:.9rem}.cta-buttons{flex-direction:column}.hex-feature{padding:1.5rem}.trust-badges{justify-content:center;gap:1rem}.trust-badges span{font-size:.8rem;padding:.4rem .8rem}.transformation-text h2{font-size:1.5rem}.transformation-text p{font-size:1rem}}

/* Theme Overrides: New primary palette (#6366f1, #4f46e5) */
/* Navigation */
nav{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 4px 20px rgba(99,102,241,.3)!important}
/* Hero sections */
.hero,.page-hero,.shop-hero,.cta-section,.cta-final{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}
.hero h1,.page-hero h1,.shop-hero h1,.cta-section h2,.cta-final h2{background:linear-gradient(45deg,#ffffff,#a5b4fc)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
/* Buttons */
.btn-primary{color:#6366f1!important}
.btn-secondary:hover{color:#6366f1!important}
/* Feature icons and headings accents */
.hex-icon{background:linear-gradient(45deg,#6366f1,#4f46e5)!important;box-shadow:0 10px 30px rgba(99,102,241,.3)!important}
.features-header h2,.transformation-text h2,.reviews h2,.showcase-header h2,.workspace-gallery h2,.testimonials-carousel h2{background:linear-gradient(45deg,#6366f1,#4f46e5)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
/* Product highlights */
.price-tag,.current-price{color:#6366f1!important}
.stars,.review .stars{color:#4f46e5!important}
/* Article CTA background */
  .article-cta{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}
  /* Footer heading color accent */
  .footer-section h4{color:#6366f1!important}
  /* Testimonial navigation */
  .nav-dot.active{background:#6366f1!important}
  .testimonials-carousel .stars{color:#6366f1!important}
  /* Section badges and accents */
  .section-badge{background:linear-gradient(45deg,#6366f1,#4f46e5)!important}
  .stat-number{color:#6366f1!important}
  .visual-card.active{border-color:#6366f1!important}
  .showcase-info h3{color:#6366f1!important}
  .detail-item i{color:#6366f1!important}
  .detail-item h4{color:#6366f1!important}

/* Overrides: Align showcase details vertically centered on home page */
.product-showcase .showcase-grid{align-items:center}
.product-showcase .showcase-details{align-self:center;justify-content:center}

/* Desktop-only: Equal heights for 'Transform Any Environment' cards */
@media (min-width:1024px){
  .gallery-masonry{grid-auto-rows:auto}
  .gallery-item,.gallery-item.large{grid-row:span 1; height:260px}
  .gallery-item{display:block}
  .gallery-item img{height:100%; width:100%; object-fit:cover}
}

/* Shop Page Fixes: ensure grid applies to inner container and buttons are visible */
.product-layout{padding:4rem 0}
.product-layout .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.product-info,.purchase-section{position:relative;z-index:1}
.purchase-section{padding:2rem;margin-top:2rem}
.product-gallery{z-index:0}

/* Re-assert Shop CTA styles (in case previous CSS was skipped due to a parse error) */
.shop-cta-modern{padding:6rem 0;background:linear-gradient(135deg,#4338ca,#6366f1);position:relative;overflow:hidden}
.shop-cta-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);z-index:1}
.shop-cta-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:30px;padding:4rem;border:1px solid rgba(255,255,255,.2)}
.shop-cta-buttons .btn{font-size:1.2rem;padding:1.5rem 3rem;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* Global Buttons (ensures CTAs render properly on all pages) */
.btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer;font-size:1rem}
.btn-primary{background:#fff;color:#6366f1;box-shadow:0 4px 20px rgba(99,102,241,.3)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(99,102,241,.4)}
.btn-secondary{background:transparent;color:#fff;border:2px solid #fff}
.btn-secondary:hover{background:#fff;color:#6366f1}