:root{--navy:#071e32;--blue:#123d61;--cyan:#49d9db;--paper:#f4f6f5;--ink:#102c40;--muted:#62717b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #008a99;outline-offset:5px}.skip{position:absolute;top:-100px;z-index:9;background:white;padding:20px}.skip:focus{top:0}.preview{text-align:center;padding:8px 15px;background:#dbe9ec;color:#25495c;font-size:10px;letter-spacing:1px}header{height:98px;background:var(--navy);color:white;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:3px}.brand strong{display:block;font-size:26px;letter-spacing:2px;line-height:1.2}.brand strong span{font-size:10px;vertical-align:top}.brand-symbol{font-size:39px;font-weight:bold;color:var(--cyan);letter-spacing:-8px}.brand-symbol span{font-size:25px;vertical-align:top}nav{display:flex;align-items:center;gap:25px;font-size:12px}nav a{padding:12px 0}nav a:hover{color:var(--cyan)}nav .nav-contact{border:1px solid #5a7181;padding:14px 18px;margin-left:12px}.nav-contact span{margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--navy);color:white;min-height:650px;overflow:hidden}.hero-copy{padding:70px 5vw 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;line-height:1.7}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px}h1{font-size:clamp(48px,5.4vw,86px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:32px 0}h1 em{font-style:normal;color:var(--cyan)}.intro{max-width:450px;color:#bdcbd5;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;gap:30px;background:var(--cyan);color:var(--navy);padding:19px 23px;border:0;font-size:13px;font-weight:bold;align-items:center}.button:hover{background:#80e9e9}.text-link{font-size:12px;font-weight:bold;line-height:1.7;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#a8bdca;margin-top:65px;border-top:1px solid #385064;padding-top:23px}.hero-visual{position:relative;background:radial-gradient(ellipse at 50% 45%,#416078 0,#1c3d56 45%,#102c43 80%);display:flex;align-items:center;justify-content:center}.hero-visual>img{width:95%;height:500px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 35px 25px #03142280)}.visual-label{position:absolute;top:35px;left:35px;font-size:9px;letter-spacing:2px;color:#aec1ce}.orbit{position:absolute;width:78%;height:73%;border:1px solid #66829544;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:95%;height:50%;transform:rotate(30deg)}.visual-tag{position:absolute;bottom:65px;left:35px;z-index:2;backdrop-filter:blur(15px);background:#0c243dcb;border:1px solid #68839566;padding:17px;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:10px}.visual-number{position:absolute;bottom:25px;right:30px;color:#c5d2db;font-size:10px;letter-spacing:2px}.category-strip{display:flex;justify-content:space-between;gap:20px;padding:29px 5%;border-bottom:1px solid #ccd5d8;align-items:center;font-size:12px}.category-strip>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.section{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:18px 0}p{line-height:1.8}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px}.restaurant-layout{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #d3dddf}.floor-plan{height:480px;position:relative;background-color:#e8efec;background-image:linear-gradient(#b2c5c52a 1px,transparent 1px),linear-gradient(90deg,#b2c5c52a 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.plan-caption{position:absolute;top:20px;left:23px;font-size:9px;letter-spacing:1.6px}.kitchen{position:absolute;top:65px;left:7%;width:40%;height:155px;border:3px solid #8aada9;background:#dde9e2}.kitchen>span,.bar>span,.dining>span{font-size:9px;letter-spacing:2px;position:absolute;bottom:12px;left:15px;color:#486d6c}.counter{position:absolute;left:10px;right:10px;top:12px;height:28px;background:#afc9bc;border:1px solid #83a695}.stoves{position:absolute;top:54px;left:15px;font-size:26px;color:#72978a}.bar{position:absolute;left:7%;top:245px;width:21%;height:150px;border:3px solid #8aada9;border-right:18px solid #99b8ac}.dining{position:absolute;left:50%;top:65px;width:43%;height:330px;border:3px solid #8aada9;border-left:0}.table{position:absolute;width:57px;height:57px;border:8px solid #d4dfd3;background:#99b8a9;border-radius:50%;box-shadow:0 -12px 0 -7px #63877d,0 12px 0 -7px #63877d,12px 0 0 -7px #63877d,-12px 0 0 -7px #63877d}.t1{left:15%;top:17%}.t2{right:12%;top:17%}.t3{left:15%;top:57%}.t4{right:12%;top:57%}.entrance{position:absolute;bottom:35px;left:37%;font-size:10px;letter-spacing:2px;color:#486d6c}.hotspot{position:absolute;width:37px;height:37px;border-radius:50%;background:var(--navy);color:white;border:4px solid #e5f1ec;box-shadow:0 0 0 1px #123d6155;z-index:2;font-size:12px}.hotspot.active,.hotspot:hover{background:#007783;color:white;box-shadow:0 0 0 7px #39bac332}.p1{left:24%;top:59%}.p2{left:34%;top:28%}.p3{left:69%;top:48%}.p4{left:43%;top:78%}.p5{left:86%;top:19%}.zone-detail{background:white;padding:38px;position:relative}.zone-number{font-size:60px;font-weight:500;color:#ccdadd;display:block;margin-bottom:24px}.zone-detail h3{font-size:30px;letter-spacing:-1px;line-height:1.15;font-weight:500}.zone-detail>p:not(.eyebrow){font-size:14px;color:var(--muted)}.zone-bottom{font-size:10px;color:var(--muted);margin-top:30px}.agora-section{background:#e8eeef;padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:90px}.agora-word{font-size:44px;font-weight:bold;letter-spacing:-2px;margin-top:30px}.agora-word>span{font-size:9px;letter-spacing:2px;color:#667681;margin-left:12px}.agora-copy>p:not(.eyebrow){max-width:420px;font-size:14px;color:var(--muted)}.dark-button{background:var(--navy);color:white;margin-top:20px}.agora-features article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #b9c8cd}.agora-features article>span{font-size:11px;padding-top:5px}.agora-features article>span:last-child{margin-left:auto}.agora-features h3{margin:0;font-weight:500;font-size:22px}.agora-features article p{font-size:13px;color:var(--muted);margin:8px 0 0}.fine{font-size:11px;color:var(--muted);line-height:1.7}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters button{background:transparent;border:1px solid #bac9cf;padding:12px 20px;border-radius:2px;color:var(--ink);font-size:12px}.filters .selected{background:var(--navy);border-color:var(--navy);color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid #dae1e2;display:flex;flex-direction:column}.product-image{height:245px;background:#eaf0f1;display:flex;align-items:center;justify-content:center;padding:25px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-info{padding:23px}.product-category{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.product h3{font-size:23px;font-weight:500;margin:12px 0}.product p{font-size:12px;color:var(--muted)}.product a{font-size:11px;font-weight:bold;display:flex;justify-content:space-between;border-top:1px solid #d7e0e3;padding-top:18px;margin-top:25px}.infrastructure{padding-top:25px}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #c8d4d8;padding-top:35px}.infra-grid article>span{font-size:32px}.infra-grid h3{font-size:20px;font-weight:500}.infra-grid p{font-size:13px;color:var(--muted)}.support{padding:80px 6%;background:var(--navy);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.support>div>p:not(.eyebrow){max-width:420px;color:#b8c9d3;font-size:14px;margin-bottom:30px}.support-right{padding-top:15px}.support-right>img{width:230px;height:100px;object-fit:contain;object-position:left;margin-bottom:20px}.support-right>div{display:flex;align-items:center;gap:20px;border-top:1px solid #3c5568;padding:15px 0}.support-right span{font-size:10px;color:var(--cyan)}.support-right h3{font-size:16px;font-weight:400}.other{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;border-bottom:1px solid #c8d4d8}.other>.eyebrow{grid-column:1/-1}.other>div{align-self:center;font-size:14px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#e9eeeb}.contact>div>p:not(.eyebrow){max-width:390px;font-size:14px;color:var(--muted)}.contact .contact-note{font-size:11px!important;padding:16px;border-left:2px solid #72948c}form{display:grid;gap:18px}label{font-size:11px;font-weight:bold;display:grid;gap:8px}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #a6bab7;padding:12px 0;border-radius:0;font-size:14px;color:var(--ink)}textarea{resize:vertical}form .button{justify-self:start;background:var(--navy);color:white}#form-status{font-size:12px;margin:0}footer{padding:45px 6%;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>p,footer>a:last-child{font-size:11px}footer>span{font-size:9px;letter-spacing:1px;color:#abc0cc}footer .brand strong{font-size:22px}@media(min-width:1600px){main,header,footer,.category-strip{max-width:1800px;margin:auto}body{background:#e4ebed}}@media(max-width:1050px){nav{gap:16px}nav .nav-contact{display:none}.hero-copy{padding-top:45px}h1{letter-spacing:-2.5px}.hero-footer{flex-direction:column;gap:10px}.hero-visual>img{height:400px}.agora-section,.support,.contact{gap:45px}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.preview{font-size:8px}header{height:80px;padding:0 6%;position:relative}.brand strong{font-size:22px}.menu{display:flex;align-items:center;gap:14px;background:transparent;border:0;color:white;font-size:12px;padding:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--navy);padding:20px 6%;z-index:5;border-top:1px solid #344c60;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6% 30px}h1{font-size:55px;margin-top:25px}.intro{font-size:15px}.actions{gap:20px}.hero-footer{margin-top:35px}.hero-visual{min-height:380px}.hero-visual>img{height:350px;width:85%}.visual-label{left:6%;top:25px;font-size:8px}.visual-tag{bottom:35px;left:6%;padding:12px;font-size:10px}.visual-number{bottom:12px}.category-strip{flex-wrap:wrap;justify-content:start;gap:20px;font-size:11px}.category-strip>span{flex-basis:100%;font-size:8px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:40px}.section-heading>p{max-width:100%;font-size:13px}.restaurant-layout{grid-template-columns:1fr}.floor-plan{height:390px}.kitchen{height:125px}.bar{top:205px;height:120px}.dining{height:260px}.table{width:44px;height:44px}.entrance{bottom:25px}.p1{top:59%}.p2{top:29%}.p3{top:48%}.p4{top:80%}.zone-detail{padding:28px}.zone-number{float:right;font-size:45px}.zone-detail h3{font-size:29px}.zone-bottom{margin-top:20px}.agora-section,.support,.contact{padding:60px 6%;grid-template-columns:1fr;gap:35px}.agora-features article{padding:22px 0}.products{gap:12px}.product-image{height:170px;padding:12px}.product-info{padding:16px}.product h3{font-size:20px}.product-category{font-size:8px}.product p{font-size:11px}.product a{font-size:10px}.filters{gap:7px}.filters button{padding:11px 13px;font-size:11px}.infra-grid{grid-template-columns:1fr;gap:20px}.infra-grid article{border-bottom:1px solid #ced9db;padding-bottom:15px}.infra-grid article>span{float:right}.other{grid-template-columns:1fr;gap:15px}.other>.eyebrow{grid-column:auto}footer{flex-wrap:wrap;gap:20px}footer>p{width:50%}footer>span{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} 

@media(max-width:700px){h1{font-size:44px;letter-spacing:-2px}}