*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;background:#f7edcf;color:#342308}.page-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.95),transparent 24%),radial-gradient(circle at 86% 18%,rgba(218,159,32,.36),transparent 36%),linear-gradient(135deg,#fff8df,#f1cf82 38%,#d49b2e 65%,#fff3bd)}.page-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(80,50,5,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(80,50,5,.045) 1px,transparent 1px);background-size:72px 72px}.header{height:86px;position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,249,230,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(99,62,6,.15);box-shadow:0 12px 40px rgba(95,61,8,.08)}.logo{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#3b2807;cursor:pointer}.logo-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#5d3904,#d79e2f 52%,#fff0a4);color:white;font-weight:1000;box-shadow:0 14px 35px rgba(143,89,8,.24)}.logo b{display:block;color:#684307;letter-spacing:.2em;font-size:14px}.logo small{display:block;color:#8a6a2b;margin-top:4px;font-size:11px}.nav{display:flex;gap:3px}.nav button{border:0;background:transparent;color:#654816;border-radius:999px;padding:10px 8px;font-size:12px;font-weight:900;cursor:pointer}.nav button:hover{background:rgba(118,75,9,.1);color:#3d2502}.mobile-btn{display:none;border:1px solid rgba(99,62,6,.15);border-radius:14px;background:rgba(255,255,255,.55);padding:10px 14px;color:#5d3904;font-weight:1000}.mobile-menu{display:none;position:fixed;top:86px;left:0;right:0;z-index:80;background:#fff4d5;padding:14px}.mobile-menu.open{display:grid}.mobile-menu button{border:0;background:rgba(110,70,10,.08);padding:14px;text-align:left;border-radius:14px;margin:4px 0;font-weight:900;color:#503205}.page{display:none;min-height:calc(100vh - 86px);padding:68px 6vw 84px}.page.active{display:block}.eyebrow{margin:0;color:#8a5a08;font-size:13px;font-weight:1000;letter-spacing:.22em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;min-height:650px}.hero h1,.page h1{font-size:clamp(40px,5.2vw,76px);line-height:1.05;letter-spacing:-.045em;margin:18px 0;color:#362407}.lead,.info-panel p,.page-hero p,.token-box p,.token-box li,.exchange-title p,.exchange-card p,.education-reason p,.lesson-grid p,.download-box p,.card-grid p,.contact-card p{font-size:18px;line-height:1.82;color:#604916}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.gold-btn,.light-btn{border:0;border-radius:999px;padding:15px 24px;font-weight:1000;cursor:pointer}.gold-btn{background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);color:white;box-shadow:0 16px 38px rgba(128,78,6,.25)}.light-btn{border:1px solid rgba(99,62,6,.16);background:rgba(255,255,255,.62);color:#503205}.hero-visual{position:relative;min-height:620px;border:1px solid rgba(99,62,6,.14);border-radius:54px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,239,190,.42));box-shadow:0 34px 90px rgba(105,68,10,.18);overflow:hidden}.sun{position:absolute;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff9d6,#e9bc54 56%,rgba(176,114,14,.18) 70%,transparent 72%);box-shadow:0 0 110px rgba(222,166,45,.48)}.seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:56px;font-weight:1000;color:#432a03}.seal span{display:block;font-size:12px;letter-spacing:.18em;margin-top:10px}.float-card{position:absolute;left:32px;right:32px;border:1px solid rgba(99,62,6,.13);border-radius:24px;background:rgba(255,255,255,.75);padding:20px;box-shadow:0 18px 50px rgba(93,57,4,.12)}.float-card.top{top:32px}.float-card.bottom{bottom:32px}.float-card b{display:block;color:#3a2504;font-size:20px}.float-card span{display:block;color:#765316;margin-top:6px}.info-panel,.download-box,.education-reason article,.contact-card{border:1px solid rgba(99,62,6,.14);border-radius:38px;background:rgba(255,255,255,.64);padding:34px;box-shadow:0 18px 55px rgba(104,68,10,.08)}.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.info-panel h2,.exchange-title h2,.download-box h2,.education-reason h2{font-size:36px;line-height:1.24;margin:12px 0;color:#362407}.gateway-grid,.exchange-grid,.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.gateway-grid article,.exchange-grid article,.lesson-grid article,.card-grid article{border:1px solid rgba(99,62,6,.14);border-radius:30px;background:rgba(255,255,255,.66);padding:28px;box-shadow:0 14px 45px rgba(104,68,10,.08);transition:.25s}.gateway-grid article:hover,.exchange-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.86)}.gateway-grid span,.exchange-grid span,.lesson-grid span,.card-grid span{color:#9a650e;font-weight:1000;letter-spacing:.16em}.gateway-grid h3,.exchange-grid h3,.lesson-grid h3,.card-grid h3{font-size:24px;color:#362407;margin:14px 0 10px}.page-hero{border:1px solid rgba(99,62,6,.14);border-radius:46px;background:rgba(255,255,255,.64);padding:56px;margin-bottom:28px;box-shadow:0 20px 70px rgba(104,68,10,.08)}.page-hero h1{font-size:clamp(38px,4.8vw,68px)}.card-grid{display:grid;gap:18px;margin-top:24px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.coin-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.token-box{border:1px solid rgba(99,62,6,.14);border-radius:36px;background:rgba(255,255,255,.66);padding:32px}.token-box h2{font-size:34px;color:#362407}.token-box dl{display:grid;gap:10px}.token-box dl div{display:flex;justify-content:space-between;gap:16px;border-radius:18px;background:rgba(220,166,41,.18);padding:16px}.token-box dt{color:#765316}.token-box dd{margin:0;font-weight:1000;color:#362407}.exchange-title{margin-top:30px}.exchange-card{cursor:pointer}.education-hero{background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(240,197,86,.38))}.education-reason{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lesson-grid{grid-template-columns:repeat(3,1fr)}.download-box{margin-top:24px}.download-box button{margin:8px 6px 0 0}form{display:grid;gap:14px;margin-top:24px}input,select,textarea{width:100%;border:1px solid rgba(99,62,6,.16);border-radius:17px;background:rgba(255,255,255,.78);padding:16px;font-size:16px;color:#362407}textarea{min-height:140px}footer{text-align:center;padding:42px;background:rgba(255,255,255,.44);border-top:1px solid rgba(99,62,6,.14)}footer b{display:block;color:#704707;letter-spacing:.22em}footer span{display:block;margin-top:8px;color:#765316}@media(max-width:1180px){.nav{display:none}.mobile-btn{display:block}.hero,.info-panel,.coin-layout,.education-reason{grid-template-columns:1fr}.gateway-grid,.exchange-grid,.card-grid.four{grid-template-columns:repeat(2,1fr)}.lesson-grid,.card-grid.three{grid-template-columns:1fr}.hero-visual{min-height:520px}}@media(max-width:650px){.header{padding:0 14px}.logo small{display:none}.page{padding:40px 18px 64px}.hero h1,.page h1{font-size:38px}.hero-visual{min-height:440px}.gateway-grid,.exchange-grid,.card-grid.four{grid-template-columns:1fr}.page-hero,.info-panel,.download-box,.education-reason article,.contact-card{padding:28px;border-radius:30px}.token-box dl div{display:block}.token-box dd{margin-top:7px}}
.exchange-card .exchange-preview{
  width:100%;
  height:260px;
  margin:22px 0 20px;
  border-radius:22px;
  overflow:hidden;
  border:2px solid rgba(154,101,14,.28);
  background:#111;
  box-shadow:0 18px 42px rgba(73,45,4,.18);
  cursor:pointer;
}
.exchange-card .exchange-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  transition:transform .35s ease;
}
.exchange-card .exchange-preview:hover img{
  transform:scale(1.035);
}
.exchange-grid .exchange-card{
  min-height:610px;
}
@media(max-width:1180px){
  .exchange-card .exchange-preview{height:300px}
}
@media(max-width:650px){
  .exchange-card .exchange-preview{height:210px}
}

.hanastone-gallery{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:20px;
margin-top:30px;
}
.hanastone-patent,.hanastone-photo{
background:rgba(255,255,255,.75);
border:1px solid rgba(99,62,6,.14);
border-radius:24px;
padding:10px;
box-shadow:0 14px 45px rgba(104,68,10,.08);
}
.hanastone-gallery img{
width:100%;
display:block;
border-radius:16px;
}
@media(max-width:900px){
.hanastone-gallery{grid-template-columns:1fr;}
}


