/* ===== LUMINOUS CREW — dark + gold ===== */
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');font-weight:45 920;font-display:swap;}

:root{
  --bg:#0A0A0C; --bg2:#0D0C10; --ink:#F4F0E6; --muted:#8F897C; --soft:#B7B0A2;
  --gold:#D4AF37; --gold-lt:#E8D8B0; --gold-2:#B0812B; --line:rgba(212,175,55,.16);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Archivo','Pretendard',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
::selection{background:rgba(212,175,55,.28);color:#fff;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:var(--gold-lt);}
h1,h2,h3,p{margin:0;text-wrap:pretty;}
img{display:block;}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* grid overlay */
.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:linear-gradient(rgba(212,175,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.045) 1px,transparent 1px);
  background-size:96px 96px;}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:14px 32px;background:rgba(10,10,12,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.nav-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.nav-brand img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(212,175,55,.45));}
.nav-brand span{font-weight:800;letter-spacing:.16em;font-size:15px;}
.nav-brand span b{color:var(--gold);font-weight:800;}
.nav-links{display:flex;gap:26px;align-items:center;}
.nav-links a{color:#CFC8BA;font-size:12.5px;font-weight:600;letter-spacing:.14em;white-space:nowrap;}
.nav-links a:hover{color:var(--gold);}
.contract-chip{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(212,175,55,.4);
  color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;}
.contract-chip:hover{background:rgba(212,175,55,.08);color:var(--gold-lt);}
.contract-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(212,175,55,.7);}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);font-size:20px;cursor:pointer;padding:6px 10px;line-height:1;}

/* section shell */
.section{position:relative;z-index:1;padding:104px 32px;border-top:1px solid var(--line);}
.section.alt{background:linear-gradient(180deg,var(--bg),var(--bg2));}
.wrap{max-width:1200px;margin:0 auto;}
.kicker{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--gold);}
.sec-head{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.01em;margin:10px 0 14px;}
.sec-head .dim{color:var(--muted);font-weight:700;}
.lead{max-width:760px;color:var(--soft);font-size:16px;line-height:1.75;}
.gold-rule{height:2px;flex:1;background:linear-gradient(90deg,rgba(212,175,55,.5),transparent);}

/* hero */
.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:130px 24px 70px;}
.hero-glow{position:absolute;top:46%;left:50%;width:min(880px,92vw);height:min(880px,92vw);transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(201,162,75,.20) 0%,rgba(201,162,75,.06) 35%,transparent 68%);pointer-events:none;}
.hero-inner{position:relative;z-index:2;max-width:920px;}
.hero-logo{width:clamp(110px,15vw,168px);height:auto;margin:0 auto 30px;filter:drop-shadow(0 0 34px rgba(212,175,55,.5));animation:float 7s ease-in-out infinite;}
.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 15px;border:1px solid rgba(212,175,55,.35);color:var(--gold);
  font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:26px;}
.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);}
.hero h1{font-size:clamp(36px,6vw,72px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin-bottom:14px;}
.hero h1 .gold{color:var(--gold);}
.hero-sub{font-size:clamp(15px,1.6vw,20px);font-weight:600;color:#C9C2B4;margin-bottom:10px;}
.hero-desc{font-size:15px;color:var(--muted);max-width:600px;margin:0 auto 34px;line-height:1.65;}
.hero-desc b{color:var(--gold);}
.btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn{font-family:inherit;cursor:pointer;padding:15px 28px;font-weight:800;font-size:15px;letter-spacing:.04em;border:none;display:inline-flex;align-items:center;gap:10px;}
.btn-primary{background:linear-gradient(135deg,#E8D28A,#C9A24B);color:#141007;box-shadow:0 10px 30px -10px rgba(201,162,75,.6);}
.btn-primary:hover{filter:brightness(1.08);color:#141007;}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(212,175,55,.4);font-weight:700;}
.btn-ghost:hover{background:rgba(212,175,55,.08);color:var(--ink);}

/* value nodes (about) */
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:44px;
  border-top:2px solid rgba(212,175,55,.28);border-left:1px solid rgba(212,175,55,.14);}
.value{padding:28px 26px;border-right:1px solid rgba(212,175,55,.14);border-bottom:1px solid rgba(212,175,55,.14);}
.value .ic{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.4);color:var(--gold);margin-bottom:16px;}
.value .ic svg{width:20px;height:20px;}
.value h3{font-weight:800;font-size:17px;margin-bottom:7px;}
.value h3 span{color:var(--gold);font-weight:600;font-size:13px;}
.value p{color:var(--muted);font-size:13.5px;line-height:1.6;}

/* about intro two-col */
.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;}
.about-logo-wrap{display:flex;justify-content:center;}
.about-logo-wrap img{width:min(340px,80%);filter:drop-shadow(0 0 40px rgba(212,175,55,.35));animation:float 8s ease-in-out infinite;}

/* business model */
.principle{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:stretch;margin-top:8px;}
.principle .cell{border:1px solid var(--line);background:rgba(255,255,255,.015);padding:26px 22px;}
.principle .cell .lab{font-family:'Archivo';font-weight:900;font-size:22px;color:var(--gold);letter-spacing:.02em;margin-bottom:14px;}
.principle .cell ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.principle .cell li{color:var(--soft);font-size:14px;display:flex;gap:8px;}
.principle .cell li::before{content:'';width:6px;height:6px;background:var(--gold);flex-shrink:0;margin-top:6px;}
.principle .eq{display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold-2);font-weight:800;}

.flow-block{margin-top:34px;border:1px solid var(--line);padding:30px 28px;background:rgba(255,255,255,.012);}
.flow-block h3{font-size:18px;font-weight:800;margin-bottom:4px;}
.flow-block .fsub{color:var(--muted);font-size:13px;margin-bottom:22px;}
.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.node{border:1px solid rgba(212,175,55,.3);padding:12px 16px;font-size:13.5px;font-weight:700;white-space:nowrap;background:rgba(212,175,55,.04);}
.node.dim{border-color:rgba(255,255,255,.12);background:transparent;color:var(--soft);font-weight:600;}
.node.hi{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.08);}
.arrow{color:var(--gold-2);font-size:16px;font-weight:800;}
.flow-note{margin-top:12px;color:var(--muted);font-size:12.5px;}
.flow-note b{color:var(--gold);}
.two-flows{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px;}

