/*
Theme Name: EasyExpat
Theme URI: https://easyexpat.live
Author: WebWayOut
Author URI: https://easyexpat.live
Description: Custom homepage theme for EasyExpat — a global trading guidance platform for expats. Crypto-template-inspired dark aesthetic with violet/cyan gradients. Homepage content is editable via Appearance > Customize.
Version: 1.4.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ezeexpat
*/

/* =========================================================
   EasyExpat theme — Coinlye-template-style reconstruction
   ========================================================= */
:root{
  --bg:#070b16; --bg-2:#0b1020; --panel:#101830; --panel-2:#0d1428; --field:#161f3a;
  --brand:#6c5ce7; --brand-2:#8a7bff; --cyan:#00d4ff;
  --grad:linear-gradient(115deg,#7b6cff 0%,#00d4ff 100%);
  --grad-soft:linear-gradient(115deg,rgba(123,108,255,.18),rgba(0,212,255,.12));
  --text:#eef1fb; --muted:#97a0c0; --green:#21d07a; --red:#ff5d6c; --line:rgba(255,255,255,.07);
  --display:'Sora',sans-serif; --body:'Outfit',sans-serif; --r:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(60vw 60vw at 80% -5%,rgba(123,108,255,.18),transparent 60%),
    radial-gradient(50vw 50vw at 0% 30%,rgba(0,212,255,.10),transparent 60%),
    radial-gradient(40vw 40vw at 90% 70%,rgba(123,108,255,.10),transparent 60%);}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.15;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.eyebrow{font-family:var(--body);font-weight:600;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;display:inline-block}
.muted{color:var(--muted)}
.poly{position:absolute;width:120px;height:120px;border:1px solid rgba(138,123,255,.25);transform:rotate(45deg);border-radius:26px;pointer-events:none;opacity:.5}
.glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}

.btn{display:inline-block;font-family:var(--body);font-weight:600;font-size:.95rem;padding:15px 30px;border-radius:50px;cursor:pointer;border:none;transition:.25s;position:relative}
.btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(108,92,231,.45)}
.btn-grad:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(108,92,231,.6)}
.btn-out{background:transparent;color:var(--text);border:1px solid rgba(138,123,255,.5)}
.btn-out:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 24px rgba(0,212,255,.25)}
.btn-sm{padding:11px 24px;font-size:.88rem}