/* HANASTONE v9 photo gallery layout */
.hanastone-gallery-v9{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:22px;
  margin-top:34px;
  align-items:stretch;
}
.hanastone-gallery-v9 article{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(99,62,6,.16);
  border-radius:28px;
  padding:18px;
  box-shadow:0 16px 48px rgba(104,68,10,.10);
}
.hanastone-patent-box{
  grid-row:span 1;
}
.gallery-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.gallery-title span{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  color:white;
  font-weight:1000;
  font-size:13px;
}
.gallery-title h3{
  margin:0;
  font-size:22px;
  color:#362407;
}
.hanastone-patent-box img{
  width:100%;
  height:640px;
  object-fit:contain;
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(99,62,6,.10);
  display:block;
}
.stack-images{
  display:grid;
  gap:14px;
}
.stack-images img{
  width:100%;
  object-fit:cover;
  object-position:center;
  border-radius:18px;
  border:1px solid rgba(99,62,6,.10);
  background:#fff;
  display:block;
}
.stack-images.two img{
  height:307px;
}
.stack-images.three img{
  height:196px;
}
@media(max-width:1180px){
  .hanastone-gallery-v9{
    grid-template-columns:1fr;
  }
  .hanastone-patent-box img{
    height:auto;
  }
  .stack-images.two img,
  .stack-images.three img{
    height:auto;
    object-fit:contain;
  }
}

.memorial-gallery-v10{
display:grid;
grid-template-columns:1.4fr 1fr;
gap:22px;
margin-top:30px;
}
.memorial-large,.memorial-stack{
background:rgba(255,255,255,.74);
border:1px solid rgba(99,62,6,.16);
border-radius:28px;
padding:12px;
box-shadow:0 16px 48px rgba(104,68,10,.10);
}
.memorial-large img{
width:100%;
height:100%;
min-height:620px;
object-fit:cover;
border-radius:18px;
display:block;
}
.memorial-stack{
display:grid;
gap:14px;
}
.memorial-stack img{
width:100%;
height:196px;
object-fit:cover;
border-radius:18px;
display:block;
}
@media(max-width:1180px){
 .memorial-gallery-v10{grid-template-columns:1fr;}
 .memorial-large img,.memorial-stack img{height:auto;min-height:auto;}
}

.ansung-feature-card{
  margin:28px 0;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
  align-items:center;
  border:1px solid rgba(99,62,6,.16);
  border-radius:36px;
  background:rgba(255,255,255,.70);
  padding:18px;
  box-shadow:0 16px 48px rgba(104,68,10,.10);
  cursor:pointer;
}
.ansung-image img{
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:24px;
  display:block;
}
.ansung-copy{
  padding:18px;
}
.ansung-copy h2{
  margin:12px 0;
  font-size:38px;
  color:#362407;
}
.ansung-copy p{
  font-size:17px;
  line-height:1.8;
  color:#604916;
}
.park-link-card{
  cursor:pointer;
}
.mini-link{
  margin-top:12px;
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:1000;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  color:white;
}
@media(max-width:900px){
  .ansung-feature-card{grid-template-columns:1fr;}
  .ansung-image img{height:auto;}
}

.digitalarchive-link-panel{
  margin:28px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid rgba(99,62,6,.16);
  border-radius:34px;
  background:rgba(255,255,255,.72);
  padding:30px;
  box-shadow:0 16px 48px rgba(104,68,10,.10);
  cursor:pointer;
}
.digitalarchive-link-panel h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.25;
  color:#362407;
}
.digitalarchive-link-panel p{
  font-size:17px;
  line-height:1.75;
  color:#604916;
}
.memorial-gallery-v10{cursor:pointer;}
@media(max-width:900px){
  .digitalarchive-link-panel{display:block}
  .digitalarchive-link-panel button{margin-top:12px}
}

/* MEMORIAL PARK only slider */
.memorialpark-slider-card{
  margin:28px 0;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
  align-items:center;
  border:1px solid rgba(99,62,6,.16);
  border-radius:36px;
  background:rgba(255,255,255,.72);
  padding:18px;
  box-shadow:0 16px 48px rgba(104,68,10,.10);
}
.park-slider{
  position:relative;
  height:430px;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
}
.park-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1s ease;
}
.park-slide.active{
  opacity:1;
}
.park-slider-copy{
  padding:16px;
}
.park-slider-copy h2{
  margin:10px 0;
  font-size:32px;
  line-height:1.25;
  color:#362407;
}
.park-slider-copy p{
  font-size:16px;
  line-height:1.75;
  color:#604916;
}
.park-mini-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.park-mini-list button{
  border:1px solid rgba(99,62,6,.16);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  padding:11px 13px;
  font-weight:900;
  color:#503205;
  cursor:pointer;
}
.park-link-card{
  cursor:pointer;
}
.mini-link{
  margin-top:12px;
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:1000;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  color:white;
}
@media(max-width:900px){
  .memorialpark-slider-card{grid-template-columns:1fr;}
  .park-slider{height:300px;}
  .park-mini-list{grid-template-columns:1fr;}
}

/* v17 MEMORIAL PARK fixed 4-card buttons */
.park-card-grid-fixed{
  align-items:stretch;
}
.park-card-grid-fixed .fixed-bottom-card{
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
}
.park-card-grid-fixed .fixed-bottom-card h3{
  margin-top:0;
}
.park-card-grid-fixed .fixed-bottom-card .mini-link{
  align-self:flex-start;
  margin-top:auto;
}

/* v18 MTK COIN exchange card alignment and Upbit preview */
.exchange-grid-aligned{
  align-items:stretch;
}
.exchange-grid-aligned article{
  display:flex;
  flex-direction:column;
}
.exchange-grid-aligned .exchange-card,
.exchange-grid-aligned .korea-preparation-card{
  cursor:pointer;
}
.exchange-bottom-btn{
  margin-top:auto !important;
  align-self:flex-start;
}
.korea-preparation-card{
  min-height:610px;
}
.upbit-preview{
  width:100%;
  height:260px;
  margin:22px 0 20px;
  border-radius:22px;
  overflow:hidden;
  border:2px solid rgba(154,101,14,.28);
  background:#fff;
  box-shadow:0 18px 42px rgba(73,45,4,.18);
}
.upbit-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  transition:transform .35s ease;
}
.korea-preparation-card:hover .upbit-preview img{
  transform:scale(1.035);
}
@media(max-width:1180px){
  .upbit-preview{height:300px;}
}
@media(max-width:650px){
  .upbit-preview{height:210px;}
}




/* v22: align only 01 DEX, 02 LBank, 04 Korea Preparation like original 01/02 layout */
#coin .exchange-grid-aligned{
  align-items:stretch !important;
}
#coin .fixed-exchange-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:700px !important;
}
#coin .fixed-exchange-card > span,
#coin .fixed-exchange-card > h3,
#coin .fixed-exchange-card > p{
  flex-shrink:0 !important;
}
#coin .fixed-exchange-card > p{
  min-height:170px !important;
  margin-bottom:22px !important;
}
#coin .fixed-exchange-card .exchange-preview,
#coin .fixed-exchange-card .upbit-preview{
  width:100% !important;
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  margin:0 0 20px 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  align-self:stretch !important;
}
#coin .fixed-exchange-card .exchange-preview img,
#coin .fixed-exchange-card .upbit-preview img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
  display:block !important;
}
#coin .fixed-exchange-card .exchange-bottom-btn{
  margin-top:0 !important;
  align-self:flex-start !important;
}

