/* =========================================================
   ETAINFI OPPORTUNITY CARD — dark hero+sections, WHITE checker
   Palette: gold #D4A843 · ink #0D0D10 · Syne heads · Inter body
   The checker is a light card for maximum visibility.
========================================================= */
.ekcp *,.ekcp *::before,.ekcp *::after{box-sizing:border-box;}
.ekcp{
  --gold:#D4A843; --gold-soft:#E8C06A; --gold-deep:#B8902F; --gold-pale:#FBF0D4;
  --ink:#0D0D10; --ink-soft:#111116; --ink-card:#16161C; --ink-raise:#1E1E26;
  --text:#F7F4EC; --text-soft:rgba(255,255,255,.80); --muted:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.09); --line-gold:rgba(212,168,67,.28); --gold-bg:rgba(212,168,67,.10);
  --ok:#2FA968; --warn:#C6702B;
  --r:24px; --r-sm:16px; --r-xs:12px;
  --head:'Syne',sans-serif; --body:'Inter',sans-serif;
  font-family:var(--body); color:var(--text); background:var(--ink);
  line-height:1.65; -webkit-font-smoothing:antialiased;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50%); padding-right:calc(50vw - 50%);
}
.ekcp a{color:inherit;}
.ekcp .wrap{max-width:1120px; margin:0 auto; padding:0 22px;}
.ekcp .eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--body);
  font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-soft);}
.ekcp .eyebrow::before{content:""; width:26px; height:2px; background:var(--gold);}
.ekcp h2.sec-title{font-family:var(--head); font-size:clamp(30px,4.2vw,46px); font-weight:800;
  line-height:1.04; letter-spacing:-.025em; color:var(--text); margin:16px 0 0;}
.ekcp h2.sec-title em{font-style:normal; color:var(--gold);}
.ekcp .sec-body{font-size:1.02rem; color:var(--text-soft); line-height:1.7; margin-top:14px; max-width:720px;}
.ekcp .section{padding:66px 0 6px; scroll-margin-top:90px;}

/* Nav clearance — the shared #mainnav is fixed at 70px tall */
.ekcp{ padding-top:70px; }

/* Hero */
.ekcp .hero{position:relative; padding:64px 0 34px; text-align:center; overflow:hidden;}
.ekcp .hero::before{content:""; position:absolute; inset:0;
  background:radial-gradient(1100px 380px at 50% -60px, rgba(212,168,67,.16), transparent 66%); pointer-events:none;}
.ekcp .hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, var(--line-gold), transparent);}
.ekcp .hero-badge{display:inline-flex; align-items:center; gap:9px; padding:9px 18px; border-radius:999px;
  border:1px solid var(--line-gold); background:rgba(212,168,67,.07); color:var(--gold-soft);
  font-size:12.5px; font-weight:600; letter-spacing:.03em; position:relative;}
.ekcp .hero-badge .dot{width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px var(--gold); animation:ekpulse2 2s infinite;}
@keyframes ekpulse2{0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.45; transform:scale(.85);}}
/* Balanced hero heading — big but not overwhelming */
.ekcp .hero h1{position:relative; font-family:var(--head); font-size:clamp(34px,5vw,60px); font-weight:800;
  line-height:1.02; letter-spacing:-.03em; margin:20px auto 0; max-width:14ch; color:var(--text);}
.ekcp .hero h1 .accent{color:var(--gold); text-shadow:0 2px 40px rgba(212,168,67,.25);}
.ekcp .hero p{position:relative; font-size:clamp(15px,1.6vw,18px); color:var(--text-soft); line-height:1.7; max-width:640px; margin:18px auto 0;}
.ekcp .hero-cta{position:relative; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:30px;}
.ekcp .btn{display:inline-flex; align-items:center; justify-content:center; padding:15px 30px;
  border-radius:14px; text-decoration:none; font-weight:700; font-size:.98rem; cursor:pointer;
  border:1px solid var(--line); background:transparent; color:var(--text); transition:background .2s, transform .12s, border-color .2s, box-shadow .2s;}
