@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');
:root{--background:40 33% 97%;--foreground:25 25% 18%;--card:40 30% 99%;--primary:95 18% 38%;--primary-foreground:40 33% 97%;--primary-glow:95 22% 52%;--secondary:30 35% 92%;--secondary-foreground:25 30% 22%;--muted:36 22% 92%;--muted-foreground:25 12% 42%;--accent:18 45% 55%;--accent-foreground:40 33% 97%;--gold:38 55% 62%;--border:35 20% 86%;--input:35 20% 86%;--radius:1rem;--gradient-hero:linear-gradient(135deg,hsl(40 33% 97% / .4),hsl(95 18% 38% / .55));--gradient-warm:linear-gradient(135deg,hsl(38 55% 62% / .15),hsl(18 45% 55% / .12));--gradient-sage:linear-gradient(135deg,hsl(95 18% 38%),hsl(95 22% 52%));--shadow-soft:0 10px 30px -12px hsl(25 25% 18% / .18);--shadow-glow:0 8px 32px -8px hsl(95 22% 52% / .4);--shadow-card:0 4px 20px -8px hsl(25 25% 18% / .12);--transition:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-feature-settings:"ss01";overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.01em}h1,h2,h3,p{margin-top:0}.container-edge{max-width:1280px;margin-inline:auto;padding-inline:20px}.section{padding:96px 0}.section-head{text-align:center;max-width:672px;margin:0 auto 56px}.section-head h2,.about-section h2,.contact-section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:12px 0 0}.section-head p{color:hsl(var(--muted-foreground));line-height:1.7}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.25em;color:hsl(var(--accent));font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;height:48px;padding:0 28px;font-weight:700;font-size:14px;transition:.3s var(--transition);border:1px solid transparent;cursor:pointer}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 14px -4px hsl(var(--primary)/.4)}.btn-primary:hover{box-shadow:0 8px 28px -4px hsl(var(--primary-glow)/.65);transform:translateY(-2px)}.btn-outline{background:transparent;color:hsl(var(--primary));border-color:hsl(var(--primary)/.3)}.btn-outline:hover{background:hsl(var(--primary)/.1)}.btn-sm{height:38px;padding-inline:20px}.btn-block{width:100%}.icon-svg{width:24px;height:24px}.btn-icon{width:18px;height:18px}.mini-icon{width:16px;height:16px}.check-icon{width:18px;height:18px;color:hsl(var(--primary));flex:0 0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.3s}.site-header.scrolled{background:hsl(var(--background)/.85);backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.navbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-link{display:flex;align-items:center;gap:9px}.brand-logo{width:42px;height:42px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid hsl(var(--border))}.brand-text{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:700;color:hsl(var(--primary))}.brand-eo{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:hsl(var(--accent));font-weight:800}.nav-links{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0;font-size:14px}.nav-links a{color:hsl(var(--foreground)/.8);transition:.25s}.nav-links a:hover{color:hsl(var(--accent))}.nav-actions{display:flex;align-items:center;gap:10px}.menu-btn{display:none;width:42px;height:42px;border:0;background:transparent;position:relative}.menu-btn span{display:block;width:24px;height:2px;background:hsl(var(--foreground));margin:5px auto;transition:.3s}.mobile-menu{display:none;background:hsl(var(--background)/.95);backdrop-filter:blur(14px);border-top:1px solid hsl(var(--border));animation:fadeIn .25s ease}.mobile-links{display:grid;gap:10px;padding-block:16px}.mobile-links a{padding:6px 0;color:hsl(var(--foreground)/.78)}.hero-section{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:96px 0 64px}.hero-bg{position:absolute;inset:0;z-index:-1;will-change:transform}.hero-bg img{width:100%;height:100%;object-fit:cover}.overlay-one,.overlay-two{position:absolute;inset:0}.overlay-one{background:var(--gradient-hero)}.overlay-two{background:linear-gradient(to top,hsl(var(--background)),hsl(var(--background)/.3),hsl(var(--background)/.1))}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:40px;align-items:center;position:relative;width:100%}.hero-copy{grid-column:span 7;text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:hsl(var(--card)/.8);backdrop-filter:blur(8px);border:1px solid hsl(var(--gold)/.4);padding:8px 16px;border-radius:999px;font-size:14px;box-shadow:var(--shadow-card);animation:scaleIn .45s ease both}.badge-icon{width:16px;height:16px;color:hsl(var(--gold))}.hero-copy h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;margin:24px 0 0}.hero-copy h1 em{font-style:normal;color:hsl(var(--accent))}.hero-copy h1 span{color:hsl(var(--primary))}.hero-copy p{margin:24px 0 0;color:hsl(var(--muted-foreground));font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.75;max-width:672px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0 0;padding:0;list-style:none;color:hsl(var(--foreground)/.7);font-size:14px;max-width:650px}.hero-checks li{display:flex;align-items:center;gap:6px}.floating-sparkle{position:absolute;color:hsl(var(--primary)/.3);animation:floatSlow 7s ease-in-out infinite;pointer-events:none}.floating-sparkle:nth-of-type(2n){transform:scale(1.2)}.stats-section{padding:64px 0;background:hsl(var(--secondary)/.4);border-block:1px solid hsl(var(--border)/.6)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{text-align:center}.stat-number{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(2.5rem,4vw,3.4rem);color:hsl(var(--primary));line-height:1}.stat-label{margin-top:8px;font-size:14px;color:hsl(var(--muted-foreground))}.small-note{text-align:center;font-size:12px;color:hsl(var(--muted-foreground)/.75);font-style:italic;margin:24px auto 0}.max-note{max-width:720px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.photo-stack{position:relative}.image-frame{overflow:hidden;border-radius:28px;box-shadow:var(--shadow-soft)}.portrait{aspect-ratio:4/5}.image-frame img{width:100%;height:100%;object-fit:cover}.mini-card{position:absolute;right:-32px;bottom:-24px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:18px;padding:20px;box-shadow:var(--shadow-soft);max-width:220px}.mini-card strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;color:hsl(var(--accent));line-height:1}.mini-card span{display:block;font-size:12px;color:hsl(var(--muted-foreground));margin-top:4px}.about-section p,.contact-section p{color:hsl(var(--muted-foreground));line-height:1.75;margin-top:20px}.check-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 0;padding:0}.check-grid li{display:flex;gap:8px;align-items:flex-start;font-size:14px}.timeline-section,.indoor-section,.steps-section,.video-section,.why-section{background:hsl(var(--secondary)/.4)}.timeline{position:relative;max-width:768px;margin:0 auto;padding-left:0}.timeline-line,.timeline-progress{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%)}.timeline-line{background:hsl(var(--border))}.timeline-progress{background:hsl(var(--primary));height:0;bottom:auto;transition:height .1s linear}.timeline-item{position:relative;width:50%;margin-bottom:40px}.timeline-item.left-side{padding-right:40px;text-align:right}.timeline-item.right-side{margin-left:50%;padding-left:40px}.timeline-dot{position:absolute;top:10px;width:16px;height:16px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--background))}.left-side .timeline-dot{right:-8px}.right-side .timeline-dot{left:-8px}.timeline-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:18px;padding:20px;box-shadow:var(--shadow-card)}.timeline-card strong{color:hsl(var(--accent))}.timeline-card p{font-size:14px;line-height:1.6;color:hsl(var(--foreground)/.8);margin:4px 0 0}.card-grid{display:grid;gap:20px}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.package-card,.why-card,.step-card,.video-feature{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:20px;padding:24px;box-shadow:var(--shadow-card);transition:.35s var(--transition)}.service-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-4px)}.icon-box{width:48px;height:48px;border-radius:14px;background:hsl(var(--primary)/.1);color:hsl(var(--primary));display:flex;align-items:center;justify-content:center;font-size:24px;transition:.3s}.service-card:hover .icon-box{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.service-card h3,.package-card h3,.why-card h3{font-size:22px;margin:18px 0 0}.service-card p,.package-card p,.why-card p{font-size:14px;line-height:1.7;color:hsl(var(--muted-foreground));margin:8px 0 0}.service-card a{display:inline-flex;align-items:center;gap:4px;color:hsl(var(--accent));font-weight:700;font-size:14px;margin-top:16px}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.location-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:28px;overflow:hidden;box-shadow:var(--shadow-card)}.location-image{aspect-ratio:16/9;overflow:hidden}.location-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.location-card:hover img{transform:scale(1.05)}.location-body{padding:28px}.location-heading{display:flex;align-items:center;gap:12px}.round-icon{width:44px;height:44px;border-radius:50%;background:hsl(var(--primary)/.1);color:hsl(var(--primary));display:grid;place-items:center;font-size:22px}.location-heading h3{font-size:28px;margin:0}.location-body ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.location-body li{display:flex;gap:8px;font-size:14px;color:hsl(var(--foreground)/.8);line-height:1.5}.location-bottom{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.location-bottom span{font-size:14px;color:hsl(var(--muted-foreground))}.location-bottom strong{color:hsl(var(--accent))}.package-card{position:relative}.package-card:hover,.why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft)}.package-card.popular{border-color:hsl(var(--accent));box-shadow:0 0 0 2px hsl(var(--accent)/.3),var(--shadow-card)}.popular-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-size:12px;padding:4px 12px;border-radius:999px}.price{margin-top:12px;font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;color:hsl(var(--accent));line-height:1}.price small{display:block;font-family:'Plus Jakarta Sans';font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:4px}.package-card p{min-height:88px;font-size:12px}.addons{margin-top:64px;text-align:center}.addons h3{font-size:28px;margin-bottom:24px}.addons div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:820px;margin:auto}.addons span{padding:9px 16px;border-radius:999px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));font-size:14px;transition:.25s}.addons span:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.step-card{position:relative}.step-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:54px;line-height:1;color:hsl(var(--accent)/.3);font-weight:700}.step-card p{font-size:14px;line-height:1.7;color:hsl(var(--foreground)/.85);margin:12px 0 0}.step-arrow{position:absolute;right:-18px;top:50%;width:28px;height:28px;color:hsl(var(--primary)/.3);transform:translateY(-50%)}.filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.filter-btn{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground)/.7);border-radius:999px;padding:8px 16px;cursor:pointer;transition:.25s}.filter-btn.active,.filter-btn:hover{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.masonry{columns:3 260px;column-gap:16px}.portfolio-card{display:block;width:100%;break-inside:avoid;border:0;padding:0;margin:0 0 16px;background:transparent;position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;text-align:left}.portfolio-card img{width:100%;height:auto;transition:.7s}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--foreground)/.72),transparent 62%);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:hsl(var(--background));transition:.3s}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay small{text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--background)/.82)}.portfolio-overlay strong{font-size:14px}.portfolio-card.hidden{display:none}.lightbox{position:fixed;inset:0;z-index:100;background:hsl(var(--foreground)/.85);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex;animation:fadeIn .25s}.lightbox img{max-width:100%;max-height:82vh;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.lightbox button{position:absolute;top:24px;right:24px;border:0;background:transparent;color:hsl(var(--background));font-size:42px;cursor:pointer}.lightbox p{position:absolute;bottom:24px;color:hsl(var(--background));font-weight:700}.video-box{aspect-ratio:16/9;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid hsl(var(--border));background:hsl(var(--foreground)/.05)}.video-box iframe{width:100%;height:100%;border:0}.video-placeholder{height:100%;display:grid;place-items:center;font-size:54px;color:hsl(var(--primary));gap:8px}.video-placeholder span{display:block;font-size:14px;color:hsl(var(--muted-foreground))}.video-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.video-feature{display:flex;gap:12px;align-items:flex-start}.video-feature span{width:40px;height:40px;border-radius:12px;background:hsl(var(--primary)/.1);color:hsl(var(--primary));display:grid;place-items:center;font-size:20px;flex-shrink:0}.video-feature p{font-size:14px;color:hsl(var(--foreground)/.8);margin:0}.narrow{max-width:896px}.testimonial-slider{position:relative;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:28px;padding:40px 48px;box-shadow:var(--shadow-card);min-height:260px}.testimonial-slide{display:none;animation:slideIn .35s ease}.testimonial-slide.active{display:block}.stars{color:hsl(var(--gold));letter-spacing:3px;margin-bottom:16px}.testimonial-slide p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.2rem,2.3vw,1.55rem);font-style:italic;line-height:1.6}.testimonial-slide span{display:block;font-size:12px;color:hsl(var(--muted-foreground));margin-top:4px}.slider-nav{position:absolute;right:24px;bottom:24px;display:flex;gap:8px}.slider-nav button{width:34px;height:34px;border-radius:50%;border:1px solid hsl(var(--border));background:transparent;cursor:pointer;font-size:24px;transition:.25s}.slider-nav button:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.slider-dots button{height:6px;width:6px;border-radius:999px;border:0;background:hsl(var(--border));padding:0;transition:.25s;cursor:pointer}.slider-dots button.active{width:32px;background:hsl(var(--primary))}.why-card div{width:40px;height:40px;border-radius:12px;background:hsl(var(--accent)/.15);color:hsl(var(--accent));display:grid;place-items:center;margin-bottom:16px}.faq-wrap{max-width:768px}.faq-list{display:grid;gap:12px}.faq-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:18px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;border:0;background:transparent;padding:20px;text-align:left;font-weight:700;color:hsl(var(--foreground));cursor:pointer}.faq-question b{font-size:24px;color:hsl(var(--primary))}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-item.open .faq-answer{max-height:240px}.faq-answer p{margin:0;padding:0 20px 20px;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.7}.contact-section{background:linear-gradient(to bottom,hsl(var(--secondary)/.4),hsl(var(--background)))}.contact-list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:16px}.contact-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px}.contact-icon{width:20px;height:20px;color:hsl(var(--primary));margin-top:2px}.contact-list strong{display:block}.contact-list span,.contact-list a{color:hsl(var(--muted-foreground))}.contact-form{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:28px;padding:32px;box-shadow:var(--shadow-soft);display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-form label{display:grid;gap:6px;font-size:14px;font-weight:600}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid hsl(var(--input));background:hsl(var(--background));border-radius:10px;padding:11px 12px;color:hsl(var(--foreground));outline:none}.contact-form textarea{resize:vertical}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:49;display:flex;align-items:center;gap:8px;background:hsl(142 70% 45%);color:#fff;border-radius:999px;padding:12px 18px 12px 14px;box-shadow:var(--shadow-soft);animation:pulseRing 2s infinite;transition:.25s}.floating-wa:hover{transform:scale(1.05)}.wa-icon{width:22px;height:22px}.floating-wa span{font-size:14px;font-weight:700}.footer{background:hsl(var(--foreground));color:hsl(var(--background));padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px}.footer-brand span{font-family:'Plus Jakarta Sans';font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:hsl(var(--gold));margin-left:8px}.footer p{color:hsl(var(--background)/.7);font-size:14px;line-height:1.7}.footer h4{color:hsl(var(--gold));font-size:20px;margin-bottom:16px}.footer a,.footer span{display:block;color:hsl(var(--background)/.7);font-size:14px;margin:8px 0}.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.socials a{border-radius:999px;background:hsl(var(--background)/.1);padding:8px 14px;transition:.25s}.socials a:hover{background:hsl(var(--gold));color:hsl(var(--foreground))}.copyright{border-top:1px solid hsl(var(--background)/.1);margin-top:40px;padding-top:24px;text-align:center;color:hsl(var(--background)/.5);font-size:12px}.install-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--secondary)))}.install-card{width:min(620px,100%);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:28px;padding:32px;box-shadow:var(--shadow-soft)}.success-msg,.setup-alert{padding:14px;border-radius:14px;margin:16px 0}.success-msg{background:#e8f7ec;color:#216b38}.setup-alert{background:#fff0f0;color:#9b1c1c}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--transition),transform .7s var(--transition)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal.left{transform:translateX(-30px)}.reveal.right{transform:translateX(30px)}.reveal.left.in-view,.reveal.right.in-view{transform:translateX(0)}.animate-load>*{opacity:0;transform:translateY(30px);animation:fadeUp .65s ease forwards}.animate-load>*:nth-child(1){animation-delay:.05s}.animate-load>*:nth-child(2){animation-delay:.15s}.animate-load>*:nth-child(3){animation-delay:.25s}.animate-load>*:nth-child(4){animation-delay:.35s}.animate-load>*:nth-child(5){animation-delay:.45s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatSlow{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(6deg)}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 hsl(142 70% 45%/.6)}70%{box-shadow:0 0 0 16px hsl(142 70% 45%/0)}100%{box-shadow:0 0 0 0 hsl(142 70% 45%/0)}}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1180px){.nav-links{display:none}.menu-btn{display:block}.mobile-menu.open{display:block}.hero-copy{grid-column:span 9}.card-grid.four{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-arrow{display:none}}@media(max-width:900px){.navbar{height:64px}.nav-actions .btn{display:none}.hero-section{text-align:center;padding-top:96px}.hero-copy{grid-column:1/-1;text-align:center}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.hero-checks{grid-template-columns:repeat(2,1fr);justify-items:center}.stats-grid,.two-col,.location-grid,.video-feature-grid,.card-grid.three,.footer-grid{grid-template-columns:1fr}.photo-stack{max-width:520px;margin:auto}.mini-card{right:0}.timeline{padding-left:32px}.timeline-line,.timeline-progress{left:12px}.timeline-item,.timeline-item.right-side{width:100%;margin-left:0;padding-left:32px;padding-right:0;text-align:left}.timeline-item.left-side{padding-left:32px;padding-right:0;text-align:left}.left-side .timeline-dot,.right-side .timeline-dot{left:-27px;right:auto}.form-grid{grid-template-columns:1fr}.contact-form{padding:24px}}@media(max-width:620px){.section{padding:72px 0}.hero-copy h1{font-size:2.6rem}.hero-actions{display:grid}.hero-checks,.stats-grid,.card-grid.four,.steps-grid,.check-grid{grid-template-columns:1fr}.location-bottom{display:grid}.testimonial-slider{padding:28px;min-height:300px}.floating-wa span{display:none}.masonry{columns:2 140px}.footer-brand span{display:block;margin-left:0;margin-top:4px}}

