:root{color:#102326;background:#edf8f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--accent: #087b73;--accent-2: #11c7bd;--accent-3: #ffd469;--blue: #3eb9f0;--green: #19b991;--deep: #062f34;--text: #102326;--muted: #65777a;--panel: rgba(255, 255, 255, .72);--line: rgba(8, 123, 115, .18);--shadow: 0 22px 62px rgba(0, 96, 95, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow:hidden;color:var(--text)}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}#app,.site-shell{width:100vw;height:100vh;height:100dvh}.site-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(17,199,189,.14) 0%,transparent 30%),linear-gradient(225deg,rgba(255,212,105,.16) 0%,transparent 34%),linear-gradient(180deg,#ecfaf8,#f8fffd 48%,#eef9f8)}.mca-header{position:fixed;top:0;left:0;z-index:20;display:flex;align-items:center;width:100%;height:80px;padding:0 80px;pointer-events:none}.brand-lockup,.header-actions,.section-pager{pointer-events:auto}.brand-lockup{display:inline-flex;align-items:center;gap:14px;margin-right:auto;color:var(--deep);font-size:30px;font-weight:800;line-height:1;white-space:nowrap}.brand-lockup img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,93,84,.24))}.header-actions{display:flex;align-items:center;gap:14px}.language-box{position:relative;display:grid;width:48px;height:48px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--deep) 0%,var(--accent-2) 100%);box-shadow:0 10px 24px #006f682e}.language-box select{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.language-box svg{width:23px;height:23px}.cms-entry{display:inline-flex;align-items:center;justify-content:center;min-width:124px;height:48px;gap:8px;border-radius:8px;padding:0 16px;color:#fff;background:linear-gradient(135deg,var(--deep) 0%,var(--accent) 58%,var(--accent-2) 100%);box-shadow:0 10px 24px #006f682e;font-size:16px;font-weight:700}.cms-entry svg{width:18px;height:18px}.snap-pages{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.snap-section{position:relative;display:grid;min-height:100vh;min-height:100dvh;overflow:hidden;scroll-snap-align:start;background:radial-gradient(ellipse at 22% 18%,rgba(17,199,189,.18),transparent 38%),radial-gradient(ellipse at 78% 28%,rgba(255,212,105,.14),transparent 32%),linear-gradient(135deg,#f7fffd,#eef9f8 48%,#fbfffe)}.snap-section:before,.snap-section:after{position:absolute;z-index:0;width:420px;height:260px;border-radius:40px;content:"";opacity:.42;transform:rotate(-31deg)}.snap-section:before{top:110px;left:-90px;background:linear-gradient(135deg,#25d4c461,#07524e14);box-shadow:0 34px 70px #00625d1a}.snap-section:after{right:-58px;bottom:78px;background:linear-gradient(135deg,#35b9f033,#ffd46933);box-shadow:0 34px 70px #0069621a}.hero-section{place-items:center;padding:82px 24px 34px;text-align:center}.ambient-shape{position:absolute;z-index:0;border-radius:40px;pointer-events:none}.shape-one{top:86px;left:120px;width:330px;height:210px;background:linear-gradient(135deg,#11c7bd47,#062f3414);transform:rotate(-38deg)}.shape-two{right:105px;top:104px;width:360px;height:230px;background:linear-gradient(135deg,#3eb9f033,#ffd46929);transform:rotate(28deg)}.hero-effect-preview{position:absolute;inset:auto auto 20px 36px;z-index:1;width:min(42vw,520px);max-height:70vh;object-fit:contain;opacity:.12;pointer-events:none}.hero-content{position:relative;z-index:2;width:min(100%,640px);margin-top:-12px}.hero-logo{width:98px;height:98px;margin-bottom:8px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,93,84,.24))}.slogan-container h1,.section-copy h2,.contact-copy h2{margin:0;color:#102326;font-size:42px;line-height:1.24;font-weight:800;letter-spacing:0}.slogan-container h1{font-size:28px;color:var(--accent);background:linear-gradient(135deg,var(--deep) 0%,var(--accent) 44%,var(--accent-2) 82%,#c48d1f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.slogan-container p{margin:8px 0 0;color:#4f6265;font-size:16px;line-height:1.5}.hero-lead{margin:18px 0 12px;color:#203639;font-size:16px;line-height:1.6}.hero-highlights{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.hero-highlights li{border:1px solid rgba(8,123,115,.1);border-radius:8px;padding:8px 14px;background:#ffffffad;color:#203639;font-size:14px;line-height:1.5;text-align:left;box-shadow:0 10px 22px #00605f0f}.system-requirements h2{margin:0 0 12px;color:#405b5d;font-size:16px;font-weight:700}.requirements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,640px);margin:0 auto}.requirement-item{display:flex;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#ffffff9e;color:#405b5d;font-size:13px;line-height:1.3;text-align:left}.check-icon{display:inline-grid;width:17px;height:17px;flex:0 0 auto;place-items:center;margin-right:9px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800}.hero-nav-actions{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,200px));justify-content:center;gap:24px;margin-top:22px}.hero-nav-actions a{height:44px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);background:#ffffff8a;font-size:16px;line-height:44px;transition:color .18s ease,background .18s ease}.hero-nav-actions a:hover{color:#fff;background:var(--accent)}.free-access-hint{position:absolute;right:4px;top:-16px;border-radius:13px;padding:4px 10px;color:#173132;background:linear-gradient(135deg,#ffe58a 0%,var(--accent-3) 100%);box-shadow:0 4px 10px #c58e1c33;font-size:11px;font-weight:800}.intro-section,.suite-section{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);align-items:center;gap:68px;padding:92px 8vw 52px}.section-copy{position:relative;z-index:2;max-width:700px}.section-copy p,.contact-copy p{margin:28px 0 0;color:#203639;font-size:20px;line-height:1.72}.mode-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:700px;margin-top:30px}.mode-button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;min-height:84px;border:1px solid rgba(8,123,115,.12);border-radius:8px;padding:13px 14px;color:var(--accent);background:#ffffffad;box-shadow:0 12px 24px #00605f12}.mode-button span{display:inline-grid;width:24px;height:24px;grid-row:1 / span 2;flex:0 0 auto;place-items:center;margin:2px 10px 0 0;border-radius:7px;color:#fff;font-size:10px;font-weight:900}.mode-button strong{min-width:0;color:currentColor;font-size:16px;line-height:1.2;font-weight:800}.mode-button small{min-width:0;margin-top:6px;color:#526b6d;font-size:12px;line-height:1.45}.mode-button.free{color:var(--accent)}.mode-button.free span{background:var(--accent)}.mode-button.solo{color:var(--green)}.mode-button.solo span{background:var(--green)}.mode-button.pk{color:#bd841b}.mode-button.pk span{background:linear-gradient(135deg,#d69b22,var(--accent-3))}.mode-button.multiPk{color:var(--blue)}.mode-button.multiPk span{background:var(--blue)}.mode-button.sticker{color:#07524e}.mode-button.sticker span{background:#07524e}.feature-callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.feature-callouts p{margin:0;border:1px solid rgba(8,123,115,.18);border-radius:8px;padding:14px 18px;background:#087b730f;color:#203639;font-size:16px;line-height:1.62}.room-preview{position:relative;z-index:2;display:grid;place-items:center}.room-carousel{isolation:isolate;position:relative;width:min(100%,560px);height:min(78vh,650px)}.room-carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;image-rendering:auto;mix-blend-mode:normal;animation:roomSwitch 12s linear infinite;will-change:opacity,visibility}.room-carousel img:nth-child(2){animation-delay:4s}.room-carousel img:nth-child(3){animation-delay:8s}@keyframes roomSwitch{0%,32.9%{opacity:1;visibility:visible}33%,to{opacity:0;visibility:hidden}}.suite-section{grid-template-columns:minmax(420px,.98fr) minmax(420px,1.02fr)}.suite-gallery{position:relative;z-index:2;width:min(100%,580px);min-height:510px;margin:0 auto}.gallery-card{position:absolute;object-fit:contain;filter:drop-shadow(0 30px 48px rgba(0,76,75,.18));transition:left .22s ease,right .22s ease,top .22s ease,bottom .22s ease,width .22s ease,opacity .22s ease,filter .22s ease,transform .22s ease}.gallery-main{inset:50% auto auto 50%;z-index:2;width:76%;opacity:1;max-height:500px;filter:drop-shadow(0 30px 48px rgba(0,76,75,.18));transform:translate(-50%,-50%)}.gallery-left,.gallery-right{z-index:1;width:42%;opacity:.38;filter:blur(.5px) drop-shadow(0 20px 34px rgba(0,76,75,.1))}.gallery-left{inset:22% auto auto -2%;transform:rotate(-4deg)}.gallery-right{inset:auto -2% 14% auto;transform:rotate(4deg)}.gallery-arrow{position:absolute;top:50%;width:42px;height:42px;border:0;border-radius:50%;background:transparent;z-index:3;cursor:pointer}.gallery-arrow:before{position:absolute;inset:12px;border-top:4px solid rgba(8,123,115,.52);border-left:4px solid rgba(8,123,115,.52);content:""}.gallery-arrow-left{left:0}.gallery-arrow-left:before{transform:rotate(-45deg)}.gallery-arrow-right{right:0}.gallery-arrow-right:before{transform:rotate(135deg)}.gallery-dots{position:absolute;left:50%;bottom:6px;display:flex;gap:8px;transform:translate(-50%)}.gallery-dots span{width:8px;height:8px;border-radius:50%;background:#00000038}.gallery-dots .active{width:24px;border-radius:8px;background:var(--accent-3)}.contact-section{align-content:center;justify-items:center;gap:26px;padding:92px 24px 58px;text-align:center}.contact-copy{position:relative;z-index:2;width:min(100%,740px)}.contact-copy h2{font-size:42px}.contact-copy p{margin-top:18px;font-size:24px}.contact-copy strong{display:block;margin-top:18px;color:#5c7073;font-size:18px}.download-panel{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:14px;width:min(100%,980px)}.download-option{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;min-height:78px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;color:var(--deep);background:#ffffffb8;box-shadow:0 14px 30px #00605f14;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.download-option:hover{border-color:#087b7361;box-shadow:0 18px 36px #00605f1f;transform:translateY(-2px)}.download-option svg{width:38px;height:38px;border-radius:8px;padding:8px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.download-option.manual svg{color:#173132;background:linear-gradient(135deg,#ffe58a,var(--accent-3))}.download-option strong,.download-option small{display:block}.download-option strong{font-size:16px;line-height:1.25;word-break:keep-all}.download-option small{margin-top:5px;color:#65777a;font-size:12px;line-height:1.35}.qr-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(180px,220px));gap:70px;margin-top:4px}.qr-card{display:grid;gap:14px;justify-items:center;color:#405b5d;font-size:18px;font-weight:700}.qr-image{width:178px;height:178px;border:14px solid rgba(255,255,255,.86);border-radius:18px;object-fit:cover;background:#fff;box-shadow:0 18px 45px #00605f1f}.section-pager{position:fixed;right:52px;top:50%;z-index:21;display:grid;gap:10px;transform:translateY(-50%)}.section-pager a{width:8px;height:8px;border-radius:8px;background:#0f2d3147;transition:height .18s ease,background .18s ease}.section-pager a.active{height:28px;background:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto}.room-carousel img{animation:none}.room-carousel img:first-child{opacity:1;visibility:visible}}@media(max-width:1180px){.mca-header{padding:0 40px}.brand-lockup{font-size:28px}.brand-lockup img{width:58px;height:58px}.intro-section,.suite-section{grid-template-columns:1fr;gap:28px;padding-inline:40px}.section-copy{max-width:820px;text-align:center}.mode-buttons{margin-right:auto;margin-left:auto}.feature-callouts{max-width:760px;margin-right:auto;margin-left:auto}.room-carousel{height:420px}.suite-gallery{min-height:420px}.download-panel{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:620px}}@media(max-width:760px){body{overflow:auto}#app,.site-shell{width:100%;min-height:100vh;height:auto}.site-shell{overflow:visible}.mca-header{position:sticky;height:68px;padding:0 16px;background:#f4fdfbe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{gap:8px;font-size:18px}.brand-lockup img{width:44px;height:44px}.header-actions{gap:8px}.language-box{width:42px;height:42px}.cms-entry{min-width:42px;width:42px;height:42px;padding:0}.cms-entry span{display:none}.snap-pages{height:auto;overflow:visible;scroll-snap-type:none}.snap-section{min-height:auto;overflow:visible;scroll-snap-align:none}.snap-section:before,.snap-section:after,.ambient-shape,.hero-effect-preview,.section-pager{display:none}.hero-section{padding:42px 18px 64px}.hero-content{margin-top:0}.hero-logo{width:92px;height:92px}.slogan-container h1,.section-copy h2,.contact-copy h2{font-size:30px;line-height:1.28}.slogan-container h1{font-size:27px}.hero-lead,.section-copy p{font-size:16px}.requirements-grid,.mode-buttons,.feature-callouts,.download-panel,.qr-grid{grid-template-columns:1fr}.mode-buttons{max-width:460px}.mode-button{min-height:74px}.hero-nav-actions{grid-template-columns:1fr;gap:12px}.free-access-hint{right:14px}.intro-section,.suite-section,.contact-section{grid-template-columns:1fr;gap:28px;padding:58px 18px}.room-carousel{width:min(100%,360px);height:430px}.suite-gallery{width:min(100%,390px);min-height:340px}.contact-copy p{font-size:18px}.contact-copy strong{font-size:15px}.download-panel{max-width:420px}.qr-grid{gap:26px}}@media(max-width:420px){.slogan-container h1,.section-copy h2,.contact-copy h2{font-size:26px}.hero-highlights li,.feature-callouts p{font-size:13px}.room-carousel{height:390px}}