@import url('/styles-base.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');

/* PHU QUOC CHARTER - Quiet Luxury visual system v1.2
   Style: Quiet Luxury
   Expression: Editorial / Coastal Hospitality */
:root{
  --pqc-midnight-navy:#12263A;
  --pqc-deep-navy:#0D2031;
  --pqc-ivory-sand:#F7F3ED;
  --pqc-paper:#FBF9F5;
  --pqc-sunset-beige:#D8C6AA;
  --pqc-sea-mist:#A9B8C7;
  --pqc-ink:#1D2A34;
  --pqc-muted:#6D7478;
  --pqc-line:rgba(18,38,58,.15);
  --pqc-line-light:rgba(247,243,237,.22);
  --ink:var(--pqc-ink);
  --navy:var(--pqc-midnight-navy);
  --sun:var(--pqc-sunset-beige);
  --soft:var(--pqc-ivory-sand);
  --line:var(--pqc-line);
  --muted:var(--pqc-muted);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --shadow:none;
  --pq-navy:var(--pqc-midnight-navy);
  --pq-sea:var(--pqc-sea-mist);
  --pq-sun:var(--pqc-sunset-beige);
  --pq-soft:var(--pqc-ivory-sand);
  --pq-line:var(--pqc-line);
}

html{background:var(--pqc-ivory-sand)}
body,
body.home-v2,
body.inner-v2{
  background:var(--pqc-ivory-sand)!important;
  color:var(--pqc-ink)!important;
  font-family:var(--sans)!important;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display,.section-title,.quote-band blockquote{
  font-family:var(--serif)!important;
  font-weight:500!important;
}
p{font-weight:400}
.eyebrow{
  color:#8B765A!important;
  font-family:var(--sans)!important;
  font-size:.64rem!important;
  font-weight:600!important;
  letter-spacing:.22em!important;
}

/* Canonical wordmark */
.wordmark{
  display:block!important;
  flex:0 0 auto!important;
  width:196px!important;
  min-width:196px!important;
  height:60px!important;
  background:url('/brand/phu-quoc-charter_navy.svg') left center/contain no-repeat!important;
}
.wordmark>*{display:none!important}

/* Header: quiet, flat, architectural */
.site-header,
.home-v2 .site-header,
body.inner-v2 .site-header{
  top:0!important;
  left:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  border:0!important;
  border-bottom:1px solid var(--pqc-line)!important;
  border-radius:0!important;
  background:rgba(247,243,237,.94)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
}
.header-inner,
.home-v2 .header-inner,
body.inner-v2 .header-inner{
  height:82px!important;
  max-width:1360px!important;
  margin:auto!important;
  padding:0 30px!important;
  gap:28px!important;
}
.nav,
.home-v2 .nav,
body.inner-v2 .nav{
  gap:25px!important;
  font-family:var(--sans)!important;
  font-size:.72rem!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
}
.nav a{opacity:.82;transition:opacity .2s ease}
.nav a:hover{opacity:1}
.home-v2 .nav a:after{background:#8B765A!important;height:1px!important}

/* Buttons: no app-like pills */
.button,
.home-v2 .button,
body.inner-v2 .button,
.composer-submit{
  border-radius:1px!important;
  box-shadow:none!important;
  font-family:var(--sans)!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.05em!important;
  min-height:48px!important;
}
.button.sun,
.home-v2 .button.sun,
body.inner-v2 .button.sun{
  background:var(--pqc-midnight-navy)!important;
  color:var(--pqc-ivory-sand)!important;
  border-color:var(--pqc-midnight-navy)!important;
}
.button.sun:hover,.button.dark:hover{background:var(--pqc-deep-navy)!important}
.button.dark{background:var(--pqc-midnight-navy)!important;color:var(--pqc-ivory-sand)!important}
.button.light,
.home-v2 .button.light,
body.inner-v2 .button.light{
  background:transparent!important;
  color:var(--pqc-midnight-navy)!important;
  border:1px solid var(--pqc-line)!important;
}

/* Homepage: editorial coastal quiet luxury */
.home-v2 .master-hero{background:var(--pqc-deep-navy)!important}
.home-v2 .master-hero:after{
  background:linear-gradient(90deg,rgba(13,32,49,.78) 0%,rgba(13,32,49,.34) 48%,rgba(13,32,49,.06) 78%),linear-gradient(0deg,rgba(13,32,49,.44),transparent 52%)!important;
}
.home-v2 .master-hero-inner{padding-top:164px!important}
.home-v2 .hero-kicker{color:#E8DDCF!important;letter-spacing:.28em!important}
.home-v2 .master-hero h1{
  font-size:clamp(4.5rem,7.4vw,7.35rem)!important;
  line-height:.86!important;
  letter-spacing:-.035em!important;
  font-weight:500!important;
}
.home-v2 .master-hero h1 em{color:var(--pqc-sunset-beige)!important;font-style:italic!important}
.home-v2 .master-hero p{color:#F2ECE4!important;font-size:1.16rem!important;line-height:1.58!important}
.home-v2 .hero-whisper{border-left-color:rgba(216,198,170,.72)!important;color:#EFE8DE!important}

.home-v2 .route-composer{
  background:rgba(251,249,245,.985)!important;
  border:1px solid var(--pqc-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.home-v2 .composer-tabs{border-bottom-color:var(--pqc-line)!important}
.home-v2 .composer-tab{border-right-color:var(--pqc-line)!important;color:#6F7475!important;background:transparent!important}
.home-v2 .composer-tab.is-active{background:var(--pqc-midnight-navy)!important;color:var(--pqc-ivory-sand)!important}
.home-v2 .composer-field{border-right-color:var(--pqc-line)!important}
.home-v2 .composer-field small{color:#887D70!important;letter-spacing:.13em!important}
.home-v2 .composer-submit{background:var(--pqc-sunset-beige)!important;color:var(--pqc-midnight-navy)!important}
.home-v2 .composer-foot{border-top-color:var(--pqc-line)!important;color:var(--pqc-muted)!important}

.home-v2 .journey-strip{background:var(--pqc-paper)!important;border-bottom-color:var(--pqc-line)!important}
.home-v2 .journey-image{border-radius:0!important}
.home-v2 .journey-no{border-color:var(--pqc-line)!important;border-radius:50%!important}
.home-v2 .journey-meta strong{font-family:var(--serif)!important;font-weight:500!important;font-size:1.05rem!important}

.home-v2 .signature-zone{background:#EEE8DE!important}
.home-v2 .signature-grid{gap:1px!important;background:var(--pqc-line)!important}
.home-v2 .signature-panel,
.home-v2 .signature-panel:first-child,
.home-v2 .signature-panel:nth-child(2),
.home-v2 .signature-panel:nth-child(3){border-radius:0!important}
.home-v2 .signature-copy h3{letter-spacing:-.025em!important}
.home-v2 .signature-points span:before{color:var(--pqc-sunset-beige)!important}
.home-v2 .signature-link{font-size:.72rem!important;font-weight:500!important;letter-spacing:.05em!important}

.home-v2 .plan-master{background:var(--pqc-paper)!important}
.home-v2 .plan-choice{
  background:transparent!important;
  border:1px solid var(--pqc-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.home-v2 .plan-choice:hover{transform:translateY(-2px)!important;box-shadow:none!important;background:var(--pqc-ivory-sand)!important}
.home-v2 .plan-choice strong{font-family:var(--serif)!important;font-size:1.1rem!important;font-weight:500!important}
.home-v2 .island-map-card{border-radius:0!important;border-color:var(--pqc-line)!important;background:linear-gradient(145deg,#DEE5E4,#C8D4D5)!important}
.home-v2 .map-legend{border-radius:0!important;background:rgba(247,243,237,.9)!important}
.home-v2 .map-dot{background:var(--pqc-midnight-navy)!important}
.home-v2 .map-dot.sea{background:#6F8E99!important}
.home-v2 .map-dot.sunset{background:#A8845E!important}

.home-v2 .final-cta{background:var(--pqc-deep-navy)!important}
.home-v2 .final-cta:after{background:linear-gradient(90deg,rgba(13,32,49,.94),rgba(13,32,49,.42) 68%,rgba(13,32,49,.08))!important}
.home-v2 .final-inner .button{background:var(--pqc-sunset-beige)!important;color:var(--pqc-midnight-navy)!important;border-radius:1px!important}

/* Inner pages: same DNA as homepage */
body.inner-v2 .page-shell{
  background:var(--pqc-ivory-sand)!important;
  border-bottom-color:var(--pqc-line)!important;
  padding-top:180px!important;
}
body.inner-v2 .page-shell h1,
body.inner-v2 .page-hero h1,
body.inner-v2 .detail-copy h2,
.inner-close h2{
  letter-spacing:-.03em!important;
  font-weight:500!important;
}
body.inner-v2 .page-lead,body.inner-v2 .section-copy{color:var(--pqc-muted)!important}
body.inner-v2 .section.soft{background:#EEE8DE!important}
body.inner-v2 .service-grid{gap:1px!important;background:var(--pqc-line)!important;border-color:var(--pqc-line)!important}
body.inner-v2 .service-grid .card{
  background:var(--pqc-paper)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.card,.price-card,.ecosystem-card,.live-card,.practical-card,.service-price-panel{
  border-radius:0!important;
  box-shadow:none!important;
  border-color:var(--pqc-line)!important;
}
body.inner-v2 .side-card{
  background:#E9E0D3!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.inner-v2 .faq details{border-radius:0!important;border-bottom-color:var(--pqc-line)!important}

body.inner-v2 .planner,
body.inner-v2 .compare-stage{background:var(--pqc-ivory-sand)!important}
body.inner-v2 .planner-card,
body.inner-v2 .result-card,
body.inner-v2 .scenario,
body.inner-v2 .decision-card{
  border-radius:0!important;
  box-shadow:none!important;
}
body.inner-v2 .planner-card,
body.inner-v2 .scenario,
body.inner-v2 .decision-card{background:var(--pqc-paper)!important}
body.inner-v2 .result-card{background:var(--pqc-midnight-navy)!important}
body.inner-v2 .result-card .button.sun{background:var(--pqc-sunset-beige)!important;color:var(--pqc-midnight-navy)!important}
body.inner-v2 .planner-field select,
body.inner-v2 .compare-controls select,
.field input,.field select,.field textarea{
  border-radius:0!important;
  border-color:var(--pqc-line)!important;
  background:var(--pqc-paper)!important;
  box-shadow:none!important;
}
body.inner-v2 .choice-row button{border-radius:0!important;background:var(--pqc-paper)!important}
body.inner-v2 .choice-row button.is-active{background:var(--pqc-midnight-navy)!important;color:var(--pqc-ivory-sand)!important}
body.inner-v2 .compare-controls{background:#E9E0D3!important;border-radius:0!important;box-shadow:none!important}
body.inner-v2 .compare-row:first-child{background:var(--pqc-midnight-navy)!important}
body.inner-v2 .compare-table{border-radius:0!important;border-color:var(--pqc-line)!important}

/* Completion / editorial utility sections */
.price-trust,.ecosystem-band,.live-band{background:#EEE8DE!important}
.price-card,.ecosystem-card,.live-card,.practical-card{
  background:var(--pqc-paper)!important;
  border:1px solid var(--pqc-line)!important;
}
.price-card h3,.ecosystem-card h3,.live-card h3,.practical-card h3{font-family:var(--serif)!important;font-weight:500!important}
.price-card small,.ecosystem-card small,.live-card small{color:#8B765A!important;letter-spacing:.16em!important}
.service-price-panel{background:transparent!important;border:1px solid var(--pqc-line)!important}
.price-examples li{background:var(--pqc-paper)!important;border-radius:0!important;border-color:var(--pqc-line)!important}
.article-callout{background:#E9E0D3!important;border-left:1px solid #8B765A!important;border-radius:0!important}

/* Closing + footer */
.inner-close{background:var(--pqc-midnight-navy)!important}
.inner-close p{color:#D3D7D7!important}
.inner-close .button{background:var(--pqc-sunset-beige)!important;color:var(--pqc-midnight-navy)!important;border-radius:1px!important}
.footer,
.home-v2 .footer{background:var(--pqc-deep-navy)!important;color:var(--pqc-ivory-sand)!important}
.footer p,.footer a{color:#C9CDCB!important}
.footer h3{
  width:225px!important;
  height:72px!important;
  margin:0 0 14px!important;
  background:url('/brand/phu-quoc-charter_navy.svg') left center/contain no-repeat!important;
  filter:brightness(0) invert(1)!important;
  font-size:0!important;
  line-height:0!important;
}
.footer-bottom{border-top-color:var(--pqc-line-light)!important;color:#989F9F!important}

/* Mobile stays premium, not app-like */
.mobile-cta,
.home-v2 .mobile-cta{
  background:rgba(247,243,237,.96)!important;
  border:1px solid var(--pqc-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  .wordmark{width:168px!important;min-width:168px!important;height:54px!important}
  .header-inner,.home-v2 .header-inner,body.inner-v2 .header-inner{padding:0 20px!important}
}
@media(max-width:820px){
  .nav,.home-v2 .nav,body.inner-v2 .nav{
    top:72px!important;
    left:0!important;
    right:0!important;
    border-radius:0!important;
    background:rgba(247,243,237,.985)!important;
    border-bottom:1px solid var(--pqc-line)!important;
    box-shadow:none!important;
  }
}
@media(max-width:640px){
  .header-inner,.home-v2 .header-inner,body.inner-v2 .header-inner{height:70px!important;padding:0 14px!important;gap:10px!important}
  .wordmark{width:145px!important;min-width:145px!important;height:46px!important}
  .home-v2 .master-hero-inner{padding-top:118px!important}
  body.inner-v2 .page-shell{padding-top:126px!important}
  .footer h3{width:190px!important;height:62px!important}
}