.ekcp .btn-gold{background:var(--gold); color:#181206; border-color:transparent; box-shadow:0 8px 30px -10px rgba(212,168,67,.6);}
.ekcp .btn-gold:hover{background:var(--gold-soft); transform:translateY(-2px); box-shadow:0 14px 40px -12px rgba(212,168,67,.75);}
.ekcp .btn-ghost:hover{border-color:var(--gold); color:var(--gold-soft); transform:translateY(-2px);}

/* Snapshot */
.ekcp .snapshot{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:46px; position:relative;}
.ekcp .snap{background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:var(--r-sm); padding:22px; text-align:left; transition:border-color .25s, transform .12s;}
.ekcp .snap:hover{border-color:var(--line-gold); transform:translateY(-2px);}
.ekcp .snap .k{font-size:.7rem; letter-spacing:.09em; text-transform:uppercase; color:var(--gold-soft); font-weight:700; margin-bottom:7px;}
.ekcp .snap .v{font-size:1rem; font-weight:700; color:var(--text); line-height:1.35;}
@media (max-width:760px){ .ekcp .snapshot{grid-template-columns:1fr 1fr;} }
@media (max-width:440px){ .ekcp .snapshot{grid-template-columns:1fr;} }

/* Anchor nav */
.ekcp .anchorbar{display:flex; gap:9px; flex-wrap:wrap; justify-content:center; margin-top:36px;}
.ekcp .anchorbar a{font-size:.84rem; font-weight:600; color:var(--text-soft); text-decoration:none;
  background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:999px; padding:9px 18px; transition:border-color .18s, color .18s, background .18s;}
.ekcp .anchorbar a:hover{border-color:var(--line-gold); background:rgba(255,255,255,.06); color:var(--gold-soft);}

/* Card grids (dark) */
.ekcp .grid{display:grid; gap:16px; margin-top:30px;}
.ekcp .g2{grid-template-columns:1fr 1fr;}
.ekcp .g3{grid-template-columns:repeat(3,1fr);}
.ekcp .g4{grid-template-columns:repeat(4,1fr);}
@media (max-width:820px){ .ekcp .g3,.ekcp .g4{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .ekcp .g2,.ekcp .g3,.ekcp .g4{grid-template-columns:1fr;} }
.ekcp .card{background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:var(--r-sm); padding:26px; transition:border-color .22s, background .22s, transform .12s;}
.ekcp .card:hover{border-color:var(--line-gold); background:rgba(255,255,255,.055); transform:translateY(-3px);}
.ekcp .card .ico{font-size:1.7rem; line-height:1; margin-bottom:14px; display:block;}
.ekcp .card h4{font-family:var(--head); font-size:1.08rem; font-weight:800; color:var(--text); margin-bottom:8px; letter-spacing:-.01em;}
.ekcp .card p{font-size:.92rem; color:var(--text-soft); line-height:1.65;}
.ekcp .card ul{margin:8px 0 0; padding:0; list-style:none;}
.ekcp .card li{font-size:.92rem; color:var(--text); line-height:1.6; padding:6px 0 6px 22px; position:relative;}
.ekcp .card li::before{content:"\25C6"; color:var(--gold); position:absolute; left:0; top:8px; font-size:.62rem;}

/* Points */
.ekcp .pt{background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border:1px solid var(--line); border-radius:var(--r-sm); padding:26px; transition:border-color .22s, transform .12s;}
.ekcp .pt:hover{border-color:var(--line-gold); transform:translateY(-3px);}
.ekcp .pt .n{display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px;
  border-radius:14px; background:var(--gold); color:#181206; font-family:var(--head); font-size:1.3rem; font-weight:800; margin-bottom:18px; box-shadow:0 8px 24px -8px rgba(212,168,67,.6);}
.ekcp .pt h4{font-family:var(--head); font-size:1.05rem; font-weight:800; color:var(--text); margin-bottom:8px;}
.ekcp .pt p{font-size:.92rem; color:var(--text-soft); line-height:1.65;}
.ekcp .note-box{background:var(--gold-bg); border:1px solid var(--line-gold); border-radius:var(--r-sm); padding:20px 24px; margin-top:18px; font-size:.94rem; color:var(--text-soft); line-height:1.65;}

/* Community cards */
.ekcp .community{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:24px;}
@media (max-width:560px){ .ekcp .community{grid-template-columns:1fr;} }
.ekcp .mini{background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:var(--r-sm); padding:24px; transition:border-color .22s, transform .12s;}
.ekcp .mini:hover{border-color:var(--line-gold); transform:translateY(-2px);}
.ekcp .mini .tag{display:inline-block; font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold-soft); background:var(--gold-bg); border:1px solid var(--line-gold); border-radius:999px; padding:6px 12px; margin-bottom:14px;}
.ekcp .mini h3{font-family:var(--head); font-size:1.22rem; font-weight:700; color:var(--text); margin-bottom:8px;}
.ekcp .mini p{font-size:.92rem; color:var(--text-soft); line-height:1.6; margin-bottom:18px;}

/* FAQ */
.ekcp .faq{margin-top:26px;}
.ekcp .faq details{background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:var(--r-xs); margin-bottom:11px; overflow:hidden; transition:border-color .2s;}
.ekcp .faq details[open]{border-color:var(--line-gold);}
.ekcp .faq summary{cursor:pointer; list-style:none; padding:20px 24px; font-family:var(--head); font-size:1rem; font-weight:700; color:var(--text); display:flex; justify-content:space-between; align-items:center; gap:12px;}
.ekcp .faq summary::-webkit-details-marker{display:none;}
.ekcp .faq summary::after{content:"+"; color:var(--gold-soft); font-size:1.4rem; font-weight:700; flex:none;}
.ekcp .faq details[open] summary::after{content:"\2013";}
.ekcp .faq .a{padding:0 24px 22px; font-size:.94rem; color:var(--text-soft); line-height:1.7;}

.ekcp .legal{font-size:.8rem; color:var(--muted); line-height:1.7; margin:56px auto 0; padding:24px 22px 70px; border-top:1px solid var(--line); max-width:1120px;}
.ekcp .legal a{color:var(--gold-soft);}

/* ============ CHECKER — LIGHT / WHITE CARD ============ */
.ekcp #ek-checker{
  --ek-gold:#B8902F; --ek-gold-soft:#9A7623; --ek-ink:#161616;
  --ek-ink-raise:#FFFFFF; --ek-text:#1A1A1A; --ek-text-soft:#4A4A4A;
  --ek-muted:#6E6E6E; --ek-line:#E4E4E7; --ek-line-gold:rgba(184,144,47,.45); --ek-gold-bg:#FBF4E2; --ek-warn:#B4531A;
  font-family:var(--body); color:#1A1A1A; background:#FFFFFF;
  border:1px solid #ECECEC; border-radius:var(--r); overflow:hidden; width:100%;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.6), 0 8px 20px -12px rgba(0,0,0,.4); margin-top:26px;
}
.ekcp #ek-checker *{box-sizing:border-box; margin:0; padding:0;}
.ekcp #ek-checker .ek-head{padding:32px 34px 6px; background:linear-gradient(180deg,#FCFBF7,#FFFFFF);}
.ekcp #ek-checker .ek-head-row{display:flex; align-items:center; gap:14px; margin-bottom:14px;}
.ekcp #ek-checker .ek-head img{height:28px; width:auto;}
.ekcp #ek-checker .ek-eyebrow{font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#B8902F; display:flex; align-items:center; gap:10px;}
.ekcp #ek-checker .ek-eyebrow::before{content:""; width:22px; height:2px; background:#B8902F; display:inline-block;}
.ekcp #ek-checker .ek-head h2{font-family:var(--head); font-size:1.9rem; line-height:1.06; font-weight:800; color:#141414; margin-top:12px; letter-spacing:-.02em;}
.ekcp #ek-checker .ek-head h2 .ek-hl{color:#B8902F;}
.ekcp #ek-checker .ek-head p{font-size:.94rem; color:#555; line-height:1.65; margin-top:11px;}
.ekcp #ek-checker .ek-pill{display:inline-block; margin:18px 34px 0; font-size:.78rem; font-weight:600; color:#3A3A3A; background:#FBF4E2; border:1px solid rgba(184,144,47,.4); border-radius:999px; padding:8px 16px;}
.ekcp #ek-checker .ek-pill b{color:#B8902F;}
.ekcp #ek-checker .ek-body{padding:22px 34px 34px;}
.ekcp #ek-checker .ek-cardwrap{background:#FAFAFA; border:1px solid #EDEDED; border-radius:var(--r-sm); padding:28px 28px 24px; margin-top:20px;}
.ekcp #ek-checker .ek-progress{height:6px; border-radius:4px; background:#EDEDED; overflow:hidden; margin-bottom:26px;}
.ekcp #ek-checker .ek-progress-fill{height:100%; border-radius:4px; width:0%; background:linear-gradient(90deg,#D4A843,#B8902F); transition:width .4s cubic-bezier(.4,0,.2,1);}
@media (prefers-reduced-motion:reduce){ .ekcp #ek-checker .ek-progress-fill{transition:none;} }
.ekcp #ek-checker .ek-qnum{font-size:.72rem; font-weight:700; color:#B8902F; letter-spacing:.14em; text-transform:uppercase; margin-bottom:12px;}
.ekcp #ek-checker .ek-q{font-family:var(--head); font-size:1.5rem; font-weight:800; line-height:1.18; color:#141414; margin-bottom:8px; letter-spacing:-.02em;}
.ekcp #ek-checker .ek-help{font-size:.92rem; color:#606060; line-height:1.65; margin-bottom:22px;}
.ekcp #ek-checker .ek-opts{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.ekcp #ek-checker .ek-opts.ek-single{grid-template-columns:1fr;}
.ekcp #ek-checker .ek-opt{position:relative; display:block; width:100%; text-align:left; cursor:pointer; background:#FFFFFF; border:1.5px solid #E2E2E5; border-radius:var(--r-xs); padding:16px 18px; font-size:.96rem; font-weight:600; color:#1E1E1E; transition:border-color .18s, background .18s, box-shadow .18s, transform .1s;}
.ekcp #ek-checker .ek-opt:hover{background:#FDFBF4; border-color:#D4A843; box-shadow:0 6px 18px -8px rgba(184,144,47,.5); transform:translateY(-1px);}
.ekcp #ek-checker .ek-opt:focus-visible{outline:2px solid #B8902F; outline-offset:2px;}
.ekcp #ek-checker .ek-opt.ek-sel{border-color:#B8902F; background:#FBF4E2;}
.ekcp #ek-checker .ek-opt small{display:block; font-weight:400; color:#7A7A7A; font-size:.8rem; margin-top:4px; line-height:1.45;}
@media (max-width:560px){ .ekcp #ek-checker .ek-opts{grid-template-columns:1fr;} }
.ekcp #ek-checker .ek-nav{display:flex; justify-content:space-between; align-items:center; margin-top:24px;}
.ekcp #ek-checker .ek-back{background:none; border:none; color:#B8902F; font-size:.88rem; font-weight:600; cursor:pointer; padding:6px 2px; font-family:var(--body);}
.ekcp #ek-checker .ek-back:hover{color:#141414;}
.ekcp #ek-checker .ek-counter{font-size:.82rem; color:#8A8A8A; font-variant-numeric:tabular-nums;}
.ekcp #ek-checker input.ek-name,.ekcp #ek-checker input.ek-email{width:100%; padding:15px 16px; font-size:.95rem; font-family:var(--body); border:1.5px solid #E2E2E5; border-radius:var(--r-xs); background:#FFFFFF; color:#1A1A1A;}
.ekcp #ek-checker input.ek-name::placeholder,.ekcp #ek-checker input.ek-email::placeholder{color:#A6A6A6;}
.ekcp #ek-checker input.ek-name:focus,.ekcp #ek-checker input.ek-email:focus{outline:none; border-color:#B8902F; box-shadow:0 0 0 3px rgba(212,168,67,.22);}
.ekcp #ek-checker .ek-consent{display:flex; gap:10px; align-items:flex-start; margin-top:14px; font-size:.82rem; color:#6A6A6A; line-height:1.55;}
.ekcp #ek-checker .ek-consent input{margin-top:2px; accent-color:#B8902F; width:16px; height:16px; flex:none;}
.ekcp #ek-checker .ek-primary{background:#B8902F; color:#FFFFFF; border:none; border-radius:var(--r-xs); padding:15px 28px; font-family:var(--body); font-size:.95rem; font-weight:800; cursor:pointer; transition:background .18s, transform .1s; box-shadow:0 10px 26px -12px rgba(184,144,47,.8);}
.ekcp #ek-checker .ek-primary:hover{background:#A07D26; transform:translateY(-1px);}
.ekcp #ek-checker .ek-primary:disabled{opacity:.5; cursor:default; transform:none; box-shadow:none;}
.ekcp #ek-checker .ek-result-badge{border-radius:var(--r-sm); padding:26px 28px; margin-bottom:16px;}
.ekcp #ek-checker .ek-result-badge.ek-pass{background:linear-gradient(135deg,#D4A843,#B8902F); color:#181206;}
.ekcp #ek-checker .ek-result-badge.ek-pass h3,.ekcp #ek-checker .ek-result-badge.ek-pass .ek-score{color:#181206;}
.ekcp #ek-checker .ek-result-badge.ek-fail{background:#FBF4E2; border:1px solid rgba(184,144,47,.4);}
.ekcp #ek-checker .ek-result-badge.ek-fail .ek-score{color:#B8902F;}
.ekcp #ek-checker .ek-result-badge.ek-block{background:#FBEEE3; border:1px solid rgba(196,112,43,.4);}
.ekcp #ek-checker .ek-result-badge.ek-block h3{color:#B4531A;}
.ekcp #ek-checker .ek-result-badge h3{font-family:var(--head); font-size:1.4rem; font-weight:800; margin-bottom:6px; line-height:1.2; color:#141414;}
.ekcp #ek-checker .ek-result-badge .ek-score{font-weight:800;}
.ekcp #ek-checker .ek-result-badge p{font-size:.94rem; line-height:1.65; opacity:.92;}
.ekcp #ek-checker .ek-panel{background:#FAFAFA; border:1px solid #EDEDED; border-radius:var(--r-sm); padding:22px 24px; margin-bottom:14px;}
.ekcp #ek-checker .ek-panel h4{font-size:.73rem; letter-spacing:.12em; text-transform:uppercase; color:#B8902F; font-weight:700; margin-bottom:14px;}
.ekcp #ek-checker .ek-row{display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #ECECEC; font-size:.93rem; color:#2A2A2A;}
.ekcp #ek-checker .ek-row:last-child{border-bottom:none;}
.ekcp #ek-checker .ek-row b{font-variant-numeric:tabular-nums; color:#B8902F; white-space:nowrap;}
.ekcp #ek-checker .ek-tip{display:flex; gap:12px; padding:11px 0; font-size:.93rem; line-height:1.65; border-bottom:1px solid #ECECEC; color:#2A2A2A;}
.ekcp #ek-checker .ek-tip:last-child{border-bottom:none;}
.ekcp #ek-checker .ek-tip .ek-plus{color:#B8902F; font-weight:800; white-space:nowrap;}
.ekcp #ek-checker .ek-tip a,.ekcp #ek-checker .ek-panel a{color:#B8902F; font-weight:700;}
.ekcp #ek-checker .ek-mail{background:#FBF4E2; border:1px solid rgba(184,144,47,.4);}
.ekcp #ek-checker .ek-mail h4{color:#B8902F;}
.ekcp #ek-checker .ek-mail p{font-size:.9rem; color:#3A3A3A; line-height:1.65;}
.ekcp #ek-checker .ek-mail p b{color:#B8902F;}
.ekcp #ek-checker .ek-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:18px;}
.ekcp #ek-checker .ek-actions a,.ekcp #ek-checker .ek-actions button{flex:1 1 160px; text-align:center; text-decoration:none; border-radius:var(--r-xs); padding:15px 16px; font-family:var(--body); font-size:.92rem; font-weight:700; cursor:pointer; border:none; transition:background .18s, transform .1s, border-color .18s;}
.ekcp #ek-checker .ek-a-pdf{background:#B8902F; color:#FFFFFF;}
.ekcp #ek-checker .ek-a-pdf:hover{background:#A07D26; transform:translateY(-1px);}
.ekcp #ek-checker .ek-a-discord{background:#161616; color:#FFFFFF;}
.ekcp #ek-checker .ek-a-discord:hover{background:#000; transform:translateY(-1px);}
.ekcp #ek-checker .ek-a-yt{background:#FFFFFF; color:#1A1A1A; border:1.5px solid #E2E2E5 !important;}
.ekcp #ek-checker .ek-a-yt:hover{border-color:#141414 !important;}
.ekcp #ek-checker .ek-review-wrap{margin-top:22px; text-align:center;}
.ekcp #ek-checker .ek-review-wrap::before{content:"This tool is free — a quick review keeps it that way"; display:block; font-size:.86rem; color:#7A7A7A; margin-bottom:12px; font-weight:600;}
.ekcp #ek-checker .ek-a-review-img{display:inline-block; line-height:0; border-radius:14px; box-shadow:0 8px 24px -10px rgba(184,144,47,.55); transition:transform .15s, box-shadow .15s; animation:ekpulse 2.8s ease-in-out infinite;}
.ekcp #ek-checker .ek-a-review-img img{display:block; width:200px; max-width:90%; height:auto; border-radius:14px; margin:0 auto;}
.ekcp #ek-checker .ek-a-review-img:hover{transform:translateY(-3px) scale(1.02);}
.ekcp #ek-checker .ek-a-review-img.ek-review-fallback{line-height:1.2; background:#B8902F; color:#FFFFFF; font-weight:800; font-size:1rem; padding:16px 24px; text-decoration:none;}
@keyframes ekpulse{0%,100%{box-shadow:0 8px 24px -10px rgba(184,144,47,.5);} 50%{box-shadow:0 12px 32px -8px rgba(184,144,47,.75);}}
@media (prefers-reduced-motion:reduce){ .ekcp #ek-checker .ek-a-review-img{animation:none;} }
.ekcp #ek-checker .ek-restart{background:none; border:none; color:#8A8A8A; font-size:.86rem; cursor:pointer; text-decoration:underline; margin-top:18px; padding:6px 2px; font-family:var(--body);}
.ekcp #ek-checker .ek-restart:hover{color:#141414;}
.ekcp #ek-checker .ek-foot{font-size:.78rem; color:#8A8A8A; line-height:1.7; padding:2px 34px 28px; background:#FFFFFF;}
.ekcp #ek-checker .ek-foot a{color:#B8902F;}
.ekcp #ek-checker .ek-mail-msg{margin-top:6px; font-size:.85rem; font-weight:600;}

/* =========================================================
   SELF-CONTAINED NAV — mirrors the EtaInfi site header so the
   menu always renders correctly, even if the Site Templates
   stylesheet isn't found. Scoped to #mainnav.
========================================================= */
#mainnav{
  position:fixed; top:0; left:0; right:0; z-index:9999;
  height:70px; padding:0 4vw;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  width:100%; box-sizing:border-box;
  background:rgba(13,13,16,0.85);
  -webkit-backdrop-filter:blur(32px) saturate(180%);
  backdrop-filter:blur(32px) saturate(180%);
  border-bottom:0.5px solid rgba(255,255,255,0.07);
  font-family:'Inter',sans-serif;
}
#mainnav.scrolled{ background:rgba(13,13,16,0.96); border-color:rgba(212,168,67,0.25); }
#mainnav *{box-sizing:border-box;}
#mainnav .nav-logo{display:flex; align-items:center; flex:0 0 auto; margin:0; text-decoration:none;}
#mainnav .nav-logo img{width:44px; height:44px; object-fit:contain; display:block; max-width:none;}
#mainnav .nav-links{
  display:flex; align-items:center; justify-content:flex-end; gap:4px;
  margin-left:auto; width:auto; max-width:none; flex:0 0 auto;
  background:transparent; padding:0; border:none;
}
#mainnav .nav-links a{
  display:inline-flex; align-items:center;
  font-size:12.5px; font-weight:500; color:#A8A8A4; text-decoration:none;
  letter-spacing:0.01em; padding:7px 12px; border-radius:6px; white-space:nowrap;
  background:transparent; transition:color .18s ease, background .18s ease;
}
#mainnav .nav-links a:hover{ color:#FFFFFF; background:rgba(255,255,255,0.06); }
#mainnav .nav-links .nav-cta{
  background:#D4A843 !important; color:#0D0D10 !important; font-weight:700; padding:9px 18px !important; border-radius:8px !important;
}
#mainnav .nav-links .nav-cta:hover{ background:#E8C06A !important; color:#0D0D10 !important; }