.strip{border-bottom:1px solid var(--line);background:rgba(7,11,22,.7);backdrop-filter:blur(8px);font-size:.78rem;position:relative;z-index:5}
.strip .wrap{display:flex;align-items:center;gap:24px;padding:10px 26px;flex-wrap:wrap}
.strip .lbl{font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.64rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.clock{display:flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}
.clock b{color:var(--text);font-weight:500}
.dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.dot.closed{background:#39426a;box-shadow:none}

/* ---- Live stock ticker marquee ---- */
.ez-ticker{position:relative;width:100%;overflow:hidden;background:rgba(11,16,32,.92);
  border-bottom:1px solid var(--line);white-space:nowrap;z-index:40}
.ez-ticker-track{display:inline-flex;align-items:center;will-change:transform;
  animation:ez-marquee 60s linear infinite}
.ez-ticker:hover .ez-ticker-track{animation-play-state:paused}
.ez-ticker .tk{display:inline-flex;align-items:baseline;gap:8px;padding:10px 26px;
  border-right:1px solid var(--line);font-size:.82rem}
.ez-ticker .tk-sym{font-weight:700;letter-spacing:.03em;color:var(--text)}
.ez-ticker .tk-px{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.ez-ticker .tk-ch{font-size:.76rem;font-weight:600;font-variant-numeric:tabular-nums}
.ez-ticker .tk-ch.up{color:var(--green)}
.ez-ticker .tk-ch.down{color:var(--red)}
.ez-ticker .tk-ch.up::before{content:"\25B2 ";font-size:.6rem}
.ez-ticker .tk-ch.down::before{content:"\25BC ";font-size:.6rem}
@keyframes ez-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ez-ticker-track{animation-duration:120s}}

.site-header{position:sticky;top:0;z-index:50;background:rgba(7,11,22,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em}
.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.navlinks{display:flex;gap:30px;font-size:.92rem;font-weight:500;list-style:none}
.navlinks a{color:var(--muted);transition:.2s}
.navlinks a:hover{color:var(--text)}
.navcta{display:flex;gap:14px;align-items:center}
.navcta .login{font-size:.9rem;font-weight:500;color:var(--muted)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
.burger span{width:24px;height:2px;background:var(--text);border-radius:2px}

.hero{position:relative;padding:80px 0 90px;overflow:hidden}
.hero .glow.a{width:520px;height:520px;background:rgba(108,92,231,.45);top:-160px;right:-80px}
.hero .glow.b{width:420px;height:420px;background:rgba(0,212,255,.25);bottom:-160px;left:-120px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;position:relative;z-index:2}
.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:22px}
.hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.16rem;color:var(--muted);max-width:520px;margin-bottom:32px}
.hero-cta{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:26px}
.trust{font-size:.84rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}
.trust span{display:flex;align-items:center;gap:7px}
.trust span::before{content:"\25C6";color:var(--cyan);font-size:.7rem}

.hcard{position:relative;background:linear-gradient(160deg,rgba(20,28,54,.95),rgba(10,16,34,.95));border:1px solid rgba(138,123,255,.28);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05)}
.hcard::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}
.hcard .pill{display:inline-block;background:var(--grad-soft);border:1px solid rgba(138,123,255,.3);color:var(--brand-2);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:20px}
.trow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.trow:last-of-type{border-bottom:none}
.trow .sym{font-weight:600}.trow .sub{font-size:.72rem;color:var(--muted)}
.trow .px{font-weight:600;text-align:right}
.up{color:var(--green)}.down{color:var(--red)}
.avail{margin-top:22px}
.avail .l{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted);margin-bottom:8px}
.avail .l b{color:var(--brand-2)}
.track{height:8px;background:var(--field);border-radius:50px;overflow:hidden}
.fill{height:100%;background:var(--grad);border-radius:50px}

.stats{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(13,20,40,.5)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:40px 24px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .num{font-family:var(--display);font-weight:800;font-size:2.8rem;line-height:1;margin-bottom:10px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .lbl{font-size:.82rem;color:var(--muted)}

section.block{padding:90px 0;position:relative}
.sec-head{max-width:680px;margin-bottom:50px;position:relative;z-index:2}
.sec-head.center{margin:0 auto 50px;text-align:center}
.sec-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:14px}
.sec-head p{font-size:1.06rem;color:var(--muted)}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:2}
.card{background:linear-gradient(160deg,rgba(16,24,48,.9),rgba(13,20,40,.9));border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);border-color:rgba(138,123,255,.4);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.card .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;background:var(--grad-soft);border:1px solid rgba(138,123,255,.25)}
.card h3{font-size:1.18rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.95rem}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:2}
.step{background:linear-gradient(160deg,rgba(16,24,48,.7),rgba(13,20,40,.7));border:1px solid var(--line);border-radius:var(--r);padding:28px 22px}
.step .n{font-family:var(--display);font-weight:800;font-size:1.6rem;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;margin-bottom:16px;box-shadow:0 8px 24px rgba(108,92,231,.4)}
.step h3{font-size:1.1rem;margin-bottom:8px}.step p{color:var(--muted);font-size:.92rem}

.prices{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:860px;margin:0 auto;position:relative;z-index:2}
.plan{background:linear-gradient(160deg,rgba(16,24,48,.92),rgba(13,20,40,.92));border:1px solid var(--line);border-radius:22px;padding:38px 34px;position:relative}
.plan.feat{border-color:transparent}
.plan.feat::before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.plan .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 18px;border-radius:50px;white-space:nowrap}
.plan .ptag{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:12px}
.plan .price{font-family:var(--display);font-weight:800;font-size:3rem;margin-bottom:4px}
.plan .price small{font-size:1rem;color:var(--muted);font-family:var(--body);font-weight:400}
.plan .desc{color:var(--muted);font-size:.92rem;margin-bottom:22px;min-height:42px}
.plan ul{list-style:none;margin-bottom:26px}
.plan li{padding:9px 0;font-size:.93rem;display:flex;gap:11px;border-bottom:1px solid var(--line)}
.plan li::before{content:"\2714";color:var(--cyan)}
.plan .btn{width:100%;text-align:center}
.guar{text-align:center;font-size:.78rem;color:var(--muted);margin-top:14px}
.pnote{text-align:center;color:var(--muted);font-size:.85rem;margin:32px auto 0;max-width:560px;position:relative;z-index:2}

