/* goldmarketaccess.com – GOLD3X LP (Figma: Marketing-Materials / LP_V5, 1440 frame) */
:root{
  --navy:#05172c;
  --ink:#000a1a;
  --green:#7aff32;
  --blue:#2235c5;
  --white:#fff;
  --text:rgba(255,255,255,.88);
  --muted:rgba(255,255,255,.48);
  --card-bg:rgba(6,11,35,.4);
  --card-line:rgba(59,130,246,.3);
  --lynch:#757da3;
  --err:#ff8a7a;
  /* Latin glyphs use Syncopate / PP Telegraf; Thai glyphs fall through to Kanit / IBM Plex Sans Thai */
  --display:"Syncopate","Kanit",system-ui,sans-serif;
  --body:"PP Telegraf","Manrope","IBM Plex Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--white);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;font-weight:700}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
.g{color:var(--green)}

.wrap{width:min(1120px,100% - 2*var(--gutter));margin-inline:auto;position:relative}
@media (min-width:768px){:root{--gutter:32px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;height:37px;padding:12px 28px 10px;border-radius:999px;
  font-family:var(--display);font-weight:700;font-size:12px;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,filter .2s}
.btn-green{background:var(--green);color:var(--ink);min-width:254px}
.btn-green:hover{filter:brightness(1.1)}
.btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.3);color:var(--white);min-width:252px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.btn-ghost:hover{border-color:var(--green);color:var(--green)}
.btn-blue{background:var(--blue);color:var(--white);height:34px;padding:11.6px 32.8px 10.8px;font-size:11.5px}
.btn-blue:hover{filter:brightness(1.2)}
.cta-row{display:flex;flex-wrap:wrap;gap:8px}
.risk{font-size:10px;line-height:1.6;color:var(--muted);max-width:561px}

/* ---------- shared type ---------- */
h2{font-family:var(--display);font-size:44px;line-height:1.1;text-transform:uppercase}
.strong{font-weight:800;line-height:1.35}
.card{background:var(--card-bg);border:.831px solid var(--card-line);border-radius:14px}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:770px;padding:181px 0 90px}
.hero-art{position:absolute;z-index:-1;top:-4px;left:50%;width:max(100%,1440px);aspect-ratio:1440/867;transform:translateX(-50%);pointer-events:none}
.hero-bg{position:absolute;top:0;left:-.818%;width:118.82%}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(91deg,rgba(5,23,44,.64) 21%,rgba(5,23,44,0) 99.5%)}
.hero-bg img{width:100%}
.hero-bar{position:absolute;top:0;left:6.057%;width:111.94%;max-width:none}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,23,44,0) 62%,var(--navy) 88%)}