/* V23 Full Coin Project Showcase Renewal */
.v23-hero{
  position:relative;
}
.v23-orbit{
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,.9), transparent 16%),
    radial-gradient(circle at 50% 50%, rgba(255,210,75,.42), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(92,57,4,.20)) !important;
}
.orbital-ring{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(128,82,10,.22);
  pointer-events:none;
}
.ring-a{width:430px;height:430px;animation:v23spin 24s linear infinite;}
.ring-b{width:310px;height:310px;border-style:dashed;animation:v23spin 15s linear infinite reverse;}
@keyframes v23spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.v23-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:30px 0;
}
.v23-metrics article{
  border:1px solid rgba(99,62,6,.16);
  background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,215,94,.20));
  border-radius:28px;
  padding:26px 18px;
  text-align:center;
  box-shadow:0 16px 46px rgba(104,68,10,.10);
}
.v23-metrics b{
  display:block;
  font-size:36px;
  color:#7b4c05;
  letter-spacing:-.03em;
}
.v23-metrics span{
  display:block;
  margin-top:8px;
  color:#604916;
  font-weight:900;
}
.v23-section-title{
  margin:34px 0 20px;
  border:1px solid rgba(99,62,6,.16);
  border-radius:34px;
  padding:30px;
  background:rgba(255,255,255,.68);
  box-shadow:0 16px 48px rgba(104,68,10,.08);
}
.v23-section-title h2{
  margin:10px 0;
  font-size:40px;
  line-height:1.25;
  color:#362407;
}
.v23-section-title p{
  font-size:17px;
  line-height:1.75;
  color:#604916;
}
.v23-feature-wall{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:22px 0 30px;
}
.v23-feature-wall article,
.v23-blueprint article,
.v23-community-hub article,
.v23-curriculum article,
.v23-roadmap article{
  border:1px solid rgba(99,62,6,.16);
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,220,115,.16));
  padding:26px;
  box-shadow:0 14px 44px rgba(104,68,10,.08);
}
.v23-feature-wall span,
.v23-curriculum span,
.v23-roadmap span{
  color:#9a650e;
  font-weight:1000;
  letter-spacing:.12em;
}
.v23-feature-wall h3,
.v23-blueprint h3,
.v23-community-hub h3,
.v23-curriculum h3,
.v23-roadmap h3{
  color:#362407;
  font-size:24px;
  margin:12px 0 8px;
}
.v23-feature-wall p,
.v23-blueprint p,
.v23-community-hub p,
.v23-curriculum p,
.v23-roadmap p{
  color:#604916;
  line-height:1.7;
}
.v23-ecosystem{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
  border:1px solid rgba(99,62,6,.16);
  border-radius:36px;
  padding:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.74), rgba(216,156,32,.20));
  margin:28px 0;
}
.v23-ecosystem h2{
  margin:10px 0;
  font-size:36px;
  line-height:1.25;
  color:#362407;
}
.v23-ecosystem p{
  color:#604916;
  line-height:1.8;
  font-size:17px;
}
.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.ecosystem-grid span{
  border-radius:999px;
  padding:14px 18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(99,62,6,.16);
  font-weight:1000;
  color:#503205;
  text-align:center;
}
.v23-page-hero{
  background:
    radial-gradient(circle at 90% 10%, rgba(255,220,100,.35), transparent 30%),
    rgba(255,255,255,.68) !important;
}
.v23-blueprint{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:24px 0;
}
.v23-blueprint b,
.v23-community-hub b{
  color:#9a650e;
  font-size:22px;
}
.v23-tokenomics{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
  align-items:center;
  margin:24px 0;
}
.token-donut{
  width:320px;
  height:320px;
  border-radius:50%;
  margin:auto;
  background:conic-gradient(#5d3904 0 35%, #c58b22 35% 60%, #e6bd56 60% 80%, #fff0a4 80% 100%);
  position:relative;
  box-shadow:0 26px 70px rgba(104,68,10,.18);
}
.token-donut:after{
  content:"";
  position:absolute;
  inset:58px;
  border-radius:50%;
  background:#fff5d7;
  border:1px solid rgba(99,62,6,.16);
}
.donut-center{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:1000;
  color:#362407;
  font-size:34px;
}
.donut-center span{
  display:block;
  font-size:12px;
  letter-spacing:.12em;
  margin-top:-80px;
  color:#7b4c05;
}
.tokenomics-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.tokenomics-list article{
  border-radius:24px;
  padding:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(99,62,6,.16);
}
.tokenomics-list b{
  display:block;
  font-size:30px;
  color:#7b4c05;
}
.tokenomics-list span{
  display:block;
  font-weight:1000;
  margin:8px 0;
  color:#362407;
}
.tokenomics-list p{
  color:#604916;
  line-height:1.65;
}
.v23-roadmap{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:28px 0;
}
.v23-investor-guide{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:26px;
  margin:28px 0;
  border:1px solid rgba(99,62,6,.16);
  border-radius:34px;
  padding:32px;
  background:rgba(255,255,255,.70);
}
.v23-investor-guide h2{
  margin:0 0 12px;
  font-size:34px;
  color:#362407;
}
.v23-investor-guide p,
.v23-investor-guide li{
  color:#604916;
  line-height:1.75;
}
.v23-investor-guide ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0;
  padding-left:20px;
}
.v23-curriculum,
.v23-community-hub{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:24px 0;
}
.v23-curriculum{
  grid-template-columns:repeat(3,1fr);
}

@media(max-width:1180px){
  .v23-metrics,
  .v23-blueprint,
  .v23-roadmap,
  .v23-community-hub{
    grid-template-columns:repeat(2,1fr);
  }
  .v23-feature-wall,
  .v23-curriculum{
    grid-template-columns:1fr 1fr;
  }
  .v23-ecosystem,
  .v23-tokenomics,
  .v23-investor-guide{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .v23-metrics,
  .v23-blueprint,
  .v23-roadmap,
  .v23-community-hub,
  .v23-feature-wall,
  .v23-curriculum,
  .tokenomics-list,
  .v23-investor-guide ul{
    grid-template-columns:1fr;
  }
  .v23-section-title h2,
  .v23-ecosystem h2{
    font-size:30px;
  }
  .token-donut{
    width:250px;
    height:250px;
  }
}

/* V24 interactive additions */
.mtk-token-seal{width:260px!important;height:260px!important;padding:0!important;border-radius:50%!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}.mtk-token-seal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(78,47,4,.35));animation:tokenGlow 3.2s ease-in-out infinite alternate}@keyframes tokenGlow{from{transform:scale(1);filter:drop-shadow(0 20px 32px rgba(78,47,4,.30))}to{transform:scale(1.035);filter:drop-shadow(0 28px 44px rgba(255,200,61,.55))}}
.liquidity-card{cursor:pointer}.liquidity-preview{width:100%;height:260px;margin:22px 0 20px;border-radius:22px;overflow:hidden;border:2px solid rgba(154,101,14,.28);background:#fff;box-shadow:0 18px 42px rgba(73,45,4,.18)}.liquidity-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.education-upload-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:28px 0;padding:28px;border-radius:34px;background:rgba(255,255,255,.74);border:1px solid rgba(99,62,6,.16);box-shadow:0 16px 48px rgba(104,68,10,.10)}.education-upload-panel h2{margin:8px 0;font-size:34px;color:#362407}.education-upload-panel p{color:#604916;line-height:1.7}.education-upload-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.education-part-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 34px}.education-part-grid article,.interactive-curriculum article{position:relative;min-height:210px;padding-top:56px!important}.part-view{position:absolute;right:18px;top:18px;border:0;border-radius:999px;padding:10px 16px;font-weight:1000;cursor:pointer;background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);color:#fff;box-shadow:0 10px 25px rgba(89,54,5,.18)}
.guide-modal{position:fixed;inset:0;z-index:9999;display:none}.guide-modal.show{display:block}.guide-modal-backdrop{position:absolute;inset:0;background:rgba(28,18,3,.58);backdrop-filter:blur(8px)}.guide-modal-box{position:relative;width:min(1080px,92vw);max-height:88vh;overflow:auto;margin:6vh auto;border-radius:30px;background:#fff6dc;border:2px solid rgba(154,101,14,.35);box-shadow:0 35px 120px rgba(0,0,0,.35);padding:34px}.guide-close{position:sticky;float:right;top:0;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#5d3904;color:#fff;font-size:28px;cursor:pointer}#guide-modal-content h2{font-size:34px;color:#362407;margin:0 0 14px}#guide-modal-content p{color:#604916;line-height:1.75}.guide-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.guide-pages img{width:100%;max-height:620px;object-fit:contain;background:#fff;border-radius:16px;border:1px solid rgba(99,62,6,.18);box-shadow:0 12px 32px rgba(104,68,10,.12)}.mini-doc-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.mini-doc-pages section{border-radius:22px;padding:24px;background:rgba(255,255,255,.78);border:1px solid rgba(99,62,6,.16);min-height:220px}.mini-doc-pages h3{color:#362407;margin:0 0 12px}.toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(30px);opacity:0;z-index:10000;background:#3b2605;color:#fff;padding:16px 24px;border-radius:999px;font-weight:900;box-shadow:0 18px 45px rgba(0,0,0,.25);transition:.28s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:960px){.education-upload-panel{grid-template-columns:1fr}.education-upload-buttons{justify-content:flex-start}.education-part-grid,.guide-pages,.mini-doc-pages{grid-template-columns:1fr}.guide-modal-box{padding:24px}}

/* V25 click guidance, dynamic buttons, clean token */
.mtk-token-seal{width:300px!important;height:300px!important;padding:0!important;background:transparent!important;border-radius:50%!important;overflow:visible!important;box-shadow:none!important;}
.mtk-token-seal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(69,43,5,.34));animation:tokenSoftPulse 3.8s ease-in-out infinite alternate;}
@keyframes tokenSoftPulse{0%{transform:scale(1);filter:drop-shadow(0 18px 28px rgba(69,43,5,.28));}100%{transform:scale(1.035);filter:drop-shadow(0 28px 48px rgba(255,208,68,.58));}}
.pulse-action,.pulse-icon,.pulse-dot{position:relative;isolation:isolate;}
.pulse-action::after,.pulse-icon::after,.pulse-dot::after{content:"";position:absolute;inset:-7px;border-radius:999px;border:2px solid rgba(255,214,91,.72);opacity:.65;animation:clickWave 2.6s ease-out infinite;pointer-events:none;}
@keyframes clickWave{0%{transform:scale(.92);opacity:.70;}70%{transform:scale(1.18);opacity:0;}100%{transform:scale(1.18);opacity:0;}}
.pulse-icon{animation:softBlink 2.8s ease-in-out infinite;}
@keyframes softBlink{0%,100%{box-shadow:0 10px 24px rgba(121,74,8,.15);}50%{box-shadow:0 12px 34px rgba(255,204,78,.55);}}
.gateway-grid-clickable article{position:relative;display:flex;flex-direction:column;min-height:250px;cursor:pointer;}
.corner-action{position:absolute;right:24px;top:24px;border:0;border-radius:999px;padding:10px 18px;font-weight:1000;color:white;cursor:pointer;background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);}
.gateway-bottom-btn{align-self:flex-start;margin-top:auto;padding:12px 18px;}
.ecosystem-grid-clickable{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ecosystem-grid-clickable button{border:1px solid rgba(99,62,6,.16);border-radius:999px;padding:14px 18px;background:rgba(255,255,255,.72);font-weight:1000;color:#503205;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;}
.ecosystem-grid-clickable button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(104,68,10,.12);}
.pulse-dot{display:inline-block;font-size:12px;padding:5px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);}
@media(max-width:650px){.ecosystem-grid-clickable{grid-template-columns:1fr;}}

