*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --black:#0d0d0c;
  --lime:#b8f03e;
  --lime-d:#9ad025;
  --teal:#0ee6c8;
  --violet:#8b6cff;
  --coral:#ff6b5e;
  --blue:#3d85ff;
  --gold:#b8860b;
  --crimson:#8b0000;
  --text-white:#ffffff;
  --text-white-soft:rgba(255,255,255,.96);
}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
body{background:var(--black);color:#fff;overflow-x:hidden;width:100%;}
body.lang-ko{font-family:'Noto Sans KR','Plus Jakarta Sans',sans-serif;}
body.lang-en{font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1280px;margin:0 auto;padding:0 48px;}
@media(max-width:768px){.wrap{padding:0 20px;}}

nav{position:fixed;top:0;left:0;right:0;z-index:999;padding:18px 0;transition:all .35s;}
nav.scrolled{background:rgba(13,13,12,.88);backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);}
nav .wrap{display:flex;align-items:center;justify-content:space-between;}
.n-logo{font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.96);}
.n-logo-mark{width:34px;height:34px;display:block;object-fit:contain;background:rgba(255,255,255,.96);padding:4px;border-radius:7px;box-shadow:0 10px 24px rgba(0,0,0,.24);}
.n-logo .hub{font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;font-size:.98rem;font-weight:500;color:var(--text-white-soft);margin-left:-4px;}
.n-links{display:flex;align-items:center;gap:32px;}
.n-links a{font-size:.82rem;color:var(--text-white-soft);transition:color .2s;font-weight:400;}
.n-links a:hover{color:#fff;}
.n-cta{
  padding:9px 22px;border-radius:10px;font-size:.8rem!important;color:#fff!important;font-weight:500!important;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);
  transition:all .25s!important;
}
.n-cta:hover{background:rgba(255,255,255,.14)!important;box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)!important;}

.btn-g{
  display:inline-flex;align-items:center;gap:8px;
  padding:16px 32px;border-radius:12px;font-size:.88rem;font-weight:600;border:none;cursor:pointer;
  background:linear-gradient(180deg,#cbf754 0%,#a8d82e 100%);
  color:var(--black);
  box-shadow:0 1px 0 #8ab820,0 4px 12px rgba(184,240,62,.25),0 12px 40px rgba(184,240,62,.12),inset 0 1px 0 rgba(255,255,255,.35);
  transition:all .25s;
  text-shadow:0 1px 0 rgba(255,255,255,.15);
}
.btn-g:hover{
  transform:translateY(-2px);
  box-shadow:0 1px 0 #8ab820,0 6px 20px rgba(184,240,62,.35),0 16px 50px rgba(184,240,62,.18),inset 0 1px 0 rgba(255,255,255,.4);
}
.btn-g:active{transform:translateY(0);box-shadow:0 1px 0 #8ab820,0 2px 6px rgba(184,240,62,.2),inset 0 1px 2px rgba(0,0,0,.1);}

.btn-o{
  display:inline-flex;align-items:center;gap:8px;
  padding:16px 32px;border-radius:12px;font-size:.88rem;font-weight:500;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%);
  color:var(--text-white);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);
  transition:all .25s;
}
.btn-o:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%);
  border-color:rgba(255,255,255,.2);
  box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-1px);
}

.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;}

.hero-bg-img{
  position:absolute;inset:0;z-index:0;
  background:url('/home-satellite-bg.jpg') center center/cover no-repeat;
}
.hero-bg-img::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(13,13,12,.45) 0%,rgba(13,13,12,.2) 35%,rgba(13,13,12,.5) 70%,rgba(13,13,12,.85) 100%),
    linear-gradient(90deg,rgba(13,13,12,.58) 0%,transparent 50%,rgba(13,13,12,.3) 100%);
}

.hero-grid-lines{position:absolute;inset:0;z-index:1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse at 50% 40%,black 0%,transparent 70%);
}

.hero .wrap{position:relative;z-index:2;text-align:center;padding-top:160px;padding-bottom:100px;}

.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);
  padding:6px 16px 6px 10px;border-radius:10px;
  font-size:.72rem;color:var(--text-white-soft);font-weight:400;letter-spacing:.02em;
  margin-bottom:32px;backdrop-filter:blur(16px);
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.hero-badge .pulse{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 8px var(--lime);animation:pulse-g 2s ease infinite;}
@keyframes pulse-g{0%,100%{opacity:1;box-shadow:0 0 8px var(--lime);}50%{opacity:.5;box-shadow:0 0 20px var(--lime);}}

