 <style>
        *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:'Inter',sans-serif;background:#fdfdf8;color:#1a1a1a;font-weight:300}

        /* ── SCROLL PROGRESS ── */
        #progress{position:fixed;top:0;left:0;height:2px;background:#577D59;z-index:9999;width:0;transition:width .1s}

        /* ── NAV ── */
        nav{position:fixed;width:100%;top:0;z-index:1000;background:rgba(253,253,248,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease}
        nav.scrolled{border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 24px rgba(0,0,0,.04)}
        .nav-inner{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between}
        .nav-links a{font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:#444;text-decoration:none;transition:color .3s}
        .nav-links a:hover{color:#577D59}
        .btn-nav{background:#577D59;color:#fff!important;padding:.6rem 1.5rem;font-size:.8125rem;font-weight:500;letter-spacing:.05em;border:none;cursor:pointer;transition:all .3s}
        .btn-nav:hover{background:#456346;transform:translateY(-1px)}

        /* Mobile menu */
        .m-menu{position:fixed;inset:0;background:#fdfdf8;z-index:999;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}
        .m-menu.open{transform:translateX(0)}

        /* ── HERO SLIDESHOW ── */
        .hero{position:relative;height:100vh;overflow:hidden}
        .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
        .slide.active{opacity:1}
        .slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) contrast(1.1);animation:kb 16s ease-in-out infinite alternate}
        @keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
        .hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,61,45,.7) 0%,rgba(0,0,0,.2) 60%,transparent 100%);z-index:2}
        .hero-content{position:relative;z-index:3;height:100%;display:flex;align-items:center}
        .hero-badge{display:inline-block;border:1px solid rgba(255,255,255,.3);padding:.35rem 1rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:1.5rem;backdrop-filter:blur(4px)}
        .dots{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10}
        .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5);cursor:pointer;transition:all .4s}
        .dot.active{background:#fff;width:28px;border-radius:4px}

        /* ── TYPOGRAPHY ── */
        .d1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(3rem,7.5vw,6.5rem);line-height:1.05;letter-spacing:-.025em}
        .d2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.15;letter-spacing:-.015em}
        .d3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}
        .lbl{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}

        /* ── BUTTONS ── */
        .btn{display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.06em;padding:1rem 2.5rem;border:1px solid;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}
        .btn-primary{background:#577D59;border-color:#577D59;color:#fff}
        .btn-primary:hover{background:#456346;border-color:#456346;transform:translateY(-2px);box-shadow:0 10px 24px rgba(87,125,89,.25)}
        .btn-outline{background:transparent;border-color:#577D59;color:#577D59}
        .btn-outline:hover{background:#577D59;color:#fff;transform:translateY(-2px)}
        .btn-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
        .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-1px)}
        .btn-white{background:#fff;border-color:#fff;color:#1a3d2d}
        .btn-white:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}

        /* ── STATS ── */
        .stat-card{background:#fff;border:1px solid rgba(0,0,0,.06);transition:all .4s}
        .stat-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08)}
        .stat-num{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:4.5rem;line-height:1;color:#577D59;letter-spacing:-.03em}

        /* ── SECTION UTILS ── */
        .section{padding:7rem 0}
        .container{max-width:1400px;margin:0 auto;padding:0 2rem}
        .section-head{text-align:center;margin-bottom:5rem}
        .divider{width:3rem;height:2px;background:#577D59;margin:1.25rem auto}
        .divider-left{width:3rem;height:2px;background:#577D59;margin:1.25rem 0}

        /* ── WORKSPACE CARDS ── */
        .ws-card{background:#fff;border:1px solid rgba(0,0,0,.07);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}
        .ws-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.12);border-color:rgba(87,125,89,.2)}
        .ws-card img{width:100%;height:260px;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}
        .ws-card:hover img{transform:scale(1.06)}
        .ws-overlay{position:absolute;top:0;left:0;right:0;height:260px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 100%);opacity:0;transition:opacity .4s}
        .ws-card:hover .ws-overlay{opacity:1}

        /* ── AMENITY ITEMS ── */
        .amenity{border:1px solid rgba(0,0,0,.07);background:#fff;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}
        .amenity:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:rgba(87,125,89,.2)}
        .amenity-ico{width:52px;height:52px;border:1.5px solid rgba(87,125,89,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#577D59;transition:all .4s;font-family:'Cormorant Garamond',serif;font-size:1.1rem}
        .amenity:hover .amenity-ico{background:#577D59;color:#fff;border-color:#577D59;transform:rotate(5deg)}

        /* ── TESTIMONIALS ── */
        .testi{background:#fff;border:1px solid rgba(0,0,0,.07);padding:2.5rem;transition:all .4s}
        .testi:hover{border-color:rgba(87,125,89,.2);box-shadow:0 12px 40px rgba(0,0,0,.07)}
        .testi-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#577D59,#6BA5A0);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.1rem}
        .quote-mark{font-family:'Cormorant Garamond',serif;font-size:4rem;color:#577D59;line-height:.8;opacity:.3;float:left;margin-right:.5rem}

       

        /* ── TEAM ── */
        .team-card{background:#fff;border:1px solid rgba(0,0,0,.07);overflow:hidden;transition:all .4s}
        .team-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.1)}
        .team-card img{width:100%;height:240px;object-fit:cover}

        /* ── GALLERY ── */
        .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:240px 240px;gap:4px}
        .gallery-item{overflow:hidden;position:relative;cursor:pointer}
        .gallery-item:first-child{grid-column:span 2;grid-row:span 2}
        .gallery-item:nth-child(3){grid-column:span 1}
        .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}
        .gallery-item:hover img{transform:scale(1.06)}
        .gallery-item .gallery-overlay{position:absolute;inset:0;background:rgba(26,61,45,.4);opacity:0;transition:opacity .4s;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Cormorant Garamond',serif;font-size:1.1rem;letter-spacing:.05em}
        .gallery-item:hover .gallery-overlay{opacity:1}

        /* ── LIGHTBOX ── */
        .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
        .lightbox.open{display:flex}
        .lightbox img{max-width:90vw;max-height:88vh;object-fit:contain}

        /* ── CONTACT ── */
        .contact-info-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem}
        .contact-ico{width:44px;height:44px;background:rgba(87,125,89,.08);border:1px solid rgba(87,125,89,.15);display:flex;align-items:center;justify-content:center;color:#577D59;flex-shrink:0;font-size:.85rem;font-weight:600;font-family:'Cormorant Garamond',serif}
        input,select,textarea{width:100%;padding:.875rem 1rem;border:1px solid rgba(0,0,0,.1);background:#fff;font-family:'Inter',sans-serif;font-weight:300;font-size:.9rem;transition:all .3s;outline:none}
        input:focus,select:focus,textarea:focus{border-color:#577D59;box-shadow:0 0 0 3px rgba(87,125,89,.08)}
        label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#555;margin-bottom:.4rem}

        /* ── BRANDS ── */
        .brand-item{border:1px solid rgba(0,0,0,.07);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .4s;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;color:#555;letter-spacing:.03em}
        .brand-item:hover{border-color:rgba(87,125,89,.25);color:#577D59;background:rgba(87,125,89,.02);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}

        /* ── ABOUT ── */
        .about-highlight{border-left:3px solid #577D59;padding-left:1.5rem}

        /* ── FOOTER ── */
        footer{background:#1a3d2d}
        .footer-link{color:rgba(255,255,255,.55);font-size:.85rem;font-weight:300;text-decoration:none;transition:color .3s;display:block;margin-bottom:.6rem}
        .footer-link:hover{color:#fff}
        .social-link{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);transition:all .3s;margin-right:.5rem;text-decoration:none}
        .social-link:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}

        /* ── WHATSAPP ── */
        .wa{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:100;text-decoration:none;transition:all .3s;animation:waPulse 3s ease-in-out infinite}
        .wa:hover{transform:scale(1.12);animation:none}
        @keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 20px rgba(37,211,102,.4),0 0 0 12px rgba(37,211,102,.1)}}

        /* ── MAP ── */
        .map-wrap{filter:grayscale(1);transition:filter .4s}
        .map-wrap:hover{filter:grayscale(0)}

        /* ── REVEAL ── */
        .reveal{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}

        /* ── MOBILE ── */
        @media(max-width:768px){
            .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
            .gallery-item:first-child{grid-column:span 2;height:220px}
            .gallery-item{height:160px}
            .section{padding:4rem 0}
        }


/* ─────────────────────────────
   PRICING SECTION GRID
───────────────────────────── */

.pricing-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:1.5rem;
    align-items:stretch;   /* Equal column heights */
}

/* Each pricing column behaves like a card */
.pricing-grid > div{
    display:flex;
    flex-direction:column;
}

/* Tablet */
@media (max-width:1024px){
    .pricing-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width:640px){
    .pricing-grid{
        grid-template-columns: 1fr;
    }
}



/* ─────────────────────────────
   PRICING TABLE
───────────────────────────── */

.price-table{
    border:1px solid rgba(0,0,0,.08);
    overflow:hidden;
    background:#fff;
}



/* Optional header */
.price-head{
    display:grid;
    grid-template-columns: 1fr 160px;
    background:#577D59;
    color:#fff;
}

.price-head div{
    padding:.875rem 1.25rem;
    font-size:.7rem;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
}



/* ─────────────────────────────
   TABLE ROWS
───────────────────────────── */

.price-row{
    display:grid;
    grid-template-columns: 1fr auto;   /* Wide plan, tight price */
    border-bottom:1px solid rgba(0,0,0,.06);
    transition:background .2s;
    align-items:center;
}

.price-row:last-child{
    border-bottom:none;
}

.price-row:hover{
    background:rgba(87,125,89,.03);
}



/* Cells */
.price-row div{
    padding:.875rem 1.25rem;
    font-size:.9rem;
}



/* ── PLAN COLUMN (STACKED BUTTON) ── */

.price-row div:first-child{
    display:flex;
    flex-direction:column;     /* Button on next line */
    align-items:flex-start;
    gap:.35rem;

    color:#444;
    border-right:1px solid rgba(0,0,0,.06);
}



/* Buttons */
.price-row button{
    font-size:.7rem;
    padding:.3rem .7rem;
    line-height:1;
}



/* ── PRICE COLUMN ── */

.price-row div:last-child{
    color:#577D59;
    font-weight:500;
    text-align:right;
    white-space:nowrap;
    min-width:120px;
}



/* ─────────────────────────────
   CTA ROW
───────────────────────────── */

.price-cta{
    display:grid;
    grid-template-columns: 1fr auto;
    background:#456346;
    color:#fff;
}

.price-cta div{
    padding:.875rem 1.25rem;
    font-size:.8rem;
    font-weight:600;
    letter-spacing:.08em;
}

.price-cta div:last-child{
    text-align:right;
}



/* ─────────────────────────────
   NOTE
───────────────────────────── */

.price-note{
    font-size:.78rem;
    color:#888;
    margin-top:.75rem;
    font-style:italic;
}


    </style>