/* V26 final correction */
.mtk-token-seal{
  width:280px!important;
  height:280px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.mtk-token-seal::before,
.mtk-token-seal::after{
  display:none!important;
}
.mtk-token-seal img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 26px rgba(62,38,4,.32))!important;
}
.hero-nav-btn{
  min-width:170px!important;
  text-align:center!important;
}
.gateway-grid-clickable .corner-action{
  display:none!important;
}
.ecosystem-grid-clickable{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(260px,1fr))!important;
  gap:16px!important;
}
.ecosystem-grid-clickable button{
  position:relative!important;
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:1fr 72px!important;
  align-items:center!important;
  justify-items:center!important;
  padding:12px 20px!important;
  border-radius:999px!important;
}
.ecosystem-grid-clickable button > span{
  justify-self:center!important;
}
.ecosystem-grid-clickable .pulse-dot{
  width:56px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  padding:0!important;
}
.inline-view{
  margin-left:12px;
  border:0;
  border-radius:999px;
  padding:8px 14px;
  color:#fff;
  font-size:13px;
  font-weight:1000;
  cursor:pointer;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  vertical-align:middle;
}
@media(max-width:650px){
  .ecosystem-grid-clickable{grid-template-columns:1fr!important;}
}

/* V27 token and bright sky-blue wave correction */
.mtk-token-seal{
  width:300px!important;height:300px!important;
  background:transparent!important;border:none!important;box-shadow:none!important;
  overflow:visible!important;padding:0!important;
}
.mtk-token-seal::before,.mtk-token-seal::after{display:none!important;content:none!important;}
.mtk-token-seal img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  display:block!important;filter:drop-shadow(0 22px 32px rgba(60,36,4,.34))!important;
}
.pulse-action::after,.pulse-icon::after,.pulse-dot::after{
  border-color:rgba(66,210,255,.95)!important;
  box-shadow:0 0 20px rgba(66,210,255,.58)!important;
}

/* V27 token image removed - temporary HOME placeholder */
.token-placeholder{
  width:300px!important;
  height:300px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 25%, rgba(255,238,165,.95), rgba(196,133,32,.85) 38%, rgba(74,44,5,.92) 72%)!important;
  border:4px solid rgba(255,225,105,.82)!important;
  box-shadow:0 24px 58px rgba(64,39,5,.30)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.token-placeholder::before,
.token-placeholder::after{display:none!important;content:none!important;}
.token-placeholder span{
  display:block;font-size:72px;line-height:1;font-weight:1000;color:#fff0a8;
  text-shadow:0 4px 0 rgba(76,43,4,.75), 0 0 24px rgba(255,225,100,.50);
}
.token-placeholder small{
  display:block;margin-top:16px;font-size:13px;line-height:1.35;letter-spacing:.14em;
  font-weight:900;color:rgba(255,244,190,.85);
}

/* V29 ABOUT complete activation */
.about-interactive-grid article,.about-feature-wall article,.about-bottom-grid article{position:relative!important;padding-top:58px!important;}
.about-interactive-grid .part-view,.about-feature-wall .part-view,.about-bottom-grid .part-view{
position:absolute!important;right:20px!important;top:18px!important;border:0!important;border-radius:999px!important;
padding:9px 16px!important;font-size:13px!important;font-weight:1000!important;color:white!important;cursor:pointer!important;
background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d)!important;
}
.pulse-action::after,.pulse-icon::after,.pulse-dot::after{border-color:rgba(66,210,255,.95)!important;box-shadow:0 0 20px rgba(66,210,255,.58)!important;}
.guide-modal{position:fixed;inset:0;z-index:9999;display:none;}
.guide-modal.show{display:block;}
.guide-modal-backdrop{position:absolute;inset:0;background:rgba(28,18,3,.58);backdrop-filter:blur(8px);}
.guide-modal-box{position:relative;width:min(1080px,92vw);max-height:88vh;overflow:auto;margin:6vh auto;border-radius:30px;background:#fff6dc;border:2px solid rgba(154,101,14,.35);box-shadow:0 35px 120px rgba(0,0,0,.35);padding:34px;}
.guide-close{position:sticky;float:right;top:0;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#5d3904;color:#fff;font-size:28px;cursor:pointer;}
#guide-modal-content h2{font-size:34px;color:#362407;margin:0 0 14px;}
#guide-modal-content p{color:#604916;line-height:1.75;}
.mini-doc-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;}
.mini-doc-pages section{border-radius:22px;padding:24px;background:rgba(255,255,255,.78);border:1px solid rgba(99,62,6,.16);min-height:220px;}
.mini-doc-pages h3{color:#362407;margin:0 0 12px;}
@media(max-width:960px){.mini-doc-pages{grid-template-columns:1fr;}.guide-modal-box{padding:24px;}}

/* V29 token restored from confirmed MTK token design */
.token-applied,
.mtk-token-seal.token-applied{
  width:320px!important;
  height:320px!important;
  border-radius:50%!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.token-applied::before,
.token-applied::after,
.mtk-token-seal.token-applied::before,
.mtk-token-seal.token-applied::after{
  display:none!important;
  content:none!important;
}
.token-applied img,
.mtk-token-seal.token-applied img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  border-radius:50%!important;
  filter:drop-shadow(0 24px 38px rgba(46,27,3,.38))!important;
}
.pulse-action::after,
.pulse-icon::after,
.pulse-dot::after{
  border-color:rgba(66,210,255,.95)!important;
  box-shadow:0 0 20px rgba(66,210,255,.58)!important;
}

/* V30 MTK COIN only: requested alignment, token restore, and preview buttons */
#coin .exchange-grid-aligned{
  align-items:stretch!important;
}
#coin .exchange-grid-aligned .fixed-exchange-card{
  display:grid!important;
  grid-template-rows:28px 62px 184px 260px 64px!important;
  min-height:690px!important;
  gap:0!important;
}
#coin .exchange-grid-aligned .fixed-exchange-card > span{
  align-self:start!important;
}
#coin .exchange-grid-aligned .fixed-exchange-card > h3{
  align-self:start!important;
  min-height:52px!important;
  margin:14px 0 10px!important;
}
#coin .exchange-grid-aligned .fixed-exchange-card > p{
  min-height:174px!important;
  max-height:174px!important;
  margin:0!important;
  overflow:hidden!important;
}
#coin .exchange-grid-aligned .fixed-exchange-card .exchange-preview,
#coin .exchange-grid-aligned .fixed-exchange-card .upbit-preview,
#coin .exchange-grid-aligned .fixed-exchange-card .liquidity-preview{
  grid-row:4!important;
  align-self:start!important;
  width:100%!important;
  height:260px!important;
  min-height:260px!important;
  max-height:260px!important;
  margin:0!important;
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
#coin .exchange-grid-aligned .fixed-exchange-card .exchange-bottom-btn{
  grid-row:5!important;
  align-self:end!important;
  justify-self:start!important;
  margin:0!important;
}
#coin .mtk-tokenomics-coin{
  width:360px!important;
  height:360px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%, rgba(255,244,190,.95), rgba(203,147,34,.34) 56%, rgba(83,50,5,.10) 72%, transparent 74%)!important;
  box-shadow:0 28px 78px rgba(83,50,5,.22)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:visible!important;
}
#coin .mtk-tokenomics-coin:after{
  display:none!important;
}
#coin .mtk-tokenomics-coin img{
  width:92%!important;
  height:92%!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 24px 34px rgba(48,28,3,.38))!important;
  border-radius:50%!important;
}
#coin .mtk-tokenomics-coin > span{
  position:absolute!important;
  left:50%!important;
  bottom:-18px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  padding:10px 18px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(154,101,14,.24)!important;
  color:#6f4707!important;
  font-weight:1000!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  box-shadow:0 12px 30px rgba(104,68,10,.12)!important;
}
#coin .tokenomics-list-with-actions article,
#coin .v23-roadmap article{
  display:flex!important;
  flex-direction:column!important;
  min-height:196px!important;
}
#coin .tokenomics-list-with-actions article p,
#coin .v23-roadmap article p{
  margin-bottom:18px!important;
}
#coin .coin-action-btn{
  width:max-content!important;
  margin-top:auto!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 20px!important;
  font-weight:1000!important;
  cursor:pointer!important;
  color:white!important;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d)!important;
  box-shadow:0 12px 28px rgba(128,78,6,.20)!important;
}
#coin .coin-action-btn:hover{
  transform:translateY(-2px)!important;
}
@media(max-width:1180px){
  #coin .exchange-grid-aligned .fixed-exchange-card{
    grid-template-rows:28px 56px 150px 300px 64px!important;
    min-height:638px!important;
  }
  #coin .exchange-grid-aligned .fixed-exchange-card > p{
    min-height:140px!important;
    max-height:140px!important;
  }
  #coin .exchange-grid-aligned .fixed-exchange-card .exchange-preview,
  #coin .exchange-grid-aligned .fixed-exchange-card .upbit-preview,
  #coin .exchange-grid-aligned .fixed-exchange-card .liquidity-preview{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
}
@media(max-width:650px){
  #coin .exchange-grid-aligned .fixed-exchange-card{
    grid-template-rows:auto auto auto 210px 62px!important;
    min-height:auto!important;
  }
  #coin .exchange-grid-aligned .fixed-exchange-card > p{
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin-bottom:18px!important;
  }
  #coin .exchange-grid-aligned .fixed-exchange-card .exchange-preview,
  #coin .exchange-grid-aligned .fixed-exchange-card .upbit-preview,
  #coin .exchange-grid-aligned .fixed-exchange-card .liquidity-preview{
    height:210px!important;
    min-height:210px!important;
    max-height:210px!important;
  }
  #coin .mtk-tokenomics-coin{
    width:280px!important;
    height:280px!important;
    margin-bottom:24px!important;
  }
}