/* Logo placement requested for PHP/XAMPP version */
.footer-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.footer-logo{width:46px;height:46px;border-radius:50%;object-fit:contain;background:hsl(var(--background));border:1px solid hsl(var(--background)/.22);padding:3px;flex:0 0 auto}.footer-brand-row .footer-brand{line-height:1.05}.footer-brand-row .footer-brand span{display:inline-block}.brand-link .brand-logo{flex:0 0 auto}@media(max-width:620px){.footer-brand-row{align-items:flex-start}.footer-logo{width:42px;height:42px}.footer-brand-row .footer-brand span{display:block}}


/* Responsive colored social media logos in footer */
.responsive-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;align-items:stretch}.responsive-socials .social-link{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;overflow:hidden;min-height:72px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px rgba(0,0,0,.18);transform:translateY(0);animation:socialFloat 4s ease-in-out infinite}.responsive-socials .social-link:nth-child(2){animation-delay:.35s}.responsive-socials .social-link:nth-child(3){animation-delay:.7s}.responsive-socials .social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.02));opacity:.75;pointer-events:none}.responsive-socials .social-link:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 34px rgba(0,0,0,.25)}.responsive-socials .social-icon{position:relative;z-index:1;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.responsive-socials .social-svg{width:28px;height:28px;display:block}.responsive-socials .social-text{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.responsive-socials .social-text strong{display:block;font-size:15px;line-height:1.15;color:#fff}.responsive-socials .social-text small{display:block;font-size:12px;line-height:1.35;color:rgba(255,255,255,.78);margin-top:4px}.responsive-socials .instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 52%,#fcb045 100%)}.responsive-socials .tiktok{background:linear-gradient(135deg,#111 0%,#242424 100%)}.responsive-socials .whatsapp{background:linear-gradient(135deg,#128C7E 0%,#25D366 100%)}@keyframes socialFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:900px){.responsive-socials{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.responsive-socials{grid-template-columns:1fr}.responsive-socials .social-link{min-height:68px;padding:12px}.responsive-socials .social-icon{width:44px;height:44px;flex-basis:44px}.responsive-socials .social-svg{width:26px;height:26px}}

/* Clear & Smooth Frontend Theme - requested update */
:root{
  --background:42 52% 98%;
  --foreground:26 24% 16%;
  --card:0 0% 100%;
  --primary:103 22% 36%;
  --primary-foreground:42 60% 98%;
  --primary-glow:104 28% 54%;
  --secondary:42 48% 95%;
  --secondary-foreground:26 24% 18%;
  --muted:42 34% 94%;
  --muted-foreground:25 12% 38%;
  --accent:18 52% 50%;
  --accent-foreground:42 60% 98%;
  --gold:38 62% 63%;
  --border:38 30% 88%;
  --input:38 30% 88%;
  --gradient-hero:linear-gradient(135deg,hsl(42 60% 98% / .74),hsl(103 22% 36% / .38));
  --gradient-warm:linear-gradient(135deg,hsl(42 80% 96% / .92),hsl(18 70% 95% / .62));
  --gradient-sage:linear-gradient(135deg,hsl(103 22% 36%),hsl(104 28% 48%));
  --shadow-soft:0 18px 48px -24px hsl(26 24% 16% / .24);
  --shadow-glow:0 16px 44px -18px hsl(104 28% 54% / .48);
  --shadow-card:0 12px 34px -22px hsl(26 24% 16% / .18);
  --transition:cubic-bezier(.22,1,.36,1);
}

body{
  background:
    radial-gradient(circle at top left,hsl(42 90% 97% / .9),transparent 34rem),
    linear-gradient(180deg,hsl(var(--background)),hsl(42 45% 97%));
  color:hsl(var(--foreground));
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.site-header.scrolled{
  background:hsl(var(--background) / .92);
  border-bottom:1px solid hsl(var(--border) / .72);
  box-shadow:0 10px 30px -24px hsl(var(--foreground) / .38);
}

.brand-logo,.footer-logo,.admin-logo,.login-logo{
  box-shadow:0 10px 24px -18px hsl(var(--foreground) / .35);
}

.nav-links a,.mobile-links a{
  color:hsl(var(--foreground) / .72);
}
.nav-links a:hover,.mobile-links a:hover{
  color:hsl(var(--accent));
}

.hero-section{
  background:hsl(var(--background));
}
.overlay-one{
  background:linear-gradient(135deg,hsl(42 60% 98% / .82),hsl(103 22% 36% / .35));
}
.overlay-two{
  background:linear-gradient(to top,hsl(var(--background)) 0%,hsl(var(--background) / .64) 48%,hsl(var(--background) / .16) 100%);
}
.hero-badge{
  background:hsl(var(--card) / .84);
  border-color:hsl(var(--gold) / .42);
  box-shadow:0 14px 40px -28px hsl(var(--foreground) / .35);
}
.hero-copy p,.section-head p,.about-section p,.contact-section p{
  color:hsl(var(--muted-foreground));
}
.hero-copy h1,.section-head h2,.about-section h2,.contact-section h2{
  color:hsl(var(--foreground));
}
.hero-copy h1 span,.brand-text,.stat-number{
  color:hsl(var(--primary));
}
.hero-copy h1 em,.eyebrow,.timeline-card strong{
  color:hsl(var(--accent));
}

.btn{
  transition:transform .32s var(--transition),box-shadow .32s var(--transition),background .32s var(--transition),border-color .32s var(--transition);
}
.btn-primary{
  background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-glow)));
  box-shadow:0 12px 28px -18px hsl(var(--primary-glow) / .75);
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px -20px hsl(var(--primary-glow) / .82);
}
.btn-outline{
  background:hsl(var(--card) / .74);
  border-color:hsl(var(--primary) / .26);
}
.btn-outline:hover{
  background:hsl(var(--primary) / .08);
  border-color:hsl(var(--primary) / .34);
}

.stats-section,.timeline-section,.indoor-section,.steps-section,.video-section,.why-section{
  background:linear-gradient(180deg,hsl(var(--secondary) / .86),hsl(var(--background)));
  border-color:hsl(var(--border) / .64);
}

.service-card,.package-card,.why-card,.step-card,.video-feature,.location-card,.testimonial-slider,.faq-item,.contact-form,.contact-info-card,.timeline-card,.install-card{
  background:hsl(var(--card) / .94);
  border-color:hsl(var(--border) / .78);
  box-shadow:var(--shadow-card);
  backdrop-filter:saturate(1.08) blur(2px);
}
.service-card:hover,.package-card:hover,.why-card:hover,.step-card:hover,.location-card:hover,.faq-item:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow-soft);
  border-color:hsl(var(--primary) / .18);
}
.icon-box{
  background:hsl(var(--primary) / .1);
  color:hsl(var(--primary));
}
.service-card:hover .icon-box{
  background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-glow)));
}