/* Hamburger — hidden on desktop, shown on mobile */
#mainnav .hamburger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:42px; height:42px; padding:9px; border:1px solid rgba(255,255,255,.14);
  border-radius:10px; background:rgba(255,255,255,.04); cursor:pointer;
}
#mainnav .hamburger span{display:block; width:100%; height:2px; background:#F2F2EE; border-radius:2px; transition:transform .2s ease, opacity .2s ease;}
#mainnav .hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#mainnav .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;}
#mainnav .hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:980px){
  #mainnav .hamburger{display:flex;}
  #mainnav .nav-links{
    position:fixed; top:70px; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:2px;
    background:rgba(13,13,16,0.98); backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:12px 4vw 18px; margin:0;
    max-height:0; overflow:hidden; opacity:0; pointer-events:none;
    transition:max-height .28s ease, opacity .2s ease;
  }
  #mainnav .nav-links.open{ max-height:80vh; opacity:1; pointer-events:auto; }
  #mainnav .nav-links a{font-size:15px; padding:13px 12px;}
  #mainnav .nav-links .nav-cta{margin-top:8px; text-align:center; justify-content:center;}
}

/* =========================================================
   SELF-CONTAINED FOOTER — mirrors the EtaInfi site footer.
   Scoped to .etainfi-oc-footer.
========================================================= */
.etainfi-oc-footer{background:#07070A; padding:60px 5vw 32px; border-top:0.5px solid rgba(255,255,255,0.07); font-family:'Inter',sans-serif; color:#6A6A68;}
.etainfi-oc-footer *{box-sizing:border-box;}
.etainfi-oc-footer .footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:44px; padding-bottom:44px; border-bottom:0.5px solid rgba(255,255,255,0.07); margin-bottom:24px; max-width:1200px; margin-left:auto; margin-right:auto;}
.etainfi-oc-footer .footer-logo{display:flex; align-items:center; margin-bottom:12px; text-decoration:none;}
.etainfi-oc-footer .footer-logo img{height:44px; width:44px; object-fit:contain; filter:brightness(1.05);}
.etainfi-oc-footer .footer-desc{font-size:13px; color:#6A6A68; line-height:1.7; max-width:250px; margin-top:8px;}
.etainfi-oc-footer .f-col-title{font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:#D4A843; margin-bottom:16px; font-weight:700;}
.etainfi-oc-footer .f-link{display:block; font-size:13px; color:#6A6A68; text-decoration:none; margin-bottom:10px; transition:color 0.15s;}
.etainfi-oc-footer .f-link:hover{color:#FFFFFF;}
.etainfi-oc-footer .footer-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; max-width:1200px; margin:0 auto;}
.etainfi-oc-footer .footer-copy{font-size:11px; color:rgba(255,255,255,0.28);}
.etainfi-oc-footer .etainfi-footer-newsletter-wrap{margin-top:16px;}
.etainfi-oc-footer .etainfi-footer-newsletter-btn{display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; background:#D4A843; color:#0D0D10 !important; font-weight:700; text-decoration:none; border:1px solid rgba(210,175,99,.42); transition:transform .18s ease, background .18s ease; box-shadow:0 10px 30px rgba(210,175,99,.14);}
.etainfi-oc-footer .etainfi-footer-newsletter-btn:hover{transform:translateY(-1px); background:#E8C06A;}
@media (max-width:820px){ .etainfi-oc-footer .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .etainfi-oc-footer .footer-grid{grid-template-columns:1fr;} }