.toolHero{background:#0a1423;color:#f7f0e5;padding:160px 7vw 80px}
.toolHero h1{font-size:clamp(40px,5vw,72px);line-height:1.25;margin:24px 0 30px;font-weight:500;letter-spacing:-.04em}
.toolHero .lead{max-width:640px;color:#b8c0cd;letter-spacing:.04em}

.toolListSection{background:#0a1423;padding:0 7vw 120px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px}
.toolCard{position:relative;display:grid;grid-template-columns:170px 1fr;gap:28px;background:#0d1a2c;border:1px solid #ffffff18;overflow:hidden;transition:.3s;padding:32px}
.toolCard:hover{border-color:var(--accent);transform:translateY(-4px)}
.toolCard.isComingSoon{cursor:default;opacity:.62}
.toolCard.isComingSoon:hover{border-color:#ffffff18;transform:none}
.toolCardNo{position:absolute;top:14px;left:14px;z-index:2;font:11px Arial,sans-serif;color:#f7f0e5;background:#00000070;padding:4px 8px}
.toolMonogram{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;font-family:"Playfair Display","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-synthesis:none;font-size:88px;color:var(--accent-dark,var(--accent));border:1px solid #ffffff18;aspect-ratio:1;overflow:hidden;padding:6px 2px}
.toolMonogram::before{content:"";position:absolute;inset:9px;border:1px solid var(--accent-dark,var(--accent));opacity:.3}
.toolMonogram::after{content:attr(data-mono);position:absolute;right:-.12em;bottom:-.28em;font-size:2.4em;color:var(--accent-dark,var(--accent));opacity:.1;z-index:0}
.toolMonogram span{position:relative;z-index:1}
.toolCardBody{color:#f7f0e5;display:flex;flex-direction:column}
.toolCardMeta{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.toolBadge{font:12px "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.08em;padding:5px 12px;border:1px solid #ffffff40;color:#b8c0cd}
.toolBadge.isFree{border-color:#ffffff70;color:#f7f0e5}
.toolBadge.isMember{background:var(--gold);border-color:var(--gold);color:#0a1423;font-weight:600}
.toolBadge.isBeta{border-color:var(--red);color:#e08a92}
.toolBadge.isSoon{border-color:#ffffff30;color:#7a8494;background:repeating-linear-gradient(135deg,transparent,transparent 4px,#ffffff08 4px,#ffffff08 8px)}
.toolCardBody h2{margin:0 0 10px;font-size:25px;font-family:Georgia,"Iowan Old Style","Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;letter-spacing:.03em;font-synthesis:none;font-feature-settings:"palt"}
.toolCardCopy{margin:0 0 16px;font-size:13px;line-height:1.9;color:#aeb7c6}
.toolCardChar{margin:auto 0 0;padding-top:14px;border-top:1px solid #ffffff18;font:11px Arial,sans-serif;letter-spacing:.1em;color:var(--accent-dark,var(--accent))}

.toolDetail{background:#0a1423;color:#f7f0e5;min-height:100vh}
.toolDetailHero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.toolDetailArt{position:relative;overflow:hidden;background:#06101e;display:flex;align-items:center;justify-content:center}
.toolDetailArt::before{content:"";position:absolute;inset:56px;border:1px solid var(--accent-dark,var(--accent));opacity:.32}
.toolDetailArt::after{content:"";position:absolute;inset:80px;border:1px solid var(--accent-dark,var(--accent));opacity:.18}
.toolMonogramGhost{position:absolute;right:-.08em;bottom:-.22em;font-family:"Playfair Display","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-synthesis:none;font-size:clamp(220px,34vw,420px);color:var(--accent-dark,var(--accent));opacity:.12;line-height:1;z-index:0}
.toolMonogramBig{position:relative;z-index:1;font-family:"Playfair Display","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-synthesis:none;font-size:clamp(120px,18vw,220px);color:var(--accent-dark,var(--accent));line-height:1}
.toolDetailCaption{position:absolute;left:40px;bottom:40px;z-index:1;font:11px Arial,sans-serif;letter-spacing:.22em;color:var(--accent-dark,var(--accent));opacity:.8}
.toolDetailBody{padding:16vh 5vw 60px;display:flex;flex-direction:column;justify-content:center}
.toolBack{font:11px Arial,sans-serif;letter-spacing:.1em;color:#b8c0cd;margin-bottom:30px;display:inline-flex;align-items:center;gap:8px;width:fit-content}
.toolBack:hover{color:var(--accent,#c69a54)}
.toolCategory{font:600 11px Arial,sans-serif;letter-spacing:.26em;color:var(--accent)}
.toolNameEn{font-family:Georgia,"Iowan Old Style","Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-synthesis:none;font-feature-settings:"palt";font-size:clamp(38px,4.5vw,60px);line-height:1.3;margin:20px 0 20px;letter-spacing:.02em}
.toolMetaRow{display:flex;gap:12px;align-items:center;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #ffffff1f}
.toolCopyLead{font-size:16px;line-height:1.9;color:#e6e9ef;margin:0 0 36px;max-width:480px}
.toolCharLink{display:inline-flex;align-items:center;gap:8px;font:12px Arial,sans-serif;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);padding:12px 18px;width:fit-content;margin-bottom:36px}
.toolNoteLink{display:inline-block;background:var(--red);color:#fff;padding:16px 24px;font:13px Arial,sans-serif;width:fit-content}

.toolVoice{padding:90px 7vw;background:#f4efe6;color:var(--ink)}
.toolVoiceInner{max-width:720px;margin:0 auto}
.toolVoice p.sectionNo{font:600 10px Arial,sans-serif;letter-spacing:.26em;color:var(--red)}
.toolVoice h2{font-size:clamp(28px,3.5vw,40px);margin:16px 0 40px;font-weight:500;color:var(--ink)}
.toolVoiceCard{position:relative;background:#fff;padding:44px 44px 40px;margin:0;box-shadow:0 6px 24px #0000000d}
.toolVoiceCard::before{content:"";position:absolute;inset:10px;border:1px solid var(--accent,var(--red));opacity:.3;pointer-events:none}
.toolVoiceLine{position:relative;display:flex;gap:20px;align-items:flex-start}
.toolVoiceLine+.toolVoiceLine{margin-top:26px;padding-top:26px;border-top:1px solid #00000014}
.toolVoiceIcon{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center;flex-shrink:0;border:2px solid var(--accent,var(--red));filter:saturate(.9)}
.toolVoiceLineBody{min-width:0}
.toolVoiceSpeaker{display:block;font-family:"Playfair Display","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-synthesis:none;font-size:15px;letter-spacing:.06em;color:var(--accent,var(--red));margin-bottom:8px}
.toolVoiceText{margin:0;font-size:15px;line-height:1.9;color:var(--ink)}

.toolNav{display:flex;justify-content:space-between;padding:30px 7vw;border-top:1px solid #ffffff18;font:12px Arial,sans-serif;letter-spacing:.08em;background:#0a1423;color:#b8c0cd}
.toolNav a{color:#b8c0cd}
.toolNav a:hover{color:var(--accent,#c69a54)}

@media(max-width:850px){
  .toolHero{padding:110px 6vw 60px}
  .toolListSection{grid-template-columns:1fr;padding:0 6vw 90px}
  .toolCard{grid-template-columns:110px 1fr;padding:22px}
  .toolMonogram{font-size:52px}
  .toolMonogram::after{font-size:2em}
  .toolDetailHero{grid-template-columns:1fr}
  .toolDetailArt{height:70vw}
  .toolDetailBody{padding:50px 6vw 60px}
  .toolNameEn{font-size:42px}
  .toolMonogramBig{font-size:clamp(90px,26vw,160px)}
  .toolMonogramGhost{font-size:clamp(160px,50vw,260px)}
  .toolVoice{padding:60px 6vw}
  .toolVoiceCard{padding:28px 22px 24px}
  .toolVoiceIcon{width:52px;height:52px}
  .toolVoiceText{font-size:14px}
}