.hero h1{
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:clamp(2.9rem,6.1vw,5.35rem);
  font-weight:800;line-height:1.02;letter-spacing:-.07em;
  max-width:800px;margin:0 auto 24px;
  text-shadow:0 2px 30px rgba(0,0,0,.5);
}
.hero h1 .gradient-text{
  background:linear-gradient(135deg,var(--lime) 0%,var(--teal) 60%,var(--blue) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.hero-sub{
  font-size:clamp(.98rem,1.25vw,1.12rem);color:var(--text-white);
  font-weight:700;line-height:1.8;max-width:720px;margin:0 auto 44px;
  text-shadow:0 2px 18px rgba(0,0,0,.42);
}

.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

section.s{padding:140px 0;position:relative;}
.s-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:14px;}
.s-title{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-bottom:14px;}
.s-sub{font-size:.92rem;font-weight:300;color:var(--text-white);line-height:1.8;max-width:520px;}

.report-section{
  background:linear-gradient(180deg,var(--black) 0%,#100e0a 50%,var(--black) 100%);
  position:relative;overflow:hidden;
}
.report-section .wrap,
.labs-section .wrap{
  position:relative;
  z-index:2;
}
.report-section::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,240,62,.12),transparent);
  z-index:3;
}
.report-section::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(13,13,12,.78) 0%,rgba(13,13,12,.48) 24%,rgba(13,13,12,.62) 58%,rgba(13,13,12,.9) 100%),
    linear-gradient(90deg,rgba(13,13,12,.82) 0%,rgba(13,13,12,.35) 38%,rgba(13,13,12,.58) 100%),
    url('/landing1.png') center 58%/cover no-repeat;
  opacity:.62;
  transform:scale(1.04);
}

.report-layout{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:64px;
  align-items:center;
  margin-top:48px;
}

