*{margin:0;padding:0;box-sizing:border-box;}
:root{
  color-scheme: light only;

  --red:#CE1126;--blue:#0072C6;--gold:#FCD116;--ink:#111111;
  --warm:#FBF5E6;--paper:#FDFAF5;--muted:#5a6a7a;--rule:rgba(17,17,17,0.1);
  --serif:'Libre Baskerville',serif;--sans:'DM Sans',sans-serif;--script:'Pacifico',cursive;
}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.1;}
h1 em,h2 em,h3 em{font-family:var(--script);font-style:normal;letter-spacing:0;color:#0072C6;}

html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);overflow-x:hidden;-webkit-filter:none;filter:none;}

/* HEADER */
header#site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--ink);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 2rem;height:72px;
  box-shadow:0 2px 20px rgba(0,0,0,0.25);
}
header#site-header::before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right, #CE1126 0%, #CE1126 33.33%, #FCD116 33.33%, #FCD116 66.66%, #0072C6 66.66%, #0072C6 100%);}
.header-logo a{display:flex;align-items:center;text-decoration:none;}
.header-logo img{height:58px;width:auto;display:block;object-fit:contain;}
nav{display:flex;align-items:center;gap:2rem;}
.nav-links{display:flex;gap:2rem;}
.nav-links a{font-size:0.72rem;color:rgba(255,255,255,0.75);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;transition:color 0.2s;}
.nav-links a:hover{color:#FCD116;}
.nav-wa{background:#0072C6;color:#fff!important;padding:9px 20px;font-size:0.72rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;font-weight:500;transition:background 0.2s;white-space:nowrap;}
.nav-wa:hover{background:#005ca3!important;}
.nav-email{background:#CE1126;border:1px solid #CE1126;color:#fff!important;padding:9px 20px;font-size:0.72rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;font-weight:500;transition:all 0.2s;white-space:nowrap;}
.nav-email:hover{background:#a80e1e;border-color:#a80e1e;color:#fff!important;}

/* DEPOSIT BANNER */

/* NAME BAR */
.name-bar{background:#111111;padding:10px 2.5rem;display:flex;align-items:baseline;gap:12px;margin-top:72px;border-bottom:1px solid rgba(255,255,255,0.08);position:relative;}
.name-bar::before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right, #CE1126 0%, #CE1126 33.33%, #FCD116 33.33%, #FCD116 66.66%, #0072C6 66.66%, #0072C6 100%);}



.deposit-banner{background:#FCD116;color:var(--ink);padding:8px 2.5rem;text-align:center;margin-top:0;}
.deposit-banner p{font-size:0.72rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;}

/* HERO */

.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:0;margin-top:0;}
.hero-l{display:flex;flex-direction:column;justify-content:center;padding:5rem 3.5rem 5rem 2.5rem;border-right:1px solid var(--rule);}
.hero-eyebrow{font-size:0.65rem;letter-spacing:4px;text-transform:uppercase;color:#CE1126;margin-bottom:1.8rem;display:flex;align-items:center;gap:8px;}
.hero-eyebrow::before{content:'';display:block;width:6px;height:6px;background:#FCD116;border-radius:50%;flex-shrink:0;}
.hero h1{font-family:var(--serif);font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.0;color:var(--ink);margin-bottom:1.8rem;font-weight:700;}
.hero h1 em{font-style:normal;font-weight:400;color:#0072C6;font-family:var(--script);font-size:0.9em;letter-spacing:0;}
.hero-body{font-size:0.95rem;color:var(--muted);line-height:1.8;max-width:400px;font-weight:300;margin-bottom:2.2rem;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;}
.btn-dark{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 26px;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:500;transition:background 0.2s;}
.btn-dark:hover{background:#0072C6;}
.btn-ghost{display:inline-block;background:transparent;border:1px solid rgba(17,17,17,0.25);color:var(--ink);padding:12px 24px;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:border-color 0.2s;}
.btn-ghost:hover{border-color:var(--ink);}
.hero-stats{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--rule);display:flex;gap:2.5rem;}
.stat-num{font-family:var(--serif);font-size:1.5rem;color:#0072C6;font-weight:700;line-height:1;}
.stat-label{font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:4px;}
.hero-r{position:relative;overflow:hidden;background:#1B3A4B;}
.hero-r img{width:100%;height:100%;object-fit:cover;opacity:0.88;display:block;}
.hero-r-overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(17,17,17,0.55) 100%);}
.hero-r-caption{position:absolute;bottom:2rem;left:2rem;right:2rem;}
.hero-r-caption-tag{font-size:0.58rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:5px;}
.hero-r-caption-text{font-family:var(--serif);font-size:1.35rem;color:#fff;font-style:italic;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,0.45);}

/* LOGO BAR */


.logo-bar-text{display:flex;flex-direction:column;gap:3px;}
.logo-bar-name{font-family:var(--script);font-size:1.6rem;color:#FCD116;line-height:1;}
.logo-bar-sub{font-size:0.62rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.45);}

/* INTRO */
.intro{padding:80px 2.5rem;border-bottom:1px solid var(--rule);}
.intro-inner{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:180px 1fr;gap:5rem;align-items:start;}
.intro-label{font-size:0.6rem;letter-spacing:4px;text-transform:uppercase;color:#CE1126;padding-top:8px;display:flex;align-items:center;gap:8px;}
.intro-label::before{content:'';display:block;width:6px;height:6px;background:#FCD116;border-radius:50%;flex-shrink:0;}
.intro-text p{font-family:var(--serif);font-size:1.25rem;line-height:1.8;color:var(--ink);margin-bottom:1.2rem;}
.intro-text p:first-child::first-letter{font-size:3.2rem;font-weight:700;float:left;line-height:0.8;padding-right:8px;padding-top:6px;color:#0072C6;}
.intro-text p.small{font-family:var(--sans);font-size:0.9rem;color:var(--muted);font-weight:300;line-height:1.8;}

/* EXPERIENCES */
.experiences{padding:80px 2.5rem;background:var(--warm);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.exp-inner{max-width:1060px;margin:0 auto;}
.exp-header{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--rule);align-items:end;}
.exp-header h2{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--ink);line-height:1.1;}
.exp-header h2 em{font-style:normal;color:#0072C6;font-family:var(--script);font-size:0.88em;letter-spacing:0;}
.exp-header p{font-size:0.88rem;color:var(--muted);line-height:1.8;font-weight:300;}
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);}
.exp-card{padding:1.8rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper);transition:background 0.25s;cursor:pointer;display:flex;flex-direction:column;-webkit-tap-highlight-color:rgba(0,114,198,0.15);text-decoration:none;}
.exp-card:nth-child(3n){border-right:none;}
.exp-card:hover,.exp-card:active{background:#0072C6;}
.exp-card:hover .ec-tag,.exp-card:active .ec-tag{color:rgba(255,255,255,0.35);}
.exp-card:hover .ec-name,.exp-card:active .ec-name{color:#fff;}
.exp-card:hover .ec-desc,.exp-card:active .ec-desc{color:rgba(255,255,255,0.55);}
.exp-card:hover .ec-hl,.exp-card:active .ec-hl{color:#FCD116;}
.exp-card:hover .ec-arrow,.exp-card:active .ec-arrow{color:#FCD116;transform:translateX(4px);}
.ec-tag{font-size:0.58rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;display:block;transition:color 0.25s;}
.ec-name{font-family:var(--serif);font-size:1.15rem;color:var(--ink);margin-bottom:0.6rem;font-weight:700;transition:color 0.25s;}
.ec-desc{font-size:0.8rem;color:var(--muted);line-height:1.6;margin-bottom:0.8rem;font-weight:300;transition:color 0.25s;flex:1;}
.ec-hl{font-size:0.75rem;color:#0072C6;font-style:italic;font-family:var(--serif);display:block;margin-bottom:1rem;transition:color 0.25s;}
.ec-arrow{font-size:1rem;color:var(--rule);display:block;transition:color 0.25s,transform 0.2s;}

/* HOW IT WORKS */
.how{padding:80px 2.5rem;}
.how-inner{max-width:600px;margin:0 auto;}
.how-label{font-size:0.6rem;letter-spacing:4px;text-transform:uppercase;color:#CE1126;margin-bottom:1.2rem;display:flex;align-items:center;gap:8px;}
.how-label::before{content:'';display:flex;width:6px;height:6px;background:#FCD116;border-radius:50%;flex-shrink:0;}
.how h2{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--ink);line-height:1.1;margin-bottom:2rem;}
.how h2 em{font-style:normal;color:#0072C6;font-family:var(--script);font-size:0.88em;letter-spacing:0;}
.how-steps{border-top:1px solid var(--rule);}
.step{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--rule);}
.step-n{font-family:var(--serif);font-size:1.4rem;color:#FCD116;font-weight:700;opacity:0.7;}
.step h4{font-size:0.88rem;font-weight:500;color:var(--ink);margin-bottom:0.35rem;}
.step p{font-size:0.8rem;color:var(--muted);line-height:1.65;font-weight:300;}
.review-box{background:var(--ink);padding:2.5rem;}
.review-stars{color:#FCD116;letter-spacing:2px;margin-bottom:1rem;}
.review-quote{font-family:var(--serif);font-size:1.25rem;font-style:italic;color:#fff;line-height:1.65;margin-bottom:1.2rem;}
.review-attr{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.35);}
.review-foot{margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;}
.review-score{font-family:var(--serif);font-size:2rem;color:#fff;font-weight:700;}
.review-score-label{font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:#ffffff;margin-top:3px;}
.review-link{font-size:0.72rem;color:rgba(255,255,255,0.35);text-decoration:none;}
.review-link:hover{color:#fff;}

/* GOOD TO KNOW */
.gtk{padding:80px 2.5rem;background:var(--warm);border-top:1px solid var(--rule);}
.gtk-inner{max-width:1060px;margin:0 auto;}
.gtk-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--rule);}
.gtk-head h2{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);color:var(--ink);}
.gtk-head h2 em{font-style:italic;color:#0072C6;}
.gtk-head p{font-size:0.82rem;color:var(--muted);max-width:280px;text-align:right;line-height:1.6;}
.gtk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.gtk-card{background:var(--paper);padding:1.8rem;border-left:3px solid #0072C6;}
.gtk-card h4{font-family:var(--serif);font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:1rem;}
.gtk-card ul{list-style:none;display:flex;flex-direction:column;gap:0.55rem;}
.gtk-card li{font-size:0.8rem;color:var(--muted);padding-left:1.1rem;position:relative;line-height:1.55;font-weight:300;}
.gtk-card li::before{content:'—';position:absolute;left:0;color:#CE1126;}

/* DEPOSIT POLICY */
.deposit-policy{padding:50px 2.5rem;background:var(--ink);border-top:0;}

.deposit-policy-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;gap:3rem;}
.deposit-policy-icon{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#FCD116;color:#111111;font-weight:700;font-family:'Libre Baskerville',serif;font-size:1.5rem;line-height:42px;text-align:center;}
.deposit-policy h3{font-family:var(--serif);font-size:1.3rem;color:#fff;margin-bottom:0.5rem;}
.deposit-policy p{font-size:0.88rem;color:rgba(255,255,255,0.6);line-height:1.7;font-weight:300;}
.deposit-policy strong{color:rgba(255,255,255,0.9);}

/* PAYMENT INFO */
.payment-info{padding:60px 2.5rem;background:var(--warm);border-top:1px solid var(--rule);}
.payment-info-inner{max-width:1060px;margin:0 auto;}
.payment-info h3{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:0.5rem;}
.payment-info h3 em{color:#0072C6;font-style:italic;}
.payment-info-sub{font-size:0.82rem;color:var(--muted);margin-bottom:2rem;font-weight:300;}
.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.payment-card{background:var(--paper);padding:1.5rem;border-top:3px solid #0072C6;}
.payment-card h4{font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:0.6rem;}
.payment-card p{font-size:0.85rem;color:var(--ink);line-height:1.65;font-weight:300;}
.payment-card p strong{color:#0072C6;font-weight:500;}
.deposit-note-inline{font-size:0.75rem;color:#CE1126;margin-top:0.5rem;font-weight:500;}

/* CTA */
.cta{padding:80px 2.5rem;background:#0072C6;}
.cta-inner{max-width:700px;margin:0 auto;text-align:center;}
.cta-eyebrow{font-size:0.6rem;letter-spacing:4px;text-transform:uppercase;color:#ffffff;margin-bottom:1.4rem;display:flex;align-items:center;justify-content:center;gap:8px;}
.cta-eyebrow::before{content:'';display:block;width:6px;height:6px;background:#FCD116;border-radius:50%;flex-shrink:0;}

.cta h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);color:#fff;line-height:1.1;margin-bottom:0.8rem;}
.cta h2 em{font-family:var(--script);font-style:normal;letter-spacing:0;color:inherit;}
.cta p{font-size:0.9rem;color:rgba(255,255,255,0.65);line-height:1.8;margin-bottom:2.2rem;font-weight:300;}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:#0072C6;color:#fff;padding:14px 30px;font-size:0.8rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:500;transition:background 0.2s;}
.btn-wa:hover{background:#005ca3;}
.btn-light{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,255,255,0.3);color:#fff;padding:13px 28px;font-size:0.8rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:border-color 0.2s;}
.btn-light:hover{border-color:#fff;}
.cta-foot{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.15);display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;}
.cta-foot-item strong{display:block;color:#fff;font-size:0.8rem;margin-bottom:2px;}
.cta-foot-item span{font-size:0.7rem;color:rgba(255,255,255,0.4);letter-spacing:1px;}

footer{background:var(--ink);padding:50px 2.5rem 30px;border-top:0;position:relative;;}
footer::before{
  content:'';
  display:block;
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(to right, #CE1126 0%, #CE1126 33.33%, #FCD116 33.33%, #FCD116 66.66%, #0072C6 66.66%, #0072C6 100%);
}
.footer-inner{max-width:1060px;margin:0 auto;}
.footer-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.08);}

.footer-logo-img{width:160px;height:auto;display:block;margin-bottom:1rem;}


.footer-tagline{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-top:6px;}
.footer-deposit{font-size:0.7rem;color:rgba(255,255,255,0.35);margin-top:10px;font-style:italic;}
.footer-deposit strong{color:rgba(255,255,255,0.55);}
.footer-cols{display:flex;gap:4rem;}
.footer-col h5{font-size:0.58rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:1rem;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.55rem;}
.footer-col li a{font-size:0.78rem;color:rgba(255,255,255,0.4);text-decoration:none;}
.footer-col li a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;}
.footer-copy{font-size:0.68rem;color:rgba(255,255,255,0.18);}
.footer-flag{display:flex;}
.footer-flag span{height:3px;width:26px;}

/* MODAL */
/* Modals are shown via :target — clicking a card link (#m-name)
   reveals the matching modal. Works with no JavaScript. */
.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,0.6);z-index:200;display:none;}
.modal{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--paper);z-index:201;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.35s ease;visibility:hidden;}
.modal:target{transform:translateX(0);visibility:visible;}
/* show the shared backdrop whenever any modal is targeted */
.modal:target ~ .backdrop,
.backdrop:target{display:block;}
/* JS scroll-lock when a modal is open (progressive enhancement) */
html.modal-open,html.modal-open body{overflow:hidden;}
/* Modal header — ink background so white title is always visible */
.modal-hd{padding:0 1.8rem;position:-webkit-sticky;position:sticky;top:0;background:var(--ink);display:flex;flex-direction:column;z-index:1;}
.modal-hd::before{content:'';display:block;height:3px;margin:0 -1.8rem;background:linear-gradient(to right,#CE1126 33.3%,#FCD116 33.3%,#FCD116 66.6%,#0072C6 66.6%);}
.modal-hd-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0 1.4rem;}
.modal-tag{font-size:0.58rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.85);margin-bottom:5px;}
.modal-title{font-family:var(--serif);font-size:1.35rem;color:#fff;font-weight:700;line-height:1.15;}
.modal-x{background:none;border:1px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.7);width:34px;height:34px;flex-shrink:0;cursor:pointer;font-size:0.9rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;text-decoration:none;}
.modal-x:hover{background:#CE1126;color:#fff;border-color:#CE1126;}
.modal-hero-img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;}
.modal-body{padding:1.6rem 1.8rem;flex:1;}
.modal-desc{font-family:var(--serif);font-size:0.98rem;color:var(--ink);line-height:1.75;margin-bottom:1.5rem;}
.modal-price{background:var(--warm);border-left:3px solid #0072C6;padding:1rem 1.3rem;margin-bottom:1.2rem;}
.modal-price-label{font-size:0.57rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.modal-price-val{font-family:var(--serif);font-size:0.95rem;color:#0072C6;font-weight:700;line-height:1.6;}
.modal-section-title::before{content:'';display:block;width:6px;height:6px;background:#FCD116;border-radius:50%;flex-shrink:0;}
.modal-section-title{font-size:0.62rem;letter-spacing:3px;text-transform:uppercase;color:#CE1126;display:flex;align-items:center;gap:8px;margin-bottom:1rem;font-weight:600;padding-bottom:0.6rem;border-bottom:2px solid #FCD116;}
.modal-bullets-title{font-size:0.58rem;letter-spacing:3px;text-transform:uppercase;color:#CE1126;margin-bottom:0.8rem;display:flex;align-items:center;gap:8px;}
.modal-bullets-title::after{content:'';flex:1;height:1px;background:var(--rule);}
.modal-bullets{list-style:none;display:flex;flex-direction:column;gap:0.6rem;margin-bottom:1.5rem;}
.modal-bullets li{font-size:0.82rem;color:var(--muted);padding-left:1.1rem;position:relative;line-height:1.6;font-weight:300;}
.modal-bullets li::before{content:'—';position:absolute;left:0;color:#CE1126;font-size:0.75rem;}
.modal-bullets li strong{color:var(--ink);font-weight:500;}
.modal-deposit-note{background:#fff5f5;border-left:3px solid #CE1126;padding:0.8rem 1rem;margin-bottom:1.2rem;font-size:0.78rem;color:#CE1126;font-weight:500;line-height:1.5;}
.modal-ft{padding:1.4rem 1.8rem;border-top:3px solid #FCD116;position:-webkit-sticky;position:sticky;bottom:0;background:var(--ink);}
.modal-action-label{font-size:0.68rem;color:var(--ink);text-align:center;margin-bottom:1rem;line-height:1.6;}
/* WhatsApp — brand blue, not green */
.modal-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#0072C6;color:#fff;padding:14px;font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:500;margin-bottom:0.6rem;transition:background 0.2s;}
.modal-wa-btn:hover{background:#005ca3;}
/* Email — red so it's clearly visible on dark footer */
.modal-email-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#CE1126;color:#fff;padding:14px;font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:500;margin-bottom:0.6rem;transition:background 0.2s;}
.modal-email-btn:hover{background:#a50e1d;}
/* Pay deposit — gold, stands out as the financial CTA */
.modal-pay-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#FCD116;color:var(--ink);padding:14px;font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:700;margin-bottom:0.6rem;transition:background 0.2s;}
.modal-pay-btn:hover{background:#e0b800;}
.modal-note{font-size:0.65rem;color:rgba(255,255,255,0.35);text-align:center;line-height:1.5;}

/* REVIEWS STRIP */
.reviews-strip{padding:80px 2.5rem;background:var(--ink);border-top:1px solid rgba(255,255,255,0.06);}
.reviews-strip-inner{max-width:1060px;margin:0 auto;}
.reviews-strip-head{margin-bottom:3rem;}
.reviews-strip-head h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;line-height:1.1;margin-bottom:0.5rem;}
.reviews-strip-head h2 em{font-family:var(--script);font-style:normal;letter-spacing:0;color:inherit;}
.reviews-strip-head p{font-size:0.75rem;letter-spacing:3px;text-transform:uppercase;color:#ffffff;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08);}
.review-card{background:var(--ink);padding:2rem;}
.review-card-stars{color:#FCD116;font-size:0.75rem;letter-spacing:2px;margin-bottom:1rem;}
.review-card-quote{font-family:var(--serif);font-size:0.95rem;font-style:italic;color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:1.2rem;}
.review-card-attr{font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.25);padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07);}


/* RESPONSIVE */
@media(max-width:860px){
  header#site-header{padding:0 1rem;height:64px;}

  .header-logo img{height:50px;}
  .nav-wa{padding:7px 12px;font-size:0.65rem;}
  .name-bar{padding:8px 1.2rem;}
  .name-bar-main{font-size:1.4rem;}
  .nav-email{display:none;}
  .nav-links{display:none;}
  .nav-email{display:none;}
  .deposit-banner{margin-top:64px;}

  nav{padding:0 1.2rem;}
  .nav-r a:not(.nav-wa){display:none;}
  .hero{grid-template-columns:1fr;}
  .hero-l{padding:3rem 1.5rem;border-right:none;border-bottom:1px solid var(--rule);}
  .hero-r{height:55vw;min-height:260px;}
  
  
  .logo-bar-name{font-size:1.2rem;}
  .intro-inner{grid-template-columns:1fr;gap:1.5rem;}
  .exp-header{grid-template-columns:1fr;}
  .exp-grid{grid-template-columns:1fr 1fr;}
  .exp-card:nth-child(3n){border-right:1px solid var(--rule);}
  .exp-card:nth-child(2n){border-right:none;}
  .how-inner{grid-template-columns:1fr;}
  .gtk-head{flex-direction:column;gap:0.8rem;}
  .gtk-head p{text-align:left;max-width:100%;}
  .gtk-grid{grid-template-columns:1fr;}
  .payment-grid{grid-template-columns:1fr;}
  .footer-top{flex-direction:column;gap:2rem;}
  .footer-cols{flex-wrap:wrap;gap:2rem;}
  .reviews-grid{grid-template-columns:1fr;}
  .intro,.experiences,.how,.gtk,.cta,.payment-info,.reviews-strip{padding:60px 1.5rem;}
  .deposit-policy-inner{flex-direction:column;gap:1rem;}
}
@media(max-width:540px){
  .exp-grid{grid-template-columns:1fr;}
  .exp-card{border-right:none!important;}
}




/* ── BRAND NAME — unified across all locations ── */
.brand{font-family:var(--script);font-size:1.6rem;color:#FCD116;letter-spacing:0.5px;line-height:1.2;}
.brand em{font-family:var(--sans);font-style:normal;font-weight:500;font-size:0.55em;color:rgba(255,255,255,0.75);letter-spacing:2.5px;text-transform:uppercase;margin-left:6px;vertical-align:middle;}

.reviews-brand{font-size:1.6rem;margin-top:4px;margin-bottom:6px;}
.reviews-eyebrow{font-size:0.6rem;letter-spacing:4px;text-transform:uppercase;color:#ffffff;margin-bottom:1rem;display:flex;align-items:center;gap:8px;}
.reviews-eyebrow::before{content:'';display:block;width:6px;height:6px;background:#FCD116;border-radius:50%;flex-shrink:0;}

/* Force light mode — Samsung Internet, Chrome Android, iOS Safari */
:root {
  color-scheme: light;
  -webkit-color-scheme: light;
}
html {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
    --ink: #111111 !important;
    --paper: #FDFAF5 !important;
    --warm: #FBF5E6 !important;
    --muted: #5a6a7a !important;
    --rule: rgba(17,17,17,0.1) !important;
    --red: #CE1126 !important;
    --blue: #0072C6 !important;
    --gold: #FCD116 !important;
  }
  html, body {
    background-color: #FDFAF5 !important;
    color: #111111 !important;
    filter: none !important;
  }
  * { -webkit-filter: none !important; filter: none !important; }
  .hero-eyebrow, .intro-label, .how-label,
  .modal-section-title, .modal-bullets-title,
  .modal-deposit-note, .deposit-note-inline { color:#CE1126 !important; }
  .stat-num, .ec-hl, .modal-price-val,
  .hero h1 em, h1 em, h2 em, h3 em,
  .intro-text p:first-child::first-letter { color:#0072C6 !important; }
  .brand, .review-stars, .review-card-stars,
  .step-n, .logo-bar-name { color:#FCD116 !important; }
}