/* ILEIQ marketing site — shared theme for content pages (About, Government,
   Investors, Partners). Mirrors the homepage (ileiq-home.html) look and feel.
   Homepage keeps its own inline styles for scroll choreography; these pages are
   lighter, content-first, and fully static. */

:root{
  --ink0:#0C1408; --ink1:#17240F; --g800:#2E5F10; --g700:#3A7514; --g600:#49921A; --g400:#8FD35C; --glow:#A6E07C;
  --mist:#EAF3E2; --paper:#FAF9F6; --stone:#E9E7E2; --body:#1B2415; --slate:#5B6472;
  --gold:#E8A317; --gold-d:#B45309; --blue:#1D5B9B; --blue-l:#4A90D9;
  --fd:"Plus Jakarta Sans",-apple-system,sans-serif; --fb:"Inter",-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink0);color:var(--mist);font-family:var(--fb);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--fd);line-height:1.06;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--blue-l);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;background:var(--paper);color:var(--g800);padding:12px 20px;font-weight:700;z-index:999;border-radius:0 0 12px 0}
.skip:focus{left:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
@media(min-width:900px){.wrap{padding:0 48px}}
.narrow{max-width:860px}

/* ============ NAV ============ */
nav.top{position:fixed;top:0;left:0;right:0;z-index:90;backdrop-filter:blur(14px);background:rgba(12,20,8,.72);border-bottom:1px solid rgba(234,243,226,.08)}
nav.top .wrap{display:flex;align-items:center;gap:14px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:800;font-size:20px;letter-spacing:.04em}
.brand img{height:32px}
.navlinks{display:none;gap:26px;margin-left:auto;font-size:13.5px;font-weight:600;color:rgba(234,243,226,.75)}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#fff}
@media(min-width:900px){.navlinks{display:flex}}
.cta{margin-left:auto;background:var(--g600);color:#fff;font-family:var(--fd);font-weight:700;font-size:14px;padding:12px 20px;border-radius:12px;border:none;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.cta:hover{background:var(--g700)}
@media(min-width:900px){.cta{margin-left:0}}
.menu-btn{margin-left:8px;background:none;border:1.5px solid rgba(234,243,226,.25);border-radius:10px;color:var(--mist);width:48px;height:48px;font-size:19px;cursor:pointer}
@media(min-width:900px){.menu-btn{display:none}}
#mnav{position:fixed;inset:0;background:rgba(12,20,8,.97);z-index:95;display:none;flex-direction:column;justify-content:center;padding:40px}
#mnav.open{display:flex}
#mnav a{font-family:var(--fd);font-weight:800;font-size:30px;padding:11px 0;color:var(--mist)}
#mnav .close{position:absolute;top:14px;right:20px;font-size:26px;background:none;border:none;color:var(--mist);width:48px;height:48px;cursor:pointer}

/* ============ BUTTONS ============ */
.btn-ghost{background:none;border:1.5px solid rgba(234,243,226,.3);color:var(--mist);font-family:var(--fd);font-weight:700;font-size:14px;padding:13px 22px;border-radius:12px;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-ghost:hover{border-color:var(--g400);color:var(--g400)}
.btn-solid{background:var(--g600);color:#fff;font-family:var(--fd);font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:12px;border:none;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-solid:hover{background:var(--g700)}
.btn-gold{background:var(--gold);color:#3A2A00}.btn-gold:hover{background:#d19513}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:#17497d}

/* ============ PAGE STRUCTURE ============ */
main{padding-top:66px}
.kick{font-family:var(--fd);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--g400);margin-bottom:18px}
.kick.blue{color:var(--blue-l)}.kick.gold{color:var(--gold)}
.breadcrumb{font-size:12.5px;color:rgba(234,243,226,.5);padding:18px 0 0}
.breadcrumb a:hover{color:var(--g400)}

.hero{position:relative;padding:9vh 0 7vh;overflow:hidden}
.hero .horizon{position:absolute;inset:auto 0 -10% 0;height:60%;background:radial-gradient(120% 90% at 50% 118%,rgba(73,146,26,.28) 0%,rgba(73,146,26,.09) 45%,transparent 72%);pointer-events:none}
.hero.blue .horizon{background:radial-gradient(120% 90% at 50% 118%,rgba(29,91,155,.32) 0%,rgba(29,91,155,.1) 45%,transparent 72%)}
.hero.gold .horizon{background:radial-gradient(120% 90% at 50% 118%,rgba(232,163,23,.24) 0%,rgba(232,163,23,.08) 45%,transparent 72%)}
.hero-kick{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--g400);border:1px solid rgba(143,211,92,.3);padding:8px 16px;border-radius:99px}
.hero.blue .hero-kick{color:var(--blue-l);border-color:rgba(74,144,217,.35)}
.hero.gold .hero-kick{color:var(--gold);border-color:rgba(232,163,23,.35)}
.hero-kick i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2.2s infinite}
h1.big{font-size:clamp(40px,7vw,86px);font-weight:800;letter-spacing:-.035em;line-height:.98;margin-top:22px;text-wrap:balance;max-width:14ch}
h1.big .grad{background:linear-gradient(97deg,var(--glow) 0%,var(--g600) 60%,var(--g700) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero.blue h1.big .grad{background:linear-gradient(97deg,#9CC7F2 0%,var(--blue-l) 55%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero.gold h1.big .grad{background:linear-gradient(97deg,#F6CE7A 0%,var(--gold) 55%,var(--gold-d) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:clamp(16px,1.7vw,20px);color:rgba(234,243,226,.78);max-width:620px;margin-top:24px}
.hero .acts{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}

section.block{padding:8vh 0;border-top:1px solid rgba(234,243,226,.08)}
section.block.paper{background:var(--paper);color:var(--body);border-top:none}
section.block.paper .kick{color:var(--g700)}
section.block.paper .slate{color:var(--slate)}
h2.sec{font-size:clamp(28px,4.4vw,50px);font-weight:800;letter-spacing:-.025em;max-width:20ch}
h3.sub{font-size:clamp(21px,2.4vw,28px);font-weight:800;letter-spacing:-.02em}
.prose{max-width:720px}
.prose p{color:rgba(234,243,226,.78);font-size:17px;margin-top:18px}
section.block.paper .prose p{color:var(--body);opacity:.82}
.prose p.first{margin-top:22px}

/* ============ CARDS + GRIDS ============ */
.grid{display:grid;gap:16px;margin-top:6vh}
.grid.c2{grid-template-columns:1fr}
.grid.c3{grid-template-columns:1fr}
.grid.c4{grid-template-columns:1fr}
@media(min-width:720px){.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}
.card{position:relative;background:var(--ink1);border:1px solid rgba(234,243,226,.12);border-radius:18px;padding:30px 26px;transition:transform .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);border-color:rgba(143,211,92,.4)}
.card .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(143,211,92,.14);color:var(--g400);margin-bottom:16px}
.card.blue .ic{background:rgba(74,144,217,.16);color:var(--blue-l)}
.card.gold .ic{background:rgba(232,163,23,.16);color:var(--gold)}
.card h3{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.28}
.card p{color:rgba(234,243,226,.7);font-size:14.5px;margin-top:9px}
.card .idx{font-family:var(--fd);font-weight:800;font-size:12px;letter-spacing:.2em;color:var(--g400);display:block;margin-bottom:14px}

section.block.paper .card{background:#fff;border-color:#E5E3DC;color:var(--body)}
section.block.paper .card:hover{box-shadow:0 18px 44px rgba(23,36,15,.1);border-color:#E5E3DC}
section.block.paper .card p{color:var(--slate)}
section.block.paper .card.top::before{content:"";position:absolute;top:-1px;left:26px;width:52px;height:3px;border-radius:0 0 4px 4px;background:var(--ac,var(--g600))}

/* audience selector cards (link cards) */
.audience{display:grid;gap:16px;margin-top:6vh}
@media(min-width:820px){.audience{grid-template-columns:repeat(3,1fr)}}
.acard{display:flex;flex-direction:column;background:var(--ink1);border:1px solid rgba(234,243,226,.12);border-radius:20px;padding:30px 26px;transition:transform .25s ease,border-color .25s ease}
.acard:hover{transform:translateY(-4px);border-color:var(--ac)}
.acard{--ac:var(--g400)}
.acard.blue{--ac:var(--blue-l)}.acard.gold{--ac:var(--gold)}
.acard .tag{font-family:var(--fd);font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.acard h3{font-size:22px;font-weight:800;margin-top:12px;letter-spacing:-.02em}
.acard p{color:rgba(234,243,226,.72);font-size:14.5px;margin-top:10px;flex:1}
.acard .more{margin-top:18px;font-family:var(--fd);font-weight:700;font-size:14px;color:var(--ac)}

/* stats */
.stats{display:grid;gap:14px;margin-top:6vh;grid-template-columns:repeat(2,1fr)}
@media(min-width:820px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--ink1);border:1px solid rgba(234,243,226,.12);border-radius:16px;padding:26px 22px}
section.block.paper .stat{background:#fff;border-color:#E5E3DC}
.stat .n{font-family:var(--fd);font-weight:800;font-size:clamp(32px,4vw,46px);letter-spacing:-.03em;line-height:1}
.stat .n.green{color:var(--g400)}.stat .n.gold{color:var(--gold)}.stat .n.blue{color:var(--blue-l)}
section.block.paper .stat .n.green{color:var(--g700)}
.stat .l{font-size:13.5px;color:rgba(234,243,226,.7);margin-top:10px}
section.block.paper .stat .l{color:var(--slate)}

/* chips / pills */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chips span{font-size:13px;font-weight:600;padding:9px 16px;border-radius:99px;border:1px solid rgba(234,243,226,.18);color:rgba(234,243,226,.82)}
section.block.paper .chips span{border-color:#DAD7CF;color:var(--body)}
.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:11.5px;font-weight:800;letter-spacing:.12em;padding:6px 14px;border-radius:99px}
.pill.live{background:rgba(73,146,26,.22);color:var(--g400);border:1px solid rgba(143,211,92,.4)}
.pill.live i{width:7px;height:7px;border-radius:50%;background:var(--g400);animation:pulse 2s infinite}
.pill.soon{background:rgba(74,144,217,.18);color:var(--blue-l);border:1px solid rgba(74,144,217,.35)}

/* two-column feature rows */
.split{display:grid;gap:30px;margin-top:6vh;align-items:start}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:56px}}

/* callout / capiov band */
.callout{background:linear-gradient(120deg,rgba(46,95,16,.35),rgba(23,36,15,.6));border:1px solid rgba(143,211,92,.22);border-radius:22px;padding:clamp(28px,4vw,46px);margin-top:6vh}
.callout h3{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.02em}
.callout p{color:rgba(234,243,226,.8);font-size:16px;margin-top:14px;max-width:720px}
.callout .go{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}

/* CTA band */
.ctaband{text-align:center;padding:12vh 0}
.ctaband h2{font-size:clamp(34px,6vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;max-width:16ch;margin:0 auto}
.ctaband .lead{margin:22px auto 0}
.ctaband .acts{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;justify-content:center}

/* value list */
.vlist{display:grid;gap:14px;margin-top:5vh}
@media(min-width:820px){.vlist{grid-template-columns:repeat(2,1fr)}}
.vitem{border:1px solid rgba(234,243,226,.12);border-radius:16px;padding:24px}
.vitem h3{font-size:18px;font-weight:800}
.vitem p{color:rgba(234,243,226,.72);font-size:14.5px;margin-top:8px}

/* FAQ */
.faq details{border-bottom:1px solid rgba(234,243,226,.12);max-width:820px}
.faq summary{font-family:var(--fd);font-weight:700;font-size:17px;padding:22px 40px 22px 4px;cursor:pointer;list-style:none;position:relative;min-height:48px}
.faq summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--g400);font-weight:300}
.faq details[open] summary::after{content:"–"}
.faq details p{color:rgba(234,243,226,.72);font-size:15px;padding:0 4px 24px;max-width:760px;line-height:1.7}
section.block.paper .faq details{border-bottom-color:#E5E3DC}
section.block.paper .faq summary{color:var(--body)}
section.block.paper .faq summary::after{color:var(--g700)}
section.block.paper .faq details p{color:var(--slate)}

/* ============ FOOTER ============ */
footer{border-top:1px solid rgba(234,243,226,.08);padding:8vh 0 4vh;font-size:14px;color:rgba(234,243,226,.6)}
footer .fgrid{display:grid;gap:34px}
@media(min-width:820px){footer .fgrid{grid-template-columns:2fr 1fr 1fr 1fr}}
footer h4{font-family:var(--fd);font-size:13px;color:var(--mist);margin-bottom:12px;letter-spacing:.06em}
footer a{display:block;padding:4px 0;color:rgba(234,243,226,.6)}
footer a:hover{color:var(--g400)}
footer .soon{font-size:11px;color:rgba(234,243,226,.4);border:1px solid rgba(234,243,226,.2);border-radius:99px;padding:1px 8px;margin-left:6px}
footer .base{margin-top:6vh;padding-top:24px;border-top:1px solid rgba(234,243,226,.08);display:flex;flex-wrap:wrap;gap:10px 26px;font-size:12.5px;color:rgba(234,243,226,.45)}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
html.rm .reveal{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}