.image-frame,.location-image,.portfolio-item{
  box-shadow:0 18px 50px -28px hsl(var(--foreground) / .35);
}
.image-frame img,.location-image img,.portfolio-item img{
  filter:saturate(.98) contrast(1.02) brightness(1.02);
}

.package-card.featured{
  border-color:hsl(var(--gold) / .58);
  box-shadow:0 22px 54px -28px hsl(var(--gold) / .66);
}

.portfolio-filter button{
  background:hsl(var(--card) / .86);
  color:hsl(var(--foreground) / .68);
  border:1px solid hsl(var(--border) / .8);
}
.portfolio-filter button.active,.portfolio-filter button:hover{
  background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-glow)));
  color:hsl(var(--primary-foreground));
  border-color:transparent;
}

input,textarea,select{
  background:hsl(var(--card) / .96);
  border-color:hsl(var(--input));
  color:hsl(var(--foreground));
  transition:border-color .25s var(--transition),box-shadow .25s var(--transition),background .25s var(--transition);
}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:hsl(var(--primary) / .55);
  box-shadow:0 0 0 4px hsl(var(--primary) / .12);
  background:#fff;
}

.footer{
  background:linear-gradient(135deg,hsl(26 24% 16%),hsl(102 18% 24%));
  color:hsl(var(--background));
}
.footer p,.footer a,.footer span{
  color:hsl(var(--background) / .76);
}
.footer a:hover{
  color:#fff;
}
.copyright{
  color:hsl(var(--background) / .56);
  border-top-color:hsl(var(--background) / .12);
}

