/* Gen Matsuda hub — 三カ国にまたがる起業家のまとめサイト
   メタファー: 「三つの時計」。東京・シンガポール・ジョホール。
   色は 濃紺の夜 + 骨白 + 金 の 2+1。ジムサイト(黒×赤)とは別の顔にする(憲法8)。 */
:root{
  --bg:#0a0e16; --bg2:#111725; --bg3:#18203214;
  --tx:#e9e6df; --tx2:#93a0b5;
  --ac:#c9a227; --ac2:#e6c661;
  --ln:rgba(233,230,223,.13);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  background:var(--bg); color:var(--tx);
  font-family:"Inter","Helvetica Neue",-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  line-height:1.8; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:900px;margin:0 auto;padding:0 24px}
a{color:var(--ac2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s cubic-bezier(.4,0,.2,1),color .25s}
a:hover{border-bottom-color:var(--ac2)}

header.nav{border-bottom:1px solid var(--ln);position:sticky;top:0;
  background:rgba(10,14,22,.93);backdrop-filter:blur(10px);z-index:50}
.nav-in{max-width:900px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.brand{font-weight:800;font-size:14.5px;letter-spacing:.02em;color:var(--tx);border:none}
.brand span{color:var(--ac)}
.nav a{font-size:12.5px;letter-spacing:.05em;color:var(--tx2);border:none}
.nav a:hover{color:var(--tx)}
.nav .sp{margin-left:auto}

.hero{padding:74px 0 48px;border-bottom:1px solid var(--ln)}
.kicker{font-size:10.5px;font-weight:700;letter-spacing:.3em;color:var(--ac);text-transform:uppercase;margin-bottom:22px}
h1{font-size:clamp(32px,6.4vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.02em}
.lead{margin-top:22px;font-size:clamp(15.5px,2.2vw,18.5px);color:var(--tx2);max-width:680px;line-height:1.85}

/* 三つの時計 */
.clocks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ln);
  border:1px solid var(--ln);margin-top:34px}
@media(max-width:640px){.clocks{grid-template-columns:1fr}}
.clock{background:var(--bg);padding:22px 20px 24px}
.clock .c{font-size:10.5px;letter-spacing:.24em;color:var(--ac);text-transform:uppercase;font-weight:700}
.clock .t{margin-top:10px;font-size:16px;font-weight:700;line-height:1.5}
.clock .d{margin-top:8px;font-size:13px;color:var(--tx2);line-height:1.8}

section{padding:54px 0;border-bottom:1px solid var(--ln)}
section:last-of-type{border-bottom:none}
h2{font-size:clamp(22px,3.8vw,30px);font-weight:800;letter-spacing:-.01em;line-height:1.3}
h3{font-size:17.5px;font-weight:700;margin-top:30px;line-height:1.5}
p{margin-top:16px;font-size:15.5px;line-height:1.85}
p.mut{color:var(--tx2);font-size:14.5px}
strong{color:#fff;font-weight:700}

/* ベンチャー一覧 */
.vs{margin-top:28px;border:1px solid var(--ln)}
.v{display:grid;grid-template-columns:150px 1fr;gap:1px;background:var(--ln)}
.v > div{background:var(--bg);padding:18px 20px}
.v .k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);font-weight:700;line-height:1.6}
.v .b{font-size:14.5px;line-height:1.85}
.v .b .n{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px}
@media(max-width:620px){.v{grid-template-columns:1fr}.v .k{padding-bottom:0}}

/* 事実の帯 */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);
  border:1px solid var(--ln);margin-top:28px}
@media(max-width:760px){.facts{grid-template-columns:1fr 1fr}}
.f{background:var(--bg);padding:22px 18px 24px}
.f .v2{font-size:clamp(21px,3.6vw,28px);font-weight:800;color:var(--ac2);line-height:1.1;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.f .l{margin-top:10px;font-size:12.5px;color:var(--tx2);line-height:1.7}

.note{margin-top:26px;border-left:3px solid var(--ac);background:var(--bg2);padding:19px 21px}
.note p{margin-top:0;font-size:14.5px;color:var(--tx2);line-height:1.85}
.note p + p{margin-top:10px}
.note b{color:var(--tx)}

.cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 26px;font-size:14px;font-weight:700;letter-spacing:.03em;
  background:var(--ac);color:#0a0e16;border:1.5px solid var(--ac);border-radius:2px;
  transition:background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),color .25s}
.btn:hover{background:transparent;color:var(--ac2);transform:translateY(-2px)}
.btn.g{background:transparent;color:var(--tx);border-color:var(--ln)}
.btn.g:hover{border-color:var(--tx);color:#fff}

ul.links{margin:20px 0 0 0;list-style:none;border-top:1px solid var(--ln)}
ul.links li{border-bottom:1px solid var(--ln);padding:14px 2px;font-size:14.5px;line-height:1.75}
ul.links li span{display:block;font-size:12.5px;color:var(--tx2);margin-top:4px}

footer{padding:46px 0 72px;border-top:1px solid var(--ln);margin-top:44px}
footer p{font-size:12.5px;color:var(--tx2);line-height:2}
footer .fl{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px}
footer .fl a{font-size:12.5px;color:var(--tx2);border:none}
footer .fl a:hover{color:var(--tx)}