/* V32 DIGITAL MEMORIAL only correction */
#memorial .memorial-preview-cards article{
  position:relative;
  min-height:200px;
  padding:34px 30px 30px!important;
}
#memorial .memorial-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
#memorial .memorial-card-head h3{
  margin:0;
  line-height:1.25;
}
#memorial .memorial-view-btn{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:1000;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  box-shadow:0 0 0 3px rgba(66,210,255,.75),0 10px 25px rgba(89,54,5,.18);
}
#memorial .memorial-preview-cards p{
  margin-top:18px;
}

.memorial-gallery-v31{
  display:grid;
  grid-template-columns:1.38fr 1fr;
  gap:22px;
  margin-top:30px;
}
.memorial-exterior-slider,
.memorial-random-stack{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(99,62,6,.16);
  border-radius:28px;
  padding:12px;
  box-shadow:0 16px 48px rgba(104,68,10,.10);
  overflow:hidden;
  cursor:pointer;
}
.memorial-exterior-slider{
  min-height:620px;
}
.memorial-crossfade-stage{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#fff4d7;
}
.memorial-exterior-stage{
  width:100%;
  height:100%;
  min-height:620px;
}
.memorial-interior-stage{
  width:100%;
  height:196px;
}
.memorial-crossfade-stage img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:0;
  transform:scale(1.012);
  transition:opacity 1.6s ease-in-out, transform 2.2s ease-in-out;
}
.memorial-crossfade-stage img.active{
  opacity:1;
  transform:scale(1);
  z-index:2;
}
.memorial-random-stack{
  display:grid;
  gap:14px;
}
@media(max-width:1180px){
  .memorial-gallery-v31{grid-template-columns:1fr;}
  .memorial-exterior-slider{min-height:460px;}
  .memorial-exterior-stage{min-height:460px;}
}
@media(max-width:650px){
  #memorial .memorial-preview-cards article{padding:28px!important;}
  #memorial .memorial-card-head{align-items:flex-start;}
  #memorial .memorial-view-btn{padding:9px 15px;}
  .memorial-exterior-slider{min-height:340px;}
  .memorial-exterior-stage{min-height:340px;}
  .memorial-interior-stage{height:210px;}
}


/* V33 HANASTONE only card preview update */
#hanastone .hanastone-preview-cards article{
  position:relative;
  min-height:230px;
  padding:32px 28px 30px!important;
}
#hanastone .hanastone-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
#hanastone .hanastone-card-head span{
  display:block;
  color:#9a650e;
  font-weight:1000;
  letter-spacing:.16em;
  margin-bottom:16px;
}
#hanastone .hanastone-card-head h3{
  margin:0;
  line-height:1.28;
}
#hanastone .hanastone-view-btn{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:1000;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  box-shadow:0 0 0 3px rgba(66,210,255,.75),0 10px 25px rgba(89,54,5,.18);
}
#hanastone .hanastone-preview-cards p{
  margin-top:18px;
}
@media(max-width:650px){
  #hanastone .hanastone-preview-cards article{padding:28px!important;}
  #hanastone .hanastone-view-btn{padding:9px 15px;}
}


/* V34 COIN EDUCATION / COMMUNITY only update */
#education .education-upload-buttons .edu-pdf-btn{
  background:linear-gradient(135deg,#176f83,#37bfd2 58%,#d8fbff)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 0 0 3px rgba(66,210,255,.55),0 14px 32px rgba(23,111,131,.22)!important;
}
#education .education-upload-buttons .edu-video-btn{
  background:linear-gradient(135deg,#46328f,#8d6cff 58%,#eee8ff)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 0 0 3px rgba(151,126,255,.40),0 14px 32px rgba(70,50,143,.22)!important;
}
#education .education-part-grid article,
#education .interactive-curriculum article{
  position:relative!important;
  padding:34px 36px 30px!important;
}
#education .education-part-grid .part-view,
#education .interactive-curriculum .part-view{
  top:34px!important;
  right:28px!important;
  left:auto!important;
}
#education .education-part-grid span,
#education .interactive-curriculum span{
  display:block!important;
  margin-left:56px!important;
  margin-bottom:8px!important;
  line-height:1.1!important;
}
#education .education-part-grid h3,
#education .interactive-curriculum h3{
  margin:10px 0 16px!important;
  line-height:1.28!important;
}
#education .education-part-grid p,
#education .interactive-curriculum p{
  margin-top:0!important;
}

#community .community-preview-grid article,
#community .community-bottom-grid article{
  position:relative!important;
  padding:26px 28px!important;
}
#community .community-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:12px!important;
}
#community .community-card-head b,
#community .community-card-head h3{
  margin:0!important;
}
#community .community-card-head b{
  color:#9a650e!important;
  font-size:22px!important;
}
#community .community-view-btn{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:1000;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  box-shadow:0 0 0 3px rgba(66,210,255,.75),0 10px 25px rgba(89,54,5,.18);
}
#community .community-preview-grid h3{
  margin-top:12px!important;
}
#community .community-bottom-grid{
  align-items:stretch;
}
#community .community-bottom-grid article{
  display:flex!important;
  flex-direction:column!important;
}
#community .community-bottom-grid p{
  margin-top:16px!important;
}
@media(max-width:650px){
  #education .education-part-grid article,
  #education .interactive-curriculum article{
    padding:30px 26px!important;
  }
  #education .education-part-grid .part-view,
  #education .interactive-curriculum .part-view{
    top:28px!important;
    right:24px!important;
  }
  #education .education-part-grid span,
  #education .interactive-curriculum span{
    margin-left:52px!important;
  }
  #community .community-view-btn{padding:9px 15px;}
}


/* V35 COIN EDUCATION view-button position correction only */
#education .education-part-grid article,
#education .interactive-curriculum article{
  position:relative!important;
  overflow:hidden!important;
}

/* PART 1~6: box-less wide cards, move button to upper-right area beside the subject title */
#education .education-part-grid .part-view{
  position:absolute!important;
  top:68px!important;
  right:44px!important;
  left:auto!important;
  transform:none!important;
  z-index:5!important;
}

/* STEP 1~6: boxed cards, same visual rule, slightly lower to align with title block */
#education .interactive-curriculum .part-view{
  position:absolute!important;
  top:72px!important;
  right:42px!important;
  left:auto!important;
  transform:none!important;
  z-index:5!important;
}

/* Keep labels and titles close together; only the button moves right */
#education .education-part-grid span,
#education .interactive-curriculum span{
  margin-left:0!important;
  margin-bottom:6px!important;
}

#education .education-part-grid h3,
#education .interactive-curriculum h3{
  margin-top:8px!important;
  padding-right:116px!important;
}

#education .education-part-grid p,
#education .interactive-curriculum p{
  padding-right:40px!important;
}

@media(max-width:650px){
  #education .education-part-grid .part-view,
  #education .interactive-curriculum .part-view{
    top:26px!important;
    right:22px!important;
  }
  #education .education-part-grid h3,
  #education .interactive-curriculum h3{
    padding-right:94px!important;
  }
}


/* V36 COIN EDUCATION view-button vertical correction only */
#education .education-part-grid .part-view{
  top:30px!important;
  right:44px!important;
  left:auto!important;
  transform:none!important;
  z-index:6!important;
}
#education .interactive-curriculum .part-view{
  top:34px!important;
  right:42px!important;
  left:auto!important;
  transform:none!important;
  z-index:6!important;
}
@media(max-width:650px){
  #education .education-part-grid .part-view,
  #education .interactive-curriculum .part-view{
    top:24px!important;
    right:22px!important;
  }
}


