/* ============================================================
   JELAJAH NTT | refined.css
   Kelompok: base | Edit styling modul ini di sini.
   Pertahankan urutan pemuatan CSS dari index.html.
   ============================================================ */
/* V4 visual refinement. Shared components, consistent ocean palette. */
:root{--ink:#142C40;--green:#125E9B;--mint:#EAF3FA;--paper:#FBFCFE;--muted:#596B7B;--line:#DFE7EE;--gold:#FFD083;--radius:20px}
body{font-size:16px;background:var(--paper)}.container{max-width:1240px;width:calc(100% - 80px)}
header{background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}header .top{padding:16px 0 0;gap:16px;min-height:112px}.brand{font-size:18px}.brand small{color:#49697F;letter-spacing:1.4px}.brand-icon{background:#125E9B;border-radius:12px}header .search-shortcut{margin-left:auto;background:#F3F7FA;color:#38566D;min-height:42px;padding:8px 20px}header .plan-link{margin-left:0;border-radius:10px;background:#125E9B;color:white;font-size:13px;min-height:42px}header .plan-link:hover{background:#0C4879}header #nav{justify-content:flex-start;gap:8px;border-top:1px solid #EDF1F5;margin-top:1px;padding:8px 0}header #nav a{font-size:14px;color:#465B6D;padding:9px 13px;border-radius:7px;line-height:1.4}header #nav a:hover{background:#F0F5F9;color:#125E9B}header #nav a[aria-current=page]{background:#EAF3FA;color:#125E9B;font-weight:700}
.hero-wrap{max-width:1320px;margin-top:24px;padding:0 28px}.hero{min-height:540px;padding:60px 48px 120px;border-radius:24px}.hero-copy{max-width:700px}.hero h1{font-size:60px;line-height:1.08;letter-spacing:-2.1px;max-width:700px}.hero p{font-size:17px;max-width:490px;line-height:1.65}.hero:after{background:linear-gradient(90deg,#092A43DC 0%,#092A438A 45%,#092A4310 100%)}.hero-tag{font-size:10px;letter-spacing:1.3px}.hero-story{top:70px;right:40px;max-width:210px}.hero-story p{font-size:14px}.hero-controls{right:40px;bottom:88px}.hero-copy .btn{background:#FFD083;border-color:#FFD083;color:#142C40;box-shadow:none}.hero-copy .light{color:white;background:#ffffff16;border-color:#FFFFFF85}.home-content>.search-panel{margin-top:-46px}.search-panel{border-radius:16px;padding:23px;gap:20px;border-color:#DEE8F0;box-shadow:0 16px 40px #142C4010}.search-panel .field span{font-size:11px;letter-spacing:.6px;color:#52697F}.search-panel input,.search-panel select{background:#F6F9FC;border-color:#DFE7EE;color:var(--ink)}
.btn{background:var(--green);border-color:var(--green);font-weight:600;min-height:46px;border-radius:9px;box-shadow:none!important}.btn.secondary{background:white;color:var(--green);border-color:#CEDDE8}.btn:hover{transform:none;background:#0C4879;color:white}.btn.secondary:hover{background:#EAF3FA;color:#0C4879;border-color:#ACC5D8}.journey-strip{font-size:12px;gap:34px;color:#596B7B;margin-top:24px}.section{padding:42px 0}.section-head{margin-bottom:26px;align-items:end}.section-head h2{font-size:34px;letter-spacing:-1px;line-height:1.2;font-weight:700}.section-head>div>p{font-size:15px;margin-bottom:0}.section-eyebrow{font-size:11px;letter-spacing:1.4px;color:#125E9B}.section-head>.btn{font-size:13px;white-space:nowrap}.category-grid{gap:18px}.category{padding:20px;background:#F1F6FA;border:0;border-radius:12px;font-size:16px;font-weight:600}.category svg{background:white;color:#125E9B;width:42px;height:42px;border-radius:10px}.category:hover{transform:none;background:#E5EFF7}
.home-content .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{border-radius:18px;border:1px solid #E0E7EE;box-shadow:none;background:white;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #142C400D}.card-photo{padding:0}.card-photo img{height:250px;aspect-ratio:4/3;border-radius:0;object-fit:cover}.badge{left:16px;top:16px;font-size:11px;padding:6px 11px;border-radius:99px}.save{right:16px;top:16px;width:36px;height:36px}.save[aria-pressed=true]{background:var(--green)}.card-body{padding:23px}.card h3{font-size:23px;letter-spacing:-.6px;font-weight:700}.location{font-size:12px;color:#596B7B}.card-body>p{font-size:14px;line-height:1.65;margin:12px 0 20px}.card .btn{font-size:13px;padding:10px 15px;min-height:42px}.card .actions{gap:10px}.product-photo{padding:0;height:245px;border-radius:0;object-fit:cover}.home-content .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-content .product-grid .card h3{font-size:20px}.home-content .product-grid .card-body{padding:20px}.home-content .product-grid .card-body>p{font-size:13px}.home-content .product-grid .btn{background:#F0F6FB;color:#125E9B;border-color:#D6E5F0;width:100%}.home-content .product-grid .btn:hover{background:#125E9B;color:white}
.culture-banner{background:#EBF2F7;border-radius:22px;grid-template-columns:1fr 1fr}.culture-banner img{height:390px}.culture-banner>div{padding:40px}.culture-banner h2{font-size:36px;line-height:1.18;font-weight:700;letter-spacing:-1px}.culture-banner p{font-size:15px}.culture-banner .eyebrow{font-size:11px;color:#125E9B}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px}.panel.tint{background:#EFF5FA;border-color:#DCE8F1}.three{gap:24px}.three .panel h3{font-size:21px}.three .panel p{font-size:15px}.gallery-tile{border-radius:18px}.gallery-tile>img{height:270px}.gallery-tile>div{padding:22px}.title-block{padding:18px 0 4px}.title-block h1{font-size:44px;letter-spacing:-1.4px}.title-block>p{font-size:16px}.notice{background:#F0F6FB;border-color:#DCE8F1}.chip.active{background:var(--green)}.chart{border-radius:18px}.bar-fill{background:var(--green)}.profile-aside{top:155px}.profile-photo{border-radius:20px}.tabs .btn{font-size:13px}.toolbar{gap:18px}.prose p{color:#4F6476}.chat-float{background:#125E9B;border-width:2px}.mobile-nav a[aria-current=page]{background:#EAF3FA;color:#125E9B}footer{background:#102A40;margin-top:52px;padding:54px 0 28px}.footer-grid{gap:38px}.footer-grid h3{font-size:14px;letter-spacing:0}.footer-grid a,.footer-grid .link{font-size:13px;line-height:1.8}.footnote{font-size:11px;color:#BBC9D5;line-height:1.8}.footer-grid h2{font-size:24px}
@media(max-width:1150px){.container{width:calc(100% - 56px)}header #nav{gap:1px}header #nav a{padding:9px 10px;font-size:13px}.hero h1{font-size:54px}.home-content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-content .cards>.card:last-child:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.home-content .cards>.card:last-child:nth-child(3) .card-photo img{height:100%;min-height:240px}.home-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-story{display:none}}
@media(max-width:800px){.container{width:calc(100% - 40px)}header .top{min-height:76px;padding:0;flex-wrap:nowrap}.brand{font-size:15px}.brand small{font-size:8px}header .search-shortcut{display:none}header #nav{top:76px;margin:0;padding:14px 20px;border-top:0;border-radius:0 0 18px 18px}header #nav a{font-size:14px;padding:13px}#menu{margin-left:auto;background:#EFF5FA}.hero-wrap{padding:0 20px;margin-top:20px}.hero{min-height:510px;padding:38px 30px 90px}.hero h1{font-size:48px;letter-spacing:-1.5px}.hero p{font-size:16px}.hero-controls{bottom:26px;right:28px}.home-content>.search-panel{margin-top:20px}.search-panel{padding:23px;gap:18px;box-shadow:none}.section{padding:32px 0}.section-head h2{font-size:30px}.category{font-size:15px}.culture-banner{grid-template-columns:1fr}.culture-banner img{height:300px}.culture-banner>div{padding:30px}.culture-banner h2{font-size:32px}.three{gap:16px}.profile-aside{position:static}.title-block h1{font-size:36px}.chat-float{bottom:100px}.journey-strip{gap:16px;font-size:10px}.gallery-grid{gap:20px}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.hero-wrap{padding:0 12px;margin-top:12px}.hero{min-height:540px;border-radius:20px;padding:34px 24px 95px}.hero h1{font-size:42px;line-height:1.1;letter-spacing:-1.5px}.hero p{font-size:15px}.hero-copy .actions{max-width:none}.hero-copy .btn{font-size:13px;min-height:46px}.hero-controls{left:24px;right:24px}.hero-tag{font-size:8px;letter-spacing:.9px}.search-panel{border-radius:16px;padding:20px}.search-panel .field span{font-size:9px;letter-spacing:.2px}.search-panel input,.search-panel select{font-size:13px}.journey-strip{gap:12px;font-size:9px}.section-head h2{font-size:28px}.section-head>div>p{font-size:14px}.section-head>.btn{font-size:12px}.category{padding:16px 12px;font-size:14px;gap:10px}.category svg{width:34px;height:34px}.home-content .cards,.home-content .product-grid{grid-template-columns:1fr;gap:22px}.home-content .cards>.card:last-child:nth-child(3){grid-column:auto;display:block}.home-content .cards>.card:last-child:nth-child(3) .card-photo img{height:240px;min-height:0}.card-photo img,.product-photo{height:240px}.card-body{padding:22px}.card h3,.home-content .product-grid .card h3{font-size:23px}.home-content .product-grid .card-body{padding:22px}.home-content .product-grid .card-body>p{font-size:14px}.culture-banner img{height:245px}.culture-banner>div{padding:26px}.culture-banner h2{font-size:30px}.panel{padding:24px}.title-block h1{font-size:33px}.profile-photo{height:270px}.tabs .btn{font-size:11px}.footer-grid h2{font-size:23px}.footer-grid a{font-size:13px}.gallery-tile>img{height:250px}}
@media print{body{background:white}.container{width:100%}.section{padding:0}.title-block h1{font-size:25pt}}
/* V5: immersive ocean hero, deliberate motion and a calmer interface. */
:root{--green:#087F8C;--mint:#EAF7F7;--ink:#102D42;--paper:#F8FBFC;--line:#DDE9EE}
header{background:#102D42;border:0;color:white}header .brand small{color:#9DBFCC}.brand-icon{background:#1B526B}header #nav{border-color:#ffffff17}header #nav a{color:#CFDFE8}header #nav a:hover,header #nav a[aria-current=page]{background:#ffffff12;color:#77DCE1}header .search-shortcut{background:#ffffff0C;border-color:#ffffff29;color:white}header .plan-link{background:#19B4BF;border-color:#19B4BF;color:#082D3C}header .top{padding-top:14px;min-height:110px}.hero-wrap{max-width:none;padding:0;margin-top:0}.hero{border-radius:0;min-height:650px;padding:80px max(48px,calc((100vw - 1240px)/2)) 145px;overflow:hidden}.hero-photo{will-change:transform;animation:landscape-motion 18s ease-in-out infinite alternate;object-position:center}.hero:after{background:linear-gradient(90deg,#061E36DD 0%,#061E3670 55%,#061E3620),linear-gradient(0deg,#061E36AA,transparent 45%)}.hero h1{font-size:72px;letter-spacing:-2.8px;max-width:790px;font-weight:700}.hero p{color:#E0EDF4;font-size:18px;max-width:540px}.hero-tag{background:#FFFFFF12;border-color:#ffffff30;color:#C9EFF2}.hero-copy .btn{background:#26CDD1;border-color:#26CDD1;color:#092F3F;border-radius:99px;padding:14px 25px}.hero-copy .light{background:#FFFFFF0A;border-color:#ffffff80;color:white}.hero-copy .btn:hover{background:#91EAEC;color:#092F3F}.hero-story{right:max(48px,calc((100vw - 1240px)/2));top:100px}.hero-controls{right:max(48px,calc((100vw - 1240px)/2));bottom:92px}.hero-controls button{width:44px;height:44px}.home-content>.search-panel{margin-top:-54px;border:0;border-radius:20px;box-shadow:0 16px 44px #102D4214}.section-eyebrow,.culture-banner .eyebrow{color:#087F8C}.category{background:white;border:1px solid #DFEBEF}.category svg{background:#E9F6F7;color:#087F8C}.card{border:0;box-shadow:0 5px 24px #102D4209;border-radius:20px}.card-photo img{height:270px}.badge{background:#ffffffec;color:#173C4A}.save[aria-pressed=true]{background:#087F8C}.btn.secondary{color:#087F8C;border-color:#CEE2E5}.btn.secondary:hover{background:#EAF7F7;color:#075E6B}.home-content .product-grid .btn{background:#ECF8F8;color:#087F8C;border-color:#D8EEEE}.home-content .product-grid .btn:hover{background:#087F8C;color:white}.culture-banner{background:#E8F4F4}.panel.tint{background:#EAF6F6;border-color:#D6E9E9}.chip.active{background:#087F8C}.chat-float,.bar-fill{background:#087F8C}.mobile-nav a[aria-current=page]{background:#EAF7F7;color:#087F8C}.hero.is-changing .hero-copy,.hero.is-changing .hero-photo{animation:slide-reveal .7s ease-out,landscape-motion 18s ease-in-out .7s infinite alternate}.hero.is-changing .hero-copy{animation:text-reveal .65s ease-out}.hero.motion-paused .hero-photo{animation-play-state:paused}footer{background:#102D42}
@keyframes landscape-motion{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.09) translateX(-.7%)}}
@keyframes slide-reveal{from{opacity:.35}to{opacity:1}}
@keyframes text-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.hero h1{font-size:62px}.hero{padding-left:40px;padding-right:40px}.hero-controls{right:40px}}
@media(max-width:800px){header .top{padding:0;min-height:76px}header #nav{background:#102D42}#menu{background:#ffffff10;border-color:#ffffff25;color:white}.hero{min-height:590px;padding:50px 30px 105px}.hero h1{font-size:51px;letter-spacing:-1.7px}.hero-controls{right:30px;bottom:28px}.hero p{font-size:16px}.home-content>.search-panel{margin-top:20px}.hero-copy .btn{border-radius:12px}.card-photo img{height:250px}}
@media(max-width:480px){.hero{min-height:570px;padding:36px 24px 100px}.hero h1{font-size:44px;letter-spacing:-1.7px}.hero p{font-size:15px}.hero-controls{left:24px;right:24px;bottom:28px}.hero-copy .actions{max-width:340px}.hero-tag{font-size:8px;letter-spacing:.7px}.card-photo img{height:245px}.home-content>.search-panel{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero.is-changing .hero-photo,.hero.is-changing .hero-copy{animation:none!important;transform:none!important}}
header .btn.plan-link{background:#26CDD1;border-color:#26CDD1;color:#092F3F}header .btn.plan-link:hover{background:#91EAEC;color:#092F3F}
/* V6: precise icon sizes, section rhythm and WhatsApp shortcut. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}header #nav a{display:flex;align-items:center;gap:7px;padding:10px 11px}header #nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.section-eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1.7px}.section-eyebrow:before{content:'';width:22px;height:2px;background:currentColor}.section-head h2{margin-top:4px;line-height:1.22}.section-head>div>p{margin-top:12px}.section-head{gap:24px}.category svg{stroke-linecap:round;stroke-linejoin:round}.wa-float{background:#128C5B;color:white;min-height:54px;padding:13px 20px;gap:10px;border:3px solid white;box-shadow:0 9px 32px #103D3D25}.wa-float:hover{background:#0D7248}.wa-float svg{width:24px;height:24px;fill:currentColor;stroke:none}.wa-float span{font-weight:600;font-size:13px}.title-block h1{max-width:950px;line-height:1.15}.title-block>p{line-height:1.75;margin-top:16px}.title-block .crumb{color:#607A8B}.card .actions .btn{min-height:44px}.card-body{padding-top:24px}.panel .actions{gap:12px}.field input,.field select{min-height:48px}.chips .chip{min-height:42px}.toolbar{margin:26px 0}.save{box-shadow:0 3px 12px #102D4215}.save svg{stroke-width:1.6}.btn:focus-visible,header #nav a:focus-visible,.wa-float:focus-visible{outline:3px solid #26CDD1;outline-offset:4px}
@media(max-width:1150px){header #nav a{font-size:12px;gap:5px;padding:10px 8px}header #nav svg{width:14px;height:14px}.btn{gap:7px}}
@media(max-width:800px){header #nav a{font-size:14px;padding:13px 12px;gap:9px}header #nav svg{width:18px;height:18px}.section-head{gap:17px}.wa-float{bottom:98px;right:18px}}
@media(max-width:480px){.wa-float{width:54px;height:54px;padding:0;justify-content:center}.wa-float svg{width:27px;height:27px}.wa-float span{display:none}.btn svg{width:16px;height:16px}.card .btn{font-size:12px;padding:10px 13px}.section-eyebrow{font-size:10px;letter-spacing:1.3px}.section-head h2{font-size:29px;letter-spacing:-.9px}.search-panel .btn{font-size:14px}.title-block h1{font-size:33px}.hero-copy .btn svg{width:17px}}
@media(max-width:800px){header .btn.plan-link{display:none}}