/* LP002 0.8 — Refero参照。採用理由はReferoデザイン方針_0.8.md。 */
.ui-arrow{display:inline-block;width:18px;height:18px;flex:none;vertical-align:-3px;color:inherit}
.site-header nav .ui-arrow{margin-left:8px;width:16px;height:16px}
.wp-header .ui-arrow,#wp-main footer .ui-arrow{margin-left:6px;width:16px;height:16px}
:root{--ink:#151d1a;--night:#060b0d;--surface:#10181a;--paper:#f4f5f3;--white:#f4f5f3;--muted:#b3bfbc;--green:#84efae;--line:#d5ded829;--display:"Bahnschrift","Helvetica Neue",Arial,sans-serif}
body{line-height:1.8}
h2{font-size:clamp(30px,3.1vw,45px);font-weight:600;line-height:1.4;letter-spacing:0}
h3{font-weight:600}
.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.14em;margin-bottom:24px}
.light .eyebrow{color:#51635a}
.site-header{border:0;height:78px;box-shadow:none}
.site-header nav{font-size:13px;font-weight:500}
.section{padding-block:96px}
.hero .eyebrow{color:#d1ddd7}
.hero h1{font-weight:600;letter-spacing:-.025em}
.hero-lead{max-width:490px;font-size:15px;line-height:1.9}
.hero .actions{position:absolute;left:max(56px,calc((100vw - 1200px)/2));bottom:44px;margin:0;z-index:2}
@media(min-width:801px){.hero-content{padding-top:50px}}
.button{border-radius:2px;font-weight:500;min-height:52px;transition:background .18s,color .18s}
.button:hover{transform:none}
.hero .primary,.paper-cta .primary{background:#f4f5f3;color:#151d1a;border-color:#f4f5f3}
.hero .primary:hover,.paper-cta .primary:hover{background:#d8e9df}
.text-link{font-weight:500;gap:16px;border-bottom:1px solid #7b8f84;padding-block:10px}
.intro{grid-template-columns:.85fr 1.15fr;gap:40px 85px}
.intro-copy{padding-top:35px;max-width:560px;font-size:15px}
.pillars{padding-top:12px}
.pillars h3{font-size:20px}
.pillars .pillar-index{font-size:11px;color:#81918b}
.pillars .micro{color:#93a29c;letter-spacing:.1em}
.pillar-visual{margin:22px 0 28px;min-height:0;align-self:stretch;display:flex;align-items:center;aspect-ratio:2/1;overflow:hidden;background:#071310}
.pillar-visual img{width:100%;height:100%;object-fit:cover;filter:contrast(1.35) brightness(.82) saturate(.82)}
.pillar-visual-space img{object-position:center top}
.pillar-visual-data img{object-position:center 54.2%}
.pillar-visual-ecosystem img{object-position:center bottom}
@media(min-width:481px){.intro>.section-heading{grid-column:1/-1}.pillars article{display:grid;grid-template-rows:auto auto 1fr auto;padding-bottom:28px}.pillars .micro{display:block}}
.mission-stats strong{font-weight:500;font-variant-numeric:tabular-nums}
.mission-stats{border-color:#c7d0c9}
.mission-detail .eyebrow{margin-bottom:12px}
.funding{padding-top:24px}
.funding-grid{display:block;border-top:1px solid #a7b4ac}
.funding-grid article{display:grid;grid-template-columns:1.05fr .7fr 1.25fr;align-items:start;column-gap:40px;padding:28px 0;border-bottom:1px solid #bac6be}
.funding-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px;grid-column:auto}
.funding-top>span{font-size:15px;font-weight:600}
.funding-top strong{font-size:15px;color:#56665d;font-weight:400}
.funding-grid .bar{display:none}
.funding-grid h3{margin:0;font-size:38px;line-height:1.2;white-space:nowrap;font-weight:500}
.funding-grid p{font-size:14px;line-height:1.85;margin:0}
.funding-foot{align-items:start;font-size:13px}
.roadmap{background:#071014}
.roadmap::before{opacity:.12;background-size:170% auto;background-position:right top;mask-image:linear-gradient(100deg,transparent 5%,#000 80%)}
.roadmap-total>strong{font-weight:500;font-size:62px}
.timeline{display:block;margin-top:56px}
.timeline>li,.timeline>li+li{display:grid;grid-template-columns:150px minmax(0,1fr) 220px;gap:12px 40px;border:0;border-top:1px solid #8aa09555;padding:28px 0;margin:0}
.timeline-year{grid-column:1;grid-row:1/4;border:0;padding:0;margin:0;font-size:10px;color:#a2b5ac}
.timeline-year b{font-size:30px;font-weight:400;color:#ecf1ed;display:block;margin-top:10px}
.timeline-year::before{display:none}
.timeline .phase-label{grid-column:2;grid-row:1;color:#90a79a;font-size:10px}
.timeline h3{grid-column:2;grid-row:2;font-size:23px;margin:0}
.timeline p:not(.phase-gate){grid-column:2;grid-row:3;font-size:14px;max-width:480px}
.timeline .phase-budget{grid-column:3;grid-row:1/3;margin:0;font-size:24px;font-weight:400}
.timeline .phase-budget span{display:block;margin:8px 0 0;font-size:12px}
.timeline p.phase-gate{grid-column:3;grid-row:3;margin:0;border:0;padding:0;font-size:12px;color:#b7c4be}
.token{background:#0a1114}
.token::before{opacity:.055}
.coin-stage::before{display:none}
.coin-figure .coin{filter:drop-shadow(0 18px 20px #0003);max-width:430px}
.coin-motion-toggle{border-radius:2px;min-height:44px;border-color:#586960;background:transparent}
.utility-list h3{font-size:18px}
.utility-list p{font-size:14px;line-height:1.8}
.utility-list>li>b{color:#81968b;font-size:11px}
.allocation{border-top:1px solid #4b5c5366;padding-top:34px}
.allocation strong{font-weight:500}
.funding::before{opacity:.035}
.participate::before{opacity:.04}
.estimator{background:#14231d;border:0;box-shadow:none}
.estimator .eyebrow{color:#b9cfc1}
.presets button{border-radius:2px;min-height:44px}
.faq{padding-top:25px}
.paper-cta{background:#071014;text-align:left}
.paper-cta>.container{display:grid;grid-template-columns:1.25fr .75fr;gap:16px 60px;align-items:start}
.paper-cta .eyebrow,.paper-cta h2,.paper-cta p:not(.eyebrow){grid-column:1;margin:0}
.paper-cta h2{font-size:clamp(32px,3.3vw,48px)}
.paper-cta .button{grid-column:2;grid-row:2;justify-self:start;margin:0}
.paper-cta .paper-version{grid-column:2;grid-row:3;margin:0}
.paper-cta::before{opacity:.16}
.rocket-stage{background:radial-gradient(ellipse at 80% 65%,#102024 0,transparent 60%),#030b10}
.rocket-chapter .eyebrow{color:#b5c8bf}
.rocket-controls button,.inspect-focus{border-radius:2px;min-height:44px}
.rocket-controls .inspect-toggle{background:#edf3ee;color:#14221b;border-color:#edf3ee}
.rocket-labels span,.rocket-detail-tag{border-left:0;background:transparent;padding-left:0}
.rocket-labels span{color:#c2d5cb;text-shadow:0 1px 4px #000}
.rocket-detail-tag{color:#afc2b9}
.wp-header{box-shadow:none}
@media(max-width:1000px){.site-header{height:auto;min-height:74px}.intro{gap:35px}.timeline>li,.timeline>li+li{grid-template-columns:110px minmax(0,1fr) 190px;column-gap:25px}.funding-grid article{column-gap:24px}.funding-grid h3{font-size:32px}}
@media(max-width:800px){.hero .actions{left:22px;right:22px;bottom:36px}.section{padding-block:70px}.intro{grid-template-columns:1fr}.intro-copy{padding:0;max-width:none}.funding{padding-top:16px}.funding-grid article{grid-template-columns:1fr 1fr;gap:16px;padding:24px 0}.funding-grid h3{text-align:right}.funding-grid p{grid-column:1/-1}.timeline>li,.timeline>li+li{grid-template-columns:90px minmax(0,1fr);column-gap:24px;padding-block:26px}.timeline .phase-budget{grid-column:2;grid-row:4;font-size:23px}.timeline p.phase-gate{grid-column:2;grid-row:5}.timeline .phase-budget span{display:inline;margin-left:10px}.timeline-year b{font-size:24px}.paper-cta>.container{display:block}.paper-cta h2{margin:18px 0}.paper-cta p:not(.eyebrow){margin:0 0 24px}.paper-cta .paper-version{margin-top:18px}.coin-figure .coin{max-width:100%}.faq{padding-top:15px}.roadmap::before{background-size:auto 100%;opacity:.09}.token::before{opacity:.045}.paper-cta::before{opacity:.13}}
@media(max-width:480px){h2,html[lang="en"] h2{font-size:29px}.section{padding-block:58px}.hero h1{font-size:40px}.hero-lead{font-size:14px}.hero .button{min-height:52px}.hero .actions{left:18px;right:18px;bottom:24px;gap:14px}.pillar-visual{grid-column:2;margin:14px 0 20px}.funding-grid h3{font-size:30px}.funding-grid h3 small{font-size:15px}.timeline>li,.timeline>li+li{grid-template-columns:64px minmax(0,1fr);column-gap:18px}.timeline-year b{font-size:19px}.timeline h3{font-size:21px}.timeline .phase-budget span{display:block;margin-left:0}.rocket-controls button,.inspect-focus{font-size:10px;padding:8px 10px}.rocket-controls{bottom:110px}.rocket-steps{bottom:60px}.rocket-caption{font-size:8px}.wp-header .ui-arrow{width:14px;height:14px}}
@media print{.paper-cta>.container{display:block}.paper-cta,.token,.roadmap{background:white}}

/* 0.22.5: モバイルメニューをヘッダーの外側へ展開し、開閉時の位置ずれを防ぐ。 */
@media(max-width:1000px){
 .site-header{height:78px;min-height:78px;flex-wrap:nowrap;padding:0 22px;gap:20px;isolation:isolate}
 .site-header .brand{display:flex;align-items:center;align-self:stretch}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin-left:auto;padding:8px;border:0;background:transparent;color:var(--ink)}
 .menu-icon{display:block;width:28px;height:28px;overflow:visible}
 .menu-line{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;vector-effect:non-scaling-stroke;transform-box:view-box;transform-origin:center;transition:transform .2s ease,opacity .14s ease}
 .menu-toggle[aria-expanded="true"] .menu-line-top{transform:translateY(6px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] .menu-line-middle{opacity:0}
 .menu-toggle[aria-expanded="true"] .menu-line-bottom{transform:translateY(-6px) rotate(-45deg)}
 .site-header nav{position:absolute;top:100%;left:0;right:0;width:auto;display:grid;grid-template-columns:1fr;align-items:stretch;gap:0;padding:8px 22px 18px;background:#fff;border-top:1px solid #dbe3dc;border-bottom:1px solid #cbd6cf;box-shadow:0 18px 36px rgba(4,18,13,.14)}
 .site-header nav a{display:flex;align-items:center;min-height:48px;padding:0;border-bottom:1px solid #e1e8e3;font-size:15px;line-height:1.3}
 .site-header nav a:nth-last-child(2){border-bottom:0}
 .site-header nav .nav-paper{margin-top:8px;padding:8px 0 0;border-left:0;border-top:1px solid #9fb0a7;border-bottom:0;font-weight:650}
 .js .site-header nav:not(.is-open){display:none}
}

/* 0.9: エコシステム参加の説明。販売UIを置かず、成果と条件を読む。 */
.ecosystem-rows article { grid-template-columns: .75fr 1fr 1.25fr; }
.ecosystem-rows article h3 { font-size: clamp(21px, 2.2vw, 28px); line-height: 1.4; font-weight:600; }
.ecosystem-symbol{grid-column:3;justify-self:end;align-self:center;width:min(100%,240px);margin:0;color:var(--deep)}
.ecosystem-symbol img{display:block;width:100%;height:auto}
.ecosystem .split-heading{margin-bottom:40px}
.contribution-example { background:#111d19; color:#f4f5f3; padding:40px; align-self:start; }
.participate .contribution-example .eyebrow { color:#b9c9c1; }
.contribution-example h3 { font-size:28px; line-height:1.4; margin:20px 0; }
.contribution-example > p:not(.eyebrow), .contribution-example dd { color:#c7d1cc; font-size:15px; line-height:1.8; }
.contribution-example dl { margin:28px 0; }
.contribution-example dl > div { border-top:1px solid #3b4841; padding:20px 0; }
.contribution-example dt { font-size:13px; color:#f4f5f3; margin-bottom:8px; }
.contribution-example dd { margin:0; }
@media(max-width:800px){.ecosystem .split-heading{margin-bottom:30px}.ecosystem-rows article{grid-template-columns:1fr;} .ecosystem-rows article h3{grid-column:1;text-align:left}.ecosystem-symbol{grid-column:1;width:min(190px,62vw);justify-self:end;margin-top:8px}.contribution-example{padding:28px 24px;} .contribution-example h3{font-size:25px;}}

/* Stage別の目標を読む2列構成。既存の画像・文字階層を継承。 */
@media(min-width:801px){.timeline>li,.timeline>li+li{grid-template-columns:150px minmax(0,1fr)}.timeline p:not(.phase-gate){max-width:740px}}

/* 受領ワードマークの縦横比を保持する。 */
.brand img{width:210px;height:auto;aspect-ratio:1824/372;object-fit:contain}
.wp-header img{width:190px;height:auto;aspect-ratio:1824/372;object-fit:contain}
.footer-wordmark{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
.footer-wordmark img{width:210px;height:auto;aspect-ratio:1824/372;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:800px){.footer-wordmark img{width:176px}}
@media print{.footer-wordmark img{filter:none}}
@media(max-width:800px){.brand img{width:176px}.wp-header img{width:158px}}

/* 0.23.0: ミッション説明を、ロケット図に続く簡潔な役割インデックスへ整理。 */
.mission .rocket-figure{margin-bottom:0}
.mission-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #cbd6cb}
.mission-index article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;align-items:center;min-height:104px;padding:24px 30px 26px 0}
.mission-index article+article{border-left:1px solid #cbd6cb;padding-left:30px}
.mission-index .mission-number{font:500 12px/1.6 var(--display);letter-spacing:.08em;color:var(--deep)}
.js .mission-index .mission-number{color:#9aa9a0;transition:color .42s ease}
.js .mission-index article.is-number-active .mission-number{color:var(--deep)}
.mission-index h3{font-size:clamp(18px,1.75vw,24px);line-height:1.4}
@media(max-width:800px){.mission-index{grid-template-columns:1fr}.mission-index article,.mission-index article+article{grid-template-columns:34px minmax(0,1fr);min-height:0;padding:22px 0;border-left:0}.mission-index article+article{border-top:1px solid #cbd6cb}.mission-index h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.js .mission-index .mission-number{color:var(--deep);transition:none}}

/* 0.25.0: 4つの参加工程を、四隅の図解と中央ネットワークからなる一枚絵へ。 */
.participate .participation-canvas{position:relative;display:grid;grid-template-columns:minmax(330px,440px) minmax(330px,440px);grid-template-rows:auto auto;justify-content:space-between;align-content:space-between;gap:220px 220px;min-height:620px;padding:32px 0;background:transparent;isolation:isolate}
.participation-network{position:absolute;inset:0;z-index:0;width:100%;height:100%;color:var(--deep);opacity:.24}
.participation-node{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:22px;align-items:center;min-height:148px;padding:22px 24px;border:1px solid #567064;background:rgba(244,245,243,.88)}
.participation-node:nth-of-type(even){justify-self:end}
.node-copy span{display:block;margin-bottom:8px;font:400 24px/1 var(--display);color:#52675d;font-variant-numeric:tabular-nums}
.node-copy h3{margin:0;font-size:clamp(20px,1.8vw,26px);line-height:1.35}
.node-illustration{width:92px;height:92px;color:var(--deep)}
@media(max-width:1000px){.participate .participation-canvas{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:170px 100px}.participation-node{grid-template-columns:minmax(0,1fr) 72px}.node-illustration{width:72px;height:72px}}
@media(max-width:800px){.participate .participation-canvas{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:16px;min-height:0;padding:0}.participation-network{inset:20px auto 20px 18px;width:42px;height:calc(100% - 40px);opacity:.12}.participation-node,.participation-node:nth-of-type(even){justify-self:stretch;grid-template-columns:minmax(0,1fr) 68px;min-height:112px;padding:18px 18px 18px 24px;background:rgba(244,245,243,.9)}.node-copy span{font-size:18px}.node-copy h3{font-size:20px}.node-illustration{width:64px;height:64px}}

/* 短くした図版ラベルとWP導線を、余白ごと整える。 */
.rocket-figure figcaption{display:block;text-align:center;font:12px/1.9 var(--display);letter-spacing:.1em}
@media(min-width:801px){
 .paper-cta>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 clamp(28px,5vw,100px);align-items:center}
 .paper-cta .eyebrow{grid-column:1;grid-row:1;margin:0 0 16px}
 .paper-cta h2{grid-column:1;grid-row:2;margin:0}
 .paper-cta .button{grid-column:2;grid-row:2;margin:0}
}

/* 0.26.4: スマートフォンのミッション数値を共通の基準線で揃える。 */
@media(max-width:480px){
 .mission-stats>div{display:grid;grid-template-rows:52px auto;align-content:start;min-width:0;padding:22px 14px 25px}
 .mission-stats>div:first-child{padding-left:0;padding-right:18px}
 .mission-stats>div:nth-child(2){padding-left:22px;padding-right:0}
 .mission-stats>div>span:first-child{align-self:start;font-size:13px;line-height:1.45}
 .mission-stats strong,html[lang="en"] .mission-stats strong{display:flex;align-items:baseline;gap:8px;margin-top:8px;font-size:52px;line-height:1;letter-spacing:-.04em}
 .mission-stats small,html[lang="en"] .mission-stats small{display:inline-block;margin:0;font:500 16px/1 var(--body);letter-spacing:0}
 .mission-stats>div:last-child{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;align-items:end;padding:24px 0 27px}
 .mission-stats>div:last-child>span:first-child{grid-column:1/-1;grid-row:1;margin-bottom:16px}
 .mission-stats>div:last-child strong{grid-column:1;grid-row:2;margin-top:0;white-space:nowrap}
 .mission-stats>div:last-child .stat-sub,html[lang="en"] .mission-stats>div:last-child .stat-sub{grid-column:2;grid-row:2;align-self:end;display:block;margin:0 0 3px;font-size:13px;line-height:1.35}
}