/* V37 ABOUT WHITEPAPER + HEADER TOKEN update */
.logo-mark.token-logo-mark{
  width:54px!important;
  height:54px!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.logo-mark.token-logo-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:50%!important;
  filter:drop-shadow(0 8px 14px rgba(91,55,5,.28))!important;
}

#about .about-whitepaper-portal{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:26px;
  align-items:center;
  margin-bottom:28px;
  padding:34px;
  border-radius:46px;
  border:1px solid rgba(99,62,6,.16);
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.92), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(74,210,255,.26), transparent 24%),
    radial-gradient(circle at 72% 72%, rgba(255,225,116,.32), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(219,164,43,.28));
  box-shadow:0 22px 70px rgba(104,68,10,.12);
}
#about .about-whitepaper-portal:before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 70% 50%, rgba(255,255,255,.75), transparent 6%),
    conic-gradient(from 120deg at 78% 48%, rgba(65,210,255,.0), rgba(65,210,255,.26), rgba(255,225,110,.36), rgba(65,210,255,.0));
  opacity:.72;
  animation:whitepaperPortalSpin 18s linear infinite;
  pointer-events:none;
}
@keyframes whitepaperPortalSpin{to{transform:rotate(360deg)}}
#about .about-whitepaper-copy{
  position:relative;
  z-index:1;
}
#about .about-whitepaper-copy h1{
  margin:12px 0;
  font-size:clamp(42px,5vw,72px);
  color:#362407;
}
#about .about-whitepaper-copy p{
  font-size:18px;
  line-height:1.9;
  color:#604916;
  font-weight:700;
}
.whitepaper-angel-card{
  position:relative;
  z-index:1;
  min-height:360px;
  border:0;
  border-radius:38px;
  cursor:pointer;
  overflow:hidden;
  padding:28px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.92), rgba(255,231,136,.32) 18%, transparent 29%),
    radial-gradient(circle at 28% 62%, rgba(129,255,236,.34), transparent 26%),
    radial-gradient(circle at 72% 66%, rgba(255,210,91,.38), transparent 28%),
    linear-gradient(135deg, #0b1028, #1c2452 38%, #6d4207 100%);
  box-shadow:0 24px 70px rgba(44,30,5,.28), inset 0 0 0 2px rgba(255,236,145,.30);
}
.whitepaper-angel-card:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.9) 1px, transparent 2px),
    radial-gradient(circle at 84% 18%, rgba(255,230,129,.9) 1px, transparent 2px),
    radial-gradient(circle at 52% 80%, rgba(86,223,255,.8) 1px, transparent 2px);
  background-size:90px 90px,120px 120px,75px 75px;
  opacity:.55;
}
.whitepaper-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:310px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(105,225,255,.45);
  box-shadow:0 0 35px rgba(87,221,255,.28), inset 0 0 35px rgba(255,231,120,.18);
}
.whitepaper-family-line{
  position:absolute;
  left:22px;
  right:22px;
  top:22px;
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.whitepaper-family-line span{
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:1000;
}
.whitepaper-sacred-symbols{
  position:absolute;
  left:24px;
  right:24px;
  bottom:26px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
}
.whitepaper-sacred-symbols span{
  padding:12px 8px;
  border-radius:18px;
  background:rgba(255,246,203,.16);
  border:1px solid rgba(255,231,142,.30);
  color:#fff0a3;
  font-size:12px;
  font-weight:1000;
}
.whitepaper-wing-icon{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-48%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:300px;
  height:150px;
  text-align:center;
}
.whitepaper-wing-icon strong{
  min-width:108px;
  min-height:108px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%, #fff8c9, #d89b27 44%, #543104 100%);
  color:#fff;
  font-size:34px;
  font-weight:1000;
  text-shadow:0 3px 8px rgba(46,26,2,.5);
  box-shadow:0 0 30px rgba(255,219,101,.54);
}
.whitepaper-wing-icon .wing{
  color:rgba(255,255,255,.92);
  font-size:58px;
  font-weight:900;
  text-shadow:0 0 22px rgba(98,220,255,.78);
}
.whitepaper-wing-icon .left-wing{transform:scaleX(-1) rotate(-10deg);}
.whitepaper-wing-icon .right-wing{transform:rotate(-10deg);}
.whitepaper-angel-card em{
  position:absolute;
  right:30px;
  bottom:88px;
  display:inline-block;
  border-radius:999px;
  padding:12px 20px;
  background:linear-gradient(135deg,#4ed8ff,#8d6cff 60%,#fff1a8);
  color:#fff;
  font-style:normal;
  font-weight:1000;
  box-shadow:0 0 0 3px rgba(255,255,255,.18),0 16px 36px rgba(0,0,0,.22);
}
.whitepaper-preview-pages{
  display:grid;
  grid-template-columns:repeat(5, minmax(150px,1fr));
  gap:16px;
  margin-top:22px;
}
.whitepaper-preview-pages img{
  width:100%;
  max-height:720px;
  object-fit:contain;
  background:#03040a;
  border-radius:16px;
  border:2px solid rgba(255,210,91,.42);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
@media(max-width:1180px){
  #about .about-whitepaper-portal{grid-template-columns:1fr;}
  .whitepaper-preview-pages{grid-template-columns:1fr 1fr;}
}
@media(max-width:650px){
  #about .about-whitepaper-portal{padding:26px;border-radius:34px;}
  .whitepaper-angel-card{min-height:330px;}
  .whitepaper-family-line{flex-wrap:wrap;}
  .whitepaper-sacred-symbols{grid-template-columns:1fr;}
  .whitepaper-preview-pages{grid-template-columns:1fr;}
}


/* V37 FINAL ABOUT whitepaper image-only correction */
#about .about-whitepaper-portal-v37-final{
  grid-template-columns:4fr 7fr!important;
  gap:30px!important;
  align-items:stretch!important;
  padding:28px!important;
  min-height:560px!important;
}
#about .about-whitepaper-portal-v37-final:before{
  opacity:.28!important;
}
#about .about-whitepaper-portal-v37-final .about-whitepaper-copy{
  align-self:start!important;
  padding:8px 4px 8px 8px!important;
}
#about .about-whitepaper-portal-v37-final .about-whitepaper-copy h1{
  font-size:clamp(42px,4.2vw,66px)!important;
  margin:8px 0 22px!important;
}
#about .about-whitepaper-portal-v37-final .about-whitepaper-copy p{
  font-size:16.5px!important;
  line-height:1.9!important;
  font-weight:800!important;
  margin:0 0 16px!important;
  color:#533b11!important;
}
#about .about-whitepaper-portal-v37-final .whitepaper-poetic-line{
  margin-top:30px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(112,71,7,.18)!important;
  font-size:17.5px!important;
  line-height:1.95!important;
  color:#3c2706!important;
}

.whitepaper-image-only-card{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  min-height:520px;
  padding:0;
  border:0;
  border-radius:36px;
  overflow:hidden;
  cursor:pointer;
  background:#0b1028;
  box-shadow:0 26px 80px rgba(44,30,5,.30), inset 0 0 0 2px rgba(255,236,145,.30);
}
.whitepaper-image-only-card img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .55s ease, filter .55s ease;
}
.whitepaper-image-only-card:hover img{
  transform:scale(1.025);
  filter:saturate(1.06) brightness(1.03);
}

/* Only the text area on the image pulses; no separate 바로보기 icon */
.whitepaper-text-hotspot{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-48%);
  width:210px;
  height:138px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  color:#fff2b8;
  text-align:center;
  text-shadow:0 0 18px rgba(255,230,138,.65), 0 4px 14px rgba(31,18,0,.62);
  animation:whitepaperTextHeartOnly 1.55s ease-in-out infinite;
}
.whitepaper-text-hotspot strong{
  display:block;
  font-size:58px;
  line-height:1.02;
  font-weight:1000;
  letter-spacing:.04em;
}
.whitepaper-text-hotspot em{
  display:block;
  margin-top:12px;
  font-size:25px;
  line-height:1;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.04em;
}
@keyframes whitepaperTextHeartOnly{
  0%,100%{transform:translate(-50%,-48%) scale(1);}
  14%{transform:translate(-50%,-48%) scale(1.075);}
  28%{transform:translate(-50%,-48%) scale(.985);}
  42%{transform:translate(-50%,-48%) scale(1.045);}
  70%{transform:translate(-50%,-48%) scale(1);}
}

