.roaming-page{background:#f3faf8}
.roaming-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#09bcb5,#009d99 70%,#00bfb2);color:#fff}
.roaming-hero:before,.roaming-asean:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:radial-gradient(circle at 0 -30%,transparent 0 30%,#007e7c 30.2% 44%,transparent 44.2%),radial-gradient(circle at 100% 150%,transparent 0 32%,#007e7c 32.2% 48%,transparent 48.2%)}
.roaming-hero-inner{width:min(1510px,calc(100% - 82px));min-height:570px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}
.roaming-hero-copy{position:relative;z-index:2;padding:70px 0}
.roaming-kicker,.roaming-section-kicker{display:inline-flex;align-items:center;gap:12px;font-size:.82rem;font-weight:800;letter-spacing:.16em}
.roaming-kicker i{width:7px;height:7px;border-radius:50%;background:#b6ff00}
.roaming-hero h1{max-width:760px;margin:22px 0 25px;font-size:clamp(3.6rem,5.8vw,6.4rem);line-height:1;letter-spacing:-.055em}
.roaming-hero-copy>p{max-width:610px;color:#eafffc;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.6}
.roaming-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.roaming-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;border:2px solid #b6ff00;border-radius:999px;background:#b6ff00;color:#075b57;font-weight:800}
.roaming-hero-actions a+a{border-color:#ffffff9c;background:transparent;color:#fff}
.roaming-hero-actions a:hover{transform:translateY(-2px)}
.roaming-hero-art{position:relative;min-height:525px;display:grid;place-items:center}
.roaming-globe{position:relative;width:min(430px,80%);aspect-ratio:1;border:3px solid #c0ff6b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#56e8d8 0,#05bbb1 38%,#007d79 90%);box-shadow:inset -30px -25px 45px #005f5b80,0 25px 45px #00665f70,0 0 0 24px #d7ff7815}
.roaming-globe:before{content:"";position:absolute;inset:17% 3%;border:2px solid #d6fff8aa;border-radius:50%;transform:rotate(-20deg)}
.roaming-globe:after{content:"";position:absolute;inset:3% 31%;border:2px solid #d6fff8aa;border-radius:50%;transform:rotate(18deg)}
.roaming-globe span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 clamp(5rem,12vw,10rem)/1 Outfit,system-ui,sans-serif;letter-spacing:-.12em;text-shadow:8px 10px 0 #006d68;z-index:1}
.roaming-orbit{position:absolute;z-index:2;padding:10px 15px;border:2px solid #b6ff00;border-radius:999px;background:#073d3e;color:#fff;font-size:.75rem;letter-spacing:.09em;box-shadow:0 10px 17px #00544e63}
.orbit-one{top:12%;left:3%;transform:rotate(-9deg)}
.orbit-two{right:0;top:35%;transform:rotate(7deg)}
.orbit-three{bottom:13%;left:15%;transform:rotate(-7deg)}
.roaming-jump{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:18px 24px;background:#f7fffc;border-bottom:1px solid #d6eeea}
.roaming-jump a{padding:9px 17px;border-radius:999px;color:#0b6965;font-size:.88rem;font-weight:800}
.roaming-jump a:hover,.roaming-jump a:focus-visible{background:#dffff2}
.roaming-section,.roaming-guide{position:relative;scroll-margin-top:130px}
.roaming-section-inner{width:min(1510px,calc(100% - 82px));margin:auto}
.roaming-section{padding:78px 0 95px}
.roaming-asean{isolation:isolate;background:#03bbb3;color:#fff}
.roaming-asia{background:#ecfaf6;color:#103d3d}
.roaming-world{background:#e3f4ef;color:#103d3d}
.roaming-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:33px}
.roaming-section-heading>div{max-width:850px}
.roaming-section-heading h2,.roaming-guide h2{margin:14px 0;font-size:clamp(2.8rem,4.1vw,5rem);letter-spacing:-.045em}
.roaming-section-heading p{margin:0;max-width:750px;font-size:1.15rem;line-height:1.6}
.roaming-asean .roaming-section-heading p{color:#eafffc}
.roaming-asia .roaming-section-heading p,.roaming-world .roaming-section-heading p{color:#456a69}
.roaming-asean .roaming-section-kicker{color:#b6ff00}
.roaming-asia .roaming-section-kicker,.roaming-world .roaming-section-kicker{color:#078f88}
.roaming-section-icon{display:grid;place-items:center;flex:0 0 68px;height:68px;border:2px solid currentColor;border-radius:50%;font-size:2.2rem;line-height:1}
.roaming-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;padding:7px 5px 19px;scrollbar-color:#0b8782 transparent}
.roaming-carousel.is-single .roaming-track{justify-content:center}
.roaming-card{flex:0 0 min(305px,84vw);display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start;border:2px solid #b6ff00;border-radius:20px;background:#fff;color:#123d3d;box-shadow:0 10px 23px #005e5924}
.roaming-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:8px 16px;background:#073e40;color:#fff;font-size:.71rem;font-weight:800;letter-spacing:.1em}
.roaming-card-top b{color:#b6ff00;font-size:1rem}
.roaming-card-art{position:relative;height:124px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 70% 30%,#54e7d1,#02b5ad 62%,#008a86)}
.roaming-card-art:before,.roaming-card-art:after{content:"";position:absolute;border:1px solid #e6fffabf;border-radius:50%}
.roaming-card-art:before{width:150px;height:150px;transform:rotate(-25deg) scaleX(.55)}
.roaming-card-art:after{width:150px;height:150px;transform:rotate(25deg) scaleY(.35)}
.roaming-card-ring{position:absolute;width:150px;height:150px;border:1px solid #e6fffabf;border-radius:50%}
.roaming-card-art strong{position:relative;z-index:1;max-width:92%;color:#fff;font:800 clamp(2.8rem,4vw,3.5rem)/1 Outfit,system-ui,sans-serif;letter-spacing:-.08em;text-align:center;text-shadow:3px 4px 0 #046762}
.roaming-card-body{display:flex;flex:1;flex-direction:column;padding:15px 16px 16px}
.roaming-card h3{margin:0 0 7px;font-size:1.25rem;line-height:1.15;letter-spacing:-.025em}
.roaming-card p{margin:0 0 10px;color:#506a6a;font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.roaming-card-facts{display:grid;margin-top:auto}
.roaming-card-facts>div{display:grid;gap:2px;padding:8px 0;border-top:1px solid #e4f0eb}
.roaming-card-facts small{color:#247d78;font-size:.63rem;font-weight:800;letter-spacing:.08em}
.roaming-card-facts b{font-size:.79rem;line-height:1.3}
.roaming-card-destinations b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.roaming-card-destinations em{color:#4d7671;font-size:.68rem;font-style:normal}
.roaming-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:11px;padding-top:12px;border-top:1px solid #dcefeb}
.roaming-card-bottom>strong{font-size:1.3rem;letter-spacing:-.045em}
.roaming-card-bottom a,.roaming-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 11px;border-radius:10px;background:#075b57;color:#fff;font-size:.78rem;font-weight:800;white-space:nowrap}
.roaming-card-bottom a:hover,.roaming-empty a:hover{background:#087f79}
.roaming-carousel-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;font-size:.83rem;font-weight:700}
.roaming-carousel-actions>div{display:flex;gap:9px}
.roaming-carousel-actions button{width:42px;height:42px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:1.3rem}
.roaming-carousel-actions button:hover{background:#b6ff00;color:#063b3b;border-color:#b6ff00}
.roaming-empty{display:flex;align-items:center;gap:35px;max-width:970px;min-height:230px;padding:34px 45px;border:3px solid #b6ff00;border-radius:29px;background:#fff;color:#133e3e;box-shadow:0 12px 28px #00534c24}
.roaming-empty>span{color:#06b9b2;font-size:8rem;line-height:1}
.roaming-empty h3{margin:0 0 8px;font-size:2rem}
.roaming-empty p{max-width:550px;color:#4d6666}
.roaming-guide{padding:85px 0 95px;background:#073e40;color:#fff}
.roaming-guide .roaming-section-kicker{color:#b6ff00}
.roaming-guide h2{max-width:900px}
.roaming-guide-intro{color:#d7f4ee;font-size:1.18rem}
.roaming-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.roaming-guide-grid article{padding:30px;border:1px solid #71c8bb80;border-radius:22px;background:#ffffff10}
.roaming-guide-grid article>span{color:#b6ff00;font-weight:800;letter-spacing:.13em}
.roaming-guide-grid h3{margin:31px 0 13px;color:#fff;font-size:1.65rem}
.roaming-guide-grid p{margin:0;color:#d7eeea}
.roaming-guide-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:26px 30px;border-radius:19px;background:#b6ff00;color:#063d3c}
.roaming-guide-note strong{font-size:1.4rem}
.roaming-guide-note p{max-width:800px;margin:4px 0 0;color:#174d48}
.roaming-guide-note a{display:inline-flex;padding:12px 22px;border-radius:999px;background:#063d3c;color:#fff;font-weight:800;white-space:nowrap}
.roaming-detail{min-height:650px;padding:80px 0 100px;background:linear-gradient(130deg,#08bbb5,#007e7d);color:#fff}
.roaming-detail-inner{width:min(1100px,calc(100% - 82px));margin:auto}
.roaming-back{display:inline-block;margin-bottom:42px;font-weight:800}
.roaming-detail .roaming-section-kicker{color:#b6ff00}
.roaming-detail h1{max-width:850px;margin:16px 0 20px;font-size:clamp(3.4rem,6vw,6rem)}
.roaming-detail-inner>p{max-width:800px;color:#eafffa;font-size:1.18rem}
.roaming-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:35px 0}
.roaming-detail-facts div{display:grid;gap:9px;padding:21px;border:1px solid #ffffff85;border-radius:15px;background:#ffffff1c}
.roaming-detail-facts small{color:#b6ff00;font-weight:800;letter-spacing:.12em}
.roaming-detail-facts strong{font-size:1.35rem;line-height:1.3}
.roaming-detail-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.roaming-detail-bottom>strong{font-size:2.3rem}
.roaming-detail-bottom a{padding:13px 23px;border-radius:999px;background:#b6ff00;color:#064e4b;font-weight:800}
.roaming-detail-note{margin-top:27px;font-size:.94rem!important}
@media(max-width:900px){
  .roaming-hero-inner{grid-template-columns:1fr;gap:0}
  .roaming-hero-copy{padding:70px 0 0}
  .roaming-hero-art{min-height:370px}
  .roaming-globe{width:min(300px,70%)}
  .roaming-guide-grid{grid-template-columns:1fr}
  .roaming-guide-grid article{padding:24px}
  .roaming-guide-grid h3{margin-top:15px}
}
@media(max-width:700px){
  .roaming-hero-inner,.roaming-section-inner,.roaming-detail-inner{width:calc(100% - 38px)}
  .roaming-hero-copy{padding:57px 0 6px}
  .roaming-hero h1{font-size:clamp(2.9rem,10vw,4.1rem)}
  .roaming-hero-copy>p{font-size:1rem}
  .roaming-hero-actions a{font-size:.85rem;padding:10px 17px}
  .roaming-hero-art{min-height:295px}
  .roaming-globe{width:220px}
  .roaming-globe span{font-size:5.8rem}
  .roaming-orbit{font-size:.56rem;padding:6px 9px}
  .orbit-one{left:0}.orbit-two{right:0}.orbit-three{left:8%}
  .roaming-jump{justify-content:flex-start;gap:2px;padding:12px 17px}
  .roaming-jump a{font-size:.71rem;padding:7px 10px}
  .roaming-section,.roaming-guide{padding:61px 0 70px}
  .roaming-section-heading h2,.roaming-guide h2{font-size:2.7rem}
  .roaming-section-heading p{font-size:1rem}
  .roaming-section-icon{display:none}
  .roaming-card{flex-basis:min(290px,84vw)}
  .roaming-card-art{height:116px}
  .roaming-empty{display:block;padding:25px}
  .roaming-empty>span{font-size:5rem}
  .roaming-empty h3{font-size:1.7rem}
  .roaming-carousel-actions span{font-size:.72rem}
  .roaming-guide-note{align-items:flex-start;flex-direction:column;padding:23px}
  .roaming-detail{padding:55px 0 70px}
  .roaming-detail-facts{grid-template-columns:1fr}
}
@media(max-width:700px){
  .roaming-hero-copy{padding:38px 0 0}
  .roaming-hero h1{font-size:clamp(2.35rem,9vw,3.5rem)}
  .roaming-hero-copy>p{font-size:.94rem}
  .roaming-hero-actions{margin-top:22px}
  .roaming-hero-art{min-height:215px}
  .roaming-globe{width:175px}
  .roaming-globe span{font-size:4.7rem}
  .roaming-section,.roaming-guide{padding:48px 0 54px}
  .roaming-section-heading h2,.roaming-guide h2{font-size:2.25rem}
  .roaming-section-heading p{font-size:.94rem}
}