:root{--deep:#082c32;--dark:#123941;--teal:#1b656b;--mint:#d9ebe3;--paper:#f7f6f1;--cream:#eeeee6;--ink:#123338;--muted:#61787a;--coral:#f7775f;--line:#d7e0db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{max-width:1240px;margin:auto;padding-inline:36px}.skip-link{position:absolute;top:-50px;left:12px;background:white;padding:10px;z-index:50}.skip-link:focus{top:12px}.site-header{height:82px;background:var(--paper);position:relative;z-index:10}.nav-wrap{max-width:1360px;height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:11px;min-width:230px}.brand-mark{font-family:Manrope,sans-serif;font-size:43px;font-weight:800;letter-spacing:-7px;line-height:1}.brand-dot{color:var(--coral)}.brand-name{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:2.5px;line-height:1.25;font-weight:500}.brand-name strong{font-weight:800}.desktop-nav{display:flex;gap:38px;margin:auto;font-size:13px;font-weight:700}.desktop-nav a{position:relative;padding:31px 0}.desktop-nav a:after{content:"";position:absolute;bottom:20px;left:0;width:0;height:2px;background:var(--coral);transition:.2s}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.nav-action{background:var(--deep);color:white;padding:13px 17px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}.nav-action span{margin-left:22px}.menu-button{display:none;background:none;border:0;width:32px;height:28px;padding:4px}.menu-button span{height:2px;background:var(--deep);display:block;margin:6px 0}.mobile-nav{position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:16px 28px 25px;box-shadow:0 15px 20px #082c3218}.mobile-nav a{display:block;padding:12px 4px;border-top:1px solid var(--line)}.hero{min-height:660px;position:relative;display:flex;flex-direction:column;background:#173c46;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/shenzhen-hero.jpg') center 48%/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(5,38,45,.88) 0%,rgba(5,38,45,.54) 43%,rgba(5,38,45,.08) 100%),linear-gradient(0deg,rgba(5,38,45,.45),transparent 25%)}.hero-content{position:relative;width:100%;padding-top:100px;flex:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.7px;color:var(--teal);margin:0 0 22px}.eyebrow.light{color:#e5f3eb}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--coral);vertical-align:middle;margin-right:10px}.hero h1,h2,h3,p{margin-top:0}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(52px,6.4vw,92px);line-height:1.06;font-weight:700;margin:0 0 26px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero-copy{font-size:16px;line-height:1.75;max-width:500px;color:#e5eded;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;font-size:13px;font-weight:800;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-coral{background:var(--coral);color:#162f35}.button-coral:hover{background:#ff927e}.hero-link{font-size:13px;font-weight:700;border-bottom:1px solid #ffffff8a;padding-bottom:4px}.hero-link span{margin-left:12px}.hero-bottom{position:relative;width:100%;display:flex;justify-content:space-between;padding-block:25px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#e6f4ed}.apec-strip{background:#dcebe4}.strip-inner{min-height:82px;display:flex;align-items:center;gap:18px}.strip-icon{width:25px;height:25px;border:1.5px solid var(--teal);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;color:var(--teal);flex:none}.strip-inner>div:nth-child(2){display:flex;gap:11px;align-items:baseline;font-size:13px;line-height:1.5}.strip-inner strong{white-space:nowrap}.strip-inner a{margin-left:auto;white-space:nowrap;color:#0f626b;font-size:12px;font-weight:800;border-bottom:1px solid #0f626b;padding-bottom:3px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:95px 100px;align-items:end}.intro h2,.section-top h2,.arrival-lead h2,.closing-inner h2{font-size:clamp(38px,4.2vw,60px);font-weight:700;line-height:1.12;margin:0}.intro h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.intro>p{font-size:16px;line-height:1.8;color:#50676a;max-width:500px;margin-bottom:3px}.planner-section{background:#edf2ec;padding:85px 0 100px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-top>p{max-width:310px;color:#60787a;font-size:14px;line-height:1.7;margin-bottom:4px}.planner-panel{background:white;border:1px solid #dce5df;padding:26px 30px;display:flex;justify-content:space-between;gap:30px;box-shadow:0 16px 40px #0c41400a}.planner-group{min-width:0}.control-label{display:block;color:#688182;font-size:10px;font-weight:800;letter-spacing:1.7px;margin-bottom:13px}.segmented,.chips{display:flex;flex-wrap:wrap;gap:7px}.option,.chip{border:1px solid #d3dfda;background:white;color:#486064;padding:10px 14px;font-size:12px;font-weight:700;border-radius:3px}.option:hover,.chip:hover{border-color:var(--teal)}.option.active,.chip.active{background:var(--deep);border-color:var(--deep);color:white}.result-head{display:flex;justify-content:space-between;align-items:end;margin:49px 0 20px}.result-kicker{font-size:10px;color:var(--teal);font-weight:800;letter-spacing:2px}.result-head h3{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.04em;margin:7px 0 0}.result-count{font-size:11px;color:#688182}.routes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.route-card{background:white;min-height:370px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #dce5df;transition:transform .2s,box-shadow .2s}.route-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1648421f}.route-art{height:150px;position:relative;overflow:hidden}.route-art:before,.route-art:after{content:"";position:absolute}.route-art.city{background:linear-gradient(135deg,#336f77,#aed3c6)}.route-art.city:before{left:12%;right:10%;bottom:0;height:80%;background:linear-gradient(90deg,transparent 0 8%,#0f4c58 8% 16%,transparent 16% 20%,#1c5965 20% 39%,transparent 39% 43%,#0d4654 43% 54%,transparent 54% 59%,#1a5962 59% 73%,transparent 73% 78%,#0c4250 78% 91%,transparent 91%);clip-path:polygon(0 100%,0 28%,15% 28%,15% 50%,25% 50%,25% 11%,42% 11%,42% 38%,56% 38%,56% 0,70% 0,70% 44%,83% 44%,83% 19%,100% 19%,100% 100%)}.route-art.city:after{bottom:0;left:0;right:0;height:25%;background:#b9d0be;opacity:.65}.route-art.coast{background:linear-gradient(165deg,#b3d4c9 0 42%,#4f9fa1 42% 75%,#1e6779 75%)}.route-art.coast:before{width:75%;height:140%;background:#2d6f5c;border-radius:50%;top:-70%;right:-18%;transform:rotate(-12deg)}.route-art.coast:after{width:120%;height:35%;background:#e7d5a9;border-radius:50%;bottom:-25%;left:-20%;transform:rotate(-9deg)}.route-art.innovation{background:radial-gradient(circle at 75% 20%,#e4aa76,transparent 20%),linear-gradient(130deg,#144756,#5c9d99)}.route-art.innovation:before{width:65%;height:90%;bottom:-20%;right:5%;background:repeating-linear-gradient(90deg,#d2dfd1 0 4px,#2b6871 4px 22px);transform:skew(-12deg);opacity:.75}.route-art.innovation:after{width:36%;height:60%;bottom:0;left:10%;background:#0d3744;clip-path:polygon(0 100%,0 20%,22% 20%,22% 0,100% 0,100% 100%)}.route-card-body{padding:23px 23px 22px;display:flex;flex-direction:column;flex:1}.route-meta{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#3b7a77;margin-bottom:15px;text-transform:uppercase}.route-card h4{font-family:Manrope,sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.04em;margin:0 0 12px}.route-card p{font-size:13px;line-height:1.65;color:#63787a;margin:0 0 26px}.route-open{border:0;border-top:1px solid #dfe7e3;background:none;text-align:left;padding:15px 0 0;display:flex;justify-content:space-between;font-weight:800;font-size:12px;margin-top:auto;color:var(--teal)}.planner-note{display:flex;gap:12px;margin-top:22px;align-items:start;color:#678082}.planner-note span{color:var(--teal)}.planner-note p{font-size:12px;line-height:1.6;margin:0}.arrival-section{background:var(--deep);color:white;padding:95px 0}.arrival-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.arrival-lead p:not(.eyebrow){color:#c5dbd6;font-size:15px;line-height:1.8;max-width:440px;margin:26px 0 34px}.arrival-select-wrap{max-width:390px}.arrival-select-wrap label{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#a9cac4;margin-bottom:10px}.arrival-select-wrap select{width:100%;appearance:none;background:#f7f6f1;color:var(--ink);border:0;border-radius:3px;padding:16px 45px 16px 18px;font-size:13px;font-weight:700;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='m3 5 4.5 5L12 5' fill='none' stroke='%23123338' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.arrival-card{background:#f1f4ee;color:var(--ink);padding:37px 39px;min-height:330px}.arrival-card .mini-label{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--teal)}.arrival-card h3{font-family:Manrope,sans-serif;font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 21px}.arrival-card p{color:#5d7577;font-size:14px;line-height:1.8}.arrival-card ul{list-style:none;margin:0 0 25px;padding:0}.arrival-card li{padding:12px 0;border-top:1px solid #d5e0d9;font-size:13px;line-height:1.5}.arrival-card li strong{display:block;margin-bottom:2px}.arrival-card a{color:#116872;font-size:12px;font-weight:800;border-bottom:1px solid #116872}.updates-section{padding-top:95px;padding-bottom:95px}.update-grid{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line)}.update-feature{background:#e7f0e9;padding:39px 43px}.status-dot{width:8px;height:8px;display:inline-block;background:#e36e5d;border-radius:50%;margin-right:9px}.update-tag{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#467b77}.update-feature h3{font-family:Manrope,sans-serif;font-size:31px;line-height:1.2;letter-spacing:-.05em;max-width:450px;margin:32px 0 16px}.update-feature p{font-size:14px;line-height:1.8;color:#5e7475}.verified{font-size:11px;font-weight:800;color:#4f7774;margin-top:22px}.update-list{padding:35px 40px;background:white}.update-list h3{font-family:Manrope,sans-serif;font-size:18px;margin:0 0 14px}.update-list a{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:16px 0;color:#1b5f66}.update-list a strong,.update-list a small{display:block}.update-list a strong{font-size:13px;color:var(--ink)}.update-list a small{font-size:11px;color:#789090;margin-top:4px}.update-disclaimer{font-size:12px;color:#718587;margin:18px 0 0;line-height:1.6}.essentials-section{background:#e9eeea;padding:90px 0 100px}.essentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.essential{background:#fff;padding:24px 23px 25px;min-height:300px;display:flex;flex-direction:column}.essential-num{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#76908a}.essential-icon{font-size:32px;line-height:1;color:#e77a66;margin:33px 0 22px}.essential h3{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.03em;margin-bottom:10px}.essential p{color:#667d7c;font-size:12px;line-height:1.7;margin-bottom:24px}.essential a{margin-top:auto;color:#116872;font-weight:800;font-size:11px;line-height:1.4}.closing-section{background:#195e64;color:white;padding:66px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.closing-inner h2{font-size:clamp(42px,5vw,70px)}.closing-inner .button{margin-bottom:8px}.site-footer{background:#092c32;color:#d1e3df}.footer-main{padding-top:65px;padding-bottom:55px;display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:60px}.footer-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:46px;letter-spacing:-8px;color:white}.footer-brand span{color:var(--coral)}.footer-main p{font-size:12px;line-height:1.7;color:#a9c0bd;max-width:250px}.footer-links a{display:block;font-size:12px;font-weight:700;margin:0 0 15px}.footer-meta p{max-width:300px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #45646a;padding-top:22px;padding-bottom:26px;font-size:10px;letter-spacing:1px;color:#9eb7b3}.route-dialog{border:0;border-radius:5px;padding:0;max-width:620px;width:calc(100% - 28px);max-height:calc(100vh - 35px);background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #001b20aa}.route-dialog::backdrop{background:#04252cbd}.close-dialog{position:absolute;right:18px;top:14px;border:0;background:white;width:36px;height:36px;border-radius:50%;font-size:25px;z-index:2}.dialog-art{height:170px}.dialog-inner{padding:32px 39px 39px}.dialog-inner .route-meta{margin-bottom:10px}.dialog-inner h2{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-.05em;margin:0 0 12px}.dialog-inner>p{color:#5e7777;font-size:14px;line-height:1.7}.dialog-inner h3{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);margin:25px 0 10px}.dialog-inner ol{padding-left:20px;margin:0}.dialog-inner li{padding:7px 0;line-height:1.6;font-size:13px}.dialog-inner .dialog-note{margin-top:25px;padding:15px;background:#e5eee8;font-size:12px;line-height:1.6;color:#55716e}.dialog-inner a{display:inline-block;color:var(--teal);font-size:12px;font-weight:800;border-bottom:1px solid;margin-top:8px}@media(max-width:900px){.desktop-nav{gap:20px}.nav-wrap{gap:15px}.brand{min-width:190px}.planner-panel{flex-direction:column}.arrival-layout{gap:45px}.essentials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{padding-inline:22px}.site-header{height:70px}.nav-wrap{padding-inline:22px}.brand{min-width:0}.brand-mark{font-size:38px}.brand-name{font-size:8px}.desktop-nav,.nav-action{display:none}.menu-button{display:block;margin-left:auto}.mobile-nav{top:70px}.hero{min-height:680px}.hero-image{background-position:63% center}.hero-shade{background:linear-gradient(90deg,#082c32d9,#082c3270),linear-gradient(0deg,#082c3290,transparent 40%)}.hero-content{padding-top:84px}.hero h1{font-size:clamp(49px,10vw,66px)}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom span:last-child{display:none}.strip-inner{align-items:flex-start;padding-block:20px;gap:12px;flex-wrap:wrap}.strip-inner>div:nth-child(2){display:block;flex:1}.strip-inner strong,.strip-inner span{display:block}.strip-inner a{margin-left:37px}.intro{grid-template-columns:1fr;gap:20px;padding-block:70px}.intro>p{font-size:14px}.planner-section,.arrival-section,.updates-section,.essentials-section{padding-block:70px}.section-top{display:block}.section-top>p{margin-top:22px}.planner-panel{padding:22px}.option,.chip{padding:9px 10px}.routes-grid{grid-template-columns:1fr}.route-card{min-height:330px}.route-art{height:135px}.arrival-layout{grid-template-columns:1fr}.arrival-card{padding:28px;min-height:0}.update-grid{grid-template-columns:1fr}.update-feature,.update-list{padding:30px 25px}.essentials-grid{grid-template-columns:1fr 1fr}.essential{padding:19px;min-height:300px}.closing-inner{display:block}.closing-inner .button{margin-top:25px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-meta{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.dialog-inner{padding:28px 23px}}@media(max-width:420px){.essentials-grid{grid-template-columns:1fr}.essential{min-height:225px}.essential-icon{margin:20px 0 15px}}
.dialog-links{display:flex;flex-wrap:wrap;gap:5px 20px;margin-top:10px}