@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-canvas:#fafbfc;--bg-surface:#fff;--glass-bg:#ffffffbf;--glass-bg-hover:#ffffffeb;--glass-bg-subtle:#ffffff8c;--glass-border:#fffffff2;--glass-border-subtle:#0f172a14;--glass-border-medium:#0f172a24;--brand-navy:#14233c;--brand-navy-light:#1e355b;--brand-forest:#2e6347;--brand-forest-light:#3b7a57;--brand-gold:#c58b30;--brand-gold-warm:#d4a373;--brand-gold-light:#fef3c7;--primary:#0f172a;--primary-accent:#2563eb;--text-heading:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--glass-shadow:0 10px 30px -4px #0f172a0a, 0 4px 12px -2px #0f172a05, inset 0 1px 0 #fffffff2;--glass-shadow-hover:0 20px 40px -8px #0f172a14, 0 6px 16px -4px #0f172a0a, inset 0 1px 0 #fff;--glass-shadow-elevated:0 25px 60px -12px #14233c1f, inset 0 1px 0 #ffffffe6;--transition:all .24s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--bg-canvas);color:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.65;position:relative;overflow-x:hidden}.ambient-orb-1{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#dbeafecc 0%,#e0f2fe66 50%,#0000 75%);width:620px;height:620px;position:absolute;top:-80px;left:5%}.ambient-orb-2{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#fef3c7bf 0%,#fed7aa59 50%,#0000 75%);width:580px;height:580px;position:absolute;top:40px;right:5%}.ambient-orb-3{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#d1fae5b3 0%,#a7f3d04d 50%,#0000 75%);width:600px;height:600px;position:absolute;top:1050px;left:15%}.ambient-orb-4{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#e0e7ffb3 0%,#fef3c74d 50%,#0000 75%);width:650px;height:650px;position:absolute;top:2100px;right:10%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-heading);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{z-index:1;max-width:1220px;margin:0 auto;padding:0 24px;position:relative}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:var(--transition);background:#ffffffd1;border-bottom:1px solid #0f172a0f;padding:14px 0;position:fixed;top:0;left:0;right:0}.nav-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex}.brand{font-family:var(--font-heading);color:var(--brand-navy);flex-shrink:0;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;display:flex}.brand-logo-img{object-fit:cover;border:1px solid #c58b3059;border-radius:50%;width:38px;height:38px;box-shadow:0 2px 8px #14233c1f}.nav-links{flex-wrap:nowrap;align-items:center;gap:26px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);white-space:nowrap;padding:6px 4px;font-size:.92rem;font-weight:500}.nav-link:hover{color:var(--brand-navy)}.nav-btn-play{background:var(--brand-navy);border-radius:var(--radius-full);white-space:nowrap;transition:var(--transition);flex-shrink:0;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #14233c26;color:#fff!important}.nav-btn-play:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 6px 20px #14233c40}.nav-hamburger{border:1px solid var(--glass-border-subtle);border-radius:var(--radius-xs);color:var(--brand-navy);cursor:pointer;background:#fffc;padding:8px;display:none}.mobile-drawer{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border-subtle);z-index:999;background:#fffffffa;flex-direction:column;gap:14px;padding:24px;display:none;position:fixed;top:67px;left:0;right:0;box-shadow:0 16px 40px #00000014}.mobile-drawer.is-open{display:flex}.mobile-drawer .nav-link{border-bottom:1px solid #0f172a0d;padding:10px 0;font-size:1.05rem}.hero{text-align:center;z-index:1;padding:140px 0 70px;position:relative}.hero-title{color:var(--brand-navy);letter-spacing:-.03em;max-width:960px;margin-bottom:22px;margin-left:auto;margin-right:auto;font-size:clamp(2.4rem,5.2vw,4.1rem);font-weight:800;line-height:1.15}.hero-title .highlight{color:var(--brand-forest);background:linear-gradient(135deg, var(--brand-forest) 0%, #1e355b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{max-width:740px;color:var(--text-body);margin:0 auto 36px;font-size:1.15rem;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:46px;display:flex}.btn-play-store{border-radius:var(--radius-md);color:#fff;transition:var(--transition);text-align:left;background:#0f172a;align-items:center;gap:14px;padding:12px 26px;display:inline-flex;box-shadow:0 8px 24px #0f172a29}.btn-play-store:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 14px 32px #0f172a3d}.play-text-col{flex-direction:column;display:flex}.play-subtext{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.68rem;font-weight:600;line-height:1}.play-maintext{font-size:1.18rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em;color:#fff;line-height:1.25}.btn-secondary-hero{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--brand-navy);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--glass-shadow);align-items:center;gap:10px;padding:14px 28px;font-size:1.02rem;font-weight:600;display:inline-flex}.btn-secondary-hero:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.hero-showcase-wrap{max-width:1040px;margin:0 auto;position:relative}.hero-showcase-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-elevated);padding:24px;position:relative;overflow:hidden}.hero-graphic-img{border-radius:var(--radius-lg);width:100%;height:auto;display:block;box-shadow:0 4px 20px #00000014}.floating-glass-pill{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);color:var(--brand-navy);background:#ffffffe0;border:1px solid #fffffff2;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #14233c1a}.floating-pills-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.section{z-index:1;padding:96px 0;position:relative}.section-header{text-align:center;max-width:660px;margin:0 auto 56px}.section-tag{text-transform:uppercase;color:var(--brand-forest);letter-spacing:.12em;border-radius:var(--radius-full);background:#2e634717;border:1px solid #2e634738;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.section-title{color:var(--brand-navy);margin-bottom:16px;font-size:clamp(2rem,3.8vw,2.75rem);line-height:1.2}.section-desc{color:var(--text-muted);font-size:1.08rem;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--glass-shadow);flex-direction:column;padding:34px;display:flex}.feature-card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.feature-icon-wrap{border-radius:var(--radius-md);width:52px;height:52px;color:var(--brand-navy);transition:var(--transition);background:#14233c0f;border:1px solid #14233c1a;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.feature-card:hover .feature-icon-wrap{background:var(--brand-navy);color:#fff;transform:scale(1.05)}.feature-title{color:var(--brand-navy);margin-bottom:12px;font-size:1.3rem}.feature-desc{color:var(--text-body);flex-grow:1;font-size:.96rem;line-height:1.7}.feature-pill-badge{border-radius:var(--radius-full);color:var(--text-muted);background:#0f172a0a;align-items:center;gap:5px;width:fit-content;margin-top:20px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:28px;margin-top:20px;display:grid}.plan-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:var(--transition);box-shadow:var(--glass-shadow);flex-direction:column;padding:38px 32px;display:flex;position:relative}.plan-card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.plan-card.featured{border:2px solid var(--brand-navy);background:#ffffffeb;box-shadow:0 20px 48px -8px #14233c29}.plan-badge-popular{background:var(--brand-navy);color:#fff;border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;padding:5px 18px;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #14233c33}.plan-badge-value{background:var(--brand-forest);color:#fff;border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;padding:5px 18px;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #2e634733}.plan-name{color:var(--brand-navy);margin-bottom:6px;font-size:1.4rem}.plan-duration{color:var(--text-muted);margin-bottom:24px;font-size:.92rem}.plan-price-wrap{align-items:baseline;gap:6px;margin-bottom:24px;display:flex}.plan-currency{color:var(--brand-navy);font-size:1.5rem;font-weight:700}.plan-price{font-size:3.2rem;font-weight:800;font-family:var(--font-heading);color:var(--brand-navy);letter-spacing:-.03em;line-height:1}.plan-per{color:var(--text-muted);font-size:.9rem}.plan-divider{background:#0f172a12;height:1px;margin-bottom:24px}.plan-features{flex-direction:column;flex-grow:1;gap:14px;margin-bottom:34px;list-style:none;display:flex}.plan-feature-item{color:var(--text-body);align-items:flex-start;gap:12px;font-size:.95rem;display:flex}.plan-feature-icon-circle{width:20px;height:20px;color:var(--brand-forest);background:#2e63471f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.76rem;font-weight:700;display:flex}.plan-btn{border-radius:var(--radius-md);width:100%;transition:var(--transition);text-align:center;color:var(--brand-navy);background:#0f172a0f;border:1px solid #0f172a1a;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:.98rem;font-weight:700;display:flex}.plan-btn:hover{background:#0f172a1f;transform:translateY(-2px)}.plan-card.featured .plan-btn{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy);box-shadow:0 4px 18px #14233c33}.plan-card.featured .plan-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 8px 24px #14233c4d}.about-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);max-width:960px;box-shadow:var(--glass-shadow-elevated);margin:0 auto;padding:44px}.about-header-flex{align-items:center;gap:28px;margin-bottom:24px;display:flex}.about-seal-img{border:2px solid #c58b3066;border-radius:50%;flex-shrink:0;width:96px;height:96px;box-shadow:0 4px 16px #14233c1a}.about-stat-strip{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;display:grid}.about-stat-box{border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:var(--transition);background:#ffffffb3;border:1px solid #0f172a0f;padding:20px}.about-stat-box:hover{box-shadow:var(--glass-shadow-hover);background:#fffffff2;transform:translateY(-2px)}.location-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-elevated);grid-template-columns:1.15fr .85fr;align-items:center;gap:44px;padding:48px;display:grid}.location-info h3{color:var(--brand-navy);margin-bottom:14px;font-size:1.9rem}.location-address-box{border-radius:var(--radius-md);box-shadow:var(--glass-shadow);background:#ffffffb3;border:1px solid #0f172a14;justify-content:space-between;align-items:flex-start;gap:14px;margin:22px 0;padding:20px;display:flex}.address-title{color:var(--brand-forest);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.8rem;font-weight:800}.address-text{color:var(--brand-navy);font-size:.96rem;line-height:1.6}.btn-copy-address{color:var(--brand-navy);border-radius:var(--radius-xs);transition:var(--transition);white-space:nowrap;background:#fff;border:1px solid #0f172a1f;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0000000d}.btn-copy-address:hover{background:#f1f5f9;border-color:#0f172a40;transform:translateY(-1px)}.location-details{flex-direction:column;gap:14px;margin-top:20px;display:flex}.detail-item{color:var(--text-body);align-items:center;gap:14px;font-size:.98rem;display:flex}.detail-icon-wrap{border-radius:var(--radius-xs);width:38px;height:38px;color:var(--brand-navy);background:#14233c0f;border:1px solid #14233c1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.amenities-panel{grid-template-columns:1fr 1fr;gap:16px;display:grid}.amenity-chip{border-radius:var(--radius-md);text-align:center;box-shadow:var(--glass-shadow);transition:var(--transition);background:#ffffffb3;border:1px solid #0f172a14;padding:20px 16px}.amenity-chip:hover{box-shadow:var(--glass-shadow-hover);background:#fffffff2;transform:translateY(-2px)}.amenity-icon-box{width:44px;height:44px;color:var(--brand-forest);background:#2e63471a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.amenity-label{color:var(--brand-navy);font-size:.92rem;font-weight:700}.app-showcase-banner{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--glass-shadow-elevated);padding:56px 40px;position:relative;overflow:hidden}.app-showcase-banner h2{color:var(--brand-navy);margin-bottom:14px;font-size:clamp(2.1rem,3.6vw,2.7rem)}.app-showcase-banner p{color:var(--text-body);max-width:680px;margin:0 auto 32px;font-size:1.1rem;line-height:1.75}.app-security-strip{border-radius:var(--radius-md);text-align:left;max-width:740px;box-shadow:var(--glass-shadow);background:#ffffffd9;border:1px solid #0f172a14;margin-top:36px;margin-left:auto;margin-right:auto;padding:24px}.footer{-webkit-backdrop-filter:blur(16px);z-index:1;background:#ffffffb3;border-top:1px solid #0f172a14;margin-top:96px;padding:70px 0 40px;position:relative}.footer-content{border-bottom:1px solid #0f172a14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:36px;padding-bottom:40px;display:flex}.footer-brand{max-width:440px}.footer-brand-title{color:var(--brand-navy);align-items:center;gap:10px;margin-bottom:8px;font-size:1.35rem;display:flex}.footer-brand p{color:var(--text-muted);font-size:.94rem;line-height:1.65}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links-title{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-forest);margin-bottom:4px;font-size:.82rem;font-weight:800}.footer-btn-link{color:var(--text-body);transition:var(--transition);text-align:left;background:0 0;padding:2px 0;font-size:.94rem}.footer-btn-link:hover{color:var(--brand-navy);transform:translate(3px)}.footer-bottom{text-align:center;color:var(--text-muted);padding-top:28px;font-size:.88rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;position:fixed;inset:0;display:none!important}.modal-overlay.is-open{animation:.22s ease-out modalFadeIn;display:flex!important}.modal-backdrop-close{z-index:1;cursor:pointer;background:0 0;position:absolute;inset:0}.modal-content{z-index:2;border-radius:var(--radius-xl);background:#fff;border:1px solid #ffffffe6;flex-direction:column;width:100%;max-width:780px;max-height:86vh;animation:.26s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0f172a33}.modal-header{background:#f8fafc;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.modal-title{color:var(--brand-navy);font-size:1.4rem}.modal-close-btn{color:var(--text-body);width:36px;height:36px;transition:var(--transition);cursor:pointer;background:#0f172a0f;border:1px solid #0f172a1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444e6;border-color:#ef4444;transform:scale(1.08)}.modal-body{color:var(--text-body);padding:28px;font-size:.96rem;line-height:1.75;overflow-y:auto}.modal-body h4{color:var(--brand-navy);margin:20px 0 8px;font-size:1.1rem}.modal-body p{margin-bottom:14px}.modal-footer{background:#f8fafc;border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.policy-badge{color:var(--brand-forest);border-radius:var(--radius-full);background:#2e63471a;border:1px solid #2e634740;align-items:center;margin-bottom:18px;padding:5px 14px;font-size:.8rem;font-weight:700;display:inline-flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.location-card{grid-template-columns:1fr;padding:34px}.about-header-flex{text-align:center;flex-direction:column}}@media (max-width:820px){.nav-links,.nav-btn-play{display:none}.nav-hamburger{display:block}.features-grid{grid-template-columns:1fr}.hero{padding:110px 0 50px}.about-stat-strip,.amenities-panel{grid-template-columns:1fr}}@media (max-width:540px){.hero-showcase-card{padding:16px}.app-showcase-banner{padding:36px 20px}.location-card,.about-card{padding:24px}}