:root{--surface:#fbf9f8;--surface-dim:#dcd9d9;--surface-bright:#fbf9f8;--surface-container-lowest:#fff;--surface-container-low:#f6f3f2;--surface-container:#f0eded;--surface-container-high:#eae8e7;--surface-container-highest:#e4e2e1;--on-surface:#1b1c1c;--on-surface-variant:#42493e;--inverse-surface:#303030;--inverse-on-surface:#f3f0f0;--outline:#72796e;--outline-variant:#c2c9bb;--primary:#234d20;--on-primary:#fff;--primary-container:#2d5a27;--on-primary-container:#9dd090;--secondary:#6a8f45;--on-secondary:#fff;--secondary-container:#ccf078;--on-secondary-container:#526d00;--tertiary:#363a33;--on-tertiary:#fff;--tertiary-container:#4d5149;--on-tertiary-container:#c0c3b9;--background:#faf8f2;--on-background:#1b1c1c;--accent:#a7c957;--dark:#1a1a1a;--font-sans:"Inter", sans-serif;--font-serif:"Playfair Display", serif;--radius-sm:.125rem;--radius:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--spacing-base:8px;--spacing-sm:12px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:80px;--green:var(--primary);--dark-bg:var(--tertiary);--dark-card:var(--tertiary-container);--light-bg:var(--background);--light-gray:var(--surface-container-low);--text-dark:var(--on-background);--text-light:var(--on-primary);--text-muted:var(--on-surface-variant);--transition:all .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--light-bg);color:var(--text-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.2}.text-center{text-align:center}.text-dark{color:var(--text-dark)}.text-white{color:var(--text-light)}.green-text{color:var(--primary)}.green-italic-text{color:var(--primary);font-family:var(--font-serif);font-size:1.5rem;font-style:italic}.tracking-widest{letter-spacing:.15em}.tracking-wide{letter-spacing:.05em}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.pr-lg{padding-right:3rem}.pt-0{padding-top:0!important}.btn{transition:var(--transition);cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-green-solid{background-color:var(--primary);color:#000;border-radius:var(--radius);font-weight:600}.btn-green-solid:hover{background-color:#d4ac0d}.btn-white-solid{color:#000;border-radius:var(--radius);background-color:#fff;padding:1rem 2rem;font-weight:600}.btn-white-solid:hover{background-color:#f1f2f6}.btn-white-pill{color:#000;border-radius:var(--radius);background-color:#fff;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600}.btn-white-pill:hover{background-color:#ccc}.icon-sm{width:16px;height:16px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.bg-light{background-color:var(--light-gray)}.split-layout{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.align-center{align-items:center}.navbar{z-index:1000;width:100%;transition:var(--transition);background-color:#1a1a1af2;padding:1rem 0;position:fixed;top:0;box-shadow:0 4px 20px #0003}.navbar.scrolled{background-color:#1a1a1af2;padding:1rem 0;box-shadow:0 4px 20px #0003}.nav-container{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}.logo-group{justify-self:start;align-items:center;gap:1.5rem;display:flex}.logo-divider{background-color:#fff6;width:1px;height:60px}.skyven-logo{object-fit:contain;height:60px}.ar-logo{object-fit:contain;height:80px}.nav-links{justify-self:center;align-items:center;gap:1rem;display:flex}.nav-links a{color:#fff;transition:var(--transition);border:1px solid #ffffff4d;border-radius:30px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{background:#ffffff1a;border-color:#fff}.phone-btn{color:#fff;border-radius:var(--radius);background:0 0;border:1px solid #fff;justify-self:end;padding:.5rem 1.2rem;font-weight:500}.phone-btn:hover{background:#ffffff1a}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background-position:50%;background-size:cover;width:100%;height:120%;position:absolute;top:-10%;left:0}.hero-overlay{z-index:2;background:linear-gradient(#00000080 0%,#000000e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;color:#fff;max-width:800px;margin-top:3rem;padding:0 20px;position:relative}.green-label{color:#fff;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:block}.main-heading{color:#fff;margin-bottom:1.5rem;font-size:48px;font-weight:700;line-height:1.1}.hero-description{color:#e1e1e1;max-width:600px;font-size:1.1rem}.section-title{margin-bottom:1.5rem;font-size:32px;font-weight:600}.section-desc{color:#444;font-size:1rem;line-height:1.8}.rounded-img{object-fit:cover;border-radius:8px;width:100%}.shadow-lg{box-shadow:0 15px 30px #0000001a}.dark-card{background-color:var(--dark-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px #0003}.dark-card-split{grid-template-columns:5fr 7fr;display:grid}.card-img-wrapper{height:100%;min-height:400px;position:relative}.card-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center;gap:2rem 1rem;padding:4rem 3rem;display:grid}.grid-item{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.grid-icon{color:var(--inverse-primary);width:32px;height:32px}.grid-text{color:#fff;max-width:100px;font-size:.8rem;font-weight:500}.tabs-header{gap:1rem;display:flex}.justify-center{justify-content:center}.tab-btn-pill{border-radius:var(--radius);font-size:1rem;font-family:var(--font-sans);color:#555;cursor:pointer;transition:var(--transition);background-color:#0000;border:1px solid #ddd;padding:.6rem 2rem;font-weight:500}.tab-btn-pill.active{border-color:var(--primary);color:var(--primary);background-color:#fff;box-shadow:0 4px 10px #2b53291a}.tabs-content{min-height:400px;position:relative}.tab-pane{animation:.5s fadeIn;display:none}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.list-heading{font-family:var(--font-sans);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.amenity-item{cursor:pointer;transition:var(--transition);opacity:.6;justify-content:space-between;align-items:center;display:flex}.amenity-item:hover{color:var(--primary);opacity:1}.amenity-item.active{color:var(--primary);opacity:1;font-weight:600}.amenity-item svg{opacity:0;width:18px;height:18px;transition:var(--transition);transform:translate(-10px)}.amenity-item.active svg,.amenity-item:hover svg{opacity:1;transform:translate(0)}.bullet-list{list-style:none}.bullet-list li{color:#555;margin-bottom:.5rem;padding-left:1.5rem;font-size:.95rem;position:relative}.bullet-list li:before{content:"";background-color:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:0}.placeholder-box{color:#888;background-color:#ddd;border-radius:8px;justify-content:center;align-items:center;width:100%;height:400px;display:flex}.carousel-container{position:relative;overflow:hidden}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;gap:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:10;width:50px;height:50px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0003}.carousel-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1)}.prev-btn{left:10px}.next-btn{right:10px}.carousel-slide{scroll-snap-align:center;min-width:60%}.carousel-slide:first-child{margin-left:20%}.carousel-slide:last-child{margin-right:20%}.carousel-img{object-fit:cover;border-radius:8px;width:100%;height:400px;box-shadow:0 10px 20px #0000001a}.carousel-dots{justify-content:center;gap:.5rem;display:flex}.dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);border:1px solid #ccc;border-radius:50%}.dot.active{background-color:var(--primary);border-color:var(--primary)}.cta-section{justify-content:center;align-items:center;padding:8rem 0;display:flex;position:relative;overflow:hidden}.cta-bg{z-index:0;background-position:50%;background-size:cover;width:100%;height:140%;position:absolute;top:-20%;left:0}.cta-overlay{z-index:1;background:#0b0c10d9;position:absolute;inset:0}.cta-content{z-index:2;position:relative}.footer{background-color:var(--dark-bg);color:var(--on-tertiary-container);padding:5rem 0 2rem;position:relative;overflow:hidden}.footer:before{content:"";opacity:.15;z-index:0;pointer-events:none;filter:invert();background-image:url(./src/assets/watermark.jpg);background-position:bottom;background-size:cover;width:100%;height:100%;position:absolute;bottom:0;left:0}.footer .container{z-index:1;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 2fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-heading{color:#fff;font-family:var(--font-sans);margin-bottom:1.5rem;font-size:1.1rem}.footer-text{font-size:.85rem;line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--on-tertiary-container);transition:var(--transition);font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.8rem;display:flex}.social-links{gap:1rem;display:flex}.social-links a{color:var(--on-tertiary);transition:var(--transition)}.social-links a:hover{color:#fff}.social-links i{width:16px;height:16px}@media (width<=1024px){.dark-card-split{grid-template-columns:1fr}.card-img-wrapper{min-height:300px}.card-grid{grid-template-columns:repeat(3,1fr);padding:2rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.hamburger{display:block!important}.phone-text{font-size:.85rem}.nav-links{-webkit-backdrop-filter:blur(15px);background:#0b0c10fa;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:1.5rem;width:100%;padding:2rem 0;display:none;position:absolute;top:100%;left:0}.nav-links.active{display:flex}.split-layout{grid-template-columns:1fr;gap:2rem}.main-heading{font-size:32px;font-weight:600}.card-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.carousel-slide{min-width:85%}.carousel-slide:first-child{margin-left:7.5%}.carousel-slide:last-child{margin-right:7.5%}}.image-modal{z-index:1000;opacity:0;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.image-modal.show{opacity:1;display:flex}.image-modal .modal-content{object-fit:contain;cursor:grab;border-radius:8px;max-width:90%;max-height:90vh;transition:transform .3s;transform:scale(.95);box-shadow:0 10px 40px #00000080}.image-modal.show .modal-content{transform:scale(1)}.image-modal .modal-content.no-transition{transition:none!important}.image-modal .modal-content:active{cursor:grabbing}.close-modal{color:#fff;cursor:pointer;z-index:1001;font-size:40px;font-weight:300;transition:all .2s;position:absolute;top:20px;right:35px}.close-modal:hover{color:var(--primary)}.zoomable{cursor:pointer;transition:var(--transition)}.zoomable:hover{transform:scale(1.02)}.plan-preview-img{object-fit:cover;object-position:center;cursor:pointer;width:100%;height:250px;transition:transform .3s;display:block}.plan-preview-img:hover{transform:scale(1.05)}.custom-floor-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.fp-site{grid-column:1}.fp-ab{grid-column:2}.fp-cd{grid-column:3}.fp-ef{grid-column:2}@media (width<=1024px){.custom-floor-grid{grid-template-columns:repeat(2,1fr)}.fp-site{grid-column:1}.fp-ab{grid-column:2}.fp-cd{grid-column:1}.fp-ef{grid-column:2}}@media (width<=768px){.custom-floor-grid{grid-template-columns:1fr}.fp-site,.fp-ab,.fp-cd,.fp-ef{grid-column:1}}.pdf-container{border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;background:#f8f9fa;width:100%;height:80vh;max-height:800px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}@media (width<=768px){.pdf-container{min-height:400px;height:60vh!important}}.pdf-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.timed-popup{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);opacity:0;background:#0b0c10f2;border:1px solid #ffffff1a;max-width:350px;padding:25px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:20px;left:20px;transform:translateY(150%);box-shadow:0 10px 40px #00000080}.timed-popup.show{opacity:1;transform:translateY(0)}.timed-popup .close-popup{color:#fff;cursor:pointer;opacity:.7;transition:var(--transition);background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:10px}.timed-popup .close-popup:hover{opacity:1;color:var(--primary)}.modal-nav{color:#fff;cursor:pointer;z-index:1001;width:60px;height:60px;transition:var(--transition);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:var(--green);color:#000}.prev-img{left:20px}.next-img{right:20px}.modal-content-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.image-modal .modal-content{object-fit:contain;max-width:90vw;max-height:90vh;margin:0 auto}@media (width<=480px){.timed-popup{width:auto;max-width:none;padding:20px;bottom:10px;left:10px;right:10px}}.pb-5{padding-bottom:3rem!important}.pt-3{padding-top:1rem!important}.floating-whatsapp{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,box-shadow .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #0000004d}.floating-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 14px #0006}.faq-container{border-radius:var(--radius-lg);background:#fff;width:100%;overflow:hidden;box-shadow:0 5px 20px #0000000d}.faq-item{border-bottom:1px solid #eee}.faq-item:last-child{border-bottom:none}.faq-question{text-align:left;width:100%;color:var(--text-dark);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px;font-size:1.1rem;font-weight:600;transition:background .3s;display:flex}.faq-question:hover{background:#fafafa}.faq-question svg{transition:transform .3s}.faq-question.active svg{color:var(--primary);transform:rotate(180deg)}.faq-answer{background:#fafafa;max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer p{color:var(--text-dark);margin:0;padding:0 20px 20px}.premium-amenities-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px 0;display:grid}.amenity-card{border-radius:var(--radius-lg);text-align:center;z-index:1;background:#fff;border:1px solid #eaeaea;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.amenity-card:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#2d5a271a 0%,#2d5a2700 100%);transition:opacity .3s;position:absolute;inset:0}.amenity-card:hover{border-color:#2d5a2766;transform:translateY(-5px);box-shadow:0 10px 25px #2d5a2733}.amenity-card:hover:before{opacity:1}.amenity-icon-wrapper{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:15px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #2d5a274d}.amenity-card:hover .amenity-icon-wrapper{transform:scale(1.1)rotate(5deg)}.amenity-title{color:var(--text-dark);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:24px;max-width:1000px;margin:0 auto;padding:20px 0;display:grid}.bento-item{border-radius:var(--radius-lg);box-shadow:none;text-align:left;background:linear-gradient(145deg,#fff,#fafafa);border:1px solid #2d5a2733;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.bento-item:hover{background:#fff;border-color:#2d5a2799;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #2d5a2726}.bento-item:after{content:"";z-index:0;background:radial-gradient(circle,#2d5a271a 0%,#fff0 70%);border-radius:50%;width:150px;height:150px;transition:transform .5s;position:absolute;bottom:0;right:0;transform:translate(30%,30%)}.bento-item:hover:after{transform:translate(10%,10%)scale(1.2)}.bento-icon{color:var(--primary);opacity:.8;z-index:2;width:32px;height:32px;transition:all .4s}.bento-item:hover .bento-icon{opacity:1;transform:scale(1.15)rotate(5deg)}.bento-title{color:var(--text-dark);z-index:2;margin:30px 0 0;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:600;line-height:1.3}.bento-item.span-2{grid-column:span 2}.bento-item.span-1{grid-column:span 1}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.bento-item.span-2,.bento-item.span-1{grid-column:span 1}}.config-card:hover{transform:translateY(-10px);border-color:#2d5a2780!important;box-shadow:0 15px 40px #2d5a2733!important}.location-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.location-grid{grid-template-columns:1fr}}.table-container{border-radius:var(--radius-lg);width:100%;margin-top:var(--spacing-md);overflow:hidden;box-shadow:0 15px 35px #0000000d}.data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--outline);border-radius:var(--radius-lg);text-align:left;background:var(--surface-container-lowest);width:100%;overflow:hidden}.data-table th{background:var(--primary);color:var(--on-primary);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);letter-spacing:.02em;font-size:14px;font-weight:500}.data-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--surface-variant);color:var(--on-surface);font-size:16px;font-family:var(--font-sans)}.data-table tbody tr:nth-child(2n){background-color:var(--surface-container-low)}.data-table tbody tr:hover{background-color:#15421214}.badge{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-full);margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.timed-popup .green-text{color:var(--inverse-primary)!important}body{font-family:var(--font-sans);color:var(--text-dark);background-color:var(--background);background-image:radial-gradient(var(--surface-dim) 1px, transparent 1px);background-size:40px 40px;font-size:16px;line-height:1.6}.section-white{background-color:#fbf9f8f2}.data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--outline-variant);background:#fff;border-radius:12px;width:100%;overflow:hidden}.data-table th{background:var(--primary);color:#fff;font-family:var(--font-sans);border-bottom:1px solid var(--outline-variant);padding:1.2rem;font-size:15px;font-weight:500}.data-table td{border-bottom:1px solid var(--outline-variant);color:var(--on-surface);font-size:16px;font-family:var(--font-sans);padding:1.2rem}.data-table th:not(:last-child),.data-table td:not(:last-child){border-right:1px solid var(--outline-variant)}.data-table tr:last-child td{border-bottom:none}.data-table .highlight-row td{background-color:var(--accent);color:var(--on-surface);font-weight:600}