@import url("preloader.css");
@import url("slots.css");
@import url("skeleton.css");

:root{
  --theme-color:#00478b;
  --accent-rgb:0,71,139;
  --accent-ink:#ffffff;
  --font-head:'Plus Jakarta Sans';
  --font-body:'Inter';
  --bg:#f5f9fd; --bg-alt:#ffffff; --surface:#ffffff; --line:#e4edf4;
  --text:#0f2233; --muted:#5b6f80;
  --hero-grad:linear-gradient(150deg,#01244a,#00478b);
  --header-bg:rgba(255,255,255,.92); --header-ink:#0f2233; --header-line:#e4edf4; --menu-bg:#fff;
  --footer-bg:#0b1f2e; --footer-muted:rgba(255,255,255,.6);
  --ghost-line:rgba(255,255,255,.28); --ghost-ink:#fff;
  --up:#16c784; --up-rgb:22,199,132; --dn:#ff5a5f;
}

.nav__links>a.btn--accent,.nav__links>a.btn--ghost,.footer__nav a.btn--accent{color:var(--accent-ink,#fff)}
.contact-grid--full{max-width:none;margin:0;grid-template-columns:repeat(2,1fr);gap:26px}
@media(max-width:760px){.contact-grid--full{grid-template-columns:1fr}}
.topbar{background:var(--footer-bg);color:var(--footer-muted)}
.topbar__inner{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;height:36px;font-size:.82rem}
.topbar a{color:var(--footer-muted)}
.topbar a:hover{color:#fff}
@media(max-width:760px){.topbar__inner{justify-content:center}}
.tier__price .tier__unit{display:block;margin-left:0}

/* section heads: larger titles + clearer spacing (all similar sections) */
.section__head{margin-bottom:58px}
.section__head .sub-title{display:block;margin-bottom:1rem}
.section__head h2{font-size:clamp(2.2rem,4.4vw,3.3rem);margin:0 0 1.1rem}
.section__head>p{max-width:620px;margin:0 auto;color:var(--muted);font-size:1.06rem;line-height:1.75}

/* beginner arbitrage: 2 x 2 */
.tiers--2{grid-template-columns:repeat(2,1fr);max-width:720px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.tiers--2{grid-template-columns:1fr}}

/* SMSF: larger, more rectangular, more readable cards */
#smsf .cards3{grid-template-columns:repeat(2,1fr);gap:26px}
#smsf .card{padding:34px 36px}
#smsf .card h3{font-size:1.3rem;margin-bottom:.7rem}
#smsf .card p{font-size:1rem;line-height:1.8}
@media(max-width:760px){#smsf .cards3{grid-template-columns:1fr}}

/* about page: hero watermark logo + roomier prose */
.about-hero{position:relative;overflow:hidden}
.about-hero>.container{position:relative;z-index:1}
.about-hero__logo{position:absolute;right:13%;top:50%;transform:translateY(-50%);width:260px;max-width:34%;opacity:.5;pointer-events:none;z-index:0}
@media(max-width:760px){.about-hero__logo{display:none}}
.prose{padding-top:64px;padding-bottom:64px}
.prose h2{margin:2.6rem 0 .9rem;font-size:1.5rem}
.prose h2:first-child{margin-top:0}
.prose p{line-height:1.85;margin-bottom:1.05rem}

/* legal page: clear titled sections */
.legal-page h2{font-size:1.9rem;margin-top:3.2rem;padding-top:2.4rem;border-top:1px solid var(--line)}
.legal-page h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-page h3{font-size:1.18rem;margin:1.9rem 0 .6rem;color:var(--text)}

/* market widget: currency coin badges */
.m-sym{display:flex;align-items:center}
.pair-ic{display:inline-flex;flex:0 0 auto;margin-right:.55rem}
.pair-ic .coin{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-family:var(--font-body,'Inter'),sans-serif;font-weight:700;font-size:.86rem;line-height:1;color:#fff}
.pair-ic .coin+.coin{margin-left:-9px;box-shadow:-2px 0 0 0 var(--surface)}
.coin--eur{background:#00478b}
.coin--usd{background:#2e7d32}
.coin--gbp{background:#5b2a86}
.coin--jpy{background:#b22234}
.coin--xau{background:linear-gradient(145deg,#e6c34d,#c69a2e);color:#3a2e00;font-size:.64rem}
.coin--idx{background:#0b3c74;font-size:.6rem}

/* hero: video only */
.hero{padding:0;position:relative;overflow:hidden}
.hero__glow{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero__slide--video{position:relative;z-index:0;width:100%;aspect-ratio:16/9}
.hero__bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--hero-grad);z-index:0}

.wa{display:inline-flex;align-items:center;gap:.38em}
.wa::before{content:"";flex:none;width:1.05em;height:1.05em;background:currentColor;-webkit-mask:var(--wa-glyph) center/contain no-repeat;mask:var(--wa-glyph) center/contain no-repeat}
:root{--wa-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884a9.82 9.82 0 0 1 6.988 2.896 9.83 9.83 0 0 1 2.893 6.994c-.003 5.45-4.437 9.885-9.885 9.885M20.465 3.49A11.8 11.8 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.9 11.9 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.82 11.82 0 0 0-3.478-8.411'/%3E%3C/svg%3E")}
.whatsapp-fab{position:fixed;z-index:1000;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:#25d366;color:#fff;gap:.55em;padding:12px 20px;border-radius:50px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s}
.whatsapp-fab::before{width:1.6em;height:1.6em}
.whatsapp-fab:hover{color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.32)}
@media(max-width:760px){.whatsapp-fab{width:56px;height:56px;padding:0;justify-content:center;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.whatsapp-fab span{display:none}.whatsapp-fab::before{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.whatsapp-fab{transition:none}.whatsapp-fab:hover{transform:none}}
@media(max-width:760px){.topbar__inner .wa,.topbar__inner span:last-of-type{display:none}}
#chat-widget-container{bottom:calc(76px + env(safe-area-inset-bottom))!important}
@media(max-width:760px){#chat-widget-container{bottom:calc(84px + env(safe-area-inset-bottom))!important}}