@media(max-width:1180px){
  #about .about-whitepaper-portal-v37-final{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  .whitepaper-image-only-card,
  .whitepaper-image-only-card img{
    min-height:420px;
  }
}
@media(max-width:650px){
  #about .about-whitepaper-portal-v37-final{
    padding:22px!important;
  }
  #about .about-whitepaper-portal-v37-final .about-whitepaper-copy p{
    font-size:15.5px!important;
  }
  .whitepaper-image-only-card,
  .whitepaper-image-only-card img{
    min-height:310px;
  }
  .whitepaper-text-hotspot{
    width:150px;
    height:96px;
  }
  .whitepaper-text-hotspot strong{
    font-size:40px;
  }
  .whitepaper-text-hotspot em{
    font-size:17px;
    margin-top:8px;
  }
}



/* Use a duplicated crop of the SAME original image.
   No extra text is added; only the original image region containing
   백서 / WHITEPAPER is shown and bounced. */
.whitepaper-bounce-crop{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  clip-path:inset(27.4% 31.2% 39.8% 31.0% round 20px);
  transform-origin:center center;
  animation:whitepaperOriginalCropBounce 1.55s ease-in-out infinite;
  filter:drop-shadow(0 0 18px rgba(255,230,138,.40));
}
.whitepaper-bounce-crop img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@keyframes whitepaperOriginalCropBounce{
  0%,100%{transform:scale(1);}
  14%{transform:scale(1.07);}
  28%{transform:scale(.988);}
  42%{transform:scale(1.04);}
  70%{transform:scale(1);}
}

/* Hide the older overlaid text hotspot if any stale CSS/HTML remains */
.whitepaper-text-hotspot{
  display:none !important;
}

@media(max-width:650px){
  .whitepaper-bounce-crop{
    clip-path:inset(27.8% 29.8% 40.2% 29.8% round 14px);
  }
}



/* Same original image, but only the central token-like circle is cropped.
   No extra text or wing region is included. */
.whitepaper-bounce-crop{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  clip-path:circle(18.6% at 50% 42.6%);
  transform-origin:50% 42.6%;
  animation:whitepaperTokenShrinkReturn 1.55s ease-in-out infinite;
}
.whitepaper-bounce-crop img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@keyframes whitepaperTokenShrinkReturn{
  0%,100%{transform:scale(1);} 
  14%{transform:scale(0.92);} 
  28%{transform:scale(0.965);} 
  42%{transform:scale(1);} 
  70%{transform:scale(1);} 
}

.whitepaper-text-hotspot{
  display:none !important;
}

@media(max-width:650px){
  .whitepaper-bounce-crop{
    clip-path:circle(19.2% at 50% 42.8%);
  }
}



/* Bounce ONLY the inner circular core that contains 백서 / WHITEPAPER.
   Excludes the outer ring and the wings. */
.whitepaper-bounce-crop{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  clip-path:circle(13.35% at 50% 42.55%);
  transform-origin:50% 42.55%;
  animation:whitepaperInnerCoreShrinkReturn 1.55s ease-in-out infinite;
}
.whitepaper-bounce-crop img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@keyframes whitepaperInnerCoreShrinkReturn{
  0%,100%{transform:scale(1);} 
  18%{transform:scale(0.90);} 
  36%{transform:scale(1);} 
  62%{transform:scale(1);} 
}

.whitepaper-text-hotspot{
  display:none !important;
}

@media(max-width:650px){
  .whitepaper-bounce-crop{
    clip-path:circle(13.8% at 50% 42.75%);
  }
}



/* Bounce ONLY the small inner circular core with the Korean/English text.
   The crop is moved downward and enlarged slightly so neither "백서" nor
   "WHITEPAPER" is clipped, while still staying inside the inner circle. */
.whitepaper-bounce-crop{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  clip-path:circle(14.8% at 50% 46.4%);
  transform-origin:50% 46.4%;
  animation:whitepaperInnerCoreShrinkReturnV2 1.58s ease-in-out infinite;
}
.whitepaper-bounce-crop img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@keyframes whitepaperInnerCoreShrinkReturnV2{
  0%,100%{transform:scale(1);} 
  18%{transform:scale(0.90);} 
  36%{transform:scale(1);} 
  62%{transform:scale(1);} 
}

.whitepaper-text-hotspot{
  display:none !important;
}

@media(max-width:650px){
  .whitepaper-bounce-crop{
    clip-path:circle(15.2% at 50% 46.8%);
  }
}


/* V42 ABOUT whitepaper inner-circle bounce final correction */
.whitepaper-image-only-card{
  position:relative;
  overflow:hidden;
}

/* Keep the same small-circle size, but move the crop downward so
   both "백서" and "WHITEPAPER" sit cleanly inside the inner circle,
   without clipping the upper glow or the text. */
.whitepaper-bounce-crop{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  clip-path:circle(14.8% at 50% 49.1%);
  transform-origin:50% 49.1%;
  animation:whitepaperInnerCoreShrinkReturnV42 1.58s ease-in-out infinite;
}
.whitepaper-bounce-crop img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@keyframes whitepaperInnerCoreShrinkReturnV42{
  0%,100%{transform:scale(1);} 
  18%{transform:scale(0.90);} 
  36%{transform:scale(1);} 
  62%{transform:scale(1);} 
}

.whitepaper-text-hotspot{
  display:none !important;
}

@media(max-width:650px){
  .whitepaper-bounce-crop{
    clip-path:circle(15.2% at 50% 49.4%);
  }
}


/* V43 COMMUNITY company introduction section */
#community .company-intro-v43{
  margin:30px 0 42px;
  padding:32px;
  border-radius:42px;
  border:1px solid rgba(99,62,6,.16);
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.88), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(78,216,255,.18), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.74), rgba(219,164,43,.22));
  box-shadow:0 22px 70px rgba(104,68,10,.11);
}
#community .company-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:26px;
}
#community .company-title-row h2{
  margin:8px 0 10px;
  font-size:42px;
  color:#362407;
}
#community .company-title-row p{
  margin:0;
  max-width:820px;
  font-size:17px;
  line-height:1.8;
  color:#604916;
  font-weight:700;
}
#community .company-map-open-btn,
#community .company-route-btn{
  border:0;
  border-radius:999px;
  padding:14px 22px;
  font-weight:1000;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);
  box-shadow:0 0 0 3px rgba(66,210,255,.38),0 14px 32px rgba(89,54,5,.20);
}
#community .company-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
#community .company-info-card,
#community .company-greeting-card,
#community .company-vision-grid article,
#community .company-map-card,
#community .company-route-card{
  border:1px solid rgba(99,62,6,.16);
  border-radius:30px;
  background:rgba(255,255,255,.66);
  padding:26px;
  box-shadow:0 14px 44px rgba(104,68,10,.08);
}
#community .company-info-card h3,
#community .company-greeting-card h3,
#community .company-route-card h3{
  margin:0 0 18px;
  font-size:25px;
  color:#362407;
}
#community .company-info-card dl{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px 18px;
  margin:0;
}
#community .company-info-card dt{
  color:#9a650e;
  font-weight:1000;
}
#community .company-info-card dd{
  margin:0;
  color:#3b2706;
  line-height:1.65;
  font-weight:800;
}
#community .company-greeting-card p,
#community .company-route-card p,
#community .company-route-card li{
  color:#604916;
  line-height:1.8;
  font-weight:700;
}
#community .company-vision-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:22px;
}
#community .company-vision-grid span{
  color:#9a650e;
  font-weight:1000;
  letter-spacing:.14em;
}
#community .company-vision-grid h3{
  margin:12px 0;
  font-size:23px;
  color:#362407;
}
#community .company-vision-grid p{
  margin:0;
  color:#604916;
  line-height:1.75;
  font-weight:700;
}
#community .company-location-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:22px;
  margin-top:22px;
}
#community .company-map-card{
  position:relative;
  min-height:380px;
  overflow:hidden;
  background:
    radial-gradient(circle at 60% 45%, rgba(255,237,152,.60), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,221,125,.48));
}
#community .company-map-card:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(117,85,24,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117,85,24,.08) 1px, transparent 1px);
  background-size:58px 58px;
}
#community .map-road{
  position:absolute;
  height:18px;
  border-radius:999px;
  background:rgba(184,135,37,.38);
  box-shadow:0 0 0 1px rgba(99,62,6,.08);
}
#community .road-a{left:-8%;right:8%;top:42%;transform:rotate(-8deg);}
#community .road-b{left:10%;right:-12%;top:62%;transform:rotate(10deg);}
#community .road-c{left:44%;right:42%;top:12%;bottom:10%;height:auto;width:18px;transform:rotate(4deg);}
#community .map-station{
  position:absolute;
  z-index:2;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(99,62,6,.15);
  color:#503205;
  font-weight:1000;
  box-shadow:0 10px 28px rgba(104,68,10,.10);
}
#community .station-guro{right:28px;bottom:44px;}
#community .station-daerim{left:30px;top:38px;}
#community .map-pin{
  position:absolute;
  z-index:3;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  text-align:center;
}
#community .map-pin b{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);
  background:linear-gradient(135deg,#5d3904,#c58b22 54%,#ffe99d);
  color:#fff;
  box-shadow:0 12px 34px rgba(89,54,5,.25);
}
#community .map-pin b::first-letter{ }
#community .map-pin b{
  font-size:18px;
}
#community .map-pin span{
  margin-top:16px;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(99,62,6,.16);
  color:#3b2706;
  font-weight:1000;
  line-height:1.45;
}
#community .company-route-card ul{
  margin:14px 0 20px;
  padding-left:22px;
}
@media(max-width:1180px){
  #community .company-profile-grid,
  #community .company-vision-grid,
  #community .company-location-grid{
    grid-template-columns:1fr;
  }
  #community .company-title-row{
    display:block;
  }
  #community .company-title-row button{
    margin-top:16px;
  }
}
@media(max-width:650px){
  #community .company-intro-v43{
    padding:24px;
    border-radius:32px;
  }
  #community .company-info-card dl{
    grid-template-columns:1fr;
    gap:6px;
  }
  #community .company-map-card{
    min-height:320px;
  }
}