/* architecture table */
.arch{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px;}
.arch th,.arch td{text-align:left;padding:16px 18px;border-bottom:1px solid rgba(212,175,55,.14);vertical-align:top;}
.arch thead th{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.14em;border-bottom:2px solid rgba(212,175,55,.3);}
.arch td.layer{font-weight:800;color:var(--ink);white-space:nowrap;}
.arch td.comp{color:var(--gold-lt);}
.arch td.role{color:var(--muted);}
.arch tbody tr:hover{background:rgba(212,175,55,.04);}

/* tokenomics */
.token-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:56px;align-items:center;}
.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;}
.donut{width:min(340px,80vw);height:auto;transform:rotate(-90deg);filter:drop-shadow(0 0 30px rgba(201,162,75,.22));}
.token-list{border-top:2px solid rgba(212,175,55,.28);}
.trow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid rgba(212,175,55,.14);}
.trow .tl{display:flex;gap:14px;}
.trow .sw{width:14px;height:14px;flex-shrink:0;margin-top:3px;}
.trow .tt{font-weight:800;font-size:15.5px;}
.trow .tt span{color:var(--muted);font-weight:600;font-size:12.5px;}
.trow .td{color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:3px;max-width:520px;}
.trow .pct{font-family:'Archivo';font-weight:900;font-size:22px;flex-shrink:0;}

/* roadmap */
.timeline{position:relative;max-width:920px;margin:0 auto;}
.tl-line{position:absolute;left:19px;top:6px;bottom:52px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.15));}
.milestone{position:relative;display:grid;grid-template-columns:40px 128px 1fr;gap:22px;align-items:start;padding-bottom:34px;}
.dotwrap{width:40px;height:40px;border-radius:50%;border:2px solid rgba(212,175,55,.55);display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:1;}
.dotwrap.first{border-color:var(--gold);}
.dotwrap i{width:10px;height:10px;border-radius:50%;background:var(--gold-2);}
.dotwrap.first i{background:var(--gold);box-shadow:0 0 14px rgba(212,175,55,.7);}
.ms-date{font-family:'Archivo';font-weight:800;font-size:15px;color:var(--gold);padding-top:9px;}
.ms-body{padding-top:6px;}
.ms-body .t{font-weight:800;font-size:17px;margin-bottom:4px;}
.ms-body .s{color:var(--muted);font-size:13.5px;}
.tl-cap{margin-left:62px;padding:18px 24px;border:1px solid rgba(212,175,55,.3);background:linear-gradient(135deg,rgba(212,175,55,.1),transparent);display:flex;align-items:center;gap:14px;}
.tl-cap img{width:26px;height:26px;object-fit:contain;}
.tl-cap span{font-weight:800;font-size:16px;}
.tl-cap span b{color:var(--gold);}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;}
.tcard{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.015);padding:26px;}
.tcard .ava{width:104px;height:104px;margin-bottom:18px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(212,175,55,.14),transparent 70%);}
.tcard .ava img{width:100%;height:100%;object-fit:cover;}
.tcard .nm{font-family:'Archivo';font-weight:800;font-size:19px;letter-spacing:.02em;}
.tcard .ko{color:var(--soft);font-size:12.5px;margin-top:2px;}
.tcard .ro{color:var(--gold);font-size:12.5px;font-weight:700;letter-spacing:.14em;margin-top:6px;}
.tcard .li{position:absolute;top:22px;right:22px;width:26px;height:26px;opacity:.85;}
.tcard .li:hover{opacity:1;}
.tcard .li img{width:100%;height:100%;object-fit:contain;border-radius:4px;}
.tcard-ov{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .28s ease;
  background:linear-gradient(180deg,rgba(16,15,10,.98),rgba(10,10,12,.99));border:1px solid rgba(212,175,55,.5);
  display:flex;flex-direction:column;padding:24px 22px;overflow:auto;}