.tcard{background:linear-gradient(160deg,rgba(16,24,48,.9),rgba(13,20,40,.9));border:1px solid var(--line);border-radius:var(--r);padding:30px}
.tcard .q{font-family:var(--display);font-size:3rem;line-height:.5;height:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tcard p{font-size:1rem;margin:10px 0 20px}
.tcard .who{font-size:.85rem;color:var(--brand-2);font-weight:600}
.flag{background:rgba(255,93,108,.08);border:1px dashed rgba(255,93,108,.4);border-radius:12px;padding:14px 18px;font-size:.82rem;color:#ffb0b8;margin-top:28px;position:relative;z-index:2}
.flag b{color:#ff8a94}

.faq{max-width:780px;margin:0 auto;position:relative;z-index:2}
details{background:linear-gradient(160deg,rgba(16,24,48,.7),rgba(13,20,40,.7));border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:4px 22px;transition:.3s}
details[open]{border-color:rgba(138,123,255,.4)}
summary{list-style:none;cursor:pointer;padding:18px 0;font-family:var(--display);font-weight:600;font-size:1.02rem;display:flex;justify-content:space-between;align-items:center;gap:18px}
summary::-webkit-details-marker{display:none}
summary .plus{font-size:1.4rem;flex-shrink:0;transition:.3s;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
details[open] summary .plus{transform:rotate(45deg)}
details p{padding:0 0 20px;color:var(--muted);font-size:.95rem}

.final{position:relative;text-align:center;padding:100px 0;overflow:hidden}
.final .glow{width:600px;height:400px;background:rgba(108,92,231,.4);top:50%;left:50%;transform:translate(-50%,-50%)}
.final-in{position:relative;z-index:2;max-width:680px;margin:0 auto}
.final h2{font-size:clamp(2rem,4vw,2.9rem);margin-bottom:16px}
.final p{color:var(--muted);font-size:1.1rem;margin-bottom:30px}
.final-cta{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}

.site-footer{border-top:1px solid var(--line);padding:60px 0 28px;background:rgba(11,16,32,.6);position:relative;z-index:2}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:40px;margin-bottom:42px}
.fgrid p{color:var(--muted);font-size:.92rem;max-width:300px}
.fcol h4{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-family:var(--body);font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fcol a{display:block;color:var(--muted);font-size:.92rem;padding:6px 0}
.fcol a:hover{color:var(--text)}
.news{display:flex;gap:10px;margin-top:12px}
.news input{flex:1;background:var(--field);border:1px solid var(--line);border-radius:50px;padding:12px 18px;color:var(--text);font-family:var(--body)}
.news button{border-radius:50px;padding:12px 22px;font-size:.85rem}
.fbot{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:.82rem;color:var(--muted)}
.legal{display:flex;gap:18px;flex-wrap:wrap}.legal a:hover{color:var(--text)}

.reveal{opacity:0;transform:translateY(26px);transition:.7s}
.reveal.in{opacity:1;transform:none}

/* WP page/post content fallback styling */
.page-content{max-width:1120px;margin:0 auto;padding:60px 26px}
.page-content h1,.page-content h2{margin:1em 0 .5em}
.page-content p{margin-bottom:1em;color:var(--muted)}
.page-content a{color:var(--cyan)}

@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .stats .wrap{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:none}.stat{border-bottom:1px solid var(--line)}
  .grid-3,.prices{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr}
  .navlinks{display:none}
  .navcta .login{display:none}
  .navcta{gap:10px}
  .burger{display:flex;order:3}
  .navlinks.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg-2);padding:20px 26px;gap:16px;border-bottom:1px solid var(--line);z-index:40}
}
@media(max-width:560px){.stats .wrap{grid-template-columns:1fr}.stat{border-right:none}.steps{grid-template-columns:1fr}.strip{display:none}}