/* V47 DIGITAL MEMORIAL and education preview update */
#memorial .memorial-hero-v47{
  display:grid;
  grid-template-columns:1.34fr .66fr;
  gap:26px;
  align-items:center;
  overflow:hidden;
}
#memorial .memorial-hero-copy{position:relative;z-index:2;}
#memorial .memorial-hero-v47 h1{line-height:1.18;}
#memorial .memorial-wing-mark-v47{
  position:relative;
  min-height:315px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding-top:8px;
}
#memorial .memorial-wing-mark-v47 img{
  width:118%;
  max-width:560px;
  object-fit:contain;
  opacity:1;
  filter:drop-shadow(0 16px 30px rgba(96,61,8,.16));
}
#memorial .memorial-wing-label-v47{
  margin-top:28px;
  color:#5d3904;
  font-size:30px;
  font-weight:1000;
  letter-spacing:.08em;
  text-align:center;
  line-height:1;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.memorial-extra-gallery-v47{
  margin-top:28px;
  padding:26px;
  border-radius:34px;
  border:1px solid rgba(99,62,6,.15);
  background:linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,221,125,.24));
  box-shadow:0 16px 48px rgba(104,68,10,.10);
  cursor:pointer;
}
.memorial-extra-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;}
.memorial-extra-head h2{margin:8px 0 0;color:#362407;font-size:31px;}
.memorial-extra-head p{margin:0;color:#604916;line-height:1.65;font-weight:700;}
.memorial-extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.memorial-extra-stage{height:210px;border-radius:22px;border:1px solid rgba(99,62,6,.12);box-shadow:0 12px 34px rgba(104,68,10,.09);background:rgba(255,255,255,.55);}
.memorial-extra-stage img{border-radius:22px;}
.education-slide-gallery-v47{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;margin-top:20px;}
.education-slide-gallery-v47 figure{margin:0;padding:12px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(99,62,6,.12);box-shadow:0 12px 32px rgba(104,68,10,.08);}
.education-slide-gallery-v47 img{width:100%;display:block;border-radius:14px;background:#fff;}
.education-slide-gallery-v47 figcaption{margin-top:8px;color:#6b4307;font-weight:900;text-align:center;}
@media(max-width:1180px){
  #memorial .memorial-hero-v47{grid-template-columns:1fr;}
  #memorial .memorial-wing-mark-v47{min-height:280px;}
  #memorial .memorial-wing-mark-v47 img{width:100%;max-width:620px;}
  .memorial-extra-grid{grid-template-columns:repeat(2,1fr);}
  .memorial-extra-head{display:block;}
}
@media(max-width:650px){
  #memorial .memorial-wing-label-v47{font-size:23px;margin-top:18px;}
  .memorial-extra-grid{grid-template-columns:1fr;}
  .memorial-extra-stage{height:240px;}
  .education-slide-gallery-v47{grid-template-columns:1fr;}
}


/* V51 web-link mobile correction */
html,body{max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
img,video,canvas,svg{max-width:100%!important;}
@media(max-width:820px){
 body{min-width:0!important;}
 .page,section,main,header,footer{max-width:100%!important;overflow-x:hidden!important;}
 .container,.wrap,.inner,.page-inner{width:100%!important;max-width:100%!important;}
 .hero,.page-hero,.memorial-hero-v46,.memorial-hero-v45{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:22px 16px!important;border-radius:22px!important;display:block!important;grid-template-columns:1fr!important;}
 .hero h1,.page-hero h1,.memorial-hero-copy h1{font-size:clamp(28px,10vw,42px)!important;line-height:1.16!important;word-break:keep-all!important;overflow-wrap:break-word!important;letter-spacing:-.05em!important;}
 .hero p,.page-hero p,.memorial-hero-copy p{font-size:15px!important;line-height:1.65!important;}
 .eyebrow{font-size:12px!important;letter-spacing:.18em!important;white-space:normal!important;}
 .hero-actions,.cta-row,.nav-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
 .hero-actions button,.cta-row button,.gold-btn,.pill-btn,button{max-width:100%!important;}
 .showcase-card,.phone-preview,.mobile-card,.about-whitepaper-portal,.company-intro-v43,.memorial-gallery-v31,.memorial-extra-gallery-v46,.memorial-extra-gallery-v45{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
 .card-grid,.memorial-extra-grid,.company-profile-grid,.company-vision-grid,.company-location-grid{grid-template-columns:1fr!important;}
 .memorial-extra-stage{height:190px!important;}
 .memorial-wing-mark-v46,.memorial-wing-mark-v45{min-height:160px!important;margin-top:14px!important;}
 .memorial-wing-mark-v46 img,.memorial-wing-mark-v45 img{max-width:280px!important;}
 .memorial-wing-label-v46{font-size:20px!important;}
}


/* V54 member search restore */
.member-search-v54{padding:76px 6vw;background:linear-gradient(135deg, rgba(255,248,226,.94), rgba(227,167,39,.30));}
.member-search-wrap-v54{max-width:1120px;margin:0 auto;}
.member-search-head-v54{margin-bottom:22px;}
.member-search-head-v54 h2{margin:8px 0 12px;font-size:40px;color:#362407;}
.member-search-head-v54 p{max-width:760px;color:#604916;font-weight:700;line-height:1.75;}
.member-search-box-v54{max-width:760px;padding:30px;border-radius:34px;background:rgba(255,255,255,.76);border:1px solid rgba(99,62,6,.14);box-shadow:0 18px 56px rgba(104,68,10,.10);}
.member-search-input-row-v54{display:grid;grid-template-columns:1fr 190px;gap:12px;}
.member-search-input-row-v54 input{width:100%;box-sizing:border-box;min-height:58px;padding:0 20px;border-radius:18px;border:2px solid rgba(159,99,8,.28);background:#fff;color:#362407;font-size:18px;font-weight:800;outline:none;}
.member-search-input-row-v54 input:focus{border-color:#b47a14;box-shadow:0 0 0 3px rgba(66,210,255,.18);}
.member-search-input-row-v54 button{min-height:58px;border:0;border-radius:18px;cursor:pointer;color:#fff;font-size:17px;font-weight:1000;background:linear-gradient(135deg,#5d3904,#c58b22 48%,#ffe99d);box-shadow:0 12px 28px rgba(89,54,5,.18);}
.member-search-meta-v54{display:flex;justify-content:space-between;gap:16px;margin:14px 2px 22px;color:#6b4b11;font-size:14px;font-weight:800;}
.member-search-result-v54{display:grid;gap:12px;}
.member-search-empty-v54{padding:34px 22px;border-radius:22px;background:rgba(255,244,203,.70);color:#765618;text-align:center;font-weight:800;line-height:1.7;}
.member-search-count-v54{color:#362407;font-size:18px;font-weight:1000;margin:6px 0 2px;}
.member-card-v54{display:flex;align-items:center;gap:18px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(99,62,6,.10);box-shadow:0 10px 28px rgba(104,68,10,.08);}
.member-no-v54{flex:0 0 auto;min-width:70px;padding:14px 12px;border-radius:16px;background:#e8f2fb;color:#2d3c49;text-align:center;font-weight:1000;}
.member-name-v54{color:#362407;font-size:19px;font-weight:1000;}
.member-extra-v54{margin-top:4px;color:#715217;font-size:14px;font-weight:700;line-height:1.5;}
.member-search-note-v54{margin:20px 2px 0;color:#6c4f17;font-size:14px;line-height:1.7;font-weight:700;}
@media(max-width:820px){
  .member-search-v54{padding:46px 18px;}
  .member-search-head-v54 h2{font-size:31px;}
  .member-search-box-v54{padding:20px;border-radius:28px;}
  .member-search-input-row-v54{grid-template-columns:1fr;}
  .member-search-input-row-v54 input,.member-search-input-row-v54 button{min-height:56px;font-size:17px;}
  .member-search-meta-v54{font-size:13px;}
  .member-card-v54{gap:12px;padding:14px;}
  .member-no-v54{min-width:58px;}
}


/* V57 partial search helper */
.member-search-note-v54 strong{
  color:#5d3904;
}