.tcard-ov .nm{font-size:17px;}
.tcard-ov .ro{margin:5px 0 14px;}
.tcard-ov ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.tcard-ov li{display:flex;gap:9px;color:#CFC8BA;font-size:12.5px;line-height:1.4;}
.tcard-ov li::before{content:'·';color:var(--gold);flex-shrink:0;}
.tcard-ov .lilink{margin-top:16px;display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12.5px;font-weight:700;}
.tcard-ov .lilink img{width:18px;height:18px;border-radius:3px;}

/* news */
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.ncard{border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.015);overflow:hidden;display:flex;flex-direction:column;}
.ncard:hover{border-color:rgba(212,175,55,.45);}
.ncard .thumb{aspect-ratio:16/10;overflow:hidden;background:#111;}
.ncard .thumb img{width:100%;height:100%;object-fit:cover;}
.ncard .nc-body{padding:22px 22px 26px;flex:1;display:flex;flex-direction:column;}
.ncard .src{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--gold);margin-bottom:10px;}
.ncard .nt{font-weight:700;font-size:15.5px;line-height:1.45;color:var(--ink);}
.ncard .more{margin-top:auto;padding-top:16px;color:var(--gold);font-size:12.5px;font-weight:700;}

/* faq */
.faq{max-width:900px;margin:0 auto;border-top:2px solid rgba(212,175,55,.28);}
.qa{border-bottom:1px solid rgba(212,175,55,.14);}
.qa-q{width:100%;text-align:left;background:none;border:none;color:var(--ink);font-family:inherit;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 4px;font-size:16.5px;font-weight:700;}
.qa-q:hover{color:var(--gold);}
.qa-q .pm{color:var(--gold);font-size:22px;line-height:1;flex-shrink:0;transition:transform .25s ease;}
.qa.open .qa-q .pm{transform:rotate(45deg);}
.qa-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.qa-a p{color:var(--soft);font-size:14.5px;line-height:1.75;padding:0 4px 24px;max-width:800px;}

/* cta + footer */
.cta{text-align:center;}
.cta img{width:58px;height:58px;object-fit:contain;margin:0 auto 22px;filter:drop-shadow(0 0 18px rgba(212,175,55,.5));}
.cta h2{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.01em;margin-bottom:16px;}
.cta h2 .gold{color:var(--gold);}
.cta p{color:var(--muted);font-size:15px;margin-bottom:10px;}
.cta .mail{color:var(--soft);font-size:15px;margin-bottom:30px;}
.cta .mail a{font-weight:700;}
.footer{position:relative;z-index:1;padding:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.footer .fb{display:flex;align-items:center;gap:12px;}
.footer .fb img{width:26px;height:26px;object-fit:contain;}
.footer .fb span{font-weight:800;letter-spacing:.14em;font-size:13px;}
.footer .fmid{display:flex;flex-direction:column;gap:4px;}
.footer .fmid a{font-size:12px;font-weight:600;word-break:break-all;}
.footer .fmid .meta{color:#6b6558;font-size:12px;}
.footer .cr{color:#4f4a41;font-size:11px;max-width:280px;}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
[data-reveal].in{opacity:1;transform:none;}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* responsive */
@media(max-width:1080px){
  .nav-links{display:none;}
  .nav-toggle{display:block;}
  .nav.open .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;
    background:rgba(10,10,12,.97);border-bottom:1px solid var(--line);padding:8px 0;}
  .nav.open .nav-links a{padding:14px 32px;width:100%;}
  .about-grid{grid-template-columns:1fr;gap:34px;}
  .token-grid{grid-template-columns:1fr;gap:40px;}
  .two-flows{grid-template-columns:1fr;}
  .principle{grid-template-columns:1fr;}
  .principle .eq{transform:rotate(90deg);padding:2px 0;}
}
@media(max-width:640px){
  .section{padding:76px 20px;}
  .nav{padding:12px 18px;}
  .contract-chip .caddr{display:none;}
  .milestone{grid-template-columns:34px 1fr;}
  .milestone .ms-date{grid-column:2;padding-top:0;}
  .tl-line{left:16px;}
  .arch thead{display:none;}
  .arch,.arch tbody,.arch tr,.arch td{display:block;width:100%;}
  .arch td{border-bottom:none;padding:4px 0;}
  .arch tr{border-bottom:1px solid rgba(212,175,55,.14);padding:16px 0;}
  .arch td.layer{color:var(--gold);}
}