.report-text .report-label{
  font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--text-white-soft);
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;
}
.report-text h3{
  font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:14px;line-height:1.3;
}
.report-text p{
  font-size:.88rem;color:var(--text-white);line-height:1.8;font-weight:300;margin-bottom:24px;
}
.report-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.report-badge{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;
  padding:4px 10px;border-radius:6px;font-weight:600;
}
.rb-fact{background:rgba(27,94,32,.15);color:#4caf50;border:1px solid rgba(27,94,32,.25);}
.rb-bearish{background:rgba(26,58,92,.2);color:#5eaeff;border:1px solid rgba(26,58,92,.3);}
.rb-critical{background:rgba(139,0,0,.15);color:#ff6b5e;border:1px solid rgba(139,0,0,.25);}

.report-card{
  background:#f5f0e8;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);
  color:#1a1a1a;
  position:relative;
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
  transition:transform .5s;
}
.report-card:hover{transform:perspective(1200px) rotateY(0) rotateX(0);}

.report-card-banner{
  background:var(--crimson);color:#fff;text-align:center;padding:8px;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  animation:rp 2s ease infinite;
}
@keyframes rp{0%,100%{opacity:1;}50%{opacity:.7;}}

.report-card-head{
  border-bottom:3px double #1a1a1a;padding:16px 24px;text-align:center;
}
.report-card-head .rch-top{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#888;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;}
.report-card-head h2{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:900;color:#1a1a1a;line-height:1.2;}
.report-card-head .rch-sub{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:var(--crimson);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:600;}

.report-card-nav{
  background:#1a1a1a;color:#f5f0e8;padding:8px 24px;
  font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:1px;text-transform:uppercase;
  display:flex;gap:14px;flex-wrap:wrap;
}
.report-card-nav span{opacity:.5;}
.report-card-nav span.active{opacity:1;color:var(--gold);}

.report-card-ticker{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-bottom:1px solid #d4c9b8;
}
.rct-item{text-align:center;padding:12px 8px;border-right:1px solid #d4c9b8;}
.rct-item:last-child{border-right:none;}
.rct-label{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:#999;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;}
.rct-val{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:600;color:#1a1a1a;}
.rct-chg{font-family:'JetBrains Mono',monospace;font-size:.6rem;}
.rct-up{color:var(--crimson);}
.rct-dn{color:#1a3a5c;}

.report-card-body{padding:20px 24px;}
.report-card-body .rcb-quote{
  border-top:2px solid #1a1a1a;border-bottom:2px solid #1a1a1a;
  padding:14px 0;margin-bottom:16px;text-align:center;
}
.rcb-quote p{
  font-family:'Playfair Display','Noto Sans KR',serif;font-size:.82rem;font-weight:700;
  font-style:italic;color:#1a1a1a;line-height:1.5;
}
.rcb-quote cite{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:#888;display:block;margin-top:6px;font-style:normal;letter-spacing:1px;text-transform:uppercase;}

.report-card-body .rcb-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.rcb-num{text-align:center;padding:12px 8px;border:1px solid #d4c9b8;background:rgba(255,255,255,.4);}
.rcb-num-val{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;color:var(--crimson);line-height:1;}
.rcb-num-label{font-family:'JetBrains Mono',monospace;font-size:.45rem;color:#888;letter-spacing:.5px;text-transform:uppercase;margin-top:4px;}

.report-card-meter{
  background:#fff;border:1px solid #d4c9b8;padding:14px 18px;text-align:center;
}
.rcm-title{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:#888;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
.rcm-bar{width:100%;height:18px;background:linear-gradient(90deg,#1a3a5c 0%,#1a3a5c 30%,#b8860b 45%,#b8860b 55%,#8b0000 70%,#8b0000 100%);border-radius:3px;position:relative;margin-bottom:4px;}
.rcm-pointer{position:absolute;top:-4px;left:8%;width:3px;height:26px;background:#1a1a1a;border-radius:2px;}
.rcm-labels{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:.45rem;color:#999;letter-spacing:.5px;text-transform:uppercase;}
.rcm-score{font-family:'JetBrains Mono',monospace;font-size:1.5rem;font-weight:600;color:#1a3a5c;margin-top:6px;}
.rcm-verdict{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;color:#1a3a5c;letter-spacing:1.5px;text-transform:uppercase;}

.report-card-footer{
  padding:12px 24px;border-top:1px solid #d4c9b8;
  display:flex;flex-wrap:wrap;gap:5px;
}
.rcf-pill{
  background:#1a1a1a;color:#f5f0e8;padding:3px 8px;border-radius:10px;
  font-family:'JetBrains Mono',monospace;font-size:.45rem;letter-spacing:.3px;
}

.feat-section{background:linear-gradient(180deg,var(--black) 0%,#0f1210 50%,var(--black) 100%);position:relative;}
.feat-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,240,62,.12),transparent);}
.feat-section::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(13,13,12,.84) 0%,rgba(13,13,12,.56) 24%,rgba(13,13,12,.66) 58%,rgba(13,13,12,.9) 100%),
    linear-gradient(90deg,rgba(13,13,12,.78) 0%,rgba(13,13,12,.28) 44%,rgba(13,13,12,.7) 100%),
    url('/landing2.png') center center/cover no-repeat;
  opacity:.5;
  transform:scale(1.04);
}
.feat-section .wrap{
  position:relative;
  z-index:2;
}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:64px;background:rgba(255,255,255,.04);border-radius:16px;overflow:hidden;}
.feat-item{background:var(--black);padding:48px 36px;transition:background .4s;}
.feat-item:hover{background:#111210;}
.feat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:24px;}
.feat-item:nth-child(1) .feat-icon{background:linear-gradient(135deg,rgba(184,240,62,.15),rgba(14,230,200,.1));color:var(--lime);}
.feat-item:nth-child(2) .feat-icon{background:linear-gradient(135deg,rgba(139,108,255,.15),rgba(61,133,255,.1));color:var(--violet);}
.feat-item:nth-child(3) .feat-icon{background:linear-gradient(135deg,rgba(255,107,94,.15),rgba(245,158,11,.1));color:var(--coral);}
.feat-item h3{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:10px;}
.feat-item p{font-size:.84rem;color:var(--text-white);line-height:1.75;font-weight:300;}

.wf-section{position:relative;overflow:hidden;}
.wf-section::before{content:'';position:absolute;top:50%;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(139,108,255,.06),transparent 70%);border-radius:50%;pointer-events:none;}
.wf-timeline{display:flex;flex-direction:column;margin-top:64px;max-width:720px;}
.wf-step{display:grid;grid-template-columns:56px 1fr;gap:24px;padding-bottom:48px;position:relative;}
.wf-step:not(:last-child) .wf-line{position:absolute;left:27px;top:56px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(184,240,62,.3),rgba(255,255,255,.04));}
.wf-num{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;color:var(--lime);position:relative;z-index:1;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.wf-content h3{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:6px;margin-top:4px;}
.wf-content p{font-size:.85rem;color:var(--text-white);line-height:1.75;font-weight:300;max-width:460px;}
.wf-tag{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--text-white-soft);letter-spacing:.04em;}
.wf-tag::before{content:'';width:14px;height:1px;background:rgba(255,255,255,.15);}

.labs-section{
  background:linear-gradient(180deg,var(--black) 0%,#0c100e 100%);
  position:relative;
  overflow:hidden;
}
.labs-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:56px;}
.lab-card{border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px;background:rgba(8,10,9,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .3s,transform .3s;}
.lab-card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-3px);}
.ld{width:6px;height:6px;background:#28c840;border-radius:50%;box-shadow:0 0 6px #28c840;animation:pulse-g 2s ease infinite;}

.oil-card{
  padding:0;
  border-color:rgba(82,133,255,.22);
  background:linear-gradient(135deg,rgba(15,26,88,.95),rgba(8,13,43,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
}
.oil-card:hover{border-color:rgba(101,157,255,.4);}
.oil-preview{
  position:relative;
  padding:32px;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at top right,rgba(40,94,255,.24),transparent 32%),
    radial-gradient(circle at bottom left,rgba(20,232,197,.15),transparent 28%),
    linear-gradient(180deg,#111d62 0%,#0c1445 48%,#091031 100%);
}
.oil-preview::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.22;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 80%);
}
.oil-preview > *{position:relative;z-index:1;}
.oil-preview-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.oil-brand{
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:1.5rem;
  font-weight:800;
  letter-spacing:-.04em;
}
.oil-subhead{
  margin-top:6px;
  font-size:.92rem;
  color:rgba(255,255,255,.8);
}
.oil-live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  color:#d7e9ff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  white-space:nowrap;
}
.oil-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.oil-meta span{
  display:inline-flex;
  align-items:center;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  color:rgba(255,255,255,.8);
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
}
.oil-preview-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  margin-bottom:20px;
}
.oil-preview-label{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  color:#d7e9ff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  margin-bottom:12px;
}
.oil-preview-copy h4{
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:clamp(1.6rem,2.8vw,2.4rem);
  font-weight:800;
  letter-spacing:-.05em;
  margin-bottom:10px;
}
.oil-preview-copy p{
  font-size:.92rem;
  color:rgba(255,255,255,.86);
  line-height:1.7;
  max-width:620px;
}
.oil-preview-score{
  min-width:136px;
  text-align:right;
}
.oil-preview-score span{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  color:#d7e9ff;
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.oil-preview-score strong{
  display:block;
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:clamp(2.6rem,4vw,4rem);
  line-height:.95;
  color:#26ecc9;
  letter-spacing:-.06em;
}
.oil-preview-meter{
  position:relative;
  height:16px;
  border-radius:999px;
  margin-bottom:20px;
  background:linear-gradient(90deg,#ff7a7b 0%,#ff9750 20%,#f0bf2f 48%,#62d463 74%,#23dfc2 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18);
}
.oil-preview-meter-knob{
  position:absolute;
  top:50%;
  left:63%;
  width:22px;
  height:22px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#4ef3d1;
  box-shadow:0 0 0 4px rgba(255,255,255,.96),0 10px 20px rgba(0,0,0,.35);
}
.oil-preview-tags{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:20px;
}
.oil-tag{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(8,14,53,.66);
  border:1px solid rgba(104,144,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.oil-tag span{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  color:rgba(255,255,255,.72);
  margin-bottom:8px;
}
.oil-tag strong{
  display:block;
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:1.2rem;
  font-weight:800;
  letter-spacing:-.04em;
}
.oil-preview-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.oil-panel{
  padding:18px;
  border-radius:18px;
  background:rgba(8,13,46,.72);
  border:1px solid rgba(101,145,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.oil-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.oil-panel-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  color:#b7cbff;
  letter-spacing:.04em;
  margin-bottom:8px;
}
.oil-panel-kicker span{
  margin-left:6px;
  padding:4px 6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}
.oil-panel h5{
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:-.03em;
}
.oil-panel-score{
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:1.3rem;
  font-weight:800;
  letter-spacing:-.04em;
}
.oil-panel-change{
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  margin-bottom:16px;
}
.oil-panel-change.up{color:#21e7b8;}
.oil-panel-change.down{color:#ff808a;}
.oil-spark{
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:76px;
  margin-bottom:16px;
}
.oil-bar{
  flex:1;
  min-width:0;
  border-radius:10px 10px 3px 3px;
  background:linear-gradient(180deg,#70b4ff 0%,#1ce0c1 100%);
  box-shadow:0 6px 14px rgba(28,224,193,.14);
}
.oil-bar.warm{
  background:linear-gradient(180deg,#ff8c6b 0%,#ffb23d 100%);
  box-shadow:0 6px 14px rgba(255,140,107,.14);
}
.oil-bar-xs{height:16%;}
.oil-bar-sm{height:28%;}
.oil-bar-md{height:48%;}
.oil-bar-lg{height:64%;}
.oil-bar-xl{height:78%;}
.oil-panel-footer{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.oil-stat{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.oil-stat span{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.58rem;
  color:rgba(255,255,255,.65);
  margin-bottom:6px;
}
.oil-stat strong{
  font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif;
  font-size:1rem;
  font-weight:700;
  letter-spacing:-.03em;
}

.cta{padding:160px 0;text-align:center;position:relative;overflow:hidden;}
.cta::before{content:'';position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(184,240,62,.08),transparent 70%);pointer-events:none;}
.cta .s-sub{margin:0 auto 40px;text-align:center;max-width:400px;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

footer{padding:36px 0;border-top:1px solid rgba(255,255,255,.05);}
.foot-inner{display:flex;align-items:center;justify-content:space-between;}
.foot-l{font-size:.74rem;color:var(--text-white-soft);}
.foot-links{display:flex;gap:24px;}
.foot-links a{font-size:.72rem;color:var(--text-white-soft);transition:color .2s;}
.foot-links a:hover{color:var(--text-white);}

.rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);}
.rv.v{opacity:1;transform:translateY(0);}
.hero-badge{opacity:0;animation:fu .8s .2s forwards;}
.hero h1{opacity:0;animation:fu .8s .35s forwards;}
.hero-sub{opacity:0;animation:fu .8s .5s forwards;}
.hero-buttons{opacity:0;animation:fu .8s .65s forwards;}
@keyframes fu{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}

@media(max-width:960px){
  .report-layout{grid-template-columns:1fr;gap:40px;}
  .report-card{transform:none;}
  .report-card:hover{transform:none;}
  .feat-grid{grid-template-columns:1fr;}
  .hero .wrap{padding-top:128px;padding-bottom:72px;}
  .n-links{display:none;}
  .report-card-ticker{grid-template-columns:repeat(2,1fr);}
  .oil-preview{padding:28px 24px;}
  .oil-preview-hero{grid-template-columns:1fr;}
  .oil-preview-score{text-align:left;}
  .oil-preview-tags{grid-template-columns:repeat(2,minmax(0,1fr));}
  .oil-preview-panels{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .n-logo{font-size:.95rem;gap:10px;}
  .n-logo-mark{width:30px;height:30px;padding:3px;}
  .n-logo .hub{font-size:.88rem;}
  nav{padding:14px 0;}
  .hero .wrap{padding-top:116px;padding-bottom:56px;}
  .hero-buttons{flex-direction:column;align-items:center;}
  .hero-buttons a{width:100%;justify-content:center;}
  .cta-btns{flex-direction:column;align-items:center;}
  .foot-inner{flex-direction:column;gap:16px;}
  .rcb-numbers{grid-template-columns:1fr!important;}
  .oil-preview{padding:22px 18px;}
  .oil-brand{font-size:1.3rem;}
  .oil-preview-top{flex-direction:column;align-items:flex-start;}
  .oil-meta{gap:8px;}
  .oil-meta span{width:100%;justify-content:flex-start;}
  .oil-preview-tags{grid-template-columns:1fr;}
  .oil-panel-footer{grid-template-columns:1fr;}
}