:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #1a1a1d;--border-subtle: #2a2a2e;--border-hover: #3a3a3e;--text-primary: #e8e8ea;--text-secondary: #8a8a8e;--text-muted: #5a5a5e;--accent: #f0a050;--accent-strong: #ffd08a;--accent-glow: rgba(240, 160, 80, .15);--card-bg: rgba(17, 17, 19, .88)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Noto Sans JP,sans-serif;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(240,160,80,.12),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05),transparent 18%),linear-gradient(180deg,#090909,#111113 45%,#0c0c0d)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.home-shell{position:relative;min-height:100vh}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#0a0a0bc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:34px;height:34px;border:2px solid var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-icon:before{content:"";width:13px;height:13px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);border-radius:3px;opacity:.85}.logo-text{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;letter-spacing:-.04em}.home-main{position:relative;z-index:1;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:56px 0 72px}.hero{margin-bottom:28px}.hero-copy,.tool-card{border:1px solid var(--border-subtle);background:var(--card-bg);box-shadow:0 18px 60px #00000052}.hero-copy{padding:40px;border-radius:28px}.tool-eyebrow{margin:0 0 14px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.02;letter-spacing:-.04em}.hero-description{max-width:46rem;margin:18px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.75}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-card{display:grid;gap:20px;padding:28px;border-radius:24px;color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.tool-card:hover{transform:translateY(-4px);border-color:#f0a05042;box-shadow:0 22px 70px #00000061}.tool-card-header h2{margin:0;font-size:2rem;letter-spacing:-.05em}.tool-description{margin:0;color:var(--text-secondary);line-height:1.9}.tool-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-strong);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.tool-link:after{content:"→"}@media(max-width:920px){.tool-grid{grid-template-columns:1fr}}@media(max-width:640px){header{padding:14px 16px}.home-main{width:min(100% - 24px,1120px);padding:28px 0 40px}.hero-copy,.tool-card{padding:22px;border-radius:20px}}