.floating-wa{
  box-shadow:0 16px 44px -18px hsl(142 70% 35% / .7);
}
.floating-sparkle{
  color:hsl(var(--primary) / .24);
}

.reveal{
  transition-duration:.82s;
}
@media(max-width:620px){
  body{
    background:linear-gradient(180deg,hsl(var(--background)),hsl(42 42% 97%));
  }
  .service-card,.package-card,.why-card,.step-card,.contact-form{
    border-radius:18px;
  }
}


/* Dynamic frontend banner slider */
.banner-slider-section{display:block;position:relative;min-height:100svh;padding:0;isolation:isolate;background:hsl(var(--background));overflow:hidden}.banner-slider{position:absolute;inset:0;z-index:0}.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s var(--transition),visibility .9s var(--transition);display:flex;align-items:center;min-height:100svh;padding:96px 0 64px}.banner-slide.active{opacity:1;visibility:visible;z-index:1}.banner-slide .banner-bg{position:absolute;inset:0;z-index:-1;transform:scale(1.02);transition:transform 7s ease}.banner-slide.active .banner-bg{transform:scale(1.08)}.banner-slide .banner-bg img{width:100%;height:100%;object-fit:cover}.banner-content{position:relative;z-index:2;width:100%}.banner-slide .hero-copy{grid-column:span 7}.banner-nav{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:1px solid hsl(var(--border) / .72);background:hsl(var(--card) / .72);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);color:hsl(var(--foreground));font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.3s var(--transition)}.banner-nav:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:translateY(-50%) scale(1.06)}.banner-prev{left:24px}.banner-next{right:24px}.banner-dots{position:absolute;z-index:8;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;background:hsl(var(--card) / .66);backdrop-filter:blur(10px);border:1px solid hsl(var(--border) / .7)}.banner-dots button{width:10px;height:10px;border-radius:999px;border:0;background:hsl(var(--foreground) / .28);padding:0;cursor:pointer;transition:.3s var(--transition)}.banner-dots button.active{width:30px;background:hsl(var(--primary))}.banner-slider-section .floating-sparkle{z-index:3}@media(max-width:1180px){.banner-slide .hero-copy{grid-column:span 9}}@media(max-width:900px){.banner-slide{padding-top:96px;text-align:center}.banner-slide .hero-copy{grid-column:1/-1;text-align:center}.banner-nav{display:none}.banner-dots{bottom:18px}.banner-content .hero-actions{justify-content:center}}@media(max-width:620px){.banner-slide{padding:92px 0 72px}.banner-slide .hero-copy h1{font-size:2.42rem}.banner-dots{bottom:14px}.banner-dots button.active{width:24px}}

/* Demo mode additions */
.demo-premium-badge{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:9999;background:linear-gradient(135deg,#ff8a00,#ffb347);color:#fff;border:1px solid rgba(255,255,255,.72);box-shadow:0 16px 36px hsl(26 92% 48% / .32);border-radius:999px;padding:10px 18px;font-weight:900;letter-spacing:.04em;text-align:center;font-size:12px;white-space:nowrap}.demo-toast{position:fixed;left:50%;bottom:64px;transform:translate(-50%,18px);z-index:10000;background:hsl(var(--foreground));color:#fff;border-radius:999px;padding:11px 17px;box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transition:.25s var(--transition);font-weight:800}.demo-toast.show{opacity:1;transform:translate(-50%,0)}a[href="#demo-action"],a[href*="wa.me"],.contact-form button[type="submit"]{cursor:not-allowed}@media(max-width:620px){.demo-premium-badge{max-width:calc(100% - 28px);white-space:normal;font-size:11px}.demo-toast{max-width:calc(100% - 28px);border-radius:18px;text-align:center}}