.nav{position:absolute;top:19px;left:50%;transform:translateX(-50%);z-index:5;width:min(1135px,100% - 2*var(--gutter));
  display:flex;align-items:center;gap:28px;padding:12px 12px 12px 16px;border-radius:16px;
  background:rgba(21,22,26,.5);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.nav-logo img{width:123px;height:auto}
.nav-lang{margin-left:auto;font-size:14px;line-height:1.6;letter-spacing:-.28px;color:var(--text);text-decoration:none;white-space:nowrap}
.nav-lang:hover{color:var(--green)}

.hero-grid{display:grid;gap:40px;align-items:start}
.hero h1{font-family:var(--display);font-size:48px;line-height:1.1;text-transform:uppercase;color:#e9e7ff}
.hero .lead{margin-top:32px;max-width:561px;font-size:18px;line-height:1.6;color:var(--text)}
.hero .cta-row{margin-top:32px}
.hero .risk{margin-top:25px}
@media (min-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 400px;gap:48px}
  .hero .lead,.hero .risk{max-width:561px}
}

/* lead form card */
.lead-card{scroll-margin-top:24px;padding:24px;border-radius:14px;background:rgba(6,11,35,.62);border:.831px solid var(--card-line);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.lead-title{font-family:var(--display);font-size:16px;line-height:1.35;text-transform:uppercase;color:var(--white)}
.lead-sub{margin:8px 0 18px;font-size:14px;line-height:1.5;color:var(--text)}
.fld{display:block;margin-bottom:12px}
.fld>span:first-child{display:block;margin-bottom:6px;font-size:13px;line-height:1.3;color:var(--text)}
.fld input{width:100%;height:44px;padding:0 14px;font:inherit;font-size:15px;color:var(--white);
  background:rgba(5,23,44,.7);border:1px solid var(--card-line);border-radius:10px}
.fld input::placeholder{color:rgba(255,255,255,.35)}
.fld input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(122,255,50,.18)}
.fld input[aria-invalid="true"]{border-color:var(--err)}
.fld-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fld-hint{margin:-4px 0 12px;font-size:12px;line-height:1.45;color:var(--muted)}
.fld-hint.err{color:var(--err);font-weight:700}
.tel{display:flex;gap:8px}
.tel-cc{display:flex;align-items:center;padding:0 14px;height:44px;border:1px solid var(--card-line);border-radius:10px;background:rgba(5,23,44,.4);color:var(--text);font-size:15px}
.tel input{flex:1;min-width:0;width:auto}
.consent{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:12px;line-height:1.5;color:var(--text)}
.consent input{flex:none;width:16px;height:16px;margin:1px 0 0;accent-color:var(--green)}
.consent a{color:var(--green)}
.consent.invalid{color:var(--err)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cf-turnstile{margin:0 0 8px}
.btn-block{width:100%;min-width:0;height:44px}
.btn[disabled]{opacity:.5;cursor:not-allowed;filter:none}
.reg-form.busy .btn[type=submit]{cursor:progress}
.form-msg{margin-top:12px;padding:10px 12px;border:1px solid var(--err);border-radius:10px;font-size:13px;line-height:1.5;color:#ffd6cf}
.form-msg:empty{display:none}
.form-msg.info{border-color:var(--card-line);color:var(--text)}
.form-msg .btn{margin-top:10px;width:100%;min-width:0}

/* ---------- what + how ---------- */
.works{position:relative;isolation:isolate;overflow:hidden;padding:120px 0 116px}
.works-bg{position:absolute;z-index:-2;bottom:-318px;left:-40.59%;width:140.58%;max-width:none;height:1238px;object-fit:cover}
.works::after{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,rgba(5,23,44,0) calc(100% - 230px),var(--navy) calc(100% - 27px))}
.intro{text-align:center}
.intro p{margin-top:20px;font-size:18px}
.intro .strong{font-weight:800}
.features{list-style:none;margin:60px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,270px);justify-content:center;gap:14px 12px}
.features .card{position:relative;min-height:113px;padding:36px 16px 20px;font-size:18px;line-height:1.6}
.features .card::before{content:"";position:absolute;top:20px;left:16px;width:41px;height:4px;border-radius:100px;
  background:linear-gradient(134deg,#6e5b1d 13.6%,#b19026 14.9%,rgba(244,198,47,.6) 43.5%,rgba(177,144,38,.4) 72%,rgba(110,91,29,0) 100.6%)}

.how{display:grid;grid-template-columns:571px 550px;justify-content:space-between;margin-top:109px}
.how-head{position:relative}
.how-head h2{max-width:594px}
.img-risk{position:absolute;top:588px;left:228px;font-size:10px;line-height:1.3;color:var(--white)}
.how-body{padding-top:111px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.steps .card{padding:20px 16px}
.step-k{font-family:var(--display);font-size:11.28px;line-height:1.12;letter-spacing:-.2256px;text-transform:uppercase;color:var(--green)}
.steps h3{margin-top:6px;font-family:var(--display);font-size:14px;line-height:22.56px;text-transform:uppercase}
.steps h3+p{margin-top:6px;font-size:14px;line-height:19.34px}
.how-body .cta-row{margin-top:33px}
.how-body .cta-row .btn-green{min-width:260px}
.how-body .cta-row .btn-ghost{min-width:280px}
.how-body .risk{margin-top:16px;max-width:550px}

/* ---------- experience ---------- */
.exp{position:relative;isolation:isolate;overflow:hidden;min-height:851px;padding:168px 0 120px;
  background:radial-gradient(1160px 800px at 74.6% 75%,#146091 0%,#0d3c5f 40%,#092945 60%,var(--navy) 80%) var(--navy)}
.exp-img{position:absolute;z-index:-2;top:0;right:0;width:88.89%;height:100%;object-fit:cover;object-position:left top}
.exp::before{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(90deg,var(--navy) 0,var(--navy) 23px,rgba(5,23,44,.5) 175px,rgba(5,23,44,0) 327px)}
.exp-text{max-width:571px}
.exp-text p{margin-top:20px;color:var(--text)}
.exp-text .strong{color:var(--white)}
.exp-text .cta-row{margin-top:37px}
.exp-text .risk{margin-top:15px;max-width:550px}

/* ---------- faq ---------- */
.faq-sec{position:relative;padding:95px 0 104px;
  background:radial-gradient(1540px 1160px at -311px 97%,#146091 0%,#0d3c5f 40%,#092945 60%,var(--navy) 80%) var(--navy)}
.faq-sec h2{text-align:center}
.faq{max-width:638.6px;margin:27px auto 0;display:grid;gap:13.14px}
.faq details{background:var(--card-bg);border:.831px solid var(--card-line);border-radius:9.98px;padding:.83px}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px 0;min-height:33px;
  font-family:var(--display);font-weight:400;font-size:14px;line-height:23.28px;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:16.63px;height:16.63px;background:url(../img/plus.svg) center/contain no-repeat}
.faq details:not([open]) summary{padding-bottom:12px}
.faq details p{max-width:607px;padding:12px 15px 15px;font-size:10px;line-height:1.4}

/* ---------- footer ---------- */
.footer{position:relative;overflow:hidden;padding:35px 0 48px;background:var(--navy)}
.footer::before{content:"";position:absolute;left:-8.7%;right:-3.3%;top:139px;height:119px;background:url(../img/footer-line.svg) center/100% 100% no-repeat;opacity:.9;pointer-events:none}
.foot-links{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 73.85px;padding:0 var(--gutter)}
.foot-links a{font-size:10px;line-height:23.55px;text-decoration:none;white-space:nowrap}
.foot-links a:hover{color:var(--green)}
.legal{position:relative;margin-top:40px;max-width:900px;font-size:10px;line-height:1.6;color:var(--muted)}
.legal p+p{margin-top:8px}
.legal strong{color:var(--text)}

/* ---------- responsive ---------- */
@media (max-width:1199px){
  .features{grid-template-columns:repeat(2,minmax(0,270px))}
  .how{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:80px}
  .how-body{padding-top:0}
  .img-risk{display:none}
  .exp{padding-top:120px}
}
@media (max-width:1099px){
  .hero{padding-top:130px}
  .hero-grid{max-width:620px}
}
@media (max-width:767px){
  body{font-size:16px}
  h2{font-size:30px}
  .hero{padding:112px 0 56px;min-height:0}
  .hero-art{width:1000px;transform:translateX(-66%)}
  .hero-bg::after{background:linear-gradient(180deg,rgba(5,23,44,.55),rgba(5,23,44,.35))}
  .hero h1{font-size:34px}
  .hero .lead{margin-top:20px;font-size:16px}
  .hero .cta-row{margin-top:24px}
  .nav{gap:12px;padding:10px 10px 10px 14px}
  .nav-logo img{width:100px}
  .nav-cta{padding-inline:16px;font-size:10px}
  .btn-green,.btn-ghost,.how-body .cta-row .btn-green,.how-body .cta-row .btn-ghost{min-width:0;flex:1 1 220px}
  .lead-card{padding:20px 16px}
  .works{padding:80px 0 88px}
  .works-bg{left:-50%;width:200%;height:900px;bottom:-200px}
  .intro p{font-size:16px}
  .features{grid-template-columns:minmax(0,1fr);margin-top:40px}
  .features .card{min-height:0;font-size:16px}
  .exp{min-height:0;padding:80px 0 0;background:var(--navy)}
  .exp::before{display:none}
  .exp-text p:not(.risk){font-size:16px}
  .works .card{background:rgba(6,11,35,.72)}
  .hero-text{text-shadow:0 1px 12px rgba(5,23,44,.8)}
  .exp-img{position:relative;z-index:0;width:100%;height:auto;margin-top:40px}
  .exp{display:flex;flex-direction:column-reverse}
  .faq-sec{padding:72px 0 80px}
  .faq summary{font-size:12px;line-height:1.5;align-items:flex-start;padding-top:12px}
  .faq details p{font-size:12px}
  .foot-links{gap:4px 24px}
}
@media (max-width:420px){
  .fld-row{grid-template-columns:1fr}
  .hero h1{font-size:28px}